/* CSS Document */

/*
Theme Name: Portfolium
Author URI: http://www.wpshower.com
Description: Portfolium is a clean and flexible Wordpress grid-based portfolio theme designed in a modern & minimalist style. Portfolium is ideal for designers, artists, photographers, and other creative specialists who require a professional portfolio theme. Portfolium theme is coded in valid CSS and HTML and compatible with all browsers. It supports all Wordpress 3.0 features and gives you extra flexibility.
Author: WPSHOWER
Version: 1.0
License: GNU/GPL Version 2 or later. http://www.gnu.org/licenses/gpl.html
Tags: grids, portfolio, modern, stylish, minimalistic
Copyright: (c) 2010 WPSHOWER
*/

/*** Reset ***/

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:top;background:transparent;}
body{line-height:1;text-align:left;}
ol,ul{list-style:none;border:0;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
:focus {outline:0;}
ins{text-decoration:none;}
del{text-decoration:line-through;}
table{border-collapse:collapse;border-spacing:0;}

/*** Main ***/

html, body {height: 100%;}
body {font: 62.5% Helvetica, Arial, sans-serif; background: #fff;}
.clear:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.left {float: left;}
.right {float: right;}
.wrapper {min-height:95%;width: 1350px;}

/*** Header ***/

.header {height: 55px; float: left; position:fixed;display: block;background:transparent;z-index:500;width: 1300px;}



.logo a {background:#ff5a00; color: #fff; text-decoration: none; position: absolute;font-weight: bold;font-size: 40px; float: left; position: relative;z-index: 100;opacity:1;padding: 15px 5px 0 15px;width: 145px;text-align:right;}

.info {position:fixed;width: 145px; float: left;margin-top:60px;}
.info h3{color: #ff5a00; text-decoration: none;font-weight: bold;font-size: 16px; float: left;position: absolute; text-align:right;width: 145px;padding-left:15px;}
.mail  {width: 145px; float: left;position:fixed;margin-top:100px;}
.mail a {color: #ff5a00; text-decoration: none;width: 145px; float: left;text-align:right;padding: 5px 5px 5px 15px;position:absolute;}
.mail a:hover {color: #fff; text-decoration: none; text-decoration: none;background:#ff5a00;}



/*** Navigation ***/

.menu a {display: block;color: #78e4ff; text-decoration: none;font-weight: bold;font-size: 10px; float: left; position: relative;opacity:1;background: #fff;text-align:right;}
.cat h1{color: #ff5a00; width: 145px;text-decoration: none;font-weight: bold;font-size: 12px; float: left;text-align:right;padding: 5px 5px 5px 15px;margin-top:15px;}
.cat2 a {position: relative;display: block;color: #ff5a00; width: 145px;text-decoration: none;font-weight: bold;font-size: 12px; float: left;text-align:right;padding: 5px 5px 5px 15px;margin-top:5px;}
.cat2 a:hover {color: #fff;background:#ff5a00;}
.nav {background:none;height: 55px; float: left;position: absolute;width: 1050px;margin-left:200px;z-index:450;}
.nav li { float: left;margin-right:50px;}
.nav li.current a {color: #fff;background: #fff;}
.nav a {background: #ff5a00;color: #fff; text-decoration: none; text-decoration: none;float:left;text-align:left;font-weight: bold;font-size: 14px;padding: 20px 0 20px 10px;width: 290px}





.nav li.current a:hover, .sub-menu li a:hover, ul.sub-menu li:hover {color: #ff5a00;background: #fff;}

ul.sub-menu {position: absolute; visibility: hidden; z-index: 100; width: 150px; background: none; margin-top: 55px;margin-left:50px;float: right;}
ul.sub-menu li { height: auto; padding: 0 !important; border: none; float: right; background: #ff5a00; width: 150px;margin-top: 5px;}
ul.sub-menu li a {background: none !important; font-size: 12px; color: #fff;float:right;text-align:right;padding: 20px 5px 20px 15px;}







/*** Content ***/

.middle {width: 1350px;margin-left:200px;
	}
.container {width: 1350px;}
.content {width: 1350px;float: left;} 
.home {padding-top:60px;}
#show {overflow: hidden;display: block; position: relative;margin-top:60px;}
#show img {cursor: pointer;color: #000;display: block;position: relative;}
#show_nav { position: relative; display: block;background: #kdj4c4; width: 1300px;height: 15px;z-index:300;margin-top:-20px;}
#show_nav a {position: relative; display: block;width: 15px; height: 15px;float:left;font-size: 12px; color: #fff; text-decoration: none;background: #000;padding-left:7px;padding-top:5px;}
#show_nav a:hover, #show_nav .activeSlide {color: #000; background: #fff;}


.post_home {width: 300px;float:left; margin-right:50px;color: #333;margin-top:55px;padding-top:5px;}
.thumb {display: block; width: 300px; height: 150px; position: relative; color: #333;overflow: hidden;}
.thumb img {display: block;width: 300px;overflow: hidden;margin-top:-100px;}
.thumb span {display: block; width: 300px; height: 150px; position: absolute; top: 0; left: 0; background: #fff;}

.post_home h2 {position: relative;top:-13px;color: #000;}
.post_home h2 a {font-size: 12px; font-weight: normal;color: #fff; text-decoration: none;padding-right:10px;padding-top:5px;padding-left:5px;background:#ff5a00;z-index: 101;position: relative;}

.post_home2 {width: 300px;float:left;color: #333;padding-top:5px;display: block;margin-right:50px;margin-bottom:30px;}
.thumb2 { color: #333;}
.thumb2 img {width:300px;height:413px;}



.post_home2 h2{margin-top:5px;position: relative;font-size: 12px; font-weight: normal;color: #fff; text-decoration: none;padding-right:10px;padding-top:5px;padding-left:5px;background:#ff5a00;z-index: 101;}


.post-meta {position: relative;font-size: 12px; color:#ff5a00;background:#fff; padding:0 5px 0 5px; margin-top:5px; text-align:right;}
.post-meta-key {visibility: hidden;position: relative;font-size: 12px;color: #ff5a00; font-weight: bold;background:#fff; padding:0 5px 0 5px; margin-top:5px; }



.recent h3 {font-size: 16px; font-weight: bold; color: #ccc; margin: 0 0 15px 15px; padding-bottom: 10px;}

.page_meta {position: relative;}
.page_meta a {color: #ff5a00; text-decoration: none;z-index:800;}
.page_meta a:hover {color: #ff5a00;}


.search input {background: none; border: none; color: #ccc; font: bold 11px Helvetica, Arial, sans-serif; width: 145px;}

.post_list, .post_single {padding: 30px 0 45px;}
.post_single {background: none;}
.post_list a, .post_single a {color: #000; text-decoration: none;}
.post_list a:hover, .post_single a:hover {text-decoration: underline;color: #000;}
.post_list h2, .post_single h2, .page h2 {font-size: 26px; color: #000; font-weight: normal; margin-bottom: 15px; padding-left: 175px;}
.page {padding-top: 15px;}
.page h2 {padding-left: 0;}
.post_list h2 a, .post_single h2 a, .page h2 a {color: #f2f2f2; text-decoration: none;}
.post_list h2 a:hover, .post_single h2 a:hover, .page h2 a:hover {color: #fff; text-decoration: none;}
.post_list_meta, .post_single_meta {width: 145px; margin-left: 15px; float: left;}
.post_list_meta p, .post_single_meta p, .post_share {color: #ccc; font-size: 11px; margin-bottom: 11px; line-height: 1.7;}
.post_date {margin-bottom: 0 !important;}
.post_share {line-height: normal;}
.sharelist {display: none; margin-top: 11px;}
.sharelist li {margin-bottom: 3px;}

.post_content {width: 1000px; float: left;}
.more {margin-bottom: 0; font-weight: bold;}

.post_content h1, .post_content h2, .post_content h3, .post_content h4, .post_content h5, .post_content h6 {color: #ff5a00; margin: 15px 0; font-weight: normal;}
.post_content h1, .post_content h2 {font-size: 26px;}
.post_content h3 {font-size: 24px;}
.post_content h4 {font-size: 22px;}
.post_content h5 {font-size: 20px;}
.post_content h6 {font-size: 18px;}

.post_content p {color: #ff5a00; font-size: 12px; line-height: 1.5; margin-bottom: 12px;}
.post_content a {color: #ff5a00;}
.post_content a:hover {text-decoration: none;}
.post_content ul, .post_content ol {margin-bottom: 12px; padding-left: 40px;}
.post_content li {color: #f2f2f2; font-size: 12px; line-height: 1.5;}
.post_content ul li {list-style: circle;}
.post_content ol li {list-style: decimal;}
.post_content blockquote {color: #ccc; font: italic 16px Georgia, Geneva, "Times New Roman", times; padding-left: 70px; margin: 15px 0;}
.post_content blockquote p {color: #ccc; font: italic 16px Georgia, Geneva, "Times New Roman", times;}

/*** Images ***/

.post_content img { height: 1000px; max-width: 1000px; width: 1000px; display: block;  }
.post_content .attachment img { max-width: 700px;display: block; margin: 0 auto;}

.post_content .aligncenter, .post_content img.aligncenter { clear: both; display: block; }
.post_content .alignleft, .post_content img.alignleft { display: inline; float: left; margin-right: 15px; margin-top: 4px; }
.post_content .alignright, .post_content img.alignright { display: inline; float: right; margin-left: 15px; margin-top: 4px; }
.post_content img.alignleft, .post_content img.alignright, .post_content img.aligncenter { margin-bottom: 12px; }
.post_content .wp-caption { background: #f1f1f1; line-height: 18px; margin-bottom: 20px; padding: 4px; text-align: center; }
.post_content .wp-caption img { margin: 5px 5px 0; }
.post_content .wp-caption p.wp-caption-text { color: #888; font-size: 12px; margin: 5px; }
.post_content .wp-smiley { margin: 0; }
.post_content .gallery { margin: 0 auto 18px; }
.post_content .gallery .gallery-item { float: left; margin-top: 0; text-align: center; width: 33%; }
.post_content .gallery img {  }
.post_content .gallery .gallery-caption { color: #888; font-size: 12px; margin: 0 0 15px; }
.post_content .gallery dl { margin: 0; }
.post_content .gallery img {  }
.post_content .gallery br+br { display: none; }
.post_content .attachment img { /* single attachment images should be centered */ display: block; margin: 0 auto; }

/*** Pagination ***/

.pagination {padding: 15px 0 15px 15px;}
.pagination_ctrl {height: 30px; width: 145px; float: left; background: url("i/pagination_ctrl.gif") 50% 50% no-repeat; position: relative;}
.nextpostslink, .previouspostslink {display: block; width: 63px; height: 30px; position: absolute;}
.nextpostslink {background: url("i/pagination_arr.gif") 100% 10px no-repeat; right: 7px;}
.previouspostslink {background: url("i/pagination_arr.gif") 0 10px no-repeat; left: 7px;}
.nextpostslink:hover {background-position: 100% -39px;}
.previouspostslink:hover {background-position: 0 -39px;}
.pagination_pages {height: 30px; line-height: 30px; float: right; margin-left: 15px;}
.pagination_pages a, .pagination_pages span {margin: 0 6px; padding: 5px; color: #fff18f; text-decoration: none; font-size: 11px;}
.pagination_pages a:hover {text-decoration: underline;}
.pagination_pages .current {color: #ccc;}
#pagination {padding: 20px 0 0 30px;}
#pagination .nextpostslink {color: #000; text-decoration: none; display: block; padding: 9px 0; text-align: center; font-size: 14px;}
#pagination .nextpostslink:hover {background-color: #FFEA97; text-decoration: none; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
#pagination .loading {background: url("images/loading.gif") 240px 9px no-repeat; color: #555;}
#pagination .loading:hover {background-color: transparent !important; cursor: default;}

/*** Comments ***/

.comments_heading {padding-bottom: 10px;}
.add_comment {width: 145px; height: 25px; float: left; margin-left: 15px; font-size: 11px; border-bottom: 1px solid #4d4d4d;}
.add_comment a {color: #fff18f; text-decoration: none;}
.add_comment a:hover {text-decoration: underline;}
.comment_qty {width: 785px; height: 25px; margin-left: 15px; float: left; border-bottom: 1px solid #4d4d4d; color: #ccc; font-size: 12px;}
.nopassword {color: #ccc; font-size: 12px; padding-left: 15px;}

.comment_item {padding: 15px 0; background: url("i/post_list.gif") 0 100% no-repeat;}
.comment_meta {float: left; width: 145px; margin-left: 15px; color: #ccc; font-size: 11px; line-height: 1.7;}
.comment_meta a {color: #fff18f; text-decoration: none; font-style: normal;}
.comment_meta a:hover {text-decoration: underline;}
.comment_text {width: 785px; margin-left: 15px; float: left; color: #ccc; font-size: 12px; line-height: 1.5;}

#respond {margin-top: 30px;}
.respond_meta {float: left; width: 145px; margin-left: 15px; color: #ccc; font-size: 12px; font-weight: bold;}
.comment_form {padding-bottom: 60px; width: 785px; float: left; margin-left: 15px;}
.comment_fields {margin-bottom: 25px;}
#author, #email, #url {width: 225px; float: left; margin: 0 15px 0 0; padding: 0; color: #ccc; font-size: 12px; border: none; border-bottom: 1px solid #4d4d4d; background: none; padding-bottom: 8px; overflow: hidden;}
#url {width: 305px; margin: 0;}
.comment_form textarea {width: 785px; height: 125px; overflow: auto; border: none; border-bottom: 1px solid #4d4d4d; background: none; color: #ccc; font: 12px Helvetica, Arial, sans-serif; margin-bottom: 15px;}
.comment_submit {text-align: right;}
#submit {width: 170px; height: 40px; padding: 0 15px; background: #4d4d4d url("i/comment_submit.gif") 146px 17px no-repeat; border: none; text-align: left; color: #f2f2f2; font: 12px Helvetica, Arial, sans-serif; cursor: pointer;}
#submit:hover {background: #fff18f url("i/comment_submit.gif") 146px -26px no-repeat; color: #4d4d4d;}
.comment_message {color: #f2f2f2; font-size: 12px; margin-bottom: 12px;}
.comment_message a {color: #fff18f; text-decoration: none;}
.comment_message a:hover {text-decoration: underline;}

/*** Left column ***/
.titre h2 {position: fixed;z-index:400;margin-top:60px;}
.titre a {color: #fff; font-size: 20px; background: #ff5a00;padding:5px 5px 5px 5px;position: fixed;}

.titre-h h2 {position: absolute;z-index:400;margin-top:275px;}
.titre-h a {color: #fff; font-size: 20px; background: #ff5a00;padding:5px 5px 5px 5px;}

.l_col {width: 1000px; margin-top: 55px; float: left;background: #fff; position: relative;}

.l_col .post_portfolio h2 {color: #000; font-size: 30px; font-weight: bold;}
.post_divider {font-size: 11px; color: #000;display: block; 
width : 1000px; height:10px;}
.l_col .post_portfolio p {color: #ff5a00; line-height: 1.3; padding-bottom: 30px; font-size: 11px;display: block; 
width : 1000px; }

.l_col .post_portfolio a {color: #000; text-decoration: none;}
.l_col .post_portfolio a:hover {text-decoration: underline;}

/*** Footer ***/

/***.left2 a{background: url("i/TE3.jpg") 0 0 no-repeat;height: 55px; width: 175px; position:relative; float:left;margin-left:0;margin-top:80px;display: block;}***/


.footer {height: 36px;width: 1000px;position:relative;background: #fff;margin-left:200px;}

.footer_inn {height: 36px;}
.footer_inn p {font-size: 11px; color: #ff5a00;}
.footer_inn a {color: #ff5a00; text-decoration: none;}
.footer_inn a:hover {color: #000;}