/*  
Theme Name: Shonben
Theme URI: http://www.shonben.com/
Description: Portfolio Theme
Version: 1.0
Author: Gerlando Termini
Author URI: http://www.shonben.com
*/

/*  Hey, thanks for sneaking into the backstage. Make yourself at home!  */

/* Include Reset File */
@import url("reset.css");
/* Maybe in the future I'll use this
@font-face {
 font-family:Harabara;
 src: url('js/fonts/Harabara.eot');
 src: local('Harabara'), url(js/fonts/Harabara.ttf) format('opentype');
} */
body {
 background:#222222 url(http://images.shonben.com/bg.gif) repeat-x scroll left -70px;
 color:#a3a3a3;
 font-family: 'Lucida Grande',Verdana,'Bitstream Vera Sans',Arial,sans-serif; 
 font-size:.9em;
 line-height:1.4em;
}
a:link,a:visited,a:active {
 color:#99B898;
 text-decoration:none;
}
acronym, abbr{
 border-bottom: 1px dashed #999;
 cursor: help;
}
blockquote{
 color:#777777;
 padding:10px 0 15px 30px;
}
label{
 display:block;
 font-size:1.6em;
 padding:20px 0 5px;
}
hr{
 background-color:#999;
 border:0;
 clear:both;
 color:#999;
 height:1px;
 visibility:visible;
}
h2{
 font-size:2em;
}
h3{
 font-size:1.4em;
 margin-top:20px;
}
textarea, input{
 background-color:transparent;
 border:1px dashed #999;
 color:#aaa;
 padding:10px;
 width:593px;
}
textarea{
 overflow:auto;
}
ul.circle{
 list-style-image:none;
 list-style-position:outside;
 list-style-type:circle;
 padding-left:17px;
}

/* Structure-related styles */
#header{
 height:100px;
 margin:0 auto;
 padding-top:10px;
 width:925px;
}
#header #logo{
 float:left;
 height:80px;
 width:300px;
}
#nav{
 float:right;
 padding-top:40px;
 text-align:right;
 width:550px;
}
#nav li{
 display:inline;
 font-family:Harabara;
 font-size:1.3em;
 padding:0 .5em;
}
#nav a:hover{
 border-bottom:1px solid;
 padding-bottom:1px;
}
#header #nav li.current_page_item a{
 color:#777;
}
#main{
 border:1px solid #999;
 clear:both;
 margin:0 auto;
 overflow:hidden;
 padding:25px;
 width:900px;
}
#main p{
 margin-top:5px;
}
#main a{
 padding:1px 2px;
 text-decoration:underline;
}
#main a:hover{
 background-color:#99B898;
 color:#222;
 text-decoration:none;
}
.button{
 float:right;
 margin-top:25px;
 text-align:right;
 width:150px;
}
.widget{
 float:left;
 padding:0 30px 0 0;
 width:270px;
}
.widget h3{
 color:#999;
 font-size:1.4em;
 padding-bottom:5px;
}
#footer{
 font-size:.7em;
 margin:0 auto 20px;
 text-align:right;
 padding-right:20px;
 width:925px;
}

/* Contact form */
#contactus{
 margin-top:-22px;
}

/* Homepage-related styles */
#slider{
 height: 250px;
 margin:0 auto;
 overflow:hidden;
 position:relative;
 width: 900px;
}
#slider li {
 position:absolute;
 left:0;
 right:0;
}
#slider li.show{
 z-index:10;
}
#slider a{
 padding:0;
}
#slideshow-caption{
 background-color:#000;
 bottom:0;
 color:#c9c9c9;
 height:65px;
 left:0;
 padding:5px 0 0 15px;
 position:absolute;
 width:900px;
 z-index:10;
}
#slideshow-caption strong{
 font-size:1.4em;
}
#slideshow-caption p {
 padding-top:7px;
 margin:0;
}
#slogan-title{
 float:left;
 font-size:1.7em;
 padding:20px 0 0;
 width:730px;
}
#slogan-text{
 float:left;
 font-size:.9em;
 padding:0 0 15px;
 width:720px;
}
a#quote{
 border:1px solid #999;
 float:right;
 font-weight:700;
 margin-top:-10px;
 padding:10px 0;
 text-align:center;
 text-decoration:none;
 width:120px;
}
a#quote:hover{
 background-color:#333;
 color:#fff;
 text-decoration:none;
}

/* Portfolio-related styles */
#portfolio li{
 float:left;
 font-size:.9em;
 min-height:280px;
 padding:10px 0 30px;
 width:280px;
}
#portfolio li.middle{
 border:0;
 margin:0 30px;
}
#portfolio strong{
 font-size:1.1em;
 padding-bottom:10px;
}
#portfolio li img{
 float:left;
 padding:0 10px 5px 0;
}
#portfolio a{
 padding:0;
 text-decoration:none;
}
#portfolio a:hover{
 background-color:transparent;
}
#portfolio br{
 line-height:2.4em;
}
h3.widget.title{
 margin-left:5px;
 width:480px;
}
p.widget.description{
 line-height:1.5em;
 margin-left:5px;
 width:480px;	
}
ul.widget.wide{
 border-left:1px dashed #999;
 margin:-20px 0 0 20px;
 padding-left:15px;
 width:305px;
}
ul.widget li{
 padding-bottom:15px;
}
ul.widget strong{
 display:block;
 font-size:1.2em;
}
ul.single{
 padding-top:15px;
}


/* Blog-related styles */
#sidebar-widgets{
 float:right;
 width:240px;
}
#sidebar-widgets .widget{
 padding:0;
 width:240px;
}
#sidebar-widgets li {
 background:url(http://images.shonben.com/bullet.png) no-repeat scroll 0 3px transparent;
 padding-left:16px;
}
#sidebar-widgets a{
 text-decoration:none;
}
#searchform input{
 float:left;
 width:162px;
}
#searchform .button{
 float:right;
 height:38px;
 margin-top:0;
 text-align:center;
 width:40px;
}
.notes h2{
 border-top:1px dashed #999;
 margin-top:15px;
 padding:15px 0 5px;
 width:630px;
}
.notes h2.first{
 border:0;
 margin-top:0;
 padding:0;
}
#main.notes h2 a{
 padding:0;
 text-decoration:none;
}
#main.notes h2 a:hover{
 color:#FECEA8;
 background-color:transparent;
}
.notes ul#slider{
 margin:20px auto 0;
}
.notes p{
 width:630px;
}
.notes strong{
 font-weight:700;
}

/* Generic classes */
.hidden{
 display:none;
}
.browserhidden{
 visibility:hidden;
}

/* Wordpress specific styles */
img.centered,img.aligncenter{
 margin:10px auto 0;
}
img.alignright{
 margin-left:35px;
 margin-top:-25px;
}
img.alignleft{
 margin-right:25px;
}
.alignright{
 float:right;
}
.alignleft{
 float:left;
}
.center{
 text-align:center;
}