/*
Theme Name: Texture Lovers 2.0
Theme URI: http://designshard.com
Description: Texture Lovers Unite
Version: 2 (WP2.6.2)
Author: Max Stanworth
Author URI: http://designshard.com
Tags: Textured, Dark
*/

@import "style/css/reset.css";
@import "style/css/typography.css";
@import "style/css/layout.css";

html, body{margin:0; padding:0; text-align:center; } 

body{background:#101010 url(images/body-bg3.jpg) repeat left top; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#f3f3f3; line-height:18px;}

#pagewidth{width:980px; text-align:left; margin-left:auto; margin-right:auto;} 
 
#wrapper {/*background:url(images/sidebar-bg.png) repeat-y right top;*/ background:url(images/page-bg2.png) repeat-y right top;}
ul, ol{list-style:none; margin:0; padding:0;}
 
span.important{color:#990000;}
span.advice{color:#0099CC;}

label{margin-bottom:10px; width:250px; float:left;}
input{margin-bottom:10px; float:left; display:block;}
 
/*----Header----*/

#head-bg{background:url(images/head-bg2.jpg) repeat-x top left;}

#header{position:relative; height:165px; background:url(images/head-bg2.jpg) repeat-x top left;  } 
#header a:link{color:#9a8b76; text-decoration:none;}
#header a:visited{color:#9a8b76; text-decoration:none;}
#header a:hover{color:#615341; text-decoration:none; }
#header a:active{color:#9a8b76;}


#logo {background: url(images/logo.png) no-repeat left top; height:43px; width:327px;  float:left; margin:15px 45px 0 0; position:relative;} 
#logo a{position:absolute; height:100%; width:100%; text-indent:-5000px;}
#logo p{text-indent:-5000px;} 

#topnav ul{position:relative; width:125px; float:left; list-style:none;  margin:13px 0 0 0;  list-style:none; text-indent: 20px;  }
#topnav ul li a{width:100%; display:block; overflow:hidden; }
#topnav ul li{background: url(images/blue-bullet.gif) no-repeat 0 50%; text-transform:uppercase; font-size:11px;}
#topnav ul .current_page_item a{color:#615341;}


#social ul{width:155px; float:left; list-style:none; line-height:22px; text-indent: 30px; margin-top:15px; text-transform:uppercase; font-size:11px; }
#social ul li a{width:100%; display:block; overflow:hidden; }
#social ul li.rss a:hover {color:#FF9900;}
#social ul li.rss a:active {color:#FF9900;}
#social ul li.rss{background: url(images/rss-icon.png) no-repeat 0 50%;}
#social ul li.twitter a:hover {color:#00CCFF;}
#social ul li.twitter a:active {color:#00CCFF;}
#social ul li.twitter{background:url(images/twitter-icon.png) no-repeat 0 50%;}


#twitter{float:left; width:186px; height:67px; margin-top:10px; position:relative;}
#twitter a{float:left; width:186px; height:67px; background:url(images/twittertl2.png) no-repeat top left; text-indent:-5000px;} 
#twitter a:hover{width:186px; height:67px; background:url(images/twittertl2.png) no-repeat bottom left;} 

#header p.slide {position:relative;clear:both;margin: 0;padding: 0;}
#header p a.btn-slide {background: url(images/tab2.png) no-repeat bottom left;width: 280px; height: 65px; margin: 0 auto; display: block;text-indent:-5000px;}


.vert-sep{float:left; width:2px; height:63px; background:url(images/vert-sep2.gif) repeat-y top left; margin:13px 33px 0 33px; display:inline;}


#ads{float:left; width:100%; margin-bottom:30px;}


ul#switcher{position:absolute; top:43px; left:195px;}
ul#switcher li{float:left; display:inline; margin-right:5px;}
ul#switcher li{float:left; display:inline; margin-right:5px;}
ul#switcher li#default a{background:url(images/switcher.png) no-repeat top left; width:22px; height:22px; text-indent:-5000px; display:block;}
ul#switcher li#red a{background:url(images/switcher.png) no-repeat -26px 0; width:22px; height:22px; text-indent:-5000px; display:block;}
ul#switcher li#blue a{background:url(images/switcher.png) no-repeat -104px 0; width:22px; height:22px; text-indent:-5000px; display:block;}
ul#switcher li#green a{background:url(images/switcher.png) no-repeat -78px 0; width:22px; height:22px; text-indent:-5000px; display:block;}
ul#switcher li#coal a{background:url(images/switcher.png) no-repeat -52px 0; width:22px; height:22px; text-indent:-5000px; display:block;}

ul#switcher li{float:left; display:inline; margin-right:5px;}
ul#switcher li#default a:hover{background:url(images/switcher.png) no-repeat left bottom; width:22px; height:22px; text-indent:-5000px; display:block;}
ul#switcher li#red a:hover{background:url(images/switcher.png) no-repeat -26px bottom; width:22px; height:22px; text-indent:-5000px; display:block;}
ul#switcher li#blue a:hover{background:url(images/switcher.png) no-repeat -104px bottom; width:22px; height:22px; text-indent:-5000px; display:block;}
ul#switcher li#green a:hover{background:url(images/switcher.png) no-repeat -78px bottom; width:22px; height:22px; text-indent:-5000px; display:block;}
ul#switcher li#coal a:hover{background:url(images/switcher.png) no-repeat -52px bottom; width:22px; height:22px; text-indent:-5000px; display:block;}

 
 
/*----Maincol----*/

#maincol{width:752px; float:left; position:relative; /*background:url(images/stripes.png) no-repeat 10px 0;*/ margin-bottom:30px;}


#maincol-inner{width:690px; display:inline; float:left; position:relative; /*background-color:pink;*/ margin-left:40px; margin-top:45px;}

.texture-cont{float:left; display:inline; clear:left; width:100%; margin-bottom:35px; position:relative; }
.texture-bg{background:url(images/texture-bg.gif) no-repeat top left; float:left; display:inline; margin-right:10px; margin-bottom:10px;width:220px; height:220px; position:relative; }
.postthumb {float:left; position:absolute; top:8px; left:8px; }

.texture-bg a:link{text-decoration:none; color:#f3f3f3;}
.texture-bg a:visited{text-decoration:none; color:#f3f3f3;}
.texture-bg a:hover{text-decoration:none; color:#666666;}
.texture-bg a:active{text-decoration:none; color:#f3f3f3;}

.meta-l-bg{background:url(images/meta-bg.gif) repeat-x top; float:left; padding-left:10px; padding-right:5px; display:inline;}
.meta-r-bg{background:url(images/meta-bg.gif) repeat-x top; float:left; padding-right:0; display:inline;}
.meta-l-cont{height:28px; line-height:28px; display:inline; position:absolute; top:168px; left:8px;}
.meta-r-cont{height:28px; line-height:28px; display:inline; position:absolute; top:168px; right:8px;}
.meta-l-end{background:url(images/meta-l-end.png) no-repeat top; width:8px; height:28px; position:absolute; right:-8px;}
.meta-r-end{background:url(images/meta-r-end.png) no-repeat top; width:8px; height:28px; position:absolute; left:-8px;}

.external-cont { width:25px; height:28px; float:left;}
.external-cont a{background:url(images/external1.gif) no-repeat 0 4px; height:20px; float:right; width:25px; text-indent:-5000px;}
.external-cont a:hover{background:url(images/external1.gif) no-repeat 0 -16px ; height:20px; float:right; width:25px; text-indent:-5000px;}
 
.edit{position:absolute; top:10px; left:10px; background-color:#000000;}

#descrip{float:left; margin-left:18px; margin-top:35px; display:inline;}
.hori-sep{width:680px; height:2px; background:url(images/hori-sep.gif) repeat-x; margin-top:35px; float:left; display:inline;}

h2.post-title{ float:left; display:inline;}
p.archive {background:url(images/box-arrow.jpg) no-repeat right ; float:right; display:inline; padding-right:25px; margin-right:10px;}
p.archive a {text-transform:uppercase; font-size:11px; text-decoration:none; color:#666666;}
p.archive a:link {color:#666666; text-decoration:none}
p.archive a:visited {color:#666666; text-decoration:none}
p.archive a:hover {color:#f0f0f0; text-decoration:none}
p.archive a:active {color:#666666; text-decoration:none}


p#breadcrumbs{position:relative; float:left; display:block;color:#666666; font-size:11px; height:40px; width:680px; line-height:40px; background:url(images/crumbs-bg.png) no-repeat top left ; margin-bottom:40px; }
p#breadcrumbs a:link{color:#333333; font-size:11px; text-decoration:none}
p#breadcrumbs a:visited{color:#333333; font-size:11px; text-decoration:none}
p#breadcrumbs a:hover{color:#f0f0f0; font-size:11px; text-decoration:none}
p#breadcrumbs a:active{color:#333333; font-size:11px; text-decoration:none}


#ccbanner{background:url(images/ccbanner.jpg) no-repeat top left ; width:680px; height: 90px; float:left; margin-bottom:35px; display:inline;}
#ccbanner a{float:right; margin-top:38px; display:inline; margin-right:25px; color:#f0f0f0; text-decoration:none;}
#ccbanner a:link {color:#f0f0f0; text-decoration:none}
#ccbanner a:visited {color:#f0f0f0; text-decoration:none}
#ccbanner a:hover {color:#666666; text-decoration:none}
#ccbanner a:active {color:#f0f0f0; text-decoration:none}


.shadow-r{width:16px; height:58px; position:absolute; right:0; top:153px; background:url(images/shadow-r.png) no-repeat top left ;}
.shadow-l{width:16px; height:58px; position:absolute; left:0; top:153px; background:url(images/shadow-l.png) no-repeat top right ;}
.exclusive {width:99px; height:99px; position:absolute; top:-3px; right:-2px; background:url(images/exclusive.png) no-repeat top right ;}
.exclusive a{width:89px; height:88px; position:absolute; bottom:0; text-indent:-500px;}

/*---Single Maincol*/

.single-post{ float:right; width:440px; padding-right:10px; display:inline; position:relative}
#single-cont{ float:left; width:100%; position:relative}
#info{background:url(images/single-tabs.png) no-repeat left top;}
#info a:link{text-decoration:none; color:#f0f0f0;}
#info a:visited{text-decoration:none; color:#f0f0f0;}
#info a:hover{color:#9a9a9a; text-decoration:none;}
#info a:active{text-decoration:none; color:#f0f0f0;}
#info #descrip p a{color:#9a8b76;}
#info #descrip p a:hover{color:#615341;}

#download-cont{height:28px; float:left; margin-top:16px; margin-left:34px; line-height:28px; display:inline; position:relative;}
#download{background:url(images/meta-bg.gif) repeat-x top; height:28px; float:left; line-height:28px; display:inline; position:relative}
#download a{float:left; padding-right:10px;}

#category-cont{height:28px; float:left; margin-top:20px; margin-left:34px; line-height:28px; display:inline; color:#777777; position:relative}
#category{background:url(images/meta-bg.gif) repeat-x top; height:28px; float:left; line-height:28px; display:inline;}


#tags-cont{height:28px; float:left; margin-top:21px; margin-left:34px; line-height:28px; display:inline; color:#777777; }
#tags{background:url(images/meta-bg.gif) repeat-x top; height:28px; float:left; line-height:28px; display:inline;}


.tab-end{background:url(images/single-tab-end.png) repeat-x top; height:28px; width:18px;float:left; line-height:28px; display:inline; position:relative}

.tab-end-left{background:url(images/single-tab-end-left.png) repeat-x top; height:28px; width:18px;float:left; line-height:28px; display:inline;}



.exclusive {width:99px; height:99px; position:absolute; top:-3px; right:-2px; background:url(images/exclusive.png) no-repeat top right ;}
.exclusive a{width:89px; height:88px; position:absolute; bottom:0; text-indent:-5000px;}

#exclusive-cont{width:680px; float:left; margin-top:25px;}

p#exclusive{float:right; width:422px; display:inline;}

#resolution-cont{height:28px; float:left; line-height:28px; display:inline;}
#resolution{background:url(images/meta-bg.gif) repeat-x top; height:28px; float:left; width:184px; line-height:28px; display:inline;}

#favicon{background:url(images/favicon.png) no-repeat top left; height:28px; width:34px; float:left; position:relative;}
#favicon a img{position:absolute; top:23%; left:27%;}


ul#share{float:right; margin-right:9px; display:inline; margin-top:30px; font-size:11px; text-transform:uppercase;}
ul#share li{background-color:#00FF66;float:right; display:inline; padding-left:25px;}
ul#share li#follow{background:url(images/twitter-icon.png) no-repeat 0 50%;}
ul#share li#rssfeed{background:url(images/rss-icon.png) no-repeat 0 50%; margin-right:20px;}
ul#share li#tweetit{background:url(images/tweetit-icon.png) no-repeat 0 50%; margin-right:20px;}

ul#share li a:link{text-decoration:none; color:#666666;}
ul#share li a:visited{text-decoration:none; color:#666666;}
ul#share li a:hover{color:#f0f0f0; text-decoration:none;}
ul#share li a:active{text-decoration:none; color:#666666;}

#related {float:left; margin-bottom:35px; margin-top:35px; display:inline; clear:left; width:100%;}




/*----Page----*/

#page {color:#aaaaaa;}
#page ul{list-style:disc inside;}
#page ul li{margin-bottom:10px;}
#page a:link{text-decoration:underline; color:#6D5B58}
#page a:visited{text-decoration:underline; color:#6D5B58;}
#page a:hover{text-decoration:none; color:#666666;}
#page a:active{text-decoration:underline; color:#6D5B58;}


#page #col1{float:right; display:inline; margin-right:20px; width:325px; margin-top:20px;}
#page #col2{float:right; display:inline; width:325px; margin-top:20px; padding-right:20px;}

/*----Rightcol----*/
#rightcol{float: right; display:inline; position: relative; width:228px;  }
#rightcol a:link{color:#f3f3f3; text-decoration:none;}
#rightcol a:visited{color:#f3f3f3; text-decoration:none;}
#rightcol a:hover{color:#545454; text-decoration:none; }
#rightcol a:active{color:#f3f3f3;}

#sidebar .widget{position:relative; width:211px; margin-left:7px; float:left; display:inline; margin-bottom:45px;}

#sidebar .widget .title{background:url(images/sidebar-title-bg2.png) no-repeat top left; height:80px; width:212px; line-height:80px; text-indent:20px; margin:0 0 15px 0;}
#sidebar .widget .title a, .widget .title a:link, .widget .title a:visited, .widget .title a:active {color:#735620}
#sidebar .widget .title a:hover{color:#9b7733;}

#sidebar .widget .cont ul{line-height: 22px; width:211px;}

#sidebar .widget .cont ul li{background:url(images/blue-bullet.gif) no-repeat 20px 50%; display:block; padding-left:40px; }
#sidebar .widget .cont p.cat-total{margin:15px 0 0 20px; font-size:11px; color:#666666; text-transform: uppercase;}
#sidebar .widget .cont p.cat-total a:link {color:#666666; text-decoration:none}
#sidebar .widget .cont p.cat-total a:visited {color:#666666; text-decoration:none}
#sidebar .widget .cont p.cat-total a:hover {color:#f0f0f0; text-decoration:none}
#sidebar .widget .cont p.cat-total a:active {color:#666666; text-decoration:none}

#sidebar .widget .cont ul.wp-tag-cloud{}

#sidebar #widget-intro{margin-bottom:0;}

p#intro {padding:25px 25px 0 25px; color:#7b6e5b;}
p#intro a:link{text-decoration:underline; color:#6D5B58}
p#intro a:visited{text-decoration:underline; color:#6D5B58}
p#intro a:hover{text-decoration:none; color:#666666;}
p#intro a:active{text-decoration:underline; color:#6D5B58}


#searchform{padding-left:20px;}

/*----Footer----*/
#footer{clear:both; background:url(images/footer-bg2.jpg) repeat top left; display: block;} 
#footer-stripe{background:url(images/footer-top.png) repeat-x top left;}
#footer-top{background:url(images/footer-top.png) repeat-x top left; height:40px; margin-bottom:30px;}
 
#footer a:link{color:#9a8b76; text-decoration:underline;}
#footer a:visited{color:#9a8b76; text-decoration:underline; }
#footer a:hover{text-decoration:none; color:#8d7149;  }
#footer a:active{color:#9a8b76; text-decoration:underline;}

#footer ul a:link{color:#9a8b76; text-decoration:none;}
#footer ul a:visited{color:#9a8b76; text-decoration:none;}
#footer ul a:hover{color:#8d7149; text-decoration:none;}
#footer ul a:active{color:#9a8b76; text-decoration:none;}


#footer ul{list-style:none;}
#footer ul li a{width:100%; display:block; overflow:hidden; }
#footer ul li{background: url(images/brass-bullet.png) no-repeat 0 50%; text-transform:uppercase; font-size:11px; width:100%; padding-left:20px;}



#footer-inner{width:980px; text-align:left; margin-left:auto; margin-right:auto;background:url(images/footer-bg2.jpg) repeat top left; }

.footer-block{width:220px; /*background-color:#0033CC;*/ float:left; margin-right:25px; display:inline; }
.footer-block#small{width:140px; /*background-color:#0033CC;*/ float:left; display:inline; margin-left:25px; }

p#credit{margin-top:20px; float:left; margin-left:25px;display:inline;}





/* =PageNavi
-------------------------------------------------------------- */
 
/* Use !important to override PageNavi CSS */
 
.wp-pagenavi {font-size:12px; height:40px; width:680px; line-height:40px; background:url(images/crumbs-bg.png) no-repeat top left ; margin-bottom:40px; margin-top:35px; }
 
.wp-pagenavi a, .wp-pagenavi a:link, .wp-pagenavi a:active {
color:#4f4f4f !important; 
font-size:12px !important; 
text-decoration:none !important;
background:none !important;
border:none !important;
margin:0  !important; padding:5px !important;

}
.wp-pagenavi a:hover {
background:#b6b6b6 !important;
color:#4f4f4f !important;
border:none !important;
margin:0  !important; padding:5px !important;
}

.wp-pagenavi span.pages {
color:#4f4f4f !important; 
background:none !important;
border:none !important;
margin:0 20px 0 0  !important; padding:0 !important;
}
.wp-pagenavi span.current {
background:#000000 !important;
color:#4f4f4f !important;
border:none !important;
margin:0  !important; padding:5px !important;
}
.wp-pagenavi span.extend {
background:#3399CC !important;

}

/*Float containers fix:*/ 
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
 .clearfix{display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */ 
 
/*printer styles*/ 
 @media print{ 
/*hide the left column when printing*/ 
#rightcol{display:none;} 
#twocols, #maincol{width:100%; float:none;}
}
