style.css

/*Small reset*/
body, ul, ol, h1,h2,h3,h4,h5,h6,form,li,p{
margin:0;
padding:0;
}

/*Structured layout mainpage*/


body{
font-size:13px;
font-family: Arial, Helevtica, Verdana, sans-serif;
line-height:23px;
position:relative;
}

.wrapper{
width:100%;
position:relative;
display:table;
}

#top{
position:relative;
width:960px;
margin:0 auto;
}


/*HEAD AREA*/

#head{
height:110px;
z-index: 5;
}

#top .logo, .logo a{
display:block;
height:90px;
width:210px;
position:absolute;
left:0px;
top:13px;
border: none;
padding: 0;
margin:0;
}

#top .logo a, #top .logo a:hover{
top:0;
left:0;
text-indent:-9999px;
outline:none;
border: none;
}

#nav{
position: absolute;
right:15px;
top:30px;
list-style-type: none;
list-style-position: outside;
margin:0;
z-index: 5;
}

#nav li{
float: left;
}

#nav li a{
display:block;
float:left;
padding:6px 10px;
width:100px;
border: none;
text-decoration: none;
line-height: 18px;
outline: none;
}


#nav li a strong{
display:block;
font-weight: normal;
font-size: 16px;
}

#nav li a span{
display:block;
font-size: 10px;
}


/*navigation*/


#nav ul{
margin:0;
padding:0;
list-style-type:none;
list-style-position:outside;
position:relative;
line-height:50px;
z-index:5;
}


#top #nav ul a{
line-height:28px;
font-size: 12px;
cursor: pointer;
}

#top #nav li{
float:left;
position:relative;
z-index:20;
margin-top:11px;
}

#top #nav li li{
border-left:none;
margin-top:0;
}

#top #nav ul {
display:none;
position:absolute;
top:48px;
width:172px;
left:0;
}

#top #nav li ul a{
width:150px;
height:auto;
float:left;
text-align:left;
padding:0 10px;
}

#top #nav ul ul{
top:auto;
border-top:none;
}

#top #nav li ul ul {
left:171px;
top:-1px;
}

#top #nav li:hover ul ul, #top #nav li:hover ul ul ul,#top  #nav li:hover ul ul ul ul{
display:none;
}
#top #nav li:hover ul, #top #nav li li:hover ul, #top #nav li li li:hover ul, #top #nav li li li li:hover ul{
display:block;
}

#top #nav li ul a{
border-top:none;
}




/*featured*/

#featured{
position:relative;
width:960px;
height:485px;
overflow: hidden;
}

#featured_image{
width:940px;
height:420px;
overflow: hidden;
margin:0 auto;
border: none;
}

#featured_image img, #featured_image a img {
position:absolute;
z-index: 2;
visibility: hidden;
}

#featured #featured_image .current_img, #featured #featured_image .current_img img{
z-index: 3;
visibility: visible;
}

/*infotext*/
#infotext{
width:940px;
padding:0 10px;
}

#infotext h2{
font-family:arial;
font-size:18px;
padding:10px 0 12px;
position:relative;
top:2px;
}

/*content*/

#main{
padding-top:40px;
width:940px;
position: relative;
margin: 0 auto;
overflow: hidden;
}

#content{
width:610px;
margin:0;
overflow: hidden;
position:relative;
float:left;
}

.fullwidth #content{
width:940px;
}

#sidebar{
width:280px;
overflow: hidden;
margin-right:50px;
position:relative;
float:left;
}

#sidebar .box{
margin:0;
padding:0 0 10px 0;
}

#sidebar h3{
padding:20px 0 4px;
}

#sidebar .box a{
display:block;
line-height:22px;
padding:3px 10px;
}

#sidebar .box ul ul a{
padding:3px 10px 3px 20px;
}
#sidebar .box ul ul ul a{
padding:3px 10px 3px 30px;
}
#sidebar .box ul ul ul ula{
padding:3px 10px 3px 40px;
}
#sidebar .box ul ul ul ul ul a{
padding:3px 10px 3px 50px;
}


.box{
position:relative;
margin-right:50px;
float:left;
overflow: hidden;
padding-bottom: 50px;
}

.wrapper .box3{
margin:0;
}

.wrapper .box_small{
width:280px;
}

.wrapper .box_mini{
width:160px;
margin-right:20px;
}

.box_small h3{
padding:15px 0 4px 0;
}


/*blog*/
.entry{
position: relative;
padding-bottom:30px;
clear:both;
float:left;
width: 100%;
}

.entry .box{
padding-bottom:0;
}

.post_data{
border-left:none;
border-right:none;
font-size:11px;
line-height:22px;
padding:3px 1px;
position:relative;
float:left;
width:608px;
margin-bottom: 17px;
}

.post_data .categories{
float:left;
}

.post_data .author{
float:right;
}

.blogentry h2{
	width:450px;
	padding-top: 5px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}

.entry h2{
padding:5px 0 0 0;
}

.entry .date{
height:44px;
position:absolute;
right:0;
text-align:center;
width:112px;
top:8px;
}

.entry .day{
font-size:36px;
font-weight:bold;
line-height:45px;
display: block;
width:55px;
position: absolute;
top:0;
left:0;
height:40px;
}

.entry .month{
display:block;
font-size:18px;
left:60px;
line-height:1em;
position:absolute;
text-transform:uppercase;
top:6px;
width:50px;
}

.entry .year{
display:block;
font-size:14px;
font-weight:bold;
left:60px;
letter-spacing:2px;
line-height:1em;
position:absolute;
top:25px;
width:53px;
}

.entry .condate{
height:44px;
position:absolute;
right:0;
text-align:center;
width:112px;
top:8px;
}

.entry .conday{
	font-size:36px;
	font-weight:bold;
	line-height:45px;
	display: block;
	width:102px;
	position: absolute;
	top:0;
	left:-47px;
	height:40px;
}

.entry .conmonth{
display:block;
font-size:18px;
left:60px;
line-height:1em;
position:absolute;
text-transform:uppercase;
top:6px;
width:50px;
}

.entry .conyear{
display:block;
font-size:14px;
font-weight:bold;
left:60px;
letter-spacing:2px;
line-height:1em;
position:absolute;
top:25px;
width:53px;
}

/*pagination*/

#top .pagination {
clear:both;
padding:0 0 60px 0;
position:relative;
z-index:3;
}

#top .pagination span, #top .pagination a{
display:block;
float:left;
font-size:11px;
line-height:13px;
margin: 2px 2px 2px 0;
padding:3px 6px;
text-decoration:none;
width:auto;
}


#top .pagination .current{
font-size:11px;
padding:3px 6px;
}




/*footer*/
#footer{
width:940px;
position: relative;
padding-top: 30px;
margin: 0 auto;
}

#footer h1, #footer h2, #footer h3, #footer h4, #footer h5, #footer h6, #footer a
{
color:#cbcbcb;
text-decoration: none;
font-size: 12px;
}

#footer .box_custom_footer{
width:220px;
margin-right:0;
}

#footer .box h4{
text-transform: uppercase;
font-size: 16px;
letter-spacing:1.3px;
}

#footer .box ul{
list-style-type: none;
list-style-position: outside;
margin:0;
}

#footer .box ul li a{
display:block;
padding:3px 10px;
line-height:22px;
position: relative;
}

#footer .custom_button{
width:150px;
padding:10px 60px 10px 10px;
display: block;
text-align: center;
border: none;
}


.custom_button strong{
display: block;
font-size: 20px;
font-weight: normal;
letter-spacing:1px;
}

.custom_button span{
display: block;
font-size: 14px;
font-weight: normal;
letter-spacing:0.5px;
}

#sitesearch_footer{
padding-top:20px;
position: relative;
}

.box_custom_footer p{
font-size:11px;
line-height: 17px;
padding:10px 0;
}

#footer #s{
border: none;
width:160px;
padding:8px 50px 8px 10px;
color:#ccc;
}

#sidebar #s{
border: none;
width:160px;
padding:8px 50px 8px 10px;
color:#ccc;
}

#footer #searchsubmit{
border: none;
display:block;
height:35px;
position:absolute;
right:3px;
text-indent:-9999px;
top:47px;
width:35px;
cursor: pointer;
padding:0;
outline: none;
}

#sidebar #searchsubmit{
border: none;
display:block;
height:35px;
position:absolute;
right:25px;
text-indent:-9999px;
top:28px;
width:35px;
cursor: pointer;
padding:0;
outline: none;
}

.wrapper #footer .social_bookmarks{
border:none;
display: block;
float: left;
width:100%;
}
.wrapper #footer .social_bookmarks li{
float:left;
margin:0;
width:16px;
margin-right:7px;
}

.wrapper #footer .social_bookmarks li a{
height:16px;
width:16px;
display: block;
float:left;
text-indent: -9999px;
border:none;
padding:0;
}



#sitesearch_sidebar {
	width: 220px;
}

/*generic*/
.rounded{
-moz-border-radius: 4px;
-webkit-border-radius:4px;
border-radius:4px;
}

.more-link{
display:block;
line-height:16px;
padding:9px 0 0;
width:72px;
}

input, select, textarea{
font-size:13px;
font-family: Arial, Helevtica, Verdana, sans-serif;
position:relative;
outline: none;
}

blockquote {
font-size:12px;
font-style:italic;
margin:0 0 20px;
padding:10px 20px 10px 41px;
}

.wrapper a{
text-decoration:none;
}

.wrapper a:hover{
text-decoration:none;
}

a img, a:hover img{
border:none;
text-decoration:none;
z-index: 2;
position: relative;
outline: none;
}

#main img{
float:left;
margin-bottom: 5px;
display: inline;
}

p{ padding: 0 0 1em 0}



#sidebar ul, #sidebar ol{
margin-left:0px;
}

#sidebar li{
list-style-type:none;
}


h1,h2,h3,h4,h5,h6, legend{
letter-spacing: 0.4px;
font-weight:normal;
padding-bottom:5px;
line-height:1.4em;
position: relative;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}

h1{clear:both; font-size:38px;font-weight:bold;}
h2{font-size:36px; clear:both;}
h3, legend{font-size:22px; clear:both;}
h4{font-size:16px; clear:both;}
h5{font-size:14px; clear:both;}
h6{font-size:13px; clear:both;}

#top h1 a, #top h2 a, #top h3 a, #top h4 a, #top h5 a, #top h6 a{
text-decoration:none;
border:none;
}

#top h1 a:hover, #top h2 a:hover, #top h3 a:hover, #top h4 a:hover, #top h5 a:hover, #top h6 a:hover{
text-decoration:none;
border:none;
}



blockquote p{
padding:11px 0px;
}

blockquote{
margin:0 0 22px 5px;
padding:0 15px;
}

.floatleft{
float:left;
}

.floatright{
float:right;
}

.clearboth{
clear:both;
}

.alignleft{
float:left;
margin:0px 15px 15px 0pt;
}

.alignright{
float:right;
margin:0px 0pt 15px 15px;
}

.aligncenter{
clear:both;
display:block;
margin:10px auto;
padding: 10px 0;
}

#top .extra_margin_right{
margin-right:50px;
}

#top .no_margin_right{
margin-right:0;
}

#top .wp-smiley{
border:none;
padding:0;
}

.meta{
display:block;
position:relative;
top:3px;
font-size:11px;
line-height:14px;
}

.pp_details .pp_nav a.pp_arrow_previous, .pp_details .pp_nav a.pp_arrow_next {
margin-top:8px;
}

.pp_details .pp_nav {
margin:-3px 0 0;
}

.lightbox_video, .lightbox_image{
position: absolute;
z-index: 1;
top:0;
left:0;
}


#top .ie6_lightbox, #footerwrap .ie6_lightbox{
position: relative;
border:none;
}
/*CONTACT FORM*/



#searchsubmit, #send, #top #submit{
cursor:pointer;
}



.text_input, .text_area{
padding:4px;
font-family: Arial, Helevtica, Verdana, sans-serif;
width:200px;
font-size:11.5px;
}

#send, #submit{
padding:4px 20px;
font-family: Arial, Helevtica, Verdana, sans-serif;
font-size:11.5px;
}

.hidden{
display:none;
}

#commentform{
padding-bottom:20px;
}


fieldset{
border:none;
padding:0;
margin:0;
overflow:hidden;
}

fieldset label{
padding-left:7px;
}
.blocklabel{
display:block;
padding:10px 0 0 0;
}

#top .text_area{
width:525px;
max-height: 300px;
}

/*CONTACT FORM*/
#send, #top #submit{
cursor:pointer;

}



/*comments*/


.commentlist{
margin-bottom:20px;
float:left;
width:100%;
}

#top .commentlist #comment{
width:70%;
}


.commentlist li{
width:100%;
clear:both;
float:left;
padding:0;
list-style-type:none;
padding:20px 0 0 0;
position:relative;
}
.commentlist .children, .commentlist .children li{
border:none;
}

.gravatar{
float:left;
width:60px;
padding:0px 10px;
text-align: center;
}

.gravatar img{
display:block;
padding:5px;
}

.comment_content{
float:left;
width:524px;
padding-bottom:20px;
}

.commentmetadata{
float:right;
padding-right:10px;
}

.commentmetadata a, .comment-edit-link, .comment-reply-link{
text-decoration: none;
font-size:10px;
}

#top .comment-reply-link{
border:none;
}

.comment-edit-link{
padding-left:10px;
}

.says{
display:none;
}

.author_name{
font-weight:bold;
font-style:normal;
font-size:15px;
float:left;
}

.comment_text{
clear:both;
}

.comment-reply-link{
text-align: center;
display: block;
}

.commentlist #respond{
padding-left:80px;
}

#cancel-comment-reply-link{
text-decoration: none;
margin-left:15px;
font-size: 10px;
}

.commentlist .children{
padding:0 0 0 70px;
}
.commentlist .children li .comment_content{
width:454px;
}

.commentlist .children .children li .comment_content{
width:384px;
}

.commentlist .children .children .children li .comment_content{
width:314px;
}

.commentlist .children .children .children .children li .comment_content{
width:244px;
}

.commentlist .children .children .children .children .children li .comment_content{
padding:0;
}

.comment_nav{
position: relative;
top:-13px;
font-size: 10px;
z-index: 4;
}

.comment_nav a{
text-decoration: none;
}

.comment_prev{
float:left;
}
.comment_next{
float:right;
}

.jobs li {
	padding: 5px 0 0 15px;
}
.jobs li ul {
	list-style-type: none;
}
.jobs li ul li {
	padding: 5px 0 0 15px;
}
.jobs li ul li p{
	padding: 5px;
}

#contact th {
	color: #FFF;
	background-color: #666;
}

.forms li ul li {
	background:transparent url(file:///Macintosh%20HD/Users/Ryan/Desktop/Portfolio/public_html/work/images/theme/bullet_black.png) no-repeat scroll left center;
	border-bottom:1px solid #d6d6d6;
}
.forms li ul li {
	padding: 5px 0 0 15px;
}