/*	



Theme Name: Display



Description: Portfolio and Business Template



Version: 1.3



Author: Kriesi



Author URI: 



*/















/*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, Helvetica, Verdana, san-serif;



line-height:23px;



position:relative;



}







.wrapper{ 



width:100%;



position:relative;



display:table;



}







#top{



position:relative;



width:990px;



margin:0 auto;



}











/************************************************************************



HEAD AREA



*************************************************************************/











#head{



height:110px;



z-index: 5;



}







/*LOGO*/







#top .logo, .logo a{



height:90px;



width:210px;



display:block;



position:absolute;



left:0px;



top:13px;



border: none;



padding: 0;



margin:0;



overflow: hidden;



}







#top .logo a, #top .logo a:hover{



top:0;



left:0;



outline:none;



border: none;



}







#top .logobg a{



text-indent:-9999px;



}







#nav{



position: absolute;



right:210px;



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:70px;



border: none;



text-decoration: none;



line-height: 18px;



outline: none;



}











#nav li a strong{



font-weight: normal;



font-size: 14px;



}







#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:30px; 



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:30px;



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, #featured:focus{



position:relative;



width:940px;



height:345px;



overflow: hidden;



outline: none;



text-align:center;



}







#featured_image, #featured_image:focus{



width:940px;



height:280px;



overflow: hidden;



margin:0 auto;



border: none;



outline: none;



}







object, object:focus{



outline: 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;



}







.js_active #featured #featured_image .current_img, .js_active #featured 



#featured_image .current_img img{



visibility: hidden;



}











/*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:20px;



width:940px;



position: relative;



margin: 0 auto;



overflow: hidden;



}







#content{



width:610px;



margin:0;



overflow: hidden;



position:relative;



float:right;



}







.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 nesting and hiding of indent lists*/



#sidebar .box a{



display:block;



line-height:22px;



padding:3px 10px;



}



#sidebar .box ul ul a{



padding:3px 10px 3px 25px;



}



#sidebar .box ul ul ul a{



padding:3px 10px 3px 40px;



}



#sidebar .box ul ul ul ul a{



padding:3px 10px 3px 55px;



}



#sidebar .box ul ul ul ul ul a{



padding:3px 10px 3px 70px;



}



#sidebar .box ul ul ul ul ul ul a{



padding:3px 10px 3px 85px;



}



#sidebar .box ul ul ul ul ul ul ul a{



padding:3px 10px 3px 100px;



}



#sidebar .box ul ul ul ul ul ul ul ul a{



padding:3px 10px 3px 115px;



}



#sidebar .box ul ul ul ul ul ul ul ul ul a{



padding:3px 10px 3px 130px;



}



#sidebar .box ul ul ul ul ul ul ul ul ul ul a{



padding:3px 10px 3px 145px;



}







.sidebarmenu .current{



font-weight: bold;



}







.sidebarmenu ul ul, .sidebarmenu .currentli_item ul ul, .sidebarmenu 



.parentli_item .li_item ul{



display:none;



}







.sidebarmenu .currentli_item ul, .sidebarmenu .parentli_item ul{



display: block;



}











.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;



}







/*sidebar widgets*/















.widget_search #s{



border: none;



width:219px;



padding:8px 50px 8px 10px;



color:#ccc;



}







#sidebar .widget_search #searchsubmit{



border: none;



display:block;



height:33px;



position:absolute;



right:0px;



text-indent:-9999px;



top:0px;



width:36px;



cursor: pointer;



padding:0;



outline: none;



}







#main #sidebar .widget_tag_cloud a {



display:inline;



border:none;



background: none;



padding:3px;



line-height: 1.5em;



}







#main #sidebar .textwidget a{



display:inline;



background: none;



padding: 0;



margin: 0;



}











#main #sidebar .rsswidget{



background: none;



}







#sidebar .rsswidget img{



display:none;



}







.rss-date, .rssSummary, .widget_rss cite{



padding:3px 10px;



}





#main #sidebar .box .recentcomments a{



background-image: none;



border: none;



}







#main #sidebar .box .recentcomments{



display:block;



line-height:22px;



padding:3px 10px;



}







/*--------------------calendar--------------------*/



#wp-calendar a, #wp-calendar a:visited {



display:block;



text-decoration:none;



padding:0;



border:none;



width:auto;



}







#wp-calendar a:hover{



display:block;



}







#wp-calendar {



empty-cells: show;



width:100%;



text-align:center;







}







#wp-calendar #next a,#wp-calendar #prev a {



text-decoration:none;



display:block;



background: none;



border:none;



}



#wp-calendar #next a:hover,#wp-calendar #prev a:hover {



}







#wp-calendar caption {



margin-bottom:5px;



}











/*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:490px;



padding:5px 0 0 0;



}







.blogentry img{



max-width:610px;



}







.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;



}







/*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:14px;



line-height:16px;



margin: 2px 2px 2px 0;



padding:6px 9px;



text-decoration:none;



width:auto;



}











#top .pagination .current{



font-size:14px;



padding:6px 9px;



}










/*Portfolio*/



#subpage .box_small .more-link,  .box_page .more-link{



position: relative;



top:-13px;



}











/*footer*/



#footer{



width:940px;



position: relative;



padding-top: 10px;



margin: 0 auto;



}







.footer_widgets{



float: left;



width:720px;



overflow: hidden;



}







#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;



float:right;



overflow: hidden;



}







#footer .box h4, #footer .box h4 a{



text-transform: uppercase;



font-size: 16px;



letter-spacing:1.3px;



border:none;



}







#footer .box ul{



list-style-type: none;



list-style-position: outside;



margin:0;



} 







#footer .box ul ul{



border:none;



}







#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;



}







.rsswidget img{



display: 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: absolute;



right:20px;



margin-top:25px;



}







.box_custom_footer p{



font-size:11px;



line-height: 17px;



padding:10px 0;



}







#searchform{



position: relative;



}







#footer #s{



border: none;



width:160px;



padding:8px 50px 8px 10px;



color:#ccc;



}







#footer .widget #s{



width:100px;

}







#footer #searchsubmit{



border: none;



display:block;



height:35px;



position:absolute;



right:3px;



text-indent:-9999px;



top:0px;



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;



}







.wrapper #footer .box .recentcomments a{



background-image: none;



border: none;



}







.widget_tag_cloud{



line-height: 2.5em;



}







.widget_tag_cloud a{



padding:2px;



}







/*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, san-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}















ul, ol{



margin-bottom:10px;



}







ul li{



list-style-type: none;



padding-left:10px;



}







#top #nav, #top #nav li, #sidebar li, #sidebar ul, #footer li, #footer ul{



padding:0;



list-style-type: none;



background: none;



border:none;



}







ol li{



list-style-type: decimal;



list-style-position:inside;



}







#sidebar ul, #sidebar ol{



margin: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, san-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, san-serif;



width:200px;



font-size:11.5px;



}







#send, #submit{



padding:4px 20px;



font-family: Arial, Helevtica, Verdana, san-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:600px;



}







/*CONTACT FORM*/	



#send, #top #submit{



cursor:pointer;







}















/*comments*/



#top .comment-edit-link, #top .comment-meta a{



border:none;



}







.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;



}