/*  
Theme Name: Smoking Clips Store CMS Theme
Theme URI: http://www.smokingclipstore.com
Description: High end custom design for Smoking Clips Store
Version: 1.0
Author: FDSign
Author URI: http://fdsign.com
*/

/* RESET BROWSERS */ 
html, body { margin : 0; padding : 0; }
body { font : 12px Verdana, Helvetica, Verdana, Helvetica, sans-serif; color : #fff; background : #333 ; text-align : center; /* IE centering */ width : 100%; min-width : 940px; line-height:1.2;}


hr{clear:both; margin:10px 0; visibility:hidden;}

h1{font-size:24px; font-family: "Century Gothic", Verdana, Helvetica, Arial, sans-serif; margin:0; color:#666;}

h2{font-size:24px; font-family: "Century Gothic", Helvetica, Arial, sans-serif; margin:0; color:#ed0000;}
h3 {margin:3px; font-size:18px; margin-top:6px;}

h2 a:link{text-decoration:none;}

/* LINK PSEUDO */


a:link { color : #ed0000; text-decoration : none;}
a:visited { color : #f60; text-decoration : none;}
a:hover { color : #d00; text-decoration : none;}

/* LAYOUT & POSITION + HEADER GFX */


#container {position:relative;
text-align : left; width : 940px; margin : auto auto;
background:#000; border:1px solid #555;}

#header { position:relative; left:0px; top:0px; width:940px; height:170px; z-index:10;}
.logo{width:654px; height:152px; border:0;}
#leftgirl{position:relative; right:10px; top:20px; width:210px; height:112px; float:right;}

#nav { position:relative;left:0px; top:0px; width:940px; height:41px;}
.nav { position:absolute; left:0px; top:0px; width:940px; height:41px;}
.home { position:absolute; left:0px; top:0px; width:100px; height:41px;}
.help { position:absolute; left:100px; top:0px; width:100px; height:41px;}
.contact { position:absolute; left:200px; top:0px; width:100px; height:41px;}
.yourcart { position:absolute; left:300px; top:0px; width:100px; height:41px;}
.login { position:absolute; left:400px; top:0px; width:100px; height:41px;}
.nav-bg { position:absolute; left:500px; top:0px; width:125px; height:41px;}
.search-bg { position:absolute; left:625px; top:0px; width:315px; height:41px; background:transparent url(images/search_bg.png) no-repeat;}
#search{position:relative; top:10px; left:124px; width:145px; height:25px; }
.inputbox{border:0; background:transparent;}
.s-field{border:0; color:#555; background:transparent;}
.gobut{position:absolute; top:-4px; left:147px; background:transparent url(images/go-button.png) no-repeat; width:38px; height:30px; border:0;}


/** MAIN PAGE STYLES **/

/* start main body */
#mainbody{padding-bottom:30px; text-align:center; }
#mainbody-single{background:#000; padding-bottom:30px; padding-top:10px;}
#promo{position:relative; top:-10px; left:9px; background:transparent url(images/bigbanner.gif) no-repeat; width:922px; height:275px;}
#promotext{position: absolute; text-align:left; top:60px; left:170px; font-size:20px; margin:0; line-height:0.5; letter-spacing:1.5px; width:700px; height:95px;}
#secondnav{background:#333; border:1px solid #fff; text-align:left; width:900px; margin:15px 19px;}
#secondnav ul{list-style-type:none; padding:0; margin: 10px;}
#secondnav li{display:inline; margin:0 20px; font-size:15px; font-weight:bold; font-family:"Century Gothic", Verdana, Tahoma, sans-serif; padding:5px;}
#secondnav li:hover{background:#f60;}
#secondnav li a:hover{color:#fff;}

/* featured */
#featured{background:transparent url(images/latest-updates-bg.png) no-repeat; margin-left:9px;}

#content{width:660px; margin:20px 9px; position:relative; top:0; left:0; float:left;}
#maintop{width:640px; height:10px; background:transparent url(images/big-bg-top.png) no-repeat;}
#mainmid{width:640px; height:auto; background:transparent url(images/big-bg-mid.png) repeat-y; padding-bottom:20px;}
#mainbottom{width:640px; height:10px; background:transparent url(images/big-bg-bottom.png) no-repeat;}
.producerlist h2 {text-align:left; color:#fff;  width:620px; height:35px;  background:url(images/title-holder.png) no-repeat; padding:4px 8px; font-family: "Century Gothic", Helvetica, Arial, Verdana, sans-serif; font-size: 18px; font-weight:bold;  margin:2px 10px;}
.producerlist h2 a{color:#fff; }
#mainmid ul{list-style-type:none; padding:0; margin:2px 7px;}
#mainmid li{display:inline; margin:0 1px; float:left;}
#mainmid li img{width:200px; height:150px; border:1px solid #fff; }
.subtext{width: 200px; height:50px; font-size:10px; color:#999; text-align:left; background:black; border: 1px solid #555; padding:2px; margin:3px 0 10px 0; overflow:hidden; line-height:1.3; }

/** SIDEBAR **/

#sidebar{width:260px; float:left; margin:20px -10px;}
#sidebar-top{width:260px; height:10px; background:url(images/rightcol-top.png);}
#sidebar-body{background:url(images/rightcol-mid.png); padding:6px 0px; }
#sidebar-bottom{background:url(images/rightcol-bottom.png); width:260px; height:10px; margin-top:-22px; }
#sidebar h4{color:#fff; font-family: "Century Gothic", Verdana, Helvetica, Arial, sans-serif; font-size:24px;}
ol{padding:0; margin:0;}
ul.no-side{list-style-image:url(images/arrow-bullet-side.png); margin-left:-20px; font-size:18px; font-family: "Century Gothic", Verdana, Helvetica, Arial, sans-serif;}
.no-side-li{width:180px; height:22px; padding:2px; color:#fff;}
.no-side-li a:hover{color:#f9f9f9; text-decoration:none;}
.no-side-li:hover{background:url(images/tab-bg.png) no-repeat; color:#f9f9f9; text-decoration:none; width:180px; height:22px;}
.sidebanner{margin:5px; float:left;}

div#primary{width:220px;}
#sidebar ul{list-style-type:none; text-align:left;}
#sidebar li{font-size:13px; list-style-type:none; margin: 5px -30px;}
.postform{width:240px; margin:10px 0px 20px 0px; border:1px solid #555; background:#000; color:#999; font-size:14px; height:24px;}
.level-0{color:#fff; }
select option {color:#fff; background:#f60}
#sidebar h3{list-style-type:none; font-size:18px; margin:20px 0 10px 0;}
#tag_cloud{width:220px; position:relative; left:8px; padding:0 10px; }
#tag_cloud h3{margin:0 -10px;}
#recent-posts ul{margin-bottom:40px;}


#calendar_wrap{margin:20px 40px; font-size:15px; text-align:center; }
#wp-calendar caption{background:#333; color:#f9f9f9; font-size:20px; font-weight:bold; }
#calendar h3{margin-top:40px;}

#twitter-1 {font-size:10px; color:#666;}
#twitter-1 li{font-size:12px;}
#twitter-1 h4{font-size:24px;}

/** FOOTER **/

#footer{width:900px;  background:#333; color:#f9f9f9; border:1px solid #666; margin:10px; padding:10px; }
.foot-text{}
#footer ul img{float:left;}
#footer ul{list-style-type:none; padding:0; margin:0; font-size:16px; font-weight:bold; color:#f60;}
#footer li{display:inline; padding:5px 15px;}
#footer li:hover{background:#f60; color:#f9f9f9;}
#footer li a:hover{background:#f60; color:#f9f9f9;}
#footer p{font-size:10px; color:#777; }


/** SECONDARY PAGES **/

.post{width:640px; margin:15px 9px 35px 9px;}
.post-top{background:#000; border:1px solid #444; font-family: "Century Gothic", Verdana, Helvetica, Arial, sans-serif; width:600px; min-height:60px;}
.post-top h2{width:510px; float:left; margin:10px;}
.date{background:#f60; float:left; width:51px; height:46px; text-align:center; margin:5px;}
.month{color:#ffffff; margin:0; line-height:1; font-size:18px; font-weight:bold;}
.day{color:#000; margin:0; line-height:1; font-size:24px; font-weight:bold;}
.post-body{background:#333; padding:10px; padding-bottom:30px; color:#ccc;}
.thumb{float:left; border:1px solid #333; margin:10px 10px 10px 0;}
.post-bottom{background: url(images/post-bottom.png) no-repeat; background-position:bottom; width:600px; height:50px; color:#f6f6f6; font-size:20px;}
.postcat{float:left; width:580px; margin:3px 5px; display:none;}
.posttags{float:left; width:290px; margin:5px;}
.postcat a, .posttags a{font-size:14px; color:#f70;}
.postcat a:hover, .posttags a:hover{font-size:14px; color:#0cf; text-decoration:none;}
.comments-edit{font-size:13px; color:#f9f9f9; line-height:0.8; margin:0 5px;}
.alignleft{float:left; margin:0 10px 2px 0; border:1px solid #333;}
.alignleft:hover{border:1px solid #f90;}
.postmetadata alt p{visibility:hidden;}
.piclenselink{display:none;}
.post-body .alignone{float:left;}
/***** archive only *****/

.leftthumb{float:left; width:100px; height:90px; padding:4px; text-align:center; margin:0 5px 10px 5px;}
.leftthumb img{float:left; width:90px; height:80px; border:5px solid #f9f9f9;}
.archivedate{background:#000; color:#888; width:325px; padding:2px; border:1px solid #444;}
.archivedate2{color:#bbb; font-weight:bold;}
h3.archivepost a{color:#f9f9f9; background:#f60; padding:3px 5px; }
h3.archivepost a:hover{color:#f9f9f9; background:#900; padding:3px 5px; }
.producertitle{color:#f9f9f9; background:#000; padding:0px 3px;}




/** SINGLE **/
.navigation > .alignleft{border:0; margin:10px; background:#333; color:#fff; padding:5px 10px;}
.postmetadata{border:1px solid #444; margin:0px 10px; background:#000; color:#f9f9f9; padding:7px; font-size:12px; font-weight:bold; line-height:1.5;}
#respond{width: 640px; margin:10px 20px 10px;}
#respond h3{font-size:24px;}
textarea{width: 600px; background:#333; border:1px solid #444;}
#submit{background:#444; border:1px solid #555; color:#f9f9f9; padding:6px;}
#submit:hover{background:#222; border:1px solid #fff;}
#comments{margin-top:50px;}
#comments h3{margin:8px;}

/****** form styles *******/
.wpcf7 p{margin:13px 0;}
.wpcf7-form-control-wrap input{margin:8px 0; background:#000; border:1px solid #555; height:30px; color:#f9f9f9; padding:4px 8px 0px 8px;}
.wpcf7-form-control-wrap textarea{margin:8px 0; background:#000; border:1px solid #555; color:#f9f9f9; padding:4px 8px 0px 8px;}
.wpcf7 input{margin:8px 0; background:#000; border:1px solid #555; height:30px; color:#f9f9f9;}
.wpcf7 input:hover{margin:8px 0; background:#f60; border:1px solid #fff; height:30px; color:#f9f9f9;}
.wpcf7{color:#777;}




/** STORE RELATED STUFF **/
#video{width:340px; padding:8px; float:left;}
#vidinfo{width: 200px; margin:10px 10px 5px 30px; padding:0 5px; float:left; background:#333; border:1px solid #666;}
#vidinfo p{line-height:0.7; font-family:"Century Gothic", Verdana, Arial, sans-serif; color:#f60; font-size:14px; font-weight:bold;}
#buyaction{text-align:center;}
.pseudobut{width:160px; margin:20px auto; padding:5px; background:#c33; border:2px solid #fff; font-size:12px; font-weight:bold;}
.pseudobut a{color:#fff;}
.pseudobut a:hover{color:#f90;}
.viewcart{text-align:center; background:#000; padding:7px 0; border:1px solid #555; width:100px; margin:auto; margin-bottom:10px;}
.viewcart a{font-size:16px; color:#fff;}
.viewcart a:hover{font-size:16px; color:#0cf;}
.viewcart:hover{border:1px solid #444; background:#333;}



/** CAROUSEL **/

.stepcarousel{
position: relative; /*leave this value alone*/
border: 0px solid black;
top:35px; left:0px; 
overflow: scroll; /*leave this value alone*/
width: 900px; /*Width of Carousel Viewer itself*/
height: 237px; /*Height should enough to fit largest content's height*/

}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0}

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 15px 5px; /*margin around each panel*/
width: 240px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
height:180px}
#mygallery{overflow: hidden;}

.ad{width:210px; height:140px; margin:0 5px; border:5px solid #fff;}