/*  
Theme Name: Spyder Trap
Theme URI: http://www.fivetechnology.com/
Description: Template Created by Five Technology for Spyder Trap
Author: Five Technology
Author URI: http://www.fivetechnology.com/
Tags: valid XHTML, valid CSS, right sidebar, widget ready, simple, widgets, two columns
*/

* { margin: 0; padding: 0; outline: none; }

a:link, a:visited, a:active { color: #BF0030; }
a:hover { color: #BF0030; }

body {
  margin:0;
  background:#FFFFFF url(/images/framework/blogbody.gif) repeat-x;
  font:14px Arial, Helvetica, sans-serif;
}


#wrapper { width: 830px; margin: 0 auto; }

#header {
  background:url(/images/framework/header.gif) no-repeat;
  width:100%;
  height:126px;
  margin-top:11px;
}

a.logo { width: 350px; height: 87px; float: left; background: url(img/spydertrapLOGO.gif); margin-top: 35px; }
a.logo span { display: none; }

.top-menu {float:right; margin:20px 0 0 0;}
.top-menu ul {margin:0; padding:0}
.top-menu li {display: inline; list-style-type:disc inside; border-right: #BB1D29 solid 1px; padding: 0 10px 0 5px;}
.top-menu li.last {border:none;}
.top-menu li a {color: #BB1D29; text-decoration:none;}
.top-menu li a:hover {color: #2F2F2F; text-decoration:underline;}

.search {margin: 0 0 20px 0; }
.search .search-text { background: url(img/search-bg.png) no-repeat; width: 157px; padding: 6px 30px 8px 10px;  border: none; }

#subheader { width: 700px; height: 180px; float: left; }
#subheader p { font-size: 12px; margin: 0 0 0 0; width: 460px; color:#fff;}
#subheader h1 {color:#fff; margin: 45px 0 0 0; padding:0;}
#subheader-right {width: 99px; height: 180px; margin: 45px 0 0 0; float:right;}

/*
  script stuff 
*/
.search-alert {display: none; background: url(img/search-alert-arrow.png) no-repeat; padding: 20px 15px 10px 15px; float: left; margin-top: 2px; position: absolute; font-size: 10px; cursor: pointer; color: #000; }

#content { width: 560px; float: left; margin:0px 0 0 0; }

.post { width: 560px; margin-bottom: 50px; }
.post h2 a { color: #79011C; font-weight: normal; text-decoration: none; font-size: 24px; }
.post span.post-info { color: #CCCCCC; font-size: 10px; padding-bottom: 10px; width: 560px; float: left; }
.post p { line-height: 22px; margin-bottom: 10px; }
.post div.cats { border-top: 1px solid #ececec; padding-top: 10px; }

#sidebar { width: 185px; float: right; margin: 20px 0 0 0;}
#sidebar ul { list-style-type: none; }
#sidebar ul li { padding-bottom: 5px; border-bottom: 1px solid #ececec; margin-bottom: 15px; }
#sidebar ul li ul li { margin: 0; border: none; padding: 0; }
#sidebar ul li ul li /* a */ { padding: 5px 0px 5px 20px; display: block; width: 165px; background: url(img/sidebar-bullet.gif) no-repeat 0px 7px; }
#sidebar ul li h2 { font-size: 18px; color: #79011C; padding-bottom: 9px; font-weight: normal; }

.navigation .previous {float:left;}
.navigation .next {float:right;}



/*
  .comments template styles
*/

.comments { float: left; padding: 0; }

.comments input[type=text], textarea { width: 350px; }

textarea { width: 450px; }

.comments fieldset { padding: 20px; border: 1px solid #CCC; margin: 10px 0 20px 0; }

.comments p { padding: 0 0 10px 0; }

.comments h2 { padding: 0 0 15px 0; }

#cdisplay { list-style-type: none; padding: 0; margin: 0; }

  #cdisplay li { padding: 10px;  margin-bottom: 10px; width: 560px; }
  
  #cdisplay li.first {  background: #f9f9f9; border-bottom: #CCC 1px solid; }
  
  #cdisplay li.second {  background: #f6f6f6; border-bottom: #dedede 1px solid; }

.aligncenter,
div.aligncenter {
   display: block;
   margin-left: auto;
   margin-right: auto;
}

.alignleft {
   float: left;
}

.alignright {
   float: right;
}

.wp-caption {
   border: 1px solid #ddd;
   text-align: center;
   background-color: #f3f3f3;
   padding-top: 4px;
   margin: 10px;
   /* optional rounded corners for browsers that support it */
   -moz-border-radius: 3px;
   -khtml-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius: 3px;
}

.wp-caption img {
   margin: 0;
   padding: 0;
   border: 0 none;
}

.wp-caption p.wp-caption-text {
   font-size: 11px;
   line-height: 17px;
   padding: 0 4px 5px;
   margin: 0;
}

img.avatar {float:right;}

.sub-nav {
  width:100%;
  overflow:hidden;
}
.sub-nav ul {
  float:right;
  width:340px;
  margin:12px 25px 0 0;
  display:inline;
  overflow:hidden;
}
.sub-nav ul li {
  float:left;
  background:url(/images/framework/separator.gif) no-repeat 0 2px;
  padding:0 14px;
  margin:0 2px 0 -2px;
  color:#acacae;
}
.sub-nav ul li a {
  color:#acacae;
}

ul.main-nav {
  float:left;
  margin:54px 0 0 35px;
  display:inline;
  width:550px;
  list-style-type: none;
}
ul.main-nav li {
  float:left;
}
ul.main-nav li a {
  font-size:15px;
  font-weight:bold;
  color:#000;
  text-decoration:none;
  float:left;
  cursor:pointer;
}
ul.main-nav a:hover {
  background:url(/images/framework/hover-left.gif) no-repeat;
  text-decoration:none;
}
ul.main-nav li a span {
  padding:2px 17px;
  height:44px;
  line-height:44px;
  float:left;
  text-transform: uppercase;
}
ul.main-nav li a:hover span {
  background:url(/images/framework/hover-right.gif) no-repeat 100% 0;
  color:#c1212b;
}

#header .logo {
  background:url(/images/framework/logo.gif) no-repeat;
  width:340px;
  height:83px;
  text-indent:-9999em;
  float:left;
  margin:26px 0 0 50px;
  display:inline;
}
.logo a {
  display:block;
  overflow:hidden;
  height:100%;
}

#main {
  width:975px;
  margin:0 auto;
  position:relative;
}

.main-content {
  width:558px;
  float:left;
  padding-left:57px;
}
.main-content a {color:#BB1D29; text-decoration: underline;}
.main-content a:hover {color:#2F2F2F; text-decoration: none;}
.main-content ul {list-style-type: disc inside; margin: 5px 10px;}
.main-content h2 {
  padding:0;
  margin:0;
}
.main-content p {
  padding:0;
  margin:0;
}

.inner-top-area {
  background:url(/images/framework/inner-top-box.gif) no-repeat 15px 0;
  height:315px;
  overflow:hidden;
}
.inner-overview {
  width:558px;
  float:left;
  padding:25px 0 0 72px;
}
.inner-overview h1 {
  font-size:28px;
  color:#fff;
  font-weight:normal;
  margin:14px 0 11px 0;
}
.inner-overview p {
  margin:0;
  color:#d1d1d1;
  line-height:18px;
}
.inner-overview p a {
  color:#fff;
  text-decoration:underline;
}
.inner-overview p a:hover {
  color:#000;
}

p.breadcrumb {color:#FFFFFF; margin: 0 0 20px 0; font-size:9px;}
p.breadcrumb a {color:#FFFFFF; text-decoration: underline;}
p.breadcrumb a:hover {text-decoration:none; color:#ffffff;}

.side-nav {
  width:220px;
  padding:45px 44px 0 75px;
  float:right;
  font-size:16px;
}

.side-nav a:hover {
  text-decoration:none;
}

ul.main-nav a.active {
  background:url(/images/framework/hover-left.gif) no-repeat;

}
ul.main-nav li a.active span {
  background:url(/images/framework/hover-right.gif) no-repeat 100% 0;
  color:#c1212b;

}

#footer { clear: both; width: 100%; float: left; background: #000000; padding: 0px 0; margin-top: 10px; color:#fff; }
#footer .inner { width: 945px; margin: 0 auto; }

#footer ul li {
  display:inline;
  padding:0 4px 0 7px;
}
#footer li a {
  color:#fff;
  text-decoration:none;
  font-size:12px;
  font-weight:bold;
  font-size:16px;
}
#footer li a:hover {
  color:#c1212b;
  text-decoration:none;
}
#footer .left {float:left; width:615px; padding-bottom: 19px;}
#footer .left p {margin: 15px 0 30px 6px; color:#fff;font-size: 14px;}
#footer .left ul.botSubNav {margin:0;padding:0; float:left;}
#footer .left li.subNavBt {padding: 0 10px 0 11px; margin:0; border-right: 1px solid #fff;}
#footer .left li.last {border:none; padding:0 10px 0 7px;}
#footer .left li.subNavBt a, #footer .left li.last a {text-decoration: underline; font-size:14px; font-weight:normal;}
#footer .left li.subNavBt a:hover, #footer .left li.last a:hover {text-decoration: none; font-size:14px;}
#footer .left p.navP {margin:0 0 0 6px;padding:0; float:left; font-size: 12px;}
#footer .right {float:right; width:286; padding: 20px 0 0 0;}
#footer .right p.phone {color:#fff; font-size:24px; text-align:center;}
#footer ul {
  margin:28px 0 0 0;
}

#footer p {
  color:#a1a1a3;
  clear:left;
  font-size:12px;
  margin:22px 0 0 0;
}
#footer p.contact {
  margin-top:0;
  line-height:18px;
}
#footer p a {
  color:#a1a1a3;
}
#footer p.contact a:hover {
  text-decoration:underline;
}