/*
Theme Name: Portfolium Child
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.
Version: 1.0
License: GNU/GPL Version 2 or later. http://www.gnu.org/licenses/gpl.html
Tags: grids, portfolio, modern, stylish, minimalistic
Template: portfolium
*/

@import url("../portfolium/style.css");

/*
---------------------------------------------------------------------
Font Embed 
---------------------------------------------------------------------
*/



@font-face {
    font-family: 'HelveticaNeueLTStd45Light';
    src: url('font/helveticaneueltstd-lt-webfont.eot');
    src: url('font/helveticaneueltstd-lt-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/helveticaneueltstd-lt-webfont.woff') format('woff'),
         url('font/helveticaneueltstd-lt-webfont.ttf') format('truetype'),
         url('font/helveticaneueltstd-lt-webfont.svg#HelveticaNeueLTStd45Light') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'HelveticaNeueLTStd25UltraLt';
    src: url('font/helveticaneueltstd-ultlt-webfont.eot');
    src: url('font/helveticaneueltstd-ultlt-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/helveticaneueltstd-ultlt-webfont.woff') format('woff'),
         url('font/helveticaneueltstd-ultlt-webfont.ttf') format('truetype'),
         url('font/helveticaneueltstd-ultlt-webfont.svg#HelveticaNeueLTStd25UltraLt') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'HelveticaNeueLTStd55Roman';
    src: url('font/helveticaneueltstd-roman-webfont.eot');
    src: url('font/helveticaneueltstd-roman-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/helveticaneueltstd-roman-webfont.woff') format('woff'),
         url('font/helveticaneueltstd-roman-webfont.ttf') format('truetype'),
         url('font/helveticaneueltstd-roman-webfont.svg#HelveticaNeueLTStd55Roman') format('svg');
    font-weight: normal;
    font-style: normal;

}


/*
---------------------------------------------------------------------
Text settting
---------------------------------------------------------------------
*/

a {	color:#555555;
	text-decoration:none;}

a:hover {
	color:#5182a2;
	text-decoration:none;}

h1 {
	font-family:'HelveticaNeueLTStd25UltraLt';
	font-weight: normal;
	color:#555555;
	letter-spacing: 0.2em;
}
h2 { font-family:'HelveticaNeueLTStd45Light';
	font-weight: normal;
	letter-spacing: 0.1em;
	color:#555555;}
h3 { font-family:'HelveticaNeueLTStd45Light';
	font-weight: normal;
	letter-spacing: 0.1em;	
	color:#555555;}
	
	
#menu-header	{
	font-family:"HelveticaNeueLTStd45Light", Courier, monospace;
	font-weight: normal;
	font-size:11px;
	text-transform:uppercase;
	color:#555555;
	letter-spacing: 0.1em;
}



/*
---------------------------------------------------------------------
Overroll Layout
---------------------------------------------------------------------
*/


* {
margin: 0;
}
html, body {
height: 100%;
}

body{
	/*background:none;*/
	height:100%;
	font-family:'HelveticaNeueLTStd45Light', Helvetica, Arial, sans-serif;
	letter-spacing: 0.09em;
	line-height:160%;
	font-size:11px;
}

#page_box {min-height: 100%;}

/*Opera Fix*/
body:before {
	content:"";
	height:100%;
	float:left;
	width:0;
	margin-top:-32767px;/
}
<!--[if !IE 7]>
	<style type="text/css">
		#wrap {display:table;height:100%}
	</style>
<![endif]-->




.wrapper {
	margin-left:50px;
	padding:0px 0px 70px 0px;
	width:910px;
overflow-y:auto;
overflow-x:hidden;	
}

.header {
	background:none;
	margin:40px 0px 0px;
	padding:0px;
}


.middle{
	padding:0px;
}
.container{
	margin:0px;
	padding:0px;
}


.footer {
    color: #555555;
    height: 50px;
    margin: -50px 0 0 50px;
    position: relative;
    width: 910px;
	clear:both;	
}

.footer_inn{
	border:0px;
	margin:0px;
	padding:18px 0px 0px;
	height:auto;	
}


.footer_inn p {font-size: 10px; color: #555555;letter-spacing:0.1em;}
.footer_inn a {color: #555555; text-decoration: none;}
.footer_inn a:hover {color: #5182a2;}
.wpshower_logo {background: url("i/wpshower_logo.png") 0 2px no-repeat; padding: 0 0 0 9px;}


/*
---------------------------------------------------------------------
Header
---------------------------------------------------------------------
*/

.logo {
	background:none;
	width:auto;
	height:20px;
	float:left;
	padding:0px;
	position:inherit;
}
.search_box{
	float:right;
}

.rss, .tags, .search {
	border-bottom: 0 solid #4D4D4D;
	color: #555555;
	float: left;
	font-size: 11px;
	font-weight: normal;
	height: 10px;
	line-height: 10px;
	margin-left: 15px;
	width: 145px;
	letter-spacing: 0.09em;
}

.search input {
	background: none;
	border: none;
	color: #555555;
	width: 145px;
	font-family: 'HelveticaNeueLTStd45Light', Helvetica, Arial, sans-serif;
	font-size: 11px;
	font-weight: normal;
	letter-spacing: 0.09em;
	border-bottom-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-bottom-color: #DFDFDF;
}



.logo a {
	position:inherit;
	color:#555555;
	text-transform:uppercase;
	font-size:20px;
}

.nav {
	float:none;
	margin:10px 0px 0px;
}

.nav li {
	background:none;
	height:80px;
	padding:0px 15px 0px 0px;
	width:auto;
}
.nav a {
	width:auto;
	padding:0px;
	color: #555555;
    display: block;
    font-size: 11px;
    font-weight: normal;
    padding-top: 20px;
    text-decoration: none;
}



/*
---------------------------------------------------------------------
Portfolio/Post Single
---------------------------------------------------------------------
*/




/*** portfolio / Post COMMON single LEFT Col****************************************************/


.l_col{
	margin:0px;
	width:170px;
}

/* post left col*/
.l_col .post h2 {
    color: #555555;
    font-size: 14px;
    font-weight: normal;
	text-transform:uppercase;
	height:50px;
}




.l_col .post_portfolio h2 {color: #555555; font-size: 14px; font-weight: normal; text-transform:uppercase;	height:50px;}
.post_divider {font-size: 11px; color: #b8b8b8;}
.l_col .post_portfolio p {
	color: #555555;
	line-height: 140%;
	margin-bottom: 15px;
	font-size: 11px;
}
.l_col .post_portfolio a {
	color: #555555;
}
.l_col .post_portfolio a:hover {
	text-decoration: none;
	color: #5182a2;
}

.l_col .post_portfolio {

}


.content{
	float:left;
	margin-left:30px;
	width:710px;
	color:#555555;
}


/* post single left col */

.post_title{
	color: #555555;
	font-family: 'HelveticaNeueLTStd45Light';
	font-size: 11px;
	line-height: 140%;
	letter-spacing: 0.09em;
}
.post_category{
	color:#555555;
	font-size:11px;
	line-height: 140%;
	letter-spacing: 0.09em;	
}

.post_text{
	color:#555555;
	font-size:11px;
	line-height: 140%;
	letter-spacing: 0.09em;	
}

.post_links{
	margin-top:50px;
	font-size: 11px;
	line-height: 140%;
	letter-spacing: 0.09em;
}

.post_related{
}
.post_related_exhibition{
}
.post_related_press{
}

.post_edit_link {
	padding: 50px 0px 0px 0px;
	font-size:11px;}



/*** portfolio single RIGHT Col ****************************************************/

.show{
	width:710px;
}

/*** portfolio single navigation ***/
.navigation{
	margin-top:33px;
	clear:both;
	font-size: 11px;
}


.nav-previous{
	float:left;
	margin-right:30px;
}

.nav-next{
	float:left;
}

.nav-previous a, .nav-next a{
	color:#555555;
	text-decoration:none;
}




/*** post single RIGHT Col ****************************************************/

.content_single_post{
    color: #555555;
    float: left;
    font-size: 12px;
    letter-spacing: 0.09em;
    line-height: 160%;
    margin-left: 30px;
    width: 710px;
}

.content_single_post h1{
	    color: #555555;
    font-family: 'HelveticaNeueLTStd55Roman';
    font-size: 12px;
    letter-spacing: 0.1em;	
	line-height: 180%;
	padding-bottom: 5px;}

.content_single_post img {
	margin: 0px 20px 10px 0px;}
	
.content_single_post p {
	margin: 0px 0px 10px 0px;
    letter-spacing: 0.09em;		}	


/*** post single navigation ***/
.nav-previous-post{
	float:left;
}
.nav-next-post{
	float:right;
}





/*
---------------------------------------------------------------------
Teaser page 
---------------------------------------------------------------------
*/


.col_2{
	margin:0px;
	width:150px;
	float:left;
	font-size:12px;
	line-height:200%;
	letter-spacing: 0.1em;
}
.col_2 h2 {
    color: #555555;
    font-size: 14px;
    font-weight: normal;
	height:40px;
	text-transform:uppercase;
    line-height: 50%;	
}

/*** Teaser ***/
.content_portfolio_list{
	float:left;
	margin:0px;
	width:600px;
}
/*** Teaser single Block ***/
.post_portfolio{
	margin:0px 0px 20px 0px;
	clear:both;
}
.post_portfolio h2{
	height:50px;
}
.featured_thumb{
	width:100px;
	float:left;
}

/*** Teaser single text content ***/
.post_content_portfolio{
	width:480px;
	float:left;
	margin:0px 0px 0px 20px;
	letter-spacing: 0.09em;
}
.post_content_portfolio_title{
	color: #555555;
	font-size: 11px;
    font-weight: normal;
	line-height:150%;
}
.post_content_portfolio_category{
	color: #555555;
	font-size: 11px;
    font-weight: normal;	
	line-height:150%;	
}
.post_content_portfolio_content{
	color: #555555;
	font-size: 11px;
    font-weight: normal;	
	line-height:150%;	
}
.post_content_portfolio_readmore{
	text-align:right
	color: #555555;
	font-size: 11px;
    font-weight: normal;	
	line-height:150%;	
}


/*** ????????????? ***/

.nav-previous-posts{
	float:left;
}
.nav-next-posts{
	float:right;
}
.nextpostslink{
	position:inherit;
	background:none;
	width:auto;
	height:auto;
}
.previouspostslink{
	position:inherit;
	background:none;
	width:auto;
	height:auto;
}



/*** Home text ***/

#home_slideshow {
	float:left;}

.home_text {
	float:left;
	width:400px;
	margin: 0px 0px 0px 100px;
	font-family:"HelveticaNeueLTStd45Light", Courier, monospace;
	font-weight: normal;
	font-size:11px;
	color:#777777;
	letter-spacing: 0.09em;
	line-height:140%;}

.home_text p {
	padding-bottom: 10px;	
	}

.home_text a {
	color:#777777;}

.home_text a:hover {
	color:#5182a2;}

.home_text h1 {
	color: #555555;
    font-family: 'HelveticaNeueLTStd45Light';
    font-size: 11px;	
	line-height: 100%;
	padding-bottom: 15px;
	letter-spacing: 0.1em;	}



/*** 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;}
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%;}
.clear:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.left {float: left;}
.right {float: right;}

/*** Header ***/

.logo a:hover {color: #5182a2;}

/*** Navigation ***/

.nav li.current a {color: #5182a2;}
.nav a:hover, .nav li.current a:hover, .jsddm_hover a, .sub-menu li a:hover {color: #5182a2;}
li.parent a {background: url("i/folder.gif") 138px 27px no-repeat;}
li.parent a:hover, li.jsddm_hover a {background: url("i/folder_active.gif") 100% 27px no-repeat;}
ul.sub-menu {position: absolute; visibility: hidden; z-index: 100; width: 145px; background: #333; margin-top: 15px; padding: 10px 0;}
ul.sub-menu li {margin-left: 0; height: auto; padding: 0 !important; border: none; float: none; background: none; width: 125px;}
ul.sub-menu li a {background: none !important; font-size: 12px; padding: 0; color: #ccc; width: 125px;}

/*** Content ***/


#show {width: 785px; overflow: hidden; margin-bottom: 10px;}
#show img {cursor: pointer;}
#show_nav a {font-size: 11px; color: #555555; text-decoration: none; margin-right: 10px;}
#show_nav a:hover, #show_nav .activeSlide {color: #5182a2;}

.post_home {width: 145px; float: left; margin: 0 0 30px 15px;}
.thumb {display: block; width: 145px; height: 145px; margin-bottom: 5px; position: relative; color: #333;}
.thumb img {display: block;}
.thumb span {display: block; width: 145px; height: 145px; position: absolute; top: 0; left: 0; background: #fcf2ad;}
.post_home h2 {font-size: 11px; font-weight: bold;}
.post_home h2 a {color: #ccc; text-decoration: none;}
.post_home h2 a:hover {color: #fff18f;}

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

.page_meta {height: 50px;}
.page_meta a {color: #ccc; text-decoration: none;}
.page_meta a:hover {color: #fff18f;}

.heading {
    border-bottom: 0 solid #444444;
    color: #555555;
    float: left;
    font-size: 18px;
    font-weight: normal;
    height: 30px;
    line-height: 30px;
    margin-left: 0;
    width: 510px;
}

.tags {position: relative;}
.tags a {background: url("i/tags.gif") 100% 50% no-repeat; padding-right: 10px;}
.tags a:hover {background: url("i/tags.gif") 100% 50% no-repeat;}
.taglist {margin-top: 16px; background: #333; position: absolute; left: -15px; width: 145px; padding: 15px 0 15px 15px; visibility: hidden;}
.taglist li {line-height: 1.5;}
.taglist li a {color: #555555 !important; background: none !important; font-weight: normal; display: block;}
.taglist li a:hover {color: #5182a2 !important;}
.tags .jsddm_hover a {color: #5182a2; background: url("i/tags.gif") 100% 50% no-repeat; padding-right: 10px;}


.post_list, .post_single {padding: 30px 0 45px; background: url("i/post_list.gif") 0 100% no-repeat;}
.post_single {background: none;}
.post_list a, .post_single a {color: #5182a2; text-decoration: none;}
.post_list a:hover, .post_single a:hover {text-decoration: none;}
.post_list h2, .post_single h2, .page h2 {font-size: 15px; color: #555555; font-weight: normal; margin-bottom: 15px; padding-left: 0px;}
.page {padding-top: 15px;}
.page h2 {padding-left: 0;}
.post_list h2 a, .post_single h2 a, .page h2 a {color: #555555; text-decoration: none;}
.post_list h2 a:hover, .post_single h2 a:hover, .page h2 a:hover {color: #5182a2; 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: #555555; 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: 785px; margin-left: 15px; 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 { font-family:'HelveticaNeueLTStd45Light'; color: #555555; margin: 15px 0; font-weight: normal;}
.post_content h1, .post_content h2 {font-size: 14px;}
.post_content h3 {font-size: 14px;}
.post_content h4 {font-size: 12px;}
.post_content h5 {font-size: 12px;}
.post_content h6 {font-size: 12px;}

.post_content p {color: #555555; font-size: 12px; line-height: 1.5; margin-bottom: 12px;}
.post_content a {color: #5182a2;}
.post_content a:hover {text-decoration: none;}
.post_content ul, .post_content ol {margin-bottom: 12px; padding-left: 40px;}
.post_content li {color: #555555; 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: #555555; font: italic 16px Georgia, Geneva, "Times New Roman", times; padding-left: 70px; margin: 15px 0;}
.post_content blockquote p {color: #555555; font: italic 16px Georgia, Geneva, "Times New Roman", times;}

/*** Images ***/

.post_content img { margin: 0; height: auto; max-width: 785px; width: auto; }
.post_content .attachment img { max-width: 785px; }
.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 .aligncenter, .post_content img.aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; }
.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: #555555; 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: #5182a2; 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: none;}
.pagination_pages .current {color: #ccc;}

/*** 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: none;}
.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: none;}
.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: none;}