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,
p.relatedlinksheader,
div.spartpressNavigationArchiveFull div.title,
div.spartpressNavigationCategories div.title,
div.spartpressHeader div.title {
  color:#fff;
  font-size:1.6em;
  font-weight:normal;
  margin:0 0 0.5em;
  position:relative;
}
p.relatedlinksheader {
  color:#fff;
  margin-top:30px;
}
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;}
strong {color:#ddd;}
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:33px 0 15px;
  width:470px;
}
#homepage div.thumbs img {cursor:pointer;}
#homepage #content div.column {
  float:right;
  padding:0;
  position:relative;
  width:470px;
}
#homepage-socialnetworks {
  left:0;
  position:absolute;
  text-align:center;
  top:-25px;
  width:100%;
}
#content #homepage-socialnetworks img {
  border:0 none;
  padding:0 15px;
  vertical-align:middle;
}

#projects ul {
  margin:0;
  padding:0;
}
#projects li {
  float:left;
  list-style-type:none;
  position:relative;
  width:217px;
}
#content #projects a {
  border:0 none !important;
}
#projects p {
  background:url(/images/overlay.png);
  display:none;
  font-size:0.85em;
  left:0;
  margin:1px;
  padding:0;
	position:absolute;
	top:0;
}
#projects p a {
  display:block;
  height:94px;
  padding:5px;
  width:202px;
}
#projects p a:hover { color:#fff }
#projects p.thumbTitle {
  display:block;
  font-weight:bold;
  text-align:center;
  top:104px;
}
#projects p.thumbTitle a {
  height:16px;
}
#projects p.thumbTitle a:hover { color:#f00 }

#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 strong {
  color:#fff;
  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 35px;
}
#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;}

#homepage #spartavMediaSlider,
#homepage div.spartavMediaSlider,
#homepage div.spartavMediaSlider div,
#homepage div.spartavThumbsSlider {
  background:none;
  margin:0;
  padding:0;
}
#homepage #content div.spartavMediaSlider a {
  border:0 none !important;
}
#homepage #spartavMediaSlider li {
  position:relative;
}
#homepage #spartavMediaSlider li .mediaTitle {
  bottom:52px;
  font-size:1.3em;
}
#homepage #spartavMediaSlider li .mediaDesc {
  bottom:5px;
  font-size:0.9em;
}
#homepage #spartavMediaSlider li .mediaTitle,
#homepage #spartavMediaSlider li .mediaDesc {
  color:#fff;
  left:10px;
  position:absolute;
  width:414px;
}
#homepage div.spartavThumbsSlider img {
  margin:11px 2px 0 1px;
}
#homepage #spartavMediaSlider li .mediaDesc a:hover { color:#fff; }
#homepage div.spartavThumbsSlider img.selected {
  border:1px solid #fff;
}
#slide2, #slide3, #slide4 {display:none;}

#sitenews {
  margin-bottom:35px;
  width:370px;
}
#sitenews p {
  margin:0;
  padding-top:5px;
  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 .spartpressPost p {
  padding-top:0;
}
#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;
}
#sitenews .feed {
  padding:0 5px;
  position:relative;
}

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 span, div.thumbssmall div.header span {
  color:#fff;
  display:block;
  font-size:1.1em;
  left:45px;
  margin:0 !important;
  position:absolute;
  top:15px;
  z-index:1;
}
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 ul {
  left:143px;
  margin:0;
  padding:0;
  position:absolute;
}
#footer ul li {
  display:inline;
  color:#f00;
  font-weight:bold;
  list-style:none;
}
#footer img,
#footer div.follow p a  {
  border:0 !important;
}
#footer p img {
  padding:15px 25px 0 0;
  vertical-align:middle;
}
#footer p.legal img {
  padding:0;
}
#footer h3 {
  font-size:1.2em;
  margin:0;
}
#footer p {
  margin:0;
  padding:0;
  text-align:justify;
}
#footer div.about {width:525px;}
.rule {padding:25px 15px 10px;}
#footer p.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 15px;
}
#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:left;
  padding-top:5px;
  text-align:center;
}
#blog .spartpressNavigation li {
  color:#999;
  display:inline;
  font-size:10pt;
  list-style-type:none;
  padding:0 10px;
}
#blog div.spartpressTagsCategories {
  background-color:#222;
  border-top:1px solid #333;
  border-bottom:1px solid #333;
  margin-top:15px;
  padding:5px;
}
#blog-recent {
  float:right;
  text-align:center;
  width:200px;
}
#blog-recent .spartpressPostHeading h2 {
  border-top:1px dashed #666;
  font-size:10pt;
  padding-top:10px;
}
#blog-recent .spartpressPost {
  width:100%;
}
#blog-recent p.spartpressAuthor {
  color:#666;
  font-size:8pt;
  margin-top:0;
  padding:0;
}
.spartsecurity-login div.form-footer,
.spartsecurity-passwordreset div.form-footer {
  padding-left:86px;
}
.spartsecurity-signup div.form-footer {
  padding-left:106px;
}
p.commentAdd {
  color:#fff;
  font-size:12pt;
}
div.spartcomments,
div.commentPost {
  width:650px;
}
#commentPostContent {
  width:642px;
}
div.spartcomments hr,
div.commentPost hr {
  display:none;
}
p.commentAuthor {
  color:#666;
  font-size:8pt;
}
p.commentAuthor strong {
  color:#fff;
  font-size:11pt;
}
p.commentContent {
  border-bottom:1px dashed #666;
  padding-bottom:10px;
}
div.commentNewUserSignUpHeading p,
div.commentExistingUserHeading p {
  color:#c00;
  font-size:11pt;
  margin:0;
  padding:0 0 5px 85px;
}
div.commentNewUserSignUpHeading p {
  padding:0 0 5px 105px;
}

div.spartpressNavigationArchiveFull,
div.spartpressNavigationCategories {
  padding-top:25px;
}
div.spartpressNavigationArchiveFull ul,
div.spartpressNavigationCategories ul {
  margin:0 0 15px -15px;
  padding-left:0;
}
div.spartpressNavigationCategories ul {
  list-style-type:none;
  padding-left: 55px;
  text-align: left;
}
div.spartpressNavigationArchiveFull ul ul {
  margin:0 0 10px;
  padding-left:40px;
}
table.spartpressPostArchive {
  border-color:#999;
  border-style:none solid solid;
  border-width:0 1px 1px;
  font-size:10pt;
  margin:0 auto;
  padding:10px;
  width:100%;
}
table.spartpressPostArchive .date {
  width:135px;
}
table.spartpressPostArchive th.title,
table.spartpressPostArchive th.date,
table.spartpressPostArchive td.title {
  text-align:left;
  vertical-align:top;
}
.spartpressNavigationArchive {
  clear:both;
  text-align:center;
}
.spartpressNavigationArchive li {
  display:inline-block;
  list-style-type:none;
  width:65px;
  /* Hack for IE 7 */
  zoom:1;
  *display:inline;
}
.spartpressNavigationArchive ul.years {
  margin:0;
  padding:0;
}
.spartpressNavigationArchive ul.months {
  background-color:#555;
  border:1px solid #999;
  margin:0;
  padding:2px 0 5px;
}
.spartpressNavigationArchive ul.years li {
  background-color:#333;
  border-color:#666 #666 #999;
  border-style:solid;
  border-width:1px;
  color:#fff;
  margin-bottom:-1px;
  width:80px;
}
.spartpressNavigationArchive ul.years li.selected {
  background-color:#555;
  border-color:#999 #999 #555;
}
#content .spartpressNavigationArchive ul.years li a {
  border-bottom:0 none !important;
}
