/*
Theme Name: Club Jeans
Theme URI: http://dailyblogtips.com/vistalicious-wordpress-theme-released/
Description: WP theme with a Vista twist
Author: Daily Blog Tips
Author URI: http://www.dailyblogtips.com/wordpress-themes/
Version: 1.2
Tags:green color, right sidebar, one column, fixed width
*/

ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input{
margin:0;
padding:0;
}
ul{
list-style:none;
}
a{
color:#8d8d8d;
text-decoration:none;
}
a:hover{
text-decoration:underline;
}
a img{
border:0;
}
.clear{
clear:both;
}

body{
margin:0px;
padding:0px;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:11px;
background:#777 url(images/bg.gif) repeat;
color:#aaa;
}

#body_page{
background:url(images/body_page_bg.gif) repeat-x;
}

#body_page_end{
background:url(images/body_page_end_bg.gif) repeat-x bottom;
}

#page{
width:1000px;
margin:0px auto;
}

/* HEADER */

#header{
width:100%;
height:85px;
padding-top:25px;
}
#header img{
margin-right:40px;
float:left;
}


/* MENU */

#menu{
width:100%;
height:64px;
background:url(images/menu_bg.gif) no-repeat right top;
}

#menu_left{
float:left;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:15px;
font-weight:bold;
text-transform:uppercase;
color:#d6d6d6;
padding-top:12px;
padding-left:20px;
}

#menu_right{
float:right;
}

#menu_left a{
color:#d6d6d6;
line-height:30px;
background:url(images/i_home.gif) left 1px no-repeat;
padding-left:22px;
padding-right:20px;
}

#menu_left a#i_rss{
background:url(images/i_rss.gif) left 3px no-repeat;
padding-left:22px;
}

/* SEARCH */

#right_search{
padding-right:24px;
padding-top:6px;
}

#searchform_top{
color:#6d6d6d;
}

#searchform_top span{
font-size:13px;
font-style:italic;
}

#searchform_top_text{
width:225px;
border:0px;
background:none;
color:#6d6d6d;
font-size:11px;
font-family:Verdana, Arial, Helvetica, sans-serif;
}

#gosearch{
text-align:right;
position:relative;
top:9px;
}

/* BODY */

#body{
width:100%;
float:left;
background:url(images/body_bg.gif) repeat-y right;
}

#body_top{
width:100%;
float:left;
background:url(images/body_top_bg.gif) no-repeat right top;
}

#body_left{
width:648px;
float:left;
padding-bottom:40px;
}

#body_right{
width:352px;
float:right;
}

/* left contact */

#body_left_content{
width:617px;
padding-top:35px;
}

.post{
background:url(images/post_top_bg.gif) no-repeat;
width:100%;
}

.post-top{
}

.post-date{
float:left;
font-size:13px;
width:77px;
text-align:center;
color:#fce460;
}

.post-title{
float:right;
width:538px;
}

.post-date p{
padding-top:5px;
color:#d5d5bd;
}

.post-title h2{
font-size:24px;
color:#d5d5bd;
margin-left:10px;
font-weight:normal;
}

.post-title h2 a{
color:#d5d5bd;
}

.post-title h3{
font-weight:normal;
margin-left:10px;
padding-bottom:5px;
color:#8e8e8e;
font-size:10px;
font-family:Verdana, Arial, Helvetica, sans-serif;
}

.post-title h3 a{
color:#cdcdcd;
font-weight:bold
}

.post-title h3.tags{
color:#ffffff;
font-weight:bold;
background:#000000 url(images/post_title_tags_bg.gif) repeat-x bottom left;
padding-bottom:8px;
padding-top:5px;
padding-left:5px;
}

.post-title h3.tags span{
color:#ffffff;
font-weight:normal;
}

.post-title h3.tags a{
color:#999;
font-weight:normal;
}

.entry{
    font: normal 16px/22px "Times New Roman", Times, serif;
    padding:10px 5px 10px 0;
    margin-left:90px;
}

.entry p{
padding-bottom:20px;
}

.postmetadata{
margin-bottom:30px;
margin-left:85px;
height:31px;
background:url(images/postmetadata_bg.gif) repeat;
border-left:3px solid #000;
border-right:3px solid #000;
font-family:Verdana, Arial, Helvetica, sans-serif;
}

.postmetadata a{
font-size:10px;
font-weight:bold;
color:#d5d5bd;
background:url(images/post_comm_a.gif) no-repeat left top;
padding-left:22px;
padding-bottom:10px;
line-height:19px;
}

.postmetadata a span{
color:#fce460;
}

a.readmore{
background:url(images/post_readmore_a.gif) no-repeat left 3px;
padding-left:10px;
}

a.readmore span{
background:url(images/dotted_yellow.gif) repeat-x left bottom;
padding-bottom:2px;
color:#958615;
}

a.readmore:hover{
text-decoration:none;
}

.postmetadata .alignleft{
padding-top:5px;
padding-left:20px;
}

.postmetadata .alignright{
padding-top:4px;
padding-right:20px;
}

.post-page{
margin-left:20px;
}

.entry_page{
margin-left:0px;
}

.post-page h2{
font-size:21px;
color:#ffffff;
padding-bottom:15px;
font-weight:normal;
background:url(images/post-page_h2.gif) repeat-x left bottom;
}

.post-page .entry{
padding-top:10px;
padding-left:0;
color:#7f7f7f;
}

.post-page .entry a{
color:#9e9e9e;
text-decoration:underline;
font-weight:bold;
}

/* right content */

#body_right_content{
padding-top:20px;
margin-left:18px;
}

/* ADS */

#right_ads{
margin-left:4px;
}

#right_ads img{
margin-left:16px;
padding-bottom:16px;
}

/* TAGS */

#main_tags{
margin-bottom:20px;
margin-right:30px;
}

#main_tags a{
color:#666666;
padding-left:5px;
padding-right:5px;
}

#main_tags h2{
font-size:17px;
font-weight:normal;
color:#828056;
margin-bottom:5px;
padding-left:20px;
padding-bottom:2px;
text-transform:capitalize;
background:url(images/main_tags_h2.gif) no-repeat left bottom;
}

#sidebar{
width:145px;
float:left;
}

#sidebar_right{
width:145px;
float:left;
padding-left:20px;
}

#sidebars h2{
font-size:17px;
font-weight:normal;
color:#828056;
margin-bottom:5px;
padding-left:20px;
padding-bottom:2px;
text-transform:capitalize;
background:url(images/main_tags_h2.gif) no-repeat left bottom;
}

#sidebars ul{
color:#5c5c5c;
margin-left:5px;
}

#sidebars li ul{
background:none;
margin-bottom:20px;
}

#sidebars li ul li ul{
padding-left:5px;
background:none;
margin:0px 0px 0px 5px;
}

#sidebars li ul li ul li ul{
padding-left:0px;
}

#sidebars li{
margin-bottom:0px;
}

#sidebars li li{
margin-bottom:0px;
background:url(images/dotted_grey.gif) repeat-x left bottom;
padding:4px 3px 8px 0;
width:auto;
font-family:Verdana, Arial, Helvetica, sans-serif;
}

#sidebars li li li{
background:none;
border:0px;
padding-bottom:3px;
}

#sidebars li a{
color:#5c5c5c;
}

#sidebars li.widget_categories ul li{
font-weight:normal;
}

#sidebars li.widget_categories ul li a{
background:url(images/sidebar_li_cat.gif) no-repeat left 5px;
font-weight:normal;
padding-left:10px;
}

#sidebars li.widget_categories ul li ul li a{
background:url(images/sidebar_li_cat.gif) no-repeat left 5px;
font-weight:normal;
padding-left:10px;
}

#sidebars li.widget_archives ul li a{
background:url(images/sidebar_li_ar.gif) no-repeat left 4px;
font-weight:normal;
padding-left:10px;
}

#sidebars li.linkcat ul li a{
background:url(images/sidebar_li_br.gif) no-repeat left 4px;
font-weight:normal;
padding-left:10px;
}

#sidebars li.widget_meta ul li a{
background:url(images/sidebar_li_meta.gif) no-repeat left 4px;
font-weight:normal;
padding-left:10px;
}

#sidebars .textwidget{
padding:5px;
}

#sidebars .page_item{
padding-left:3px;
}

#sidebars .page_item a{
padding-left:10px;
background:url(images/page_item_lines.gif) no-repeat left 6px;
}

/* FOOTER */

#footer{
width:100%;
height:140px;
clear:both;
margin:0px auto;
font-family:Verdana, Arial, Helvetica, sans-serif;
}

#footer_text{
color:#000000;
padding-left:20px;
padding-top:75px;
float:left;
width:50%;
line-height:18px;
font-weight:bold;
}

#footer_text a{
color:#9e0b0e;
}

#footer_copyrights{
text-align:right;
color:#000000;
padding-right:20px;
padding-top:75px;
float:right;
width:40%;
}

#footer_copyrights a{
color:#9e0b0e;
}



/* Begin Typography & Colors */

#wp-calendar #prev a, #wp-calendar #next a {
font-size: 9pt;
}

#wp-calendar a {
text-decoration: none;
}

#wp-calendar caption {
font: bold 1.3em 'Lucida Grande', Verdana, Arial, Sans-Serif;
text-align: center;
}

#wp-calendar th {
font-style: normal;
text-transform: capitalize;
}
/* End Typography & Colors */




/* Begin Images */
p img {
padding: 0;
max-width: 100%;
}

/*	Using 'class="alignright"' on an image will (who would've
thought?!) align the image to the right. And using 'class="centered',
will of course center the image. This is much better than using
align="center", being much more futureproof (and valid) */

img.centered {
display: block;
margin-left: auto;
margin-right: auto;
}

img.alignright {
padding: 8px;
margin: 0 0 10px 0px;
display: inline;
}

img.alignleft {
padding: 0px 7px 2px 0px;
margin: 0 7px 2px 0;
display: inline;
}

.alignright {
float: right;
}

.alignleft {
float: left
}
/* End Images */



/* Begin Calendar */
#wp-calendar {
empty-cells: show;
margin: 10px auto 0;
width: 99%;
}

#wp-calendar #next a {
padding-right: 10px;
text-align: right;
}

#wp-calendar #prev a {
padding-left: 10px;
text-align: left;
}

#wp-calendar a {
display: block;
}

#wp-calendar caption {
text-align: center;
width: 100%;
}

#wp-calendar td {
padding: 3px 0;
text-align: center;
}

#wp-calendar td.pad:hover { /* Doesn't work in IE */
background-color: #fff; }
/* End Calendar */



/* Begin Various Tags & Classes */
acronym, abbr, span.caps {
cursor: help;
}

acronym, abbr {
border-bottom: 1px dashed #999;
}

blockquote {
margin: 15px 30px 10px 10px;
padding-left: 15px;
padding-bottom:5px;
background:url(images/blockquote_bg.gif) repeat-y;
}

blockquote blockquote{
background:url(images/blockquote2_bg.gif) repeat-y;
}

blockquote cite {
margin: 5px 0 0;
display: block;
}

.center {
text-align: center;
}

hr {
display: none;
}

a img {
border: none;
}

.navigation {
display: block;
text-align: center;
margin-top: 10px;
margin-bottom: 60px;
font-weight:bold;
clear:both;
}
/* End Various Tags & Classes*/

/* Begin Lists

Special stylized non-IE bullets
Do not work in Internet Explorer, which merely default to normal bullets. */

.entry ul {
margin: 0 10px 15px 0;
list-style: none;
padding:0 0 10px 20px;
}

.entry li {
border-bottom:1px dashed #686868;
padding-bottom:4px;
padding-top:3px;
color:#939393;
}

.entry ul li:before{
content: url(images/entry_before.gif);
}

.entry ol {
margin: 0 10px 15px 0;
padding:0 0 10px 40px;
}

.entry ol li {
margin: 0;
padding: 0;
padding-bottom:4px;
padding-top:3px;
background:none;
border-bottom:1px dashed #686868;
}

.postmetadata ul, .postmetadata li {
display: inline;
list-style-type: none;
list-style-image: none;
}

ol li{
list-style: decimal outside;
}
/* End Entry Lists */



/* Begin Form Elements */
#searchform {
margin: 10px auto;
padding: 5px 3px;
text-align: center;
}

#sidebar #searchform #s {
width: 108px;
padding: 2px;
}

#sidebar #searchsubmit {
padding: 1px;
}

.entry form { /* This is mainly for password protected posts, makes them look better. */
text-align:center;
}

select {
width: 130px;
}

#commentform{
width:500px;
}

#commentform input {
width: 170px;
padding: 2px;
margin: 5px 5px 1px 0;
}

#commentform textarea {
width: 350px;
padding: 2px;
}

#commentform #submit {
margin: 0;
width:65px;
height:25px;
}
/* End Form Elements */



/* Begin Comments*/

h2#comment_title{
font-size:24px;
color:#d5d5bd;
font-weight:normal;
margin-left:105px;
margin-right:12px;
border-bottom:4px solid #181818;
}

.alt {
margin: 0;
}

.commentlist {
padding: 0px;
text-align: justify;
margin-left:105px;
color:#7f7f7f;
font-family:Verdana, Arial, Helvetica, sans-serif;
}

.comm_items {
margin: 15px 0 5px;
display:block;
padding:10px 15px 10px 15px;
float:left;
background:url(images/comm_items_bg.gif) repeat-y;
width:468px;
}

.comm_items li {
margin: 0px;
padding: 5px 10px 5px;
border-bottom:0px;
background:none;
border:0px;
list-style:none;
}

.commentlist p {
margin: 10px 5px 10px 0;
line-height:18px;
}

#commentform p {
margin: 5px 0;
}

.nocomments {
text-align: center;
margin: 0;
padding: 0;
}

.commentmetadata {
margin: 0px 0px 5px 0px;
display: block;
color:#ffd700;
text-transform:capitalize;
font-weight:bold;
padding-bottom:10px;
padding-left:20px;
font-size:14px;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
border-bottom:dotted #a7a7a7 1px;
}

.commentmetadata a{
color:#ffd700;
}

.commentmetadata span{
color:#989898;
}

.commentmetadata_end{
color:#ffffff;
font-weight:bold;
border-top:dotted #a7a7a7 1px;
padding-left:10px;
padding-top:10px;
font-size:12px;
font-family:Verdana, Arial, Helvetica, sans-serif;
margin: 5px 0px 0px 0px;
}

.commentmetadata_end a{
color:#ffffff;
}

.commentmetadata_end span{
color:#ffd700;
font-weight:normal;
}

#respond_box{
margin-top:40px;
margin-left:20px;
padding-bottom:60px;
background:url(images/respond_box_bg.gif) no-repeat left top;
}

h3#respond{
font-size:21px;
color:#ffd700;
padding-top:35px;
padding-bottom:5px;
margin-bottom:25px;
margin-left:30px;
font-weight:normal;
font-style:italic;
}

#commentform{
margin-left:55px;
color:#919191;
font-family:Verdana, Arial, Helvetica, sans-serif;
}

#commentform a{
color:#919191;
}

#commentform input{
background:#ffffff url(images/input_bg.gif) repeat-x left top;
border:1px #b3a890 solid;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
padding:3px;
}

#commentform textarea{
background:#ffffff url(images/input_bg.gif) repeat-x left top;
border:1px #b3a890 solid;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
padding:3px;
}

#commentform input#submit{
background:none;
border:0px;
}

/* End Comments */

/* Archives page */
.page_archives_div{
padding-bottom:60px;
}

.ar_panel{
background:url(images/post-page2_bg.gif) no-repeat left top;
margin-left:20px;
width:90%;
}

.ar_panel2{
background:url(images/post-page3_bg.gif) no-repeat left top;
margin-left:20px;
width:90%;
}

.ar_panel3{
background:url(images/post-page2_bg.gif) no-repeat left top;
margin-left:20px;
width:90%;
}

.page_archives_div h2{
font-size:24px;
color:#fff;
padding-top:5px;
padding-bottom:5px;
margin-left:105px;
font-weight:normal;
}

.ar_panel3 h2{
margin-left:0px !important;
}

.ar_panel3 ul{
}

.page_archives_div ul h2{
}

.page_archives_div ul{
margin:0px;
padding:0px;
padding-top:5px;
margin-bottom:40px;
margin-left:105px;
}

.page_archives_div ul li{
margin:0px;
padding:0px;
list-style:none;
background:none;
}

.page_archives_div ul li ul{
margin:0px;
padding:0px;
padding-left:10px;
}

.page_archives_div ul li a{
font-weight:normal;
color:#7f7f7f;
font-size:13px;
}

.page_archives_div ul li a:hover{
color:#7f7f7f;
}

.page_archives_div ul li{
padding-top:5px;
padding-bottom:5px;
border-bottom:1px solid #4d4d4d;
}

.page_archives_div ul li ul li{
border:0px;
}

.pagetitle{
    margin: 0;
    margin-bottom: 10px;
    padding: 0;
    padding-bottom: 10px;
    color:#f4a460;
    border-bottom: 1px solid #ab540c;
}

#content .wp-pagenavi a, .wp-pagenavi span{
	display: block;
	float: left;
	background: none;
	color: #F0E68C;
	border: none;
	padding: 3px;
}