/*

Theme Name: W-Portfolio

Theme URI: http://w-portfolio.com

Description: W-Portfolio is a highly efficient portfolio theme created for Wordpress that uses a special grid system to organize content and create an optimized view of your work.

Author: BK-W.com

Version: 0.2.0

Tags: design, portfolio

*/



html{color:#000;background:#fff;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;}



body{background:#fff}



#container {margin: 0;width: 100%;clear:both;}



body,p,textarea {

font-family: Arial, sans-serif; 

font-size:12px;line-height:16px

}



#main{position:static;clear:both;overflow:hidden;padding:0;}

#main div{display:block;float:left}

#header {padding:0px 0px 0px 15px;min-width:900px;width:auto;min-height:80px;height:auto;padding-top:15px;background:transparent;z-index:999;position:relative;}

#content {position:relative;padding-bottom:45px;padding-left:15px;}

#pagecontent {padding-left:15px;clear:both;position:relative;max-width:465px;float: none;line-height: 18px;margin-bottom: 40px;}

#pagecontent p{clear:both;float: none;padding-bottom:7px;}

#wrapper {;max-width:1280px;margin: 0px;}



#pagecontent h1{font-size:26px;line-height:28px;margin:0;padding:0}

#pagecontent h2{font-size:18px;line-height:24px;margin:0;padding:0}

#pagecontent h3{font-size:18px;line-height:none;margin:0;padding:0}



strong {font-weight: bold;}

em,i {font-style: italic;}



#page-list{width:140px;padding:0px 15px 15px 0px;float:left}

#cat-list{width:140px;padding:0px 15px 15px 0px;float:left}

#site-title {width:140px;padding:0px 15px 15px 0px;float:left}

#bkwtag{width:140px;padding:0px 15px 15px 0px;float:left}

#searchbox{width:150px;padding:0px 0px 0px 15px;float:left;background:#fff url('srch.gif') no-repeat left center;}

#stylesbox{width:140px;padding:0px 15px 15px 0px;float:left}



#footerbox{position:fixed;bottom:12px;left:15px;min-width:150px;opacity:.3}

#wportbox{position:fixed;bottom:12px;right:15px}



#contentcopy {text-decoration:none;width:295px}

#imgcontent{margin:0px 0px 0px 15px;max-width:1280px}

#imgcontent img{max-width:670px;min-width:670px;display:block;margin-bottom:15px}

#imgwrap{background:#000}

.image-holder{}

.pagetitle{font-size:22px;}

.pagecontent{}

#relatedposts a{font-size:10px}



#featpost{height:297px;width:605px;overflow:hidden;margin:0px 15px 15px 0px;}

div#featpost:hover{box-shadow: 0 2px 6px rgba(0,0,0,0.5);-o-box-shadow: 0 2px 6px rgba(0,0,0,0.5);-o-box-shadow: 0 2px 6px rgba(0,0,0,0.5);-webkit-box-shadow: 0 2px 6px rgba(0,0,0,0.5);-moz-box-shadow: 0 2px 6px rgba(0,0,0,0.5);}

#postthumb{height:141px;width:295px;overflow:hidden;margin:0px 15px 15px 0px;}

div#postthumb:hover{box-shadow: 0 2px 6px rgba(0,0,0,0.5);-o-box-shadow: 0 2px 6px rgba(0,0,0,0.5);-o-box-shadow: 0 2px 6px rgba(0,0,0,0.5);-webkit-box-shadow: 0 2px 6px rgba(0,0,0,0.5);-moz-box-shadow: 0 2px 6px rgba(0,0,0,0.5);}

#relatedthumb{height:80px;width:150px;overflow:hidden;margin-bottom:15px}


.attachment-large{max-width:300px;max-height:300px;width:auto;height:auto}
.attachment-medium{min-height:141px;min-width:295px;max-width:auto;height:auto}
.attachment-thumbnail img{min-height:80px;min-width:150px;max-width:150px;height:auto}




div#figcaptionwrap{top:0;left:0}



figure {

  margin:0;

  padding:0;

float:left;

}



figcaption{

  max-width:295px;

  position:absolute;

  background:#000;

  color:#fff;

  opacity: 0;

  -webkit-transition: opacity .5s ease-in-out;

  -moz-transition: opacity .5s ease-in-out;

  -o-transition: opacity .5s ease-in-out;

  transition: opacity .5s ease-in-out;

  padding:15px;

}



figcaption.featuredcaptag{

  max-width:300px;

  background:#ff0000;

  color:#fff;

  opacity: 1;

  -webkit-transition: opacity .5s ease-in-out;

  -moz-transition: opacity .5s ease-in-out;

  -o-transition: opacity .5s ease-in-out;

  transition: opacity .5s ease-in-out;

  padding:15px;

}



figcaption.featuredcap{

  max-width:300px;

  margin-left:79px;

  background:#000;

  color:#fff;

  opacity: 0;

  -webkit-transition: opacity .5s ease-in-out;

  -moz-transition: opacity .5s ease-in-out;

  -o-transition: opacity .5s ease-in-out;

  transition: opacity .5s ease-in-out;

  padding:15px;

}



figcaption.relatedcap{max-width:140px;padding:5px;opacity:0}



figure:hover figcaption{

  opacity: 1;

}



figcaption, h1, h2, h3, h4 {

font-size:12px;

}



figcaption.* {

  filter: alpha(opacity=0);

}



figure:hover figcaption {

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#aa000000,endColorstr=#aa000000);

}







.screen-reader-text {position: absolute;left: -9000px;}



fieldset.search {}

.search input {border: none;}

.search input.box {background:transparent;color:#ccc;}

.search input.box:hover {background:transparent;color:#000;}

.search input.box:focus {background:transparent;color:#000;outline: none;}



#site-title {font-size:31px;font-weight:bold;line-height:27px}

#site-title a:link {font-weight:bold;color:#000;text-decoration:none}

#site-title a:hover {font-weight:bold;color: #000;text-decoration:none}

#site-title a:visited {font-weight:bold;color: #000;text-decoration:none}

#site-title a:active {font-weight:bold;color: #000;text-decoration:none}



#contentcopy a:link {color:#000;text-decoration:underline}

#contentcopy a:hover {color: #000;text-decoration:none}

#contentcopy a:visited {color: #000;text-decoration:none}

#contentcopy a:active {color: #000;text-decoration:none}



#relatedposts a:link {color:#fff;text-decoration:none}

#relatedposts a:hover {color: #fff;text-decoration:none}

#relatedposts a:visited {color: #fff;text-decoration:none}

#relatedposts a:active {color: #fff;text-decoration:none}



figcaption a:link, a:visited, a:hover, a:active{text-decoration:none; color:#fff;}



#page-list a {	color: #000;text-decoration: none;list-style:none;}

#page-list a:hover {	color: #FF0000;text-decoration: none;list-style:none;}

#cat-list a {	color: #000;text-decoration: none;list-style:none;}

#cat-list a:hover {	color: #FF0000;text-decoration: none;list-style:none;}



#page-list ul li.current_page_item > a,

#page-list ul li.current-cat > a,

#page-list ul li.current-cat-parent > a,

#page-list ul li.current-menu-ancestor > a,

#page-list ul li.current-menu-item > a,

#page-list ul li.current-menu-parent > a {color: #FF0000;}



#cat-list ul li.current_page_item > a,

#cat-list ul li.current-cat > a,

#cat-list ul li.current-cat-parent > a,

#cat-list ul li.current-menu-ancestor > a,

#cat-list ul li.current-menu-item > a,

#cat-list ul li.current-menu-parent > a {color: #FF0000;}

#cat-list li.current-cat a{color: #FF0000;}



* html #page-list ul li.current_page_item a,

* html #page-list ul li.current-cat > a,

* html #page-list ul li.current-cat-parent > a,

* html #page-list ul li.current-menu-ancestor a,

* html #page-list ul li.current-menu-item a,

* html #page-list ul li.current-menu-parent a,

* html #page-list ul li a:hover {color: #FF0000;}



* html #cat-list ul li.current_page_item a,

* html #cat-list ul li.current-cat > a,

* html #cat-list ul li.current-cat-parent > a,

* html #cat-list ul li.current-menu-ancestor a,

* html #cat-list ul li.current-menu-item a,

* html #cat-list ul li.current-menu-parent a,

* html #cat-list ul li a:hover {color: ##FF0000;}



#page-list, #cat-list,

.entry-meta,

.entry-utility,

.navigation,

.widget-area {

	-webkit-text-size-adjust: 120%;

}



#stylesbox{width:140px;padding:0px 15px 15px 0px;float:left}

#stylesbox a:link{color:#000;text-decoration:none}

#stylesbox a:visited{color:#000;text-decoration:none}

#stylesbox a:active{color:#000;text-decoration:none}

#stylesbox a:hover{color:#ff0000;text-decoration:underline}



#stylesbox ul li.current_page_item a,

#stylesbox ul li.current-cat > a,

#stylesbox ul li.current-cat-parent > a,

#stylesbox ul li.current-menu-ancestor a,

#stylesbox ul li.current-menu-item a,

#stylesbox ul li.current-menu-parent a,

#stylesbox ul li a:hover {color:#ff0000;text-decoration:underline}