/*  
Theme Name: Shopping Journal
Description: Custom design by <a href="http://www.problogdesign.com/">Pro Blog Design</a>
Author: Michael Martin
Author URI: http://www.problogdesign.com/
*/

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;
}
fieldset{
	border:0;
}
a,a:link,a:visited{
	text-decoration:none;
}
a:hover, a:active {text-decoration:underline;}
a img{
	border:0;
}
.clear{
	clear:both;
}

.navigation a {

	font-family: Georgia;
	color: #a8a16d;
	font-size: 15px;
	margin: 0px 0px 5px 0px;
}

body{
	/*position:relative;*/
	background: url(images/body_bg.jpg) center top;
	color:#000;
	font:62.5% Tahoma,Arial,sans-serif;
	text-align:center;
}



#header{
	width: 966px;
	padding: 0px 15px 0px 0px;
	position:relative;
}

#popheader {background:url('images/dirjournal-blogheader.jpg') no-repeat;width:1020px;height:106px;margin:0 0 0 -10px;}
#popheader #logo {position:relative;float:left;margin:10px 0 0 25px;}
#popheader #description {position:relative;float:left;clear:both;margin:10px 0 0 35px;color:#fff;font-size:1.1em;}


#search{
	width: 355px;
	height: 27px;
	float: right;
	margin: 30px 0px 0px 0px;
}

#search{
	width: 260px;
	height: 27px;
	float: right;
	margin: 30px 0px 0px 0px;
}

#search input#s{
	width: 168px;
	height: 22px;
	float: left;
	padding: 3px 5px 0px 5px;
	background: #f8f8f0;
	border-right: none;
	border-top: 1px solid #858377;
	border-left: 1px solid #858377;
	border-bottom: 1px solid #858377;
}

#search input#searchsubmit{
	width: 76px;
	height: 27px;
	float: left;
	border: none;
	background: url(images/search_btn.jpg) no-repeat;
}

#navigation {
position:relative;
	background: #f8f8f0;
	padding: 0px 0px 10px 19px;
	border-left: 1px solid #cbc8c1;
	border-right: 1px solid #cbc8c1;
	width: 960px;
	height: 24px;
	clear: left;
}

#navigation img {margin:5px 0 0 0;}

#navigation ul {position:relative;float:right;}

#navigation ul li{
float:left;
	display: inline-block;
	padding: 0px 0px 0px 1px;
	font-family:Tahoma, Arial, sans-serif;
	
}

#navigation ul li.no_bg{
	padding: 0px;
	background: none;
}

#navigation ul li a{
	display: inline-block;
	height: 18px;
	font-size: 12px;
	color: #5F5429;
	font-weight: bold;

	padding: 8px 16px 8px 16px;
}

#navigation ul li a:hover{
	background:#DFDFC3;
	color:#000;
	text-decoration:none;
	/*background: #c7bfa9;*/
}

#featured{
	width: 959px;
	height: 279px;
	background: #f4f3e6;
	padding: 19px 0px 0px 20px;
	border-left: 1px solid #cbc8c1;
	border-right: 1px solid #cbc8c1;
	overflow:hidden;
}

.featuredslider {width:710px;float:left;}

.picture{
	width: 418px;
	height: 50px;
	float: left;
	padding: 0px 0px 0px 0px;
	/*border: 1px solid #372f24;*/
	position:relative;
}

.picture_title{
	width: 390px;
	height: 38px;
	padding: 12px 14px 0px 14px;
	background: url(images/pic_overlay.png);
	position:absolute;
	left:0;
	top:206px;
}

.picture_title strong{
	font-size: 11px;
	color: #f8f8f0;
	text-decoration: underline;
}

.picture_title p{
	font-size: 11px;
	color: #e0ddd5;
	line-height: 140%;
}

.feature_text{
	width: 255px;
	height: 258px;
	float: left;
	padding: 0px 15px 0px 19px;
	border-right: 1px solid #d0cdb1;
}.feature_text img {display:none;}

.feature_text h2 a{
	font-family: Georgia;
	color: #372f24;
	font-size: 24px;
	margin: 0px 0px 5px 0px;
}

.feature_text span{
	display: block;
	color: #858377;
	font-size: 11px;
	margin: 0px 0px 13px 0px;
}

.feature_text p{
	color: #5b4e3c;
	font-size: 11px;
	font-weight: bold;
}

.meta{
	padding: 5px 0px 0px 0px;
	font-size: 15px;
	font-weight: normal;
	color: #858377;
}

.meta a{
	font-size: 11px;
	color: #a8a16d;
	text-decoration: underline;
	font-weight:bold;
}

.meta a:hover, .meta a:active {text-decoration:none;}

#left_arrow,
#right_arrow{
	position: absolute;
	top:223px;
	left:439px;
	z-index:5;
	width: 33px;
	height: 33px;
	background: url(images/left_arrow.gif) no-repeat;
	text-indent: -99999px;
}

#right_arrow{
	left:485px;
	background: url(images/right_arrow.gif) no-repeat;
}

#top_stories{
	float: left;
	width: 215px;
	padding: 0px 0px 0px 15px;
overflow:hidden;
}

#top_stories h2{
	width: 215px;
	font-size: 20px;
	color: #372f24;
	padding: 0px 0px 6px 0px;
	border-bottom: 2px solid #c7c3a5;
	font-family:Georgia, serif;
}

#top_stories ul li{
	font-family: Arial;
	width: 215px;
	/*height: 37px;*/
	margin: 11px 0px 0px 0px;
padding:0 0 7px 0;
	background: url(images/top_story_li_bg.gif) bottom no-repeat;
}

#top_stories ul li a{
	display: block;
	color: #858377;
	font-size: 12px;
	padding: 0px 0px 0px 11px;
	background: url(images/top_story_bullet.gif) top left no-repeat;
	font-weight:bold;
	font-size:12px;
}

#top_stories ul li a:hover{
	text-decoration: none;
}

#secondary_navigation{
	width: 955px;
	height: 28px;
	background: #dcd9c0;
	padding: 0px 0px 0px 24px;
	border: 1px solid #cbc8c1;
}

#secondary_navigation ul li{
	float: left;
	font-size: 12px;
	color: #584b3a;
	padding: 0px 0px 0px 17px;
	margin: 7px 0px 0px 14px;
	background: url(images/secondary_nav_bullet.gif) no-repeat;
}

#secondary_navigation ul li.no_bg{
	padding: 0px;
	margin: 7px 0px 0px 0px;
	background: none;
}


#secondary_navigation ul li a{
	color: #584b3a;
	font-family:tahoma, arial, sans-serif;
}

#content{
	width: 960px;
	float: left;
	clear: both;
	overflow: hidden;
	background: #f8f8f0;
	padding: 30px 0px 17px 19px;
	border-left: 1px solid #cbc8c1;
	border-right: 1px solid #cbc8c1;
}

#left_column{
	width: 645px;
	float: left;
	border-right: 1px solid #d0cdb1;
	padding: 0px 27px 0px 0px;
}

.entry{
	/* width: 645px; */
	float: left;
	margin: 0px 0px 26px 0px;
}

.entry h2{
	font-family: Georgia;
	color: #372f24;
	font-size: 25px;
	margin: 0px 0px 3px 0px;
}

.entry h2 a:link, .entry h2 a:visited {text-decoration:none;color:#372f24;}
.entry h2 a:hover, .entry h2 a:active {text-decoration:underline;}

.entry span{
	display: block;
	color: #858377;
	font-size: 11px;
	margin: 0px 0px 13px 0px;
}

.entry p, .entry ul, .entry ol, .entry h3 {
	font-family: Arial;
	font-size: 12px;
	color: #5b4e3c;
	line-height: 170%;
	margin: 0px 0px 20px 0px;
}

.entry ul {padding-left:20px;list-style:disc;}
.entry ol {padding-left:20px;}
.entry .social ul, .entry .sociable ul {list-style:none;}

.entry h3 {font-size:14px;}

.entry a{
	color: #0f5e27;
	text-decoration: underline;
}

.entry img{
	/*float: left;*/
	/*border: 1px solid #372f24;*/
	margin: 0px 15px 1px 0px;
}

.social{
	width: 635px;
	float: left;
	overflow: hidden;
	padding: 0px 0px 17px 0px;
	border-bottom: 3px solid #dddcd7;
}

.social ul{
	float: right;
}

.social ul li{
	margin: 0px 0px 0px 17px;
	float: left;
}

.social ul li img{
	border: none;
	margin: 0px;
}

#comments{
	width: 617px;
	float: left;
	padding: 0px 0px 50px 28px;
}

#comments h2{
	font-family: Georgia;
	color: #372f24;
	float: left;
	font-size: 24px;
	margin: 0px 0px 0px 0px;
}

#comments h3{
	display: inline;
	font-family: Verdana;
	color: #2b4951;
	font-size: 9px;
	float: right;
	font-weight: normal;
	text-transform: uppercase;
	margin: 10px 20px 0px 0px;
}

#comments h3 a{
	color: #a6986f;
}

#comments ul{
	float: left;
	clear: both;
	margin: 16px 0px 0px 0px;
}

#comments ul li{
	display: block;
	width: 624px;
	float: left;
	margin: 15px 0px 0px 0px;
}

.gravator{
	width: 103px;
	float: left;
}

.gravator img{
	margin: 0px 0px 11px 0px;
}

.gravator h4{
	font-family: Verdana;
	font-size: 11px;
	padding: 0px 0px 2px 0px;
}

.gravator h4 a:link, .gravator h4 a:visited {color:#a6986f;}
.gravator h4 a:hover, .gravator h4 a:active {text-decoration:underline;}

.gravator span{
	font-family: Verdana;
	color: #2b4951;
	font-size: 9px;
}

.comment_text{
	width: 502px;
	float: left;
	background: url(images/comment_txt.jpg) right repeat-y;
}

.comment_text_top{
	color: #8f8f8f;
	width: 442px;
	float: left;
	padding: 20px 24px 0px 36px;
	background: url(images/comments_text_top.jpg) top no-repeat;
}

.comment_text_top p{
	color: #8f8f8f;
	font-size: 12px;
	margin: 0px 0px 25px 0px;
}


.comment_text_btm{
	width: 502px;
	float: left;
	height: 5px;
	background: url(images/comment_txt_btm.jpg) bottom right no-repeat;
}

ul li.byuser .comment_text{
	width: 502px;
	float: left;
	background: url(images/alternate_comments_txt.jpg) right repeat-y;
}

ul li.byuser .comment_text_top{
	color: #8f8f8f;
	width: 442px;
	float: left;
	padding: 20px 24px 0px 36px;
	background: url(images/alaternate_comments_top.jpg) top no-repeat;
}

ul li.byuser .comment_text_top p{
	color: #fff;
	font-size: 12px;
	margin: 0px 0px 25px 0px;
}


ul li.byuser .comment_text_btm{
	width: 502px;
	float: left;
	height: 5px;
	overflow: hidden;
	background: url(images/alternate_comments_btm.jpg) bottom right no-repeat;
}

#respond{
	width: 617px;
	float: left;
	padding: 0px 0px 0px 28px;
}

#respond h2{
	font-family: Georgia;
	color: #372f24;
	float: left;
	font-size: 24px;
	margin: 0px 0px 0px 0px;
}

#respond h3{
	position: relative;
	display: inline;
	font-family: Verdana;
	color: #2b4951;
	font-size: 9px;
	float: right;
	font-weight: normal;
	text-transform: uppercase;
	margin: 10px 20px 0px 0px;
}

#respond h3 a{
	color: #a6986f;
}

#respond .gravator h4, #commentform p a {color:#a6986f;}

#commentform{
	width: 605px;
	float: left;
	padding: 31px 0px 0px 0px;
}

#textarea{
	width: 482px;
	height: 190px;
	float: right;
	padding: 5px 0px 5px 20px;
	float: right;
	background: url(images/textarea.gif) no-repeat;
}

#textarea textarea{
	width: 447px;
	height: 160px;
	border: none;
	color: #8f8f8f;
	padding: 15px;
	background: none;
}

.respond_input{
	width: 485px;
	height: 25px;
	float: right;
	margin: 10px 0px 0px 0px;
	background: url(images/respond_input.gif) no-repeat;
}

.respond_input input{
	width: 470px;
	height: 20px;
	color: #8f8f8f;
	padding: 5px 4px 0px 11px;
	border: none;
	background: none;
}

input#submit{
	width: 94px;
	height: 21px;
	margin: 20px 0px 0px 0px;
	background: url(images/add_comment.gif) no-repeat;
	float: right;
	clear: right;
	border: none;
}

#sidebar{
	width: 275px;
	float: left;
	padding: 0px 0px 0px 12px;
}

#advertisement{
	width: 275px;
	float: left;}
	
#advertisement a {float:left;}
	
.sidebar-rss {clear:both;padding:10px 0 0 0;}
#rss{
	position: relative;
	display: block;
	width: 185px;
	height: 71px;
	margin: 0px 0px 0px 0px;
	background:url(images/rss_feed2.jpg) no-repeat;
	text-indent: -99999px;
}.home-right #rss {margin-top:-33px;}

#sidebar .box {
	float: left;
	width: 261px;
	padding: 0px 0px 33px 0px;
}

#news_updates h2, #sidebar .box h2 {
	width: 261px;
	font-size: 20px;
	color: #372f24;
	padding: 0px 0px 6px 0px;
	border-bottom: 2px solid #c7c3a5;
	font-family:georgia, serif;
}

#news_updates ul li, #sidebar .box ul li {
	font-family: Arial;
	width: 256px;
	float: left;
	font-size: 11px;
	color: #858377;
	line-height: 150%;
	margin: 11px 0px 0px 0px;
	background: url(images/news_update_li.gif) bottom no-repeat;
}#sidebar .box #advertisement ul li{	display: inline;	float: left;	width:125px;	margin: 0px 11px 10px 0px;	padding:0;	background:none;	border-width:0;}
#sidebar .box #advertisement ul li a{padding:0;background:none;}
#news_updates ul li.no_bg, #sidebar .box ul li.no_bg{
	background: none;
}


#news_updates ul li p, #sidebar .box ul li p {
	font-size: 11px;
	color: #858377;
	line-height: 140%;
	margin: 0px 0px 10px 0px;
}


#news_updates ul li span, #sidebar .box ul li span{
	color: #584b3a;
	font-size: 11px;
	font-weight: bold;
	padding: 0px 5px 0px 0px;
	float:left;
}

#footer{
	width: 975px;
	clear: both;
	padding: 20px 0px 20px 4px;
	background: url(images/sj-footer.jpg);
	margin:20px 0;
	color:#3c382d;
	font-size:14px;
	font-family:Georgia,serif;
}

ul.footer-pages {padding-left:250px;}
ul.footer-pages li {float:left;padding:0 10px 0px 10px;border-right:1px solid #615f53;}
ul.footer-pages li:last-child {border-width:0;}

.footer_container{
	display: inline;
	width: 280px;
	height: 274px;
	float: left;
	padding: 10px 0px 0px 24px;
	margin: 0px 0px 0px 16px;
	background: url(images/footer_container.gif) no-repeat;
}


.footer_container h2{
	font-family: Georgia;
	width: 215px;
	font-size: 20px;
	color: #372f24;
	padding: 0px 0px 2px 0px;
	border-bottom: 2px solid #c7c3a5;
}

.footer_container ul li{
	font-family: Arial;
	width: 215px;
	float: left;
	margin: 8px 0px 0px 0px;
	background: url(images/footer_li_bg.gif) bottom repeat-x;
}

.footer_container ul li a{
	display: block;
	font-size: 12px;
	padding: 0px 0px 10px 11px;
	background: url(images/footer_bullet.gif) top left no-repeat;
	text-decoration:underline;
}

.footer_container ul li a:hover{
	text-decoration: none;
}

#footer p{
	width: 975px;
	text-align: center;
	clear:both;
}

#footer a:link, #footer a:visited {color:#938a45;text-decoration:underline;}
#footer a:hover, #footer a:active {text-decoration:none;}

.box a:link, .box a:visited {color:#858377;}
.box a:hover, .box a:active {text-decoration:underline;}

.home-right .box{
	float: left;
	width: 200px;
	padding: 33px 0px 0px 0px;
}

.home-right .box h2{
	width: 200px;
	font-size: 20px;
	color: #372f24;
	padding: 0px 0px 6px 0px;
	border-bottom: 2px solid #c7c3a5;
	font-family:Georgia, serif;
}

.home-right .box ul li{
	font-family: Arial;
	width: 195px;
	float: left;
	font-size: 11px;
	color: #858377;
	line-height: 150%;
	margin: 11px 0px 0px 0px;
	background: url(images/news_update_li.gif) bottom no-repeat;
}.home-right .box p, #sidebar .box p {	font-family: Arial;	width: 195px;	float: left;	font-size: 12px;	line-height: 150%;	margin: 11px 0px 0px 0px;}

.home-right .box ul li ul {padding:0 0 0 0px;}
#left_column .home-right .box ul li ul li:last-child {background-image:none;}

.home-right .box ul li.no_bg{
	background: none;
}


.home-right .box ul li p{
	font-size: 11px;
	color: #858377;
	line-height: 140%;
	margin: 0px 0px 10px 0px;
}


.home-right .box ul li span{
	color: #584b3a;
	font-size: 11px;
	font-weight: bold;
	padding: 0px 5px 0px 0px;
}

.box ul li a {background:url(images/arrow.gif) 0 3px no-repeat;padding:0 0 0 15px;}
.box ul li ul li a {background:url(images/arrow.gif) 0 3px no-repeat;}
.box ul li a {font-size:12px;font-weight:bold;}
.box ul li a:link {color:#858377;}
.box ul li a:visited {color:#9c998a;}
.box ul li {padding:0 0 6px 0px;}

.home-right a#rss .replace, .box  a#rss .replace {margin-left:0;}


.home-left {width:420px;padding:0 15px 0 0;float:left;overflow:hidden;}

.home-right {border-left:1px solid #d0cdb1;float:right;width:185px;padding:0 0 0 15px;overflow:hidden;}

.social-home {padding: 0px 0px 17px 0px;	border-bottom: 3px solid #dddcd7;}
.social-home p {margin:0;width:180px;float:left;}
.entry .social-home a {color:#a8a16d;font-weight:bold;}
.entry .social-home a:hover, .entry .social-home a:active {text-decoration:none;}

.sociable {width:235px;float:right;}
.sociable ul li {float:right;}
.sociable ul {padding:0;}

#content a img {border-width:0;}


.replace{
	position:relative;
	margin:0;
	padding:0;
	/* \*/
	overflow:hidden;
	/* */
}
.replace span{
	display:block;
	position:absolute;
	top:0;
	left:0;
	z-index:1;
}
.skiplink{
	display:none;
}
#wrapper{
	width: 981px;
	padding: 0px 0px 0px 1px;
	margin:0 auto;
	text-align:left;
}

/*-- carousel --*/
#slideshow{
	float:left;
	width:710px;
	height:258px;
	position:relative;
}
#slideshow .switchBox{
	position:absolute;
	top:0;
	left:0;
	z-index:1;
	/*filter:alpha(opacity=0);*/
}
#slideshow div.active{
	z-index:3 !important;
	/*filter:none;*/
}
#slideshow div.last-active{
	z-index:2;
}

/*** Library ***/

.fl {float:left;}

.fr {float:right;text-align:right;}

.alignleft {float:left;margin-right:20px;}

.alignright {float:right;text-align:right;margin-left:20px;}

.box-ad {margin-bottom:20px;}

.tc {text-align:center;}
.mb20 {margin-bottom:20px;}