/* 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: auto;clear:both;} #about { padding:15px 0 20px 15px;} body,p,textarea { font-family: Arial, sans-serif; font-size:12px;line-height:18px; } #wrapper { /* padding:15px 0 0 15px; */} #main{position:static;clear:both;overflow:hidden; padding: 0 0 0 15px; } #main div{display:block;float:left; } #header {padding:30px 0px 0px 30px;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; min-width: 995px;} #pagecontent {padding-left:15px;clear:both;position:relative; max-width:530px; float: none;line-height: 18px;margin-bottom: 40px;} #pagecontent p{clear:both;float: none;padding-bottom:18px;} #wrapper {width:100%;max-width:1280px;margin: 0px;} #pagecontent div a:link {color:#000;text-decoration:underline} #pagecontent div a:hover {color: #000;text-decoration:none} #pagecontent div a:visited {color: #000;text-decoration:none} #pagecontent div a:active {color: #000;text-decoration:none} #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} h4{color: #e32020; font-weight:bold; line-height:none} 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} #bkwtag a:link, a:hover{color:#FF0000} #bkwtag a:visited, a:active{color:#FF0000} #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:relative;bottom:12px;left:30px;max-width:600px;opacity:.3; clear:both; } #wportbox{position:fixed;bottom:12px;right:15px} #contentcopy {text-decoration:none;width:295px} #contentcopy p {padding-bottom: 12px;} #imgcontent{margin:0px 0px 0px 15px;max-width:1280px} #imgcontent img{max-width:670px;min-width:670px;display:block;margin-bottom:35px; padding-bottom: 35px; } #imgwrap{background:#454f56} .image-holder{} .pagetitle{font-size:22px;} .pagecontent{} #relatedposts { padding-top: 20px;} #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:175px;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:88px;width:150px;overflow:hidden;margin-bottom:15px} .attachment-large{min-height:297px;min-width:605px;max-width:605px;height:auto} .attachment-medium{min-height:141px;min-width:295px;max-width:295px;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:#454f56; 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:#454f56; 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}