/*
Theme Name: wpShowcase
Description: wpShowcase theme by Chuckanucka. Ideal for photographers and design showcases. 
Version: 1
Author: Chuckanucka
Author URI: http://themeforest.net/user/Chuckanucka
*/


/* === GENERAL === */
* {margin:0px;padding:0px;list-style:none;}
body {font-family:Helvetica,Arial;font-size:13px;color:#fff;background:#141720}



a:link {text-decoration: none;color:#fff;border:0px;}
a:active {color:#fff;border:0px;text-decoration:none;}
a:visited {color:#fff;border:0px;text-decoration:none}
a:hover	{color:#fff600;border:0px;text-decoration:none} 
a:focus {outline:none;}


/* === STRUCTURE === */
div#wrapper { width: 980px; margin:auto; background: #141720 url(images/background.jpg) no-repeat;overflow:auto }
div#contentFrame {width:890px;margin:auto;}

/* === HEADER (LOGO & SEARCH BAR)=== */
div#header {height:105px;width: 980px;margin:0 0 40px 0;position:relative;}
div#topleft { float: right; height: 100px;padding:0 50px 0 0px}

#logo {float:left;margin:0px 0 0 40px;position:absolute;bottom:0}
#logo img {border:none}


#searchForm fieldset {border:none}
#searchbox { float:right; width: 233px; height: 40px; background: url(images/searchBox.png) no-repeat; margin:20px 0px 20px 0;}
#searchbox #s { float: left; margin: 12px 0 0 14px; border: 0; width: 180px; background: none; color:#999;padding:0 0 0 5px  }
#searchbox #go { float: left; margin: 11px 0px 0 0px; width:20px; height:19px;  }

/* === MENU === */
#menuHolder {clear:both}
ul#menu {float:right;margin:0;padding:0}
ul#menu li {float:left;background:url("images/leftMenu.gif") no-repeat 0px 0px;margin:1px 0 0 10px;padding: 0px 0 0 10px;height:23px;}
ul#menu li:hover {float:left;background:url("images/leftMenu.gif") no-repeat 0px -23px;margin:1px 0 0 10px;padding: 0px 0 0 10px}
ul#menu li a {float:left;display:block;background:url("images/rightMenu.gif") no-repeat right 0px;text-decoration:none;font-weight:bold;color:#444751;padding:4px 10px 4px 0px;font-size:11px;text-transform:uppercase;height:23px;}
ul#menu li:hover a {display:block;background:url("images/rightMenu.gif") right -31px;text-decoration:none;font-weight:bold;color:#444751;padding:4px 10px 10px 0px;font-size:11px;text-transform:uppercase;height:23px}
ul#menu li.current_page_item {float:left;background:url("images/leftMenu.gif") no-repeat 0px -47px;margin:1px 0 0 10px;padding: 0px 0 0 10px;height:26px}
ul#menu li.current_page_item a  {display:block;background:url("images/rightMenu.gif") no-repeat right -69px;text-decoration:none;font-weight:bold;color:#fff;padding:4px 10px 10px 0px;font-size:11px;text-transform:uppercase;height:27px}

/* === HOMEPAGE THUMBNAIL GRID === */
div#thumbGrid {float:left;width:690px;margin:0px 0px 0 0px;overflow:auto; display:inline;}

/* thumbnail */
.post {position:relative;float:left;width:200px;padding:4px;background:#40434a;border:1px solid #4e5159;overflow:hidden;margin:0 15px 15px 0px;}
.post:hover {border:1px solid #40434a;background:#40434a;}


/* .crop img:hover{opacity:0.4}*/
.crop {float:left;overflow:hidden;position:relative;width:200px;height:100px;margin:0 0 10px 0}
.crop img {position:absolute;top:-23px;left:-65px;padding:0 0 20px 0;z-index:1}

/* large image */
#largeImg {border:1px solid #4e5159;position:absolute;background:#000;padding:5px;display:none;z-index:3}
#largeImg img {border:1px solid #fff;}


/* title link */
.title:link {color:#dce1e4;text-transform:uppercase;font-size:11px;display:block}
.title:visited {color:#dce1e4;text-transform:uppercase;font-size:11px;display:block}
.title:hover {color:#fff600;text-transform:uppercase;font-size:11px;display:block}

/* looking for the css for the star ratings? check postrating-css.css */

.commentCount:link {float:right;font-size:11px;text-transform:uppercase;color:#afafaf;padding:4px 3px 0 14px;background:url("images/comment.gif") no-repeat 0px 7px;}
.commentCount:visited{float:right;font-size:11px;text-transform:uppercase;color:#afafaf;padding:4px 3px 0 14px;background:url("images/comment.gif") no-repeat 0px 7px;}
.commentCount:hover {float:right;font-size:11px;text-transform:uppercase;color:#fff600;padding:4px 3px 0 14px;background:url("images/comment.gif") no-repeat 0px 7px;}


.featured {position:absolute;right: 12px;top: 10px;z-index:2;background:#d9168d;padding:2px 3px 2px 3px;text-transform:uppercase;font-size:10px;color:#fff;}

/* === HOMEPAGE POST NAVIGATION
Only applies if you are not using the wp-postNavi plugin. See pagenavi-css.css for pagination styles === */

#postNav {clear:both;list-style:none;font-weight: bold;font-size:11px;padding:12px 6px 6px 0 }

#postNav a, .wp-pagenavi a:link {float: left; padding:5px;background-color: #000; border: 1px solid #40434a;text-transform:uppercase;color:#afafaf;margin:0px 5px 0 0}

#postNav a:visited {float: left; padding:5px;background-color: #000; border: 1px solid #40434a;text-transform:uppercase;color:#afafaf;margin:0px 5px 0 0}

#postNav a:hover {display: block; padding: 5px; background-color: #fff600; border: 1px solid #fff600;text-transform:uppercase;color:#000;margin:0px 5px 0 0}

/* === SINGLE POSTS === */

div#singlePost {float:left;width:660px;margin:0px;overflow:auto;}
div#singlePost h1 {color:#999;font-weight:bold;font-size:16px;padding:5px 0 5px 0}

.contentBlock {color:#fff;padding:2px;background:#40434a;border:1px solid #4e5159;margin:0 0 10px 0;overflow:auto}

a#mainImg {float:left;width:400px;}
a#mainImg img {border:1px solid #4e5159;border-width:1px 0 0px 1px }

div#postMeta {float:right;padding:0 5px 0 0px;width:235px;}

p#tooltip {position:absolute;background:#fff600;padding:2px 5px;color:#000;display:none;font-size:11px;border-bottom:1px solid #b4ae08}	

ul#cats {float:left}
ul#cats li {float:left;padding:0 2px 0 0}

/* ===  COMMENTS === */
div#comments {padding:20px 5px 20px 5px;background:#40434a;border:1px solid #4e5159;margin:0 0 20px 0}
.postmetadata { padding:5px; background:#fff; }
#commentform p { padding-bottom:10px;}
#commentform #author { border:1px solid #dadada; height:20px; width:200px; }
#commentform #email { border:1px solid #dadada; height:20px; width:200px; }
#commentform #url { border:1px solid #dadada; height:20px; width:200px;}
#commentform #comment { border:1px solid #dadada; height:200px; width:500px;}

#commentsRss a {color:#78847d}
#commentsRss a:hover {color:#2b2b2b}
.comment {overflow:hidden;border:1px solid #d9d7d7;border-width:0px 0 1px 0;padding:0;margin:0}
.comment dt {float:left;width:25%;padding:15px 10px 15px 10px}
.comment dd {float:left;width:67%;padding:15px 10px 15px 10px}

.discussTitle {border:1px solid #d9d7d7;border-width:0px 0 1px 0;padding:0 0 10px 0;display:block;margin:0;color:#999;font-size:10px;text-transform:uppercase;font-weight:normal;}
.commentTime {font-size:11px;font-style:italic;color:#999;line-height:15px}
.commentTime a {font-size:11px;font-style:italic;color:#999;line-height:15px}
.author-comment {background: url(images/author.gif) no-repeat top right;padding:0px 50px 0px 0px;}
.commentAuthor {font-size:11px;color:#2b2b2b;line-height:15px;text-transform:uppercase;}
.commentAuthor a {font-size:11px;color:#2b2b2b;line-height:15px;text-transform:uppercase}
.subscribe-to-comments {font-size:11px}
.commentTxt {float:left;width:90%}
.quote {display: block;text-indent: -9999px;margin-bottom: 0 !important;height: 0;float:right}
.quote a {display: block;text-decoration: none;width: 12px;z-index: 1;height: 12px;border: 0;text-indent: -9999px;background: url(images/qoute.gif) no-repeat top right!important;}
.quote a:hover {background: url(images/qoute2.gif) no-repeat !important;}
.edit-comment-admin-links-no-icon {clear:left;width:100%}

/* === SIDEBAR === */

/* === WIDGETS === */

ul#sidebar a {color:#fff;border-bottom:1px dotted #fff}
ul#sidebar a:hover {color:#fff600;border-bottom:1px dotted #fff}
ul#sidebar h2 {color:#fff600;font-size:16px;font-weight:bold;margin:0 0 10px 0px;}
ul#sidebar .textwidget {margin:0 0 20px 0}
ul#sidebar {float:right;width:200px; margin:0px 0px 0 0px;}
ul#sidebar ul {margin:0 0 20px 0}
ul#sidebar div {margin:0 0 20px 0}
ul#sidebar select {margin:0 0 20px 0}
ul#sidebar #searchform {margin:0 0 20px 0}

ul#sidebar ul li {border-bottom:1px dotted #dce1e4;margin:0}
ul#sidebar ul li a {display:block;border:none;padding:5px}
ul#sidebar ul li a:hover {color:#000;background:#fff600;border:none;}


/* calendar */
table#wp-calendar{ border:0px solid #fff;}
table#wp-calendar tbody .pad{background-color:#282d38;}
table#wp-calendar>tbody>tr>td>a{color:#fff600;}
table#wp-calendar thead>tr>th{ width:20px;height:20px;text-align:center;background-color:#000;border:1px solid #40434a;}
table#wp-calendar tbody>tr>td{ width:20px; height:20px;text-align:center; border:1px solid #40434a;}
tfoot>tr>td>a,tfoot>tr>td>a:link,tfoot>tr>td>a:visited,tfoot>tr>td>a:hover,tfoot>tr>td>a:active{ height:20px;color:#afafaf;}
table#wp-calendar tfoot>tr>td#prev{width:58px;height:20px;text-align:left;}
table#wp-calendar tfoot>tr>td#next{width:58px;height:20px;text-align:right;}

/* === FOOTER === */
div#footer {clear:both;width:100%;background:#000;margin:30px 0 0 0;border-top:3px solid #2a2d35;overflow:auto}
div#fooContent {width:890px; margin:auto;padding:30px 0 0px 0}
div#bottomFoo {width:100%;background: #000;clear:both;border-top:1px dotted #2a2a2a;font-size:11px}


.footerCol {margin:0 43px 40px 0px;width:190px;float:left;color:#999}
.footerColLast {margin:0 0px 40px 0p;width:190px;float:left;color:#999}
.footerCol h2,.footerColLast h2 {color:#999;font-size:16px;font-weight:bold;margin:0 0 10px 0;}

.footerCol .textwidget,.footerColLast .textwidget {margin:0 0 20px 0;color:#999}
.footerCol a, footerColLast a {color:#999;border-bottom:1px dotted #999}
.footerCol a:hover,footerColLast a:hover {color:#fff600;border-bottom:1px dotted #999}
.footerCol ul li,.footerColLast ul li {padding:0 0 0px 0;border-bottom:1px solid #3a3a3a;color:#999}
.footerCol ul li a,.footerColLast ul li a {display:block;border:none;padding:5px;color:#999;}
.footerCol ul li a:hover,.footerColLast ul li a:hover {padding:5px;color:#000;background:#999;border:none}
.footerCol div,.footerColLast div {margin:0 10px 20px 0;width:200px;float:left}
.footerCol select,.footerColLast select {margin:0 0 20px 0}
.footerCol #searchform,.footerColLast #searchform {margin:0 0 20px 0}
.footerCol .widget_tag_cloud a,.footerColLast .widget_tag_cloud a {color:#999}
.footerCol .widget_tag_cloud a:hover,.footerColLast .widget_tag_cloud a:hover {color:#fff600}

div#copyTxt {color:#605b5b;clear:both;padding:7px 0 7px 0;width:890px; margin:auto;}
div#backTop {float:right;padding:0px 0 0px 0}
div#backTop a {border-bottom:0px dotted #676b74;}
.top {background:url("images/top.gif") no-repeat 0px 0px;text-indent:-10000px;width:12px;height:12px;display: block;margin:2px 0 0 0;}
.top:hover {background:url("images/top.gif") no-repeat 0px -24px;text-indent:-10000px;width:12px;height:12px;display: block;margin:2px 0 0 0}