/*  
Theme Name: Soapbox Mama
Description: Soapbox Mama Designed by <a href="http://www.jaredclance.com">jaredclance.com</a>.
Version: 0.1
Author: Jared; fixed, revised and "de-suckified" by Wes + Sonja
Author URL: http://www.jaredclance.com
*/



#sidebar h2, .sidebartitle { background-color: #765042; color: #ffffff; }	/* default */

/* Header colours */
#sidebar .colour1 h2, .colour1 { background-color: #765042; color: #ffffff; }
#sidebar .colour2 h2, .colour2 { background-color: #412715; color: #ffffff; }
#sidebar .colour3 h2, .colour3 { background-color: #f6dad0; color: #ffffff; }
#sidebar .colour4 h2, .colour4 { background-color: #f2afac; color: #ffffff; }
#sidebar .colour5 h2, .colour5 { background-color: #ce948e; color: #ffffff; }

/* sub-header colours */
#sidebar .colour1 ul.sidecol { background:#fff8f8; }
#sidebar .colour2 p			 { background:#fff8f8; }
#sidebar .colour3 ul.sidecol { background:#fff8f8; }
#sidebar .colour4 p			 { background:#fff8f8; }
#sidebar .colour5 ul.sidecol { background:#fff8f8; }

/*
#sidebar a, #sidebar a:visited { color: #707070; background:#ffecec; } /* default */



/*  --------------------------------------------------------------
	DEFAULTS
	-------------------------------------------------------------*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%;
	font-family: inherit; vertical-align: baseline;
}
ol, ul { list-style: none;}
/* tables still need 'cellspacing="0"' in the markup */
table {	border-collapse: separate; border-spacing: 0; }
:focus { outline: 0;}
* { margin: 0; padding: 0; }

html { background-image: url("http://soapboxmama.com/images/mainbg.jpg"); background-color:#f6e2e8; background-position:center top; background-repeat:repeat-x; }
body { font: 10pt Arial, Helvetica, sans-serif; color: #333333; /* background: #f6e2e8 url("http://soapboxmama.com/images/topbg.gif") center top no-repeat; */}


/*  --------------------------------------------------------------
	LAYOUT
	-------------------------------------------------------------*/

#main { margin: 0px auto; width: 988px; padding: 6px; background: #ffffff url("http://soapboxmama.com/images/pagebg.gif") repeat-y; }

  #header { background: #ffffff url("http://soapboxmama.com/images/jbblogheader.jpg") no-repeat; height: 250px; margin-bottom: 15px; position: relative;  }
    #menu { position: absolute; left: 10px; top: 220px; z-index:100; }
	#rss { position: absolute; right:0; bottom:0; padding:2px 15px; }

  #ads { float: left; padding: 15px 0 0 15px; }

  #content { float: left; padding: 15px 0 30px 15px; width: 600px; overflow: hidden; line-height: 16px; text-align: justify; font: 10pt verdana, arial, helvetica, sans-serif; color: #777777; }

  #sidebar { float: right; padding: 15px 15px 20px 0; width: 200px; color: #666666; overflow:hidden; }

  #footer { clear: both; font-size: 8pt; color: #333333; background: #f6e2e8 url("http://soapboxmama.com/images/footerbg.gif") top center no-repeat; width: 988px; height: 20px; margin: 0px auto; padding:16px 6px; }


/*  --------------------------------------------------------------
	GENERAL STYLES
	-------------------------------------------------------------*/

h1 { margin:0px; height: 40px; font: bold 22pt "Lucida Sans", arial; color: #fabcd1; }
h1 a, h1 a:visited { color: #000000; text-decoration: none; }
h1 a:hover { color: #fe5e00; text-decoration: none; }
h2 { color: #ffffff; margin: 0px; border-bottom:none; letter-spacing: -1px; font:22pt "Century gothic", "Lucida Sans", Arial; padding:0px 0px 0px 10px; }
h2 a, h2 a:visited, h2 a:hover { color: #ffffff; text-decoration: none; }
h3 { color: #555555; margin: 0px 0px 2px; letter-spacing: -1px; font: 16pt "Century gothic", "Lucida Sans", Arial; padding: 6px 0 5px 0; }
h4 { color: #777777; margin: 0px 0px 2px; letter-spacing: -1px; font: 11pt "Century gothic", "Lucida Sans", Arial; padding-bottom: 3px; }
h5 { color: #777777; margin: 0px 0px 2px; letter-spacing: -1px; font: 9pt "Century gothic", "Lucida Sans", Arial; padding-bottom: 3px; }

a, a:visited { color: #765042; text-decoration: none; }
a:hover { color: #765042; text-decoration: underline; }

p { padding: 0px 0px 15px; }
em { font-style: italic; }

.left { float: left; }
.right { float: right; }

strong { font-weight: bold; color: #222222; }


/*  --------------------------------------------------------------
	MENU
	-------------------------------------------------------------*/

ul#menu li { float: left; margin-left: 6px; position:relative; }
ul#menu li ul li { margin-left: 0px; float:none; }	/* reset indent on drop-down */

/* Top level links */
ul#menu li a:link, ul#menu li a:visited { color:#ffffff; background-color:#fabcd1; border:3px solid #fabcd1; text-decoration: none; padding: 3px 10px; font:11pt "Century Gothic", sans-serif; font-weight: bold; display: block; }
ul#menu li a:hover { color: #ffffff; background-color: #fabcd1; }
/* ul#menu .selected, ul#menu .selected a:visited { color: #ffffff; background-color: #fabcd1; text-decoration: none; } */

ul#menu li.first a { background-color:#fabcd1; border:3px solid #fabcd1; }
ul#menu li.second a { background-color:#e490a6; border:3px solid #e490a6; }
ul#menu li.third a { background-color:#A36783; border:3px solid #A36783; }
ul#menu li.fourth a { background-color:#865C67; border:3px solid #865C67; }
ul#menu li.fifth a { background-color:#735A56; border:3px solid #735A56; }
ul#menu li.sixth a { background-color:#514E63; border:3px solid #514E63; }
ul#menu li.seventh a { background-color:#ce948e; border:3px solid #ce948e; }


/* Drop down */
ul#menu li ul { width: 156px; height:0; top:29px; left:0; visibility:hidden; position:absolute; }		/* hide drop-down */
ul#menu li:hover ul, ul#menu a:hover ul { visibility:visible; }										/* show on :hover */
ul#menu li ul li a:link, ul#menu li ul li a:visited { background:#ffffff; color:#6f6f6f; width:130px; border:none; border-left: 3px solid #fabcd1; border-right: 3px solid #fabcd1; font-weight:normal; } /* drop down links*/
ul#menu li ul li a:hover /*, ul#menu .selected ul a:hover */ { color: #ffffff; background-color:#fabcd1; }	/* no border on drop down menu items (only top-level items) */

/* ul#menu .selected ul a:visited,  ul#menu .selected ul a { background:#ffffff; color:#6f6f6f; width:130px; border:none; border-left: 3px solid #fabcd1; border-right: 3px solid #fabcd1; font-weight:normal; } /* drop down links*/
/* ul#menu li.second ul li a,       ul#menu li.fourth ul li a       { background-color:#ffffff; border-left:3px solid #fabcd1; border-right:3px solid #fabcd1; } */
/* ul#menu li.second ul li a:hover, ul#menu li.fourth ul li a:hover { background-color:#fabcd1; color: #ffffff; }	/* no border on drop down menu items (only top-level items) */






#logo .description { position: absolute; left: 25px; bottom: 12px; color: #111111; font-size: 14px; }


#ads img { border: 5px solid #d2d2d2; }

/*  --------------------------------------------------------------
	POSTS
	-------------------------------------------------------------*/


.post { clear:both; padding-bottom: 8px; }
.post-date { height: 55px; width: 60px; margin-bottom: 15px; background: #d2d2d2; float: left; }
.title 		{ height: 55px; width: 540px; margin-bottom: 15px; background: #765042 url("http://soapboxmama.com/images/titlebg.jpg") top right no-repeat; float: right;  }
.page-title { height: 40px; width: 600px; margin-bottom: 10px;  background: #765042; /* url("http://soapboxmama.com/images/titlebg.jpg") top right no-repeat; */ }
.post-month { font-size: 12px; text-transform: uppercase; color: #ffffff; text-align: center; display:block; line-height: 11px; padding-top: 5px; margin-left: -3px; }
.post-day { font-size: 24px; text-transform: uppercase; color: #ffffff; text-align: center; display:block; line-height: 18px; padding-top: 10px; margin-left: -3px; }
.author { display: block; margin: 0; padding:0px 0px 4px 10px; font-weight: normal; color: #ffeaef; }


.entry { clear: both; padding-top: 5px; color: #333333; }

.post img { border:5px black solid; }
.post a img, img.wp-image-106 { border: none; } /* for JB's signature and older images uploaded w/border */

.comments 
{
display: block;
font-size:10px;
float: right;
margin-bottom: 18px;
padding: 4px 0px 4px 5px; 
color: #333333; 
width:100%;
}


.tools { border-bottom: 1px dotted #777777; padding: 10px 0; margin:10px 0 ; position: relative; display:block; height:60px; /* height necessary for IE */ } 


#comments
{
padding: 10px 0 5px 0;
clear: both;
}

.commentlist 
{
margin: 10px 0px;
padding-left: 20px;
line-height: 130%;
}

.commentlist li
{
padding: 5px 10px;
}

.commentlist cite 
{
font-size: 14px;
color: #fe5e00;
}

.commentlist cite a, .commentlist cite a:visited 
{
color: #fe5e00;
}

.commentlist small 
{
margin-bottom: 5px;
display: block;
font-size: 87%;
}

#commentform 
{
margin-top: 10px;
font-size: 10px;
}

#commentform p 
{
padding: 6px 0px;
margin: 0px;
}

#commentform label
{
color: #888888;
font-size: 100%;
}

#commentform input
{
width: 200px;
background:#ffffff;
border: 1px solid #97a9ae;
padding: 3px;
margin-top: 3px;
}

#commentform input.short { width:50px; }



#commentform textarea
{
width: 570px;
height: 115px;
background:#ffffff;
border: 1px solid #97a9ae;
padding: 2px;
margin-top: 3px;
}

#commentform textarea:focus, #commentform input[type="text"]:focus 
{
background: #ffffff;
}

#commentform #submit
{
font-size: 14px;
float:left;
width: 147px;
height: 30px;
cursor:pointer;
border:solid 1px #fabcd1;
background:#999;
color:#f3648f;
background:url(media/formbg.gif) repeat-x left top;
}

.navigation { clear: both; border-top: 2px solid #F5C2CE; height: 16px; line-height: 16px; margin: 16px 0; }
.navigation_top { clear: both; height: 16px; line-height: 16px; margin: 16px 0; }

.navigation a, .navigation a:visited 
{
color: #c44188;
}

.previous-entries a 
{
float: left;
padding-left: 12pt;
}

.next-entries a 
{
float: right;
padding-right: 18pt;
}



/*  --------------------------------------------------------------
	SIDEBAR
	-------------------------------------------------------------*/

#sidebar ul li { margin-bottom: 16px; }
#sidebar ul.sidecol li { margin-bottom: 0; }
#sidebar h2, .sidebartitle { font: 12pt "Century Gothic", Helvetica, sans-serif; text-transform: uppercase; margin-bottom: 2px; padding:4px 0px 3px 8px; letter-spacing: 0px; font-weight:bold; }
#sidebar a, #sidebar a:visited { color: #6f6f6f; display: block; padding: 5px 0 5px 10px; width: 190px; font: 9pt Verdana, Arial, Helvetica, sans-serif; text-decoration: none; }
#sidebar a:hover { text-decoration: none; background:#765042; color:#ffffff; }
#sidebar p { padding: 0; }

h3.about { color: #ffffff; background: #f5c2ce; padding-left: 10px; }
.friends h3 { padding-left: 10px; }

.articles ul { width: 290px; float: left; padding-left: 10px; padding-bottom: 16px;      /*clear:none;*/        }
.articles h4 { padding-bottom: 0; margin-bottom: 0; }
.articles h3 { color: #ffffff; /* background: #f5c2ce; */ padding-left: 10px; }

.article1 { background: #765042; /* background: #f5c2ce; */ }
.article2 { background: #412715; }
.article3 { background: #f6dad0; }
.article4 { background: #f2afac; padding: 6px; letter-spacing: -2px; }
.article5 { background: #ce948e; }


.archive h3 a { color: #db9696; background: #ffe1e1; text-decoration: none; padding: 6px 10px; display: block; }

#sidebar .cat { padding: 4px 10px; margin-top:4px; font-weight:bold; color: #ffffff; background: #765042; }
#sidebar .cat a, #sidebar .cat a:hover { padding: 0; margin:0px; font-weight:bold; color: #ffffff; background: #765042; }






#searchform 
{
margin: 15px 0 0;
}

#searchform br 
{
display: none;
}

#searchform #s 
{
border:1px solid #618806;
width: 140px;
height: 20px;
padding: 4px 5px 0px 5px;
border: 1px solid #bed881;
background: #fff;
margin-right: 2px;
color: #000000;
font-weight: normal;
}

#searchform input 
{
background:url(images/search.png);
border:1px solid #000000;
width: 37px;
height: 28px;
font-size:22px;
color: #000000;
vertical-align: middle;
}


#footer a { text-decoration: none; color: #E38EA5; }
#footer a:hover { text-decoration: underline; }










/*  --------------------------------------------------------------
	PAGE SPECIFIC
	-------------------------------------------------------------*/


.expander { height: 150x; clear: both; overflow: hidden; }
.expander div { float: left; padding: 5px 10px; }


.deals { border:#f9bed2 solid 1px; width:185px; height:250px; margin-right:12px; margin-top:10px; margin-bottom:10px; float:left; }
.deals img { margin:4px 30px; }
.deals p { padding:15px 15px 0 15px; }









.center 
{
text-align: center;
}


img.center, img[align="center"] 
{
display: block;
margin-left: auto;
margin-right: auto;
}

.alignleft 
{
float: left;
}

img.alignleft, img[align="left"] 
{
float:left;
margin: 2px 10px 5px 0px;
}

.alignright 
{
float: right;

}
img.alignright, img[align="right"] 
{
float:right;
margin: 2px 0px 5px 10px;
}

.clear 
{
clear:both;
}

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

.post-content
{
color: #333333; 
margin-top: 10px;
}


.newsletterTextInput{ width:122px; }

.newsletterContainer{ width:100%; }

.success {
	background: #f6dad0;
	border: 1px solid #2580B2;
}

.error {
	background: #FFEFF7;
	border: 1px solid #c69;
}

.error, .success {
	margin: 3px 0px;
	padding: 2px;
}

input.submit{
margin-top: 5px;
cursor:pointer;
border:solid 1px #fabcd1;
background:#999;
color:#f3648f;
background:url(media/formbg.gif) repeat-x left top;
}

p.newstitle {
font-size: 12pt  helvetica, sans-serif;
color: #ffffff;
background:#E57F7A;
padding:5px 0px 3px 10px;
margin-bottom: 8px;
letter-spacng: 0px;
width: 116px;
}