html,body {
  background:url(/images/tridentbg.gif);
  color:#b2b2b2;
  font-family:"Trebuchet MS",arial,sans-serif;
  height:100%;
  margin:0;
  padding:0;
}

body {font-size:0.8em;}
h1 {
  font-size:26px;
  letter-spacing:-1px;
  margin:0 0 10px;
  position:relative;
}
h1 span {
  background:url(/images/gradient-dark-h1.png) repeat-x;
  top:11px;
  display:block;
  height:20px;
  position:absolute;
  width:100%;
}
h2 {
  font-size:1.6em;
  font-weight:normal;
  margin:0 0 0.5em;
  position:relative;
}
h2 span {
  background:url(/images/gradient-dark-h2.png) repeat-x;
  top:10px;
  display:block;
  height:15px;
  position:absolute;
  width:100%;
}
h3 {font-size:1em;}
a, h1, h2, h3 {
  color:#fff;
  text-decoration:none;
}
a:hover {color:#f00;}
p {line-height:16px;}
form {
  margin:0;
  padding:0;
}
#content input {height:15px;}
#content input,
#content textarea {
  background:#000;
  border:1px solid #333;
  color:#B2B2B2;
  font-family:"Trebuchet MS",arial,sans-serif;
  font-size:12px;
  margin-bottom:3px;
  padding:3px;
}
#content input.submit {
  background:#a00c0c;
  border:0 none;
  color:#fff;
  cursor:pointer;
  font-size:12px;
  height:auto;
  padding:3px;
}
#contact_email_subject {width:385px;}
#contact_email_message {width:538px;}
#contact_user_how_find {width:285px;}

#content p a:link, #content p a:visited, #content p a:hover,
#content li a:link, #content li a:visited, #content li a:hover,
#footer p a:link, #footer p a:visited, #footer p a:hover {border-bottom:1px dotted #f30 !important;}
p.right { 
  text-align:right;
  margin:0;
}
p.heading {font-size:1.2em}
.clear {clear:both;}
.display {display:block !important;}
.blackbg {background:#000 !important;}
.blackbg a {color:#f00;}
.column {
  float:left;
  padding:10px 35px 0 0;
}

#homepage p {margin:0.5em 0;}
#homepage h2 img {border:none;}
#homepage div.thumbs {
  margin-right:0;
  width:470px;
}
#homepage div.thumbs img {cursor:pointer;}
#homepage #content div.column {
  float:right;
  padding:0;
  width:470px;
}

#projects {
  margin:0;
  padding:0;
}
#projects img {cursor:pointer;}
#projects li {
  float:left;
  list-style:none;
  width:217px;
}
#projects h3, #projects p {
  font-size:0.85em;
	margin:1px;
	position:absolute;
}
#projects h3 {
  background:url(/images/overlay.png);
  height:26px;
  margin-top:105px;
  text-align:center;
}
#content #projects a {
  border:0 none !important;
  display:block;
  padding:5px;
  width:202px;
}
#projects p {
  background:url(/images/overlay.png);
  display:none;
}
#projects p a {
  border:none !important;
  height:94px;
}
#projects p a:hover {color:#fff;}
#projects em {font-weight:bold;} 

#bggrad {
  background:url(/images/bggrad.png);
  height:580px;
  left:0;
  position:absolute;
  width:100%;
}

#bggradsides {
  background:transparent url(/images/bggradsides.png) repeat-y scroll center top;
  min-height:100%;
}

#bggradsidestop {
  background:transparent url(/images/bggradsidestop.png) no-repeat scroll center top;
  height:580px;
  left:0;
  position:absolute;
  width:100%;
}

#container {
  height:100%;
  margin:0 auto;
  position:relative;
  width:900px;
}

#details {
  position:relative;
  background:url(/images/detailssides.gif) repeat-y;
  padding:14px 14px 16px;
  float:right;
  font-size:0.9em;
  margin:0 0 10px 10px;
  width:162px;
}
#details div {
  position:absolute;
  height:14px;
  width:190px;
  left:0;
}
#details div.header {
  background:url(/images/detailstop.gif) top no-repeat;
  top:0;
}
#details div.footer {
  background:url(/images/detailsbottom.gif) bottom no-repeat;
  bottom:0;
}
#details p,#details h2 {margin:0;}
#details h2 {font-size:1.1em;}

#cse-search-box {
  position:absolute;
  right:15px;
  top:8px;
}
#cse-search-box input {vertical-align:middle;}

#header {
  height:123px;
  padding:10px 15px 15px;
}
#header.compact {height:auto;}
#header img {border:0 none;}
#header ul {
  left:143px;
  margin:0;
  padding:0;
  position:absolute;
}
#header ul li {
  display:inline;
  color:#f00;
  font-weight:bold;
}
#header p {margin:0 0 0 128px;}
#header div {
  float:right;
  margin-top:40px;
  width:470px;
}
#header div h1,
#header div p {
  padding:0;
  margin:0;
  text-align:justify;
}

#header #ardnut_logo {margin:50px 0 0 23px;}
#header.compact #ardnut_logo {margin:0;}
#helmet_logo {float:left;}

#callout {
  position:relative;
  background:url(/images/calloutsides.gif) repeat-y;
  padding:20px;
  width:330px;
}
#callout div {
  position:absolute;
  height:14px;
  width:370px;
  left:0;
}
#callout div.header {
  background:url(/images/callouttop.gif) top no-repeat;
  top:0;
}
#callout div.footer {
  background:url(/images/calloutbottom.gif) bottom no-repeat;
  bottom:0;
}
#callout h2, #callout p {margin:0;}
#callout h2 {font-size:1.6em;}


#content {margin:auto 15px;}
#content img {border:1px solid #555;}

.overimg {border:1px solid #f00 !important;}
.selectedimg {border:1px solid #fff !important;}

#switcher {
  height:262px;
  margin:0;
  padding:0;
}
#switcher li {
  list-style:none;
  width:424px;
  position:relative;
}
#switcher h3, #switcher p {
  margin:3px;
  position:absolute;
}
#switcher p {
  font-size:0.9em;
  margin-top:200px;
}
#content #switcher a {border:0 none !important;}
#switcher p a:hover {color:#fff;}
#switcher h3 {
  font-size:1.3em;
  margin-top:180px;
}
#content #switcher h3 a, #content #switcher p a {
  display:block;
  padding:0 5px;
  width:414px;
}
#slide2, #slide3, #slide4 {display:none;}

#sitenews {width:370px;}
#sitenews p {
  margin:0;
  text-align:justify;
}
#sitenews .spartpressPostHeading h2 {
  border:0;
  font-size:1.1em;
  margin:10px 0 5px;
  padding:0;
}
#sitenews h2,
#sitenews .spartpressPost {
  border-bottom:1px dashed #666;
}
#sitenews h2,
#sitenews .spartpressPost td {
  padding-bottom:10px;
}
#sitenews table {
  border-collapse:collapse;
}
#sitenews .spartpressPost img.spartpressSummaryThumb {
  border:1px solid #333;
  float:left;
  margin:0 10px 5px 0;
  padding:3px;
}

div.thumbs a:hover, div.thumbssmall a:hover {border:0;color:#f00;}
div.thumbs a:hover img, div.thumbssmall a:hover img {border:1px solid #f00 !important;}
div.thumbs img, div.thumbssmall img {
  background:#000;
  padding:3px;
}
div.thumbs, div.thumbssmall {
  background:url(/images/thumbsbgleft.gif) repeat-y;
  margin:0 10px 15px 0;
  float:left;
}
div.thumbs div.header, div.thumbssmall div.header {
  position:relative;
  background:#000 url(/images/thumbsbgtop.gif) repeat-x bottom;
  padding:39px 0 0 0;
}
div.thumbs div.header h2, div.thumbssmall div.header h2{
  position:absolute;
  font-size:1.1em;
  margin:0 !important;
  z-index:1;
  top:15px;
  left:45px;
}
div.thumbs div.header div, div.thumbssmall div.header div {
  position:absolute;
  height:39px;
  top:0;
}
div.thumbs div.header div, div.thumbs div.footer div {width:225px;}
div.thumbssmall div.header div, div.thumbssmall div.footer div {width:68px;}
div.thumbs div.header div.left  {background:url(/images/thumbsbgtopleft.gif) repeat-x;}
div.thumbs div.header div.right {background:url(/images/thumbsbgtopright.gif) repeat-x; right:0;}
div.thumbssmall div.header div.left  {background:url(/images/thumbsbgtopleftsmall.gif) repeat-x;}
div.thumbssmall div.header div.right {background:url(/images/thumbsbgtoprightsmall.gif) repeat-x; right:0;}
div.thumbs div.content, div.thumbssmall div.content {
  background:url(/images/thumbsbgright.gif) repeat-y right;
  margin:0 0 0 8px;
  overflow:auto;
}
div.thumbs div.content div, div.thumbssmall div.content div {
  background:#373737 url(/images/thumbsbg.gif) repeat-x bottom;
  margin:0 8px 0 0;
  padding:10px;
}
div.thumbs div.footer, div.thumbssmall div.footer {
  position:relative;
  background:#000 url(/images/thumbsbgbottom.gif) repeat-x;
  padding:0 0 14px 0;
}
div.thumbs div.footer div, div.thumbssmall div.footer div {
  position:absolute;
  height:14px;
  clear:both;
}
div.thumbs div.footer div.left  {background:url(/images/thumbsbgbottomleft.gif) repeat-x;}
div.thumbs div.footer div.right {background:url(/images/thumbsbgbottomright.gif) repeat-x; right:0;}
div.thumbssmall div.footer div.left  {background:url(/images/thumbsbgbottomleftsmall.gif) repeat-x;}
div.thumbssmall div.footer div.right {background:url(/images/thumbsbgbottomrightsmall.gif) repeat-x; right:0;}

#hoverspots a {position:absolute;}
#hoverspots a i {visibility:hidden;}
#hoverspots a:hover, .overarea {
  background-color:#f00;
  border:2px solid #000;
  opacity:.3;
  filter:alpha(opacity=30);
}


#footer {
  clear:both;
  margin:0 15px;
}
#footer img  {border: 0 !important;}
#footer h2 {
  font-size:1.2em;
  margin:0;
}
#footer p img {vertical-align:bottom;}
#footer p {
  margin:0;
  padding:0;
}
#footer ul {
  left:143px;
  margin:0;
  padding:0;
  position:absolute;
}
#footer ul li {
  display:inline;
  color:#f00;
  font-weight:bold;
  list-style:none;
}
.about {width:300px;}
.rule {padding:25px 15px 10px;}
.legal {
  font-size:0.9em;
  padding:30px 0 10px !important;
  text-align:center;
}

#blog .spartpressPostHeading {
  background:url(/images/blogbgtop.gif) no-repeat;
  height:39px;
  position:relative;
}
#blog .spartpressPostHeading h2,
#blog .spartpressPostHeading h3 {
  margin:0;
  padding:0;
  position:absolute;
}
#blog .spartpressPostHeading h2 {
  left:45px;
  top:13px;
}
#blog .spartpressPostHeading h3 {
  background:#9E0D09;
  color:#FF6666;
  font-weight:normal;
  left:8px;
  margin:0;
  padding:0 0 2px 38px;
  top:39px;
  width:596px;
}
#blog .spartpressPost {
  background:url(/images/blogbggrad.gif) repeat-y;
  width:650px;
}
#blog .spartpressPost td {
  padding:25px 13px 0;
}
#blog .spartpressPost td p {
  margin:0 0 5px;
}
#blog .spartpressPost img {
  border:0 none;
}
#blog .spartpressAuthor {
  background:url(/images/blogbgbottom.gif) no-repeat;
  color:#444;
  height:30px;
  margin:0 0 15px;
  text-align:right;
}
#blog .spartpressAuthor,
#blog .spartpressNavigation,
#blog .spartpressPostHeading {
  padding:0 15px;
  width:620px;
}
#blog .spartpressNavigation {
  clear:both;
  text-align:center;
}
#blog .spartpressNavigation li {
  color:#999;
  display:inline;
  font-size:10pt;
  list-style-type:none;
  padding:0 10px;
}
#blog-recent {
  float:right;
  width:200px;
}
#blog-recent .spartpressPostHeading h2 {
  border-top:1px dashed #666;
  font-size:10pt;
  padding-top:10px;
}
#blog-recent p.spartpressAuthor {
  color:#666;
  font-size:8pt;
  margin-top:0;
  padding:0;
}