/*
Theme Name: S3
Theme URI: http://s3id.com/
Description: Sinclair Scott Smith
Version: 1.0
Author: Jeremy Zilar
Author URI: http://silencematters.com/
Tags: design
*/

body{font-size:.625em;font-family:Helvetica,Arial,sans-serif;background:#9E9E9E;}

a{color:#232323;text-decoration: none;}
a:hover{text-decoration:underline;color:#000;}

h1,h2,h3,h4,h5,h6{margin-top:20px;}
h1{margin-bottom:10px;font-size:30px;}
h2{margin-bottom:10px;font-size:25px;}
h3{margin-bottom:5px;font-size:1.4em;color:#808080;}
h3 a{text-decoration:none;color:#808080;}
h3 a:hover{text-decoration: none;}
h4{margin-bottom:5px;font-size:18px;}
h4.pagetitle{margin:4px 0 70px 0;color:#9E9E9E;}
h5{font-size:12px;}
h6{margin-bottom:5px;font-size:11px;font-weight:bold;text-transform: uppercase;color:#808080;}

hr{margin:30px 0;border:none;border-top:1px #9E9E9E solid;}

blockquote{margin:0 35px;}

.wrapper{width:100%;float:left;background:#fff;min-height:500px;}
.container{margin:0 0 0 50px;width:915px;}

.head h1{margin:0 0 0 50px;padding:30px 0 6px 0;width:915px;font-size:1.8em;line-height:1.1em;color:#fff;font-weight:normal;}
.head h1 span{text-transform: lowercase;}
.head h1 a{text-decoration: none;color:#fff;font-weight: bold;}
.head h1 a:hover{color:#E3E3E3;}

.logo{margin-top:-43px;float:right;width:40px;height:40px;text-align:center;}
.logo img{margin:-1px 0 0 -1px;}

/*Logo Fade Animation*/
/*.logo{opacity:0;-moz-opacity:0;filter:alpha(opacity=0);}*/


/*Navigation - + - + - + - + - + - + - + - + - + */
.site-nav{padding-top:9px;float:right;}
.site-nav .search,.site-nav .contact{display:none;}

.nav{margin:0;padding-top:9px;}
.nav ul{margin:0;}


.site-nav li,.nav li{font-size:1.1em;float:left;list-style-type:none;text-transform:uppercase;font-weight:bold;}
.nav li{margin:0 2em 0 0;}
.site-nav li{margin:0 0 0 1em;}
.site-nav li a,.nav li a{text-decoration:none;color:#808080;}
.site-nav li a:hover,.nav li a:hover{color:#232323;text-decoration:none;}
/*.nav li a:hover{border-bottom:1px #555 solid;}*/

/*paged navigation*/
.paged-nav {font-size:12px;color:#9e9e9e;padding:10px 0;border-top:1px #ddd solid;/*border-bottom:1px #ddd solid;*/}
.paged-nav a{color:#9E9E9E;}
.paged-nav-top{margin:80px -10px 0 0;width:220px;float:right;}
.paged-nav span{
  width:100px;
  display: block;

}

.paged-nav-bottom{
  float:left;
  width:500px;
}

.paged-nav .left{
  border-right:1px #ddd solid;
  width:50%;
  margin-left:-1px;
}
.paged-nav .left h6{margin:0 0 6px 5px;}
.paged-nav .left span {
  margin-left:5px;
}



.paged-nav .right{
  width:50%;
  text-align:right;
}
.paged-nav .right h6{margin:0 5px 6px 0;}
.paged-nav .right span{
  margin-right:5px;
  float:right;
}


/*Content - + - + - + - + - + - + - + - + - + */
#content{margin:80px 0 40px 0;width:500px;float:left;}
.entry{margin:0 0 70px 0;}
.entry .date{margin:0 0 .5em 0;color:#888;text-transform:uppercase;}
.entry h2{margin:0 0 5px 0;font-size:1.8em;color:#232323;}
.entry h2 a{text-decoration:none;color:#232323;}
.entry h2 a:hover{border-bottom:1px #232323 solid;}
.entry h5{font-size:12px;line-height:20px;color:#808080;}
.entry .author{color:#888;font-style:normal;}
.entry .author a{color:#888;}

.entry-content{margin:1.5em 0;color:#808080;}
.entry-content p{margin:0 0 1em 0;font-size:1.2em;line-height:1.5em;}

.entry li{margin-bottom:1.5em;font-size:12px;}
.entry ul li{padding-left:.7em;background:url('images/bullet-black.gif') no-repeat 0 3px;}
.entry ol{margin-left:1.7em;}
.entry ol li{list-style-type:decimal;}

.entry-meta{margin:10px 0;}
.entry-meta p{font-size: 1em;color:#888;}
.entry-meta a{color:#888;text-decoration: none;}
.entry-meta a:hover{text-decoration: underline;}

.post-edit-link a{clear:both;float:left;}



/*Columns*/
.col{margin-right:25px;width:210px;}
.col .entry,.col2 .entry{padding:5px;}
.col .entry .w200,.col2 .entry{margin:0 0 2em 0;float:none;}

.col h3{margin:0;}

.col2{margin-right:0;padding:5px 0 5px 5px;width:440px;}
.col2 h3{margin:0;font-size:1.4em;}
.col2 .entry{margin-right:35px;padding:0;width:200px;float:left;}
.col2 :last-child{margin-right:0;}

/*Images - + - + - + - + - + - + - + - + - + */
.alignright, .right{float:right;}
.alignleft, .left{float:left;}

.w500{margin:0 0 2em 0;width:500px;}
.w200{margin:0 0 2em 2em;width:200px;float:right;}
.w75{margin:.4em 1em 1em 0;width:75px;float:left;}
.w50{margin:.4em 1em 1em 0;width:50px;float:left;}
.w35{margin:.4em 1em 1em 0;width:35px;float:left;}

.credit{text-align:right;color:#666;}
.caption{margin:1em 0 0 0;color:#666;display:block;}
.page .caption{margin:0;width:210px;float:right;border-top:1px #ddd solid;position:relative;top:-90px;}

.w75 .caption, .w50 .caption, .w35 .caption{display:none;}



/*Product Listing Page*/
.page-template-work-php #content, .page-template-project-listing-php #content{width:740px;}
.products{margin-left:35px;}
.products li{margin-left:3.5em;width:200px;height:180px;float:left;}
.products li a{text-decoration: none;}

/*Entry Hover Fade*/
/*re-used on the home page of the blog*/
.entry-image{width:200px;height:150px;background:#000;}
.entry-thumb{
  margin-left:20px;
  float:right;
}
.entry-info{padding:1em;width:180px;height:130px;position:absolute;z-index:50;opacity:0;-moz-opacity:0;filter:alpha(opacity=0);background:#9e9e9e;color:#efefef;}
.entry-info h5{margin:0 0 1em 0;font-size:1.4em;}
.entry-info p{font-size:1.1em;line-height:1.3em;color:#efefef;}


/*Slideshow CSS*/

.slideshow{}
.slideshow .w500{
/*  float:left;*/
}
.slideshow .w500 a {
/*  float:left;*/
}
.slideshow .caption {
  padding: 0;
  width: 200px;
  display: block;
  font-size: 1em;
  line-height: 1em;
  left: 230px;
  color: #808080;
  position: relative;
  height: 1px;
  float:right;
}

.slideshow .caption p{padding:15px 0;line-height:14px;}
.slideshow br{display:none;}
.slideshow img{cursor:pointer;}
.slider-nav {
  margin: 5px 0;
  padding: 3px;
  width: 355px;
}
.slider-nav a {
  margin-left: -1px;
  padding: 2px 10px 2px 0px;
  color: #9e9e9e;
  text-decoration: none;
  float: left;
}
.slider-nav a:hover {
  color: #232323;
}
.slider-nav .activeSlide {
  color: #232323;
  font-weight: bold;
}

.arrow-nav {
  margin-top: -10px;
  width: 500px;
  text-align: right;
}
.arrow-nav a {
  margin-left: 5px;
  font-size: 15px;
  color: #9e9e9e;
}
.arrow-nav a:hover {
  text-decoration: none;
  color: #232323;
}



/*Galleria CSS*/
/*Not really being used, but is possible and working.*/
.galleria_container, .galleria_wrapper img{width:500px;float:left;}
.galleria{list-style:none;width:270px;float:right;}
.galleria li{display:block;width:80px;height:80px;overflow:hidden;float:left;margin:0 0 1em 1em}
.galleria li a{display:none}
.galleria li div{position:absolute;display:none;top:0;left:180px}
.galleria li div img{cursor:pointer}
.galleria li.active div img,.galleria li.active div{display:block}
.galleria li img.thumb{cursor:pointer;top:auto;left:auto;display:block;width:auto;height:auto}
.galleria li .caption{display:block;padding-top:.5em}
* html .galleria li div span{width:400px} /* MSIE bug */


/*About / Home Page*/
.page-template-home-page-php #content{width:915px;}
.page-template-home-page-php #content .col:last-child{margin-right:0;}
.page-template-home-page-php #content .page{margin-right:25px;width:445px;float:left;}
.page-template-home-page-php #content .page h2{color:#444444;}
.page-template-home-page-php #content .page .entry-content p{font-size:1.8em;color:#444444;}


/*wide page*/
.page-template-wide-page-php #content{
  width:940px;
}

/*Project Page*/
.page-template-project-php #content{width:740px;}
.page-template-project-php .entry {
  width: 210px;
  float: right;
  z-index: 9999;
}



/*Work Page*/
#work #content{width:915px;}
#work .products{margin-left:0;width:952px;}
#work .products li{margin-left:0;margin-right:38px;}

/*.work li{}*/
li.current-menu-item a, li.current-page-ancestor a{text-decoration: none;color:#232323;}


/*links*/
#links h4{margin-bottom:20px;}
#links h6{margin-bottom:10px;}
.linkcat{margin-bottom:30px;}
.blogroll li{margin-bottom:10px;font-size:12px;color:#9e9e9e;}
.blogroll li a{display:block;}


/*Sidebar - (on left side)*/
#sidebar{width:190px;float:left;clear:both;}
.widget{margin-bottom:2em;}
.widget h4{margin-bottom:.5em;font-weight:normal;font-size:1.1em;}

.project-nav {margin:8em 1em 1em 0;float:left;clear:both;width:165px;}
.project-nav li{float:none;text-transform:capitalize;font-size:11px;font-weight:bold;}
.project-nav li ul{margin:.3em 0 0 0;}
.project-nav li, .project-nav li li {margin:0 0 .8em 0;}
.project-nav li li{padding-left:1em;}
.project-nav li a{color:#808080;text-decoration: none;}
.project-nav li.current-menu-item a, .project-nav li a:hover{text-decoration: none;color:#232323;}

#wp-calendar{width:165px;}
#wp-calendar caption{margin:0 0 8px 0;font-size:12px;}
#wp-calendar caption,#wp-calendar thead{text-align:left;}
#wp-calendar tbody td{padding:2px 0;font-size:11px;line-height:12px;}
#wp-calendar tfoot td{padding-top:8px;color:#9E9E9E;}
#wp-calendar tfoot td a{color:#9E9E9E;}


/*Footer*/
#footer{margin:2em 0 2em 50px;padding:0;width:915px;clear:both;}
#footer p{margin:.5em auto 5em auto;padding:9px 0;font-size:11px;width:920px;color:#fff;}
#footer .site-nav li a{color:#fff;}
#footer .site-nav li a:hover{color:#232323;}
#footer .site-nav .search,#footer .site-nav .contact{display:list-item;}


/*Search me*/
#searchform{width:165px;}
#searchform label{display:none;}
#searchform #s,#searchform #searchsubmit{padding:3px;background:none;font-family:Arial,sans-serif;color:#9E9E9E;}
#searchform #s{border:1px #ddd solid;width:125px;}
#searchform #searchsubmit{margin-left:3px;font-size:10px;border:none;cursor:pointer;text-indent:-9999px;width:20px;background:url('images/search-img.gif') no-repeat 0 0;opacity:0.7;-moz-opacity:0.7;filter:alpha(opacity=70);}


#searchform #searchsubmit:hover{opacity: 1;
-moz-opacity: 1;
filter:alpha(opacity=1);}


/*Search Page*/
#search h4{margin-top:5px;}
#search .entry{display:none;}

/*Error 404 Page*/
.error404 h4{margin-bottom:20px;text-transform: uppercase;}
.error404 .entry p.text404 {font-size:16px;color:#9e9e9e;font-family: Courier, serif;}
.error404 .entry p a{text-decoration: blink;}


/*Search Listings*/
.search h4{margin-top:5px;}
.search .entry{clear:both;float:left;width:500px;}
.search .entry-image{margin-right:20px;float:left;}
.search .entry h6{margin-top:0;}
/*.search .type-page .date{display:none;}*/

/*Comments*/
.comment{margin:3em 0;}
.comment-body{font-size:12px;line-height:15px;color:#808080;}
.comment-author{font-weight:bold;}
.comment-author cite{font-style:normal;}
.comment-meta{margin-bottom:10px;font-size:11px;}
.comment-meta a{color:#808080;}
.comment-body p{margin:1em 0;}
.reply a{padding:5px 6px;font-size:10px;line-height:11px;display:inline;background:#F0F0F0;color:#808080;}
.reply a:hover{margin-left:-1px;text-decoration:none;border:1px #ddd solid;}

.children li{padding:0 2em;border-left:1px solid #CCCCCC;}

#commentform{margin:2em 0;}
#commentform input,#commentform textarea{margin:5px 0;padding:3px;border:1px #ddd solid;color:#808080;font-family: Helvetica, Arial, sans-serif;}
#commentform input{width:230px;}
#commentform textarea{width:500px;}
#commentform label{margin-left:10px;color:#808080;}
#commentform input#submit{width:100px;background:#F0F0F0;border:none;}
#commentform input#submit:hover{cursor:pointer;color:#555;}
#respond{margin:2em 0;}