/*  

Theme Name: Shoplocalblog

Theme URI: 

Description: The custom-built shopLocal theme Version with reduced width.

Version: 1.1

Author: Shoplocalblog.com

Author URI: Shoplocal.com

Tags: Green, White, Right Sidebar, two columns, fixed width, valid css, valid XHTML


	Valid XHTML 1.0 Transitional



*/

/* ----------| SECTIONS |------------- 

_SEC GENERAL
_SEC TYPE
_SEC HEADER

*/


/*------------------------------------
_SEC GENERAL
--------------------------------------
*/

* {
margin: 0;
padding: 0;
}

body {
color: #333333;
background-color: #999999;
background-image:url(images/bgd_gradient_shoplocal.jpg);
background-repeat:repeat-x;
font-family: Arial, Helvetica, sans-serif;
font-size: 75%;
line-height: 1.6;
}

.clear {
clear: both;
}

.commentclear { 
padding-top: 30px;
clear: both;
float: none;
}

img {
border: none;
}

div#container {
width: 893px;
background: url(images/containerbg.gif) -3px 0 repeat-y;
background-color: #FFF;
margin: 0 auto;
}

.textreplace {
text-indent: -3000px;
overflow: hidden;
}


/*------------------------------------
_SEC TYPE
--------------------------------------
*/

h1, h2, h3, h4, h5, h6 {
font-weight: bold;
color:#6B6B6B;
}

h1 {
font-size: 2.7em;
float: left;
}

h1 a 
{ 
display: block; 
height: 45px; 
width: 243px;  
text-decoration: none; 
}

h2 {
font-size: 1.7em;
line-height: 1.1em;
margin-bottom: 0.2em;
}

h3 {
font-size: 1.3em;
line-height: 1;
margin-bottom: 0.7em;
}

h4 {
font-size: 1.4em;
line-height: 1.25;
margin-bottom: 0.25em;
}

h5 {
font-size: 1.2em;
font-weight: 700;
margin-bottom: 1.5em;
}

h6 {
font-size: 1em;
font-weight: 700;
}

p {
font-size: 1.1em;
margin: 0 0 10px 0;
}

blockquote {
color: #8AB5D0;
margin: 10px;
padding-left: 25px;
}

em {
font-style: italic;
}

strong {
font-weight: 700;
}

pre, code {
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
line-height: 1.5;
}

pre {

border-top: 1px solid #ccc;
white-space: pre;
overflow: auto;
margin: 0 15px;
padding: 10px 15px;
max-height: 300px;
}

a, a:visited {
color: #6c7ca0!important;
text-decoration: underline;
outline: none;
}

a:focus, a:hover {
color: #47619a;
text-decoration: none;
}

ul, ol {

margin: 0;
font-size:1em;
}


ul {
list-style-type: disc;
}

ol {
list-style-type: decimal;
padding: 0 0 20px 20px;
}

.clear {
float:none;
clear: both;
}


.wp-caption {

border: 1px solid #ddd;
text-align: center;
background-color: #FFFFFF;
padding-top: 4px;
margin: 10px;
}

.wp-caption img {
margin: 0;
padding: 0;
border: 0 none;
}

.wp-caption p.wp-caption-text {
font-size: 11px;
line-height: 17px;
padding: 0 4px 5px;
margin: 0;
}


hr {
background: #E6E6D2; 
color: #E6E6D2;
clear: both; 
float: none; 
width: 100%; 
height: .1em;
margin: 0 0 1.4em;
border: none; 
}


/*------------------------------------
_SEC HEADER
--------------------------------------
*/

#header {
width: 850px;
margin:0px auto;
height:150px;
position: relative;
}

#headline {
position: absolute;
top: 0px;
left: 0;
width:850px;
z-index:1;
}

#slogan {
height: 21px;
width: 350px;
background: url(images/retail_advertising_and_shopping_trends.gif) 0 0 no-repeat;
float: right;
margin-bottom: 30px;
}

#desc {
font-weight: bold;
color: #333; 
position: absolute;
right: 0;
top: 30px;
}

/* |-------- Primary Navigation */

ul#primnav {
width: 859px;
height: 57px;
background: url(images/primnavbg.gif) 0 0 no-repeat;
position: relative;
top: 70px;
left: -4px;
}

ul#primnav li {
	display: inline;
}

ul#primnav li a:link, ul#primnav li a:visited {
	position: absolute;
	top: 0;
	height: 57px;
	text-indent: -9000px;
	overflow: hidden;
	z-index: 10;
}

/* Individual Buttons */

ul#primnav .page_item_1 a:link, ul#primnav .page_item_1 a:visited {
	left: 0;
	width: 83px;
}

ul#primnav .page_item_1 a:hover, ul#primnav .page_item_1 a:focus {
	background: url(images/primnavbg.gif) no-repeat 0 -56px;
}
ul#primnav .page_item_1 a:active {
	background: url(images/primnavbg.gif) no-repeat 0 0;
}
div.nav-page_item_1, div.nav-page_item_1-click {
	position: absolute;
	top: 0;
	left: 0;
	width: 83px;
	height: 55px;
	background: url(images/primnavbg.gif) no-repeat 0 -56px;
}
.nav-page_item_1-click {
	background: url(images/primnavbg.gif) no-repeat 0 0;
}

body#default ul#primnav .page_item_1 a:link, body#default ul#primnav .page_item_1 a:visited {
	background: url(images/primnavbg.gif) no-repeat 0 -112px !important;
	cursor:default;
	height:53px;
}

ul#primnav .page-item-2 a:link, ul#primnav .page-item-2 a:visited {
	left: 83px;
	width: 79px;
}

ul#primnav .page-item-2 a:hover, ul#primnav .page-item-2 a:focus {
	background: url(images/primnavbg.gif) no-repeat -83px -56px;
}
ul#primnav .page-item-2 a:active {
	background: url(images/primnavbg.gif) no-repeat 83px 0;
}
div.nav-page-item-2, div.nav-page-item-2-click {
	position: absolute;
	top: 0;
	left: 83px;
	width: 79px;
	height: 55px;
	background: url(images/primnavbg.gif) no-repeat -83px -56px;
}
div.nav-page-item-2-click {
	background: url(images/primnavbg.gif) no-repeat 84px 0;
}

body#about ul#primnav .page-item-2 a:link, body#about ul#primnav .page-item-2 a:visited {
	background: url(images/primnavbg.gif) no-repeat -83px -112px !important;
	cursor:default;
	height:53px;
}

ul#primnav .page-item-12 a:link, ul#primnav .page-item-12 a:visited {
	left: 160px;
	width: 86px;
}

ul#primnav .page-item-12 a:hover, ul#primnav .page-item-12 a:focus {
	background: url(images/primnavbg.gif) no-repeat -160px -56px;
}
ul#primnav .page-item-12 a:active {
	background: url(images/primnavbg.gif) no-repeat 160px 0px;
}
div.nav-page-item-12, div.nav-page-item-12-click {
	position: absolute;
	top: 0;
	left: 160px;
	width: 86px;
	height: 55px;
	background: url(images/primnavbg.gif) no-repeat -160px -56px;
}
div.nav-.page-item-12-click {
	background: url(images/primnavbg.gif) no-repeat 160px 0;
}

body#media ul#primnav .page-item-12 a:link, body#media ul#primnav .page-item-12 a:visited {
	background: url(images/primnavbg.gif) no-repeat -160px -112px !important;
	cursor:default;
	height:53px;
}

ul#primnav .page-item-34 a:link, ul#primnav .page-item-34 a:visited {
	left: 246px;
	width: 107px;
}

ul#primnav .page-item-34 a:hover, ul#primnav .page-item-34 a:focus {
	background: url(images/primnavbg.gif) no-repeat -246px -56px;
}
ul#primnav .page-item-34 a:active {
	background: url(images/primnavbg.gif) no-repeat 246px 0px;
}
div.nav-page-item-34, div.nav-page-item-34-click {
	position: absolute;
	top: 0;
	left: 246px;
	width: 107px;
	height: 55px;
	background: url(images/primnavbg.gif) no-repeat -246px -56px;
}
div.nav-page-item-34-click {
	background: url(images/primnavbg.gif) no-repeat 246px 0px;
}

body#subscribe ul#primnav .page-item-34 a:link, body#subscribe ul#primnav .page-item-34 a:visited {
	background: url(images/primnavbg.gif) no-repeat -246px -112px !important;
	cursor:default;
	height:53px;
}

.subs {
display:block;
float:right;
width:180px;
}

.subs a {
margin:30px 22px 0 0;
padding:0 0 0 30px;
height:30px;
line-height:26px;
display:block;
float:right;
background:url(images/rss.gif) left top no-repeat;
color:#FFFFFF!important;
font-size:15px;
}


/* Search */
div.topline {
position: relative;
}

#searchform {
position: absolute;
top: 87px;
right: 27px;
width:200px;
font-size:15px;
color:#003e4f;
}

input#s {
width: 200px;
padding:3px 5px 4px 8px;
border:none;
font-size:12px;
background:url(images/search_bar_bg.gif) no-repeat;
color:#22547d;
height:17px;
}

/*------------------------------------
_SEC CONTENT
--------------------------------------
*/

a.snap_noshots {
padding-bottom:15px;
}

a.snap_noshots img {
padding-bottom: 15px;
}

#leftcolumn, #rightcolumn {
margin:0;
}

#leftcolumn {
float: left;
width: 490px;
padding:0;
}

.title {
margin:0;
clear:both;
}

.title h2 {
color: #333;
font-size: 130%;
padding-bottom: 10px;
}

.title h2 a {
color: #333!important;
text-decoration: none;
}

.title h2 a:hover {
color: #616161!important;
text-decoration: none;
border-bottom:1px solid #22547d;
}

.date {
color:#000;
float: left;
width: 470px;
background: url(images/postdivider.gif) left bottom no-repeat;
height: 30px;
margin-bottom: 10px;
padding-bottom: 20px;
}

.date p {
float: left;
margin-right: 30px;
margin-bottom: 0;
}

.date span.commentnum {
padding-left: 5px;
}

div.post-ratings {
position: relative;
top: 3px;
width: 159px;
font-weight: normal;
}

.post {
padding: 0;
margin:5px 10px 0 20px;
clear:both;
}

.postdata {
padding:15px 10px 15px 0;
font-size:12px;
line-height:19px;
width:450px;
}

.postdata strong {
font-size: 90%;
}

div.commentstop {
width: 609;
height: 41px;
background:url(images/comments_bgsm.gif) 0 0 no-repeat;
}

div.commentstop p {
color: #000;
padding: 10px 0 0 15px;
}

div.commentleft {
float:left;
padding-left:5px;
padding-top:10px;
width: 200px;	
clear: both;
}

div.commentright {
padding-top:10px;
width:200px;
margin-left: 220px;
}

div.commentscontainer {
background: url(images/comments_bg_centersm.gif) 0 0 repeat-y;
padding-bottom: 15px;
}

div.commentscontainer p {
padding: 0 0 0 10px;
margin:0;
}

div.commentbottom {
width: 450px;
height: 18px;
background: url(images/comments_bg_bottomsm.gif) 1px 0 no-repeat;
}

.postcomment {
padding:0 0 0 25px;
float:left;
}

a.more-link {
display:block;
clear:both;
color:#a6a379;
margin:10px 0 20px 0;
width:135px;
}

a:hover.more-link {
color:#a6a379;
}

#related h3, h3#comments {
padding: 8px 0 5px 0;
border-bottom:1px dotted #999;
font-size: 100%
}

div.content { 
width: 848px;
border-bottom:1px solid #DFDFDF;
border-right: 1px solid #dfdfdf;
border-left: 1px solid #dfdfdf;
position: relative;
left: 21px;
top: -27px;
padding-top: 30px;
background-color: #FFFFFF;
}

div#leftcolumn ul {
background-color: #FFFFFF;
margin: 10px 0;
padding: 10px 15px 10px 30px; 
}

div#leftcolumn ul li ul {
margin: 0;
padding: 5px 15px 5px 10px;
}

div#leftcolumn ul li ul li {
list-style: circle;
}

/* Used for Images and uploads */
.wp-caption {
clear: both;
}

/*------------------------------------
_SEC RIGHT CONTENT
--------------------------------------
*/

#rightcolumn {
float: right;
width: 280px;
margin:0 50px 0 0;
}

/* Side Bar Icons */
ul#sidebaricons {
padding-right: 50px;
position:relative;
top: -15px;
left:20px;
width: 210px;
display: none;
}

ul#sidebaricons li { 
float: right;
text-indent: -3000px;
overflow: hidden;
}

ul#sidebaricons #icon_rss {
display: block;
height: 39px;
width: 39px;
background: url(images/sideBarIconRSS.gif) 0 0 no-repeat;
}

ul#sidebaricons #icon_mail {
display: block;
width: 48px;
height: 34px;
background: url(images/sideBarIconMail.gif) 0 3px no-repeat;
}

ul#sidebaricons #icon_add {
display: block;
width: 39px;
height: 38px;
background: url(images/sideBarIconAdd.gif) 0 0 no-repeat;
}

ul.sidebar li {
margin: 0;
padding: 0;
background: url(images/side_bar_bg.gif) -4px 0 repeat-y;
}

ul.sidebar li.sidebarbottom {
background: url(images/side_bar_bg_bottom.gif) -1px 0 no-repeat;
height: 10px;
width: 319px;
top: -30px;
position: relative;
}

ul.sidebar li ul li, ul.sidebar li ol li { 
background: none;
}

ul.sidebar li ol {
width: 270px;
margin-bottom: 28px;
padding: 0 0 0 30px;
}

ul.sidebar h2 {
width: 317px;
height: 33px;
text-indent: -4000px;
overflow: hidden;
}


li#recent-posts-2 h2 {
background: url(images/tab_recent_posts.gif) 0 0 no-repeat;
}

li#yarpp h2 {
background: url(images/tab_relatedposts.gif) -2px -4px no-repeat;
}

li#yarpp p {
display: none;
}

li#ratings-3 h2 {
background: url(images/tab_highest_rated.gif) 0 0 no-repeat;
}

li#most-rated h2 {
background: url(images/tab_most_rated.gif) 0 0 no-repeat;
}

li#recent-comments-2 h2 {
background: url(images/tab_recent_comments.gif) 0 0 no-repeat;

}

li#linkcat-2 h2 {
background: url(images/tab_blogroll.gif) 0 0 no-repeat;
}

li#tag_cloud-4 h2, li#wp-cumulus h2 {
background: url(images/tab_tag_cloud.gif) 0 0 no-repeat;
}

li#archives-2 h2 {
background: url(images/tab_archives.gif) 0 0 no-repeat;
}

div#wpcumuluswidgetcontent {
margin-bottom: 30px;
padding-left: 4px;
}

ul.sidebar {
list-style-type: none;
margin: 0 0 40px 0;
padding: 0;
float:left;
}

.sidebar li {
padding:0;
margin:0;
}

li.widget ul {
list-style-type: none;
margin: 0 0 30px 12px;
padding: 0;
font-size:15px;
width:260px;
} 

.sidebar ul li {
margin: 5px 0 5px 0;
}

.sidebar a {
color: #000!important;
padding:4px 5px 6px 18px;
font-size:12px;
background:url(images/arrow.gif) 0 6px no-repeat;
text-decoration:none;
}

.sidebar a:hover {
color:#22547d!important;
background:url(images/arrow-hover.gif) 0 6px no-repeat;
}


#tag_cloud-4 {
padding:0 20px 0 15px;
margin-bottom: 30px;
width: 282px;
}

#tag_cloud-4 h2 {
position: relative;
left: -15px;
}

ul#recentcomments-2 {

}

ul#recentcomments-2 li {
background:url(images/arrow.gif) left top no-repeat;
background-position:0 5px;
padding-left:18px;
}

ul#recentcomments-2 li:hover {
background:url(images/arrow-hover.gif) left top no-repeat;
background-position:0 5px;
padding-left:18px;
}

ul#recentcomments-2 li a {

background:none;

padding-left:0;

}

.recentcomments-2 a {

background:none;

}

.recentcomments-2 a:hover {

background:none;

}



.comsubline {

font-size:11px;

}

.avtor {

color:#22547d;

}



#tag_cloud-4 a {

margin-right:5px;

}


/************************* COMMENTS AREA START ********************************/



.commentlist {

margin: 0;

padding:0;

list-style-type:none;

}

.commentlist p {

padding:5px;

margin:0;

}

.komentar {

margin:0;

padding:0;

}

.commentlist a {

border-bottom:1px dotted;

}

.commentlist a:hover {

text-decoration:none;

border-bottom:none;

}

.commentlist .body {
padding: 0;
margin:0;
overflow: hidden;
float:right;
width:394px;
display:block;
color:#45322f;
}

.commentlist .body .body-author {

padding: 0;

margin:0;

overflow: hidden;

color:#22547d;

float:left;

display:block;

}

.commentlist .body p {

clear:both;

padding-top:0;

}

.commentlist li {

width: 100%;

padding: 0 0 5px 0;

clear:both;

display:block;

float:left;

font-size:11px;

}

.commentlist li .top {
color: #45322f;
padding: 0;
margin:0;
width:390px;
float:right;
font-weight: bold;
}

.commentlist li .top a {

color: #22547d;

}

.commentlist li .top span {

font-size: 0.9em;

font-weight: 400;

color:#505e66;

}



.gravatar {

height:70px;

width:60px;

float:left;

margin:0;

}

img.gravatar {

margin:0;

height:60px;

width:60px;

padding:2px;

border:1px solid #E5E1DE;

}

img:hover.gravatar {

margin:0;

padding:2px;

height:60px;

width:60px;

border:1px solid #45322f;

}



/* Comment Section */

.theform_packer {
background:transparent url(images/comments_bg_centerentry.gif) repeat-y 0 0;
margin-top:20px;
} 

#respond {
color:#000;
background:transparent url(images/comments_bgsm.gif) no-repeat 0 0;
height:100px;
width:454px;
margin:-30px -20px -20px -20px;
margin-bottom:-60px;
padding:12px 20px 0 20px;
}



.theform {

padding: 20px;

color:#fff;

width:454px;

}

.form_b {
background:url(images/comments_bg_bottomsm.gif) no-repeat 1px 0;
height:16px;
width:457px;
margin-bottom: 20px;
}



.theform label {
color: #333;
font-size: 0.9em;
vertical-align: middle;
}



#remember, #forget, #txpCommentHelpLink {

margin-left: 2em;

}



#commentform {

padding:0;

}



#commentform input:focus {
border: 1px solid #22547d;
/*background: url(images/formfield_hover.gif) no-repeat;*/
width: 170px;
height:22px;
border: 1px solid #ccc;
}

#commentform textarea:focus {
width: 300px;
height: 140px;
padding: 5px;
/*background: url(images/formtextarea_hover.gif) no-repeat;*/
border: 1px solid #ccc;
}



.comment_input {
vertical-align: middle;
width: 170px;
height:22px;
line-height:16px;
border: none;
/*background: url(images/formfield.gif) no-repeat;*/
padding: 3px 5px 0 5px;
margin:8px 5px 5px 0;
font-family:Lucida Sans Unicode;
border: 1px solid #ccc;
}



.message_input {
font-size: 1em;
width: 300px;
height: 140px;
border: none;
/*background: url(images/formtextarea.gif) no-repeat;*/
background-attachment:scroll;
margin-top: 20px;
margin-bottom:10px;
padding: 5px;
border: 1px solid #ccc;

font-family:Lucida Sans Unicode;

}



.commentlist_error {

color: #c00;

}



.button {
background: none;
width:75px;
color:#4d6937;
font-weight:bold;
font-size:14px;
cursor:pointer;
border:none;
font-family: Lucida Sans Unicode, Arial, Helvetica, sans-serif;
}

.button:hover {
color:#b7c5ab;
cursor:pointer;
border:none;
}

#commentform .button:focus {
color:#b7c5ab;
cursor:pointer;
border:none;
}

/*------------------------------------
_SEC FOOTER
--------------------------------------
*/

#footer {
color: #666;
padding-bottom: 20px;
padding-left: 20px;
}

#poweredbyicon {
width: 277px;
height: 38px;
background: url(images/poweredByShopLocal.gif) 65px 0 no-repeat;
float: left;
}

.copyright p {
font-size:12px;
float:left;
padding-top: 10px;
}


/*------------------------------------
_SEC SOCIAL LINKS
--------------------------------------
*/

.inside_subpost {
display:block;
clear:both;
margin:10px 23px 10px 20px;
padding:0;

}

.related_rss_icon {
float:left;
background:url(images/rss_in.gif) no-repeat 0 0;
width:40px;
height:47px;
border-bottom:none;

}

.related_rss {
padding:0;
margin:0 0 20px 0;
font-size:14px;
line-height:17px;
font-weight:normal;
border-bottom:none;
}

.related_rss strong {
position: relative;
top: 10px;
padding-left: 10px;
}

.related_rss a, .related_rss a:visited {
border-bottom:1px dotted;
}

.related_rss a:hover {
border-bottom:none;
text-decoration:none;
}

.social {
margin:0;
padding:0;
float:left;
margin-right:20px;
margin-bottom:20px;
line-height:35px;
}

#calendar_wrap {
margin:0px auto;
width:210px;
margin-bottom:30px;
clear:both;
}

#calendar_wrap a {
padding: 3px 0px;
background:none
}

#calendar_wrap table { width: 210px; border: solid 1px #ccc; background:#FFFFFF}

#calendar_wrap caption { padding: 5px 0px; width: 210px; color:#585449;	font-size:14px; font-weight:bold; }

#calendar_wrap table th { text-align: center; letter-spacing: -1px; padding: 0px; font-size:12px; color:#585449; height:30px; }

#calendar_wrap table td { text-align: center; border: solid 1px #ccc; padding: 3px; font-size: 12px; color:#585449}

#calendar_wrap table td a { font-size: 12px; font-weight:bold;}

#calendar_wrap table td a:hover { color:#9CC318; font-weight:bold; border:none; }


/*------------------------------------
_SEC PAGE NAVIGATION
--------------------------------------
*/

div.Nav {
margin:0 auto;
text-align:center;
width:800px !important;
padding-bottom: 10px;
}

div.Nav  a, div.Nav a:visited { 
color: #fff!important; 
text-align:center; 
line-height:25px; 
padding:5px 10px;
background-color: #22547d; 
border: 1px solid color:#22547d!important; 
text-decoration:none; 
margin-right: 8px;
}

div.Nav a:hover { text-decoration: none; color:#a6a379; border-bottom:1px dotted #22547d; background-color: #22547d; }

div.Nav span { line-height:25px; height:25px; width:130px; color:#333; font-weight: bold; padding:0 10px; }

div.Nav  .on { 
background-color: #eeeded; 
height: 25px;
width: 25px;
border: 1px solid #ccc;  
color:#22547d; 
padding:5px 10px;
margin:0 10px 0 0;
}

.dotts {width:25px; text-align:center; display:block; float:left;}

div.Nav  a.lastpage {color: #3a3a3a;width:35px;}

div.Nav  a:hover.lastpage {color: #222; width:35px;}

#singleNav {
text-align: center;
margin:20px;
}

.previous {
}

.next {
}

.list404-table {

font-size:17px;

}

ul.list404, ul.list404 li ul {

list-style-type:none;

font-size:14px;

margin:10px 20px 20px 20px;

}

ul.list404 li a {

background:url(images/arrow.gif) left top no-repeat;

background-position:0 4px;

padding-left:20px;

}

ul.list404 li a:hover {

background:url(images/arrow-hover.gif) left top no-repeat;

background-position:0 4px;

}