/*
Theme Name: Sunshine Hope
Theme URI: http://www.sunshinehope.com
Description: Custom design for the sunshinehope.com site.
Author: Stranger Studios
Author URI: http://www.strangerstudios.com


/*-----------Block Level Elements--------------*/

Body {background: #E8E1D7 url(images/bg_body.gif) repeat-x top center; font-family: Arial, Helvetica, sans-serif; margin: 0; padding: 0; text-align: center; }

#page {	background: #FFFFFF; padding: 0; margin: 0 auto; width: 840px; text-align: left;}

a, a:link { color: #3399FF; }
a:visited { color: #777777; }
a:hover { color: #66CCFF; }

/*
#textresize {position: absolute; margin-left: 710px; background: url(images/bg_textresize.gif) bottom left no-repeat; width: 90px; padding-left: 6px;}
*/

#textresize {float: right; background: url(/wp-content/themes/sunshine/images/bg_textresize.gif) bottom left no-repeat; width: 90px; padding-left: 6px;}

#textresize a {display: block; * display: inline-block; float: left; height: 30px; width: 20px; background-repeat: no-repeat; }
#textresize a:link, #textresize a:visited {background-position: 0px 0px; }
#textresize a:hover, #textresize a.selected {background-position: 0px -30px; }

#textresize .small {width: 20px; background-image: url(/wp-content/themes/sunshine/images/textresize-1.gif); margin-right: 3px; cursor: pointer;}
#textresize .medium {width: 24px; background-image: url(/wp-content/themes/sunshine/images/textresize-2.gif); margin-right: 3px; cursor: pointer;}
#textresize .large {width: 28px; background-image: url(/wp-content/themes/sunshine/images/textresize-3.gif); cursor: pointer;}

#textresize form {margin: 0; padding: 0; }

#header { background: #52A7E4 url(images/bg_header.gif) no-repeat top center; height: 200px; padding: 0 30px 0 30px; }
#headerimg { float: left; height: 160px; width: 180px; }

#topmenu { float: right; clear: right; height: 45px; list-style-type: none; margin: 98px 10px 0 0; text-align: right; width: 538px;}
#topmenu li { float: right; }

#topmenu li a, #topmenu li a:link, #topmenu li a:visited { display: block; background-position: 0px -45px; background-repeat: no-repeat; }
#topmenu li a.disabled, #topmenu li a.disabled:link, #topmenu li a.disabled:visited { background-position: 0px -90px; cursor: default; }
#topmenu li a.selected, #topmenu li a.selected:link, #topmenu li a.selected:visited { background-position: 0px 0px; }
#topmenu li a:hover { background-position: 0px 0px; }

#topmenu li a.home { background-image: url(images/menu_home.gif); }
#topmenu li a.community { background-image: url(images/menu_community.gif); }
#topmenu li a.productshop { background-image: url(images/menu_productshop.gif); }
#topmenu li a.givingback { background-image: url(images/menu_givingback.gif); } /*-- #topmenu li a.foundation { background-image: url(images/menu_foundation.gif); } --*/
#topmenu li a.spreadthehope { background-image: url(images/menu_spreadthehope.gif); }
#topmenu li a.spreadthehope:hover { background-position: 0px 0px; }
#topmenu li a.speaking { background-image: url(images/menu_speaking.gif); }


#submenu { clear: both; color: #EEEEEE; height: 28px; padding-top: 2px; margin: 0 10px 0 0; text-align: right; font-size: .85em;}

#submenu a, #submenu a:link, #submenu a:visited { color: #FFFFFF; font-weight: bold; text-decoration: none; }
#submenu a:hover { color: #FFFFFF; text-decoration: underline; }

#submenu .home {padding-right: 350px; }
#submenu .community {padding-right: 300px; }
#submenu .givingback, #submenu .spreadthehope {padding-right: 10px; }

/*-- Products Nav Style -- */
#products_menu {background: url(/mockups/images/bg_topmenu.gif) no-repeat center left; margin: 0 0 0 20px; padding: 0 0 0 130px; text-align: left;}				
#products_menu a, #products_menu a:link, $products_menu a:visited {text-decoration: none;}
#products_menu a:hover {color: #FFF7A1; text-decoration: none;}

#products_accountmenu {float: right; height: 30px; margin: 0 20px 0 0; text-align: right; width: 300px;}
		
#products_accountmenu a, #products_accountmenu a:link, #products_accountmenu a:visited {color: #333; font-size: 12px; padding: 0 18px 0 0; text-decoration: underline; }
#products_accountmenu a:hover {color: #000; text-decoration: underline;}

a.account {background: url(/mockups/images/account.gif) no-repeat center right;}
a.cart {background: url(/mockups/images/cart.gif) no-repeat center right;}

#products_submenu {background: url(/mockups/images/bg_submenu.gif) no-repeat top left; position: absolute; height: 30px; margin: -4px 0 0 20px; padding: 0 0 0 145px; width: 400px; * width: 545px;}

#nav {list-style: none; margin: 0; padding: 0;}		
#nav ul, #nav li {margin: 0; padding: 0;}
#nav div {border: 1px solid #FF0000;}
#nav a {color: #52A7E4; display: block; font-weight: bold; text-decoration: none;}		
#nav a:hover {}
#nav li li a {display: block; font-weight: normal; background: #DCEDF9; color: #52A7E4; padding: 3px 5px 3px 5px;}		
#nav li li a:hover {text-decoration: underline;}
#nav li {float: left; margin: 0; padding: 3px 5px 3px 5px; position: relative; text-align: left;}
#nav li#first {}
#nav li#last {}		
#nav li ul {display: none; position: absolute; top: 100%; background: #DCEDF9; left: auto; font-weight: normal; padding:0;}
#nav li>ul {background: #DCEDF9; top: auto; left: auto;}
#nav li li {display: block;	float: none; background-color: transparent;	border: 0; padding: 0; width: 100px;}
#nav li:hover ul, #nav li.over ul {display: block;}	

.submenu {height: 25px;}
.submenu:hover, #nav li.over a {background-position: 0px -25px;}
a.women {background: url(/mockups/images/submenu_women.gif) no-repeat 0px 0px;}
li.women {float: left; width: 80px;}
a.men {background: url(/mockups/images/submenu_men.gif) no-repeat 0px 0px;}
li.men {float: left; width: 55px;}
a.girls {background: url(/mockups/images/submenu_girls.gif) no-repeat 0px 0px;}
li.girls {float: left; width: 60px;}
a.boys {background: url(/mockups/images/submenu_boys.gif) no-repeat 0px 0px;}
li.boys {float: left; width: 60px;}

#main {	background: url(images/bg_main.gif) repeat-y top left; padding: 0 30px 0 30px; }

#content { float: right; margin-right: 5px; width: 525px; font-size: .8em; }

#prefooter { background: url(images/bg_prefooter.gif) no-repeat bottom center; height: 6px; font-size: 1px; }
#footer { background: url(images/bg_footer.gif) no-repeat 0px bottom; color: #666666; font-weight: bold; padding: 5px 45px 12px 45px; text-align: left;}
#footer h4 { color: #FFFFFF; font-size: .9em; margin: 0 0 5px 0;}
#footer h4 a, #footer h4 a:link, #footer h4 a:visited { color: #FFFFFF; text-decoration: none; border-bottom: 1px dotted #FFF; }
#footer h4 a:hover {color: #FFFFFF; text-decoration: none; border-bottom: none; }

#footer ul { margin: 0; padding: 0; list-style: none; font-size: .7em;}
#footer ul li { margin-bottom: 5px; * margin-bottom: 0px; }
#footer p { font-size: .7em; margin: 0 0 0 0; padding: 0 0 5px 0;}
#footer a, #footer a:link, #footer a:visited { color: #666666; }
#footer form { margin: 3px 0 0 0; padding: 0; }
#footer form input { display: inline; }
#footer form .email { width: 145px; padding: 2px; }
#footer form .lite { color: #888; }

#footer .section {float: left; margin-right: 20px; }

#postfooter {background-color: #E8E1D7; color: #333; padding: 2px 45px 10px 45px; font-size: .7em; }

#powered { float: right; text-align: right; width: 250px; }
#powered a, #powered a:link, #powered a:visited { color: #666666; }

#bottom { background: url(images/bg_footer_outer.gif) no-repeat bottom center; height: 5px; font-size: 5px; }

/*-------------Homepage-------------*/

#home {padding: 0 20px 20px 20px; }

#home .left {float: left; width: 500px; }

#home .left .community {background: #FC8965 url(images/home/bg_community.jpg) top right no-repeat; padding: 30px 240px 30px 20px; color: #FFF; font-size: 1.1em;}
#home .left .community h2 {color: #FFF; }
#home .left .community a {color: #FFF; }

#home .left .bottom {padding: 15px 10px 15px 10px; background: #52A7E4 url(images/bg_home_bottom.gif) bottom left repeat-x; margin-top: 20px; }
#home .left .bottom-inner {background: url(images/home/bg_bottom-inner.gif) 225px 0px repeat-y; }

.quote {float: left; width: 200px; padding: 0px 15px 10px 10px; color: #FFF; }
.quote h3 {margin: 13px 0 15px 0; padding: 0; }
.quote p {font-size: 1em; line-height: 1.3em; margin: 0; }

.hopehero {float: right; width: 210px; margin-right: 15px; }
.hopehero h3 {margin: 0 0 5px 0; padding: 0; }
.hopehero .post-meta {list-style: none; float: right; width: 60px; margin: 0 0 10px 15px; padding: 0; }
.hopehero .post-meta-key {display: none; }
.hopehero .post-meta img {border: 2px solid #DCEDF9;}

.hopehero p {margin: 8px 0 5px 0; padding: 0; font-size: .9em; }
.hopehero a {font-weight: bold; color: #FFF; }
.hopehero .continue {background: url(images/next.gif) center left no-repeat; padding-left: 10px; }

#home .right {float: right; margin-left: 20px; width: 200px; color: #333; background: #FFF7A1; padding: 10px 10px 0 10px; }
#home .right h3 {margin: 0 0 5px 2px; padding: 0; }

#home .right p {font-weight: bold; color: #333; margin: 0; padding: 0 0 10px 0; font-size: .8em; text-align: center; }
#home .right p.small {font-size: .8em; }

#home .productlist ul {list-style-type: none; padding: 0; margin: 0 0 10px 12px; }
#home .productlist ul li {text-align: center; width: 175px; margin-bottom: 15px; }
#home .productlist ul li .picbox {background: url(images/bg_productli-alt.gif) top left no-repeat; padding: 5px;}
#home .productlist ul li .details {padding: 0 8px 0 5px; font-size: .8em; font-weight: bold; color: #52A7E4; }
#home .productlist ul li .details .price {color: #444; font-weight: normal; }

/*-------------Headings-------------*/

h1 { margin: 0; padding: 0; }

h2 { margin: 0; padding: 0; }
.blue {color: #3399FF; }

h3 { margin: 15px 0 0 0; padding: 0; color: #3399FF; font-size: 1.2em; }

h4 { }

h5 { }

/*-------------Messages-------------*/

.message {border: 1px solid #559955; background: #EEFFEE url(images/icon_success.gif) 4px 4px no-repeat; color: #444; font-weight: bold; padding: 5px 5px 5px 25px; margin-bottom: 10px; }
.message.error {border-color: #FFFF00; background: #FFFFDD url(images/icon_error.gif) 4px 4px no-repeat; }

/*-------------The Post-------------*/

img.postpic { border: 2px solid #E8E1D7; float: right; margin: 0 0 10px 10px; }
img.cmd-avatar { float: left; margin: 0 5px 5px 0; }

h2 a:visited, h2 a, h2 a:link { color: #333; text-decoration: none; }
h2 a:hover { border-bottom: 1px dotted #999; }

h2.smaller {font-size: 1.2em; margin: 1px 0 3px 0; }

.posttitle { background : url(images/bg_posttitle.gif) no-repeat top center; color: #999; padding: 15px 15px 0 15px; }
.posttitle h2.single {font-size: 1.4em; }

.posttitle .border {clear: both; border-bottom: 1px dashed #CCC; height: 1px; min-height: 1px; }

.post { background: url(images/bg_post.gif) no-repeat bottom center; padding: 0 15px 15px 15px; margin-bottom: 10px;}

.postmetadata { border-top: 1px dashed #CCC; padding: 5px 0 0 0; font-size: .9em; color: #777; /*-- color: #3399FF; --*/ }
.postmetadata strong { color: #666; }
.postmetadata a { text-decoration: none; }
.postmetadata a:hover { text-decoration: underline; }

.postmetadata a.continue {background: url(images/next.gif) center left no-repeat; padding-left: 10px; }
.postmetadata a.comments {background: url(images/comments.gif) center left no-repeat; padding-left: 14px; }

p.small {font-size: 9px; margin: 2px 0 5px 0; padding: 0; }

div.date {float: right; width: 100px; margin: 0 0 5px 5px; font-size: .8em; text-align: right;}

.post p {margin-top: 5px; }

.post li {padding-bottom: 5px;}

.entry { }

.navigation {margin-bottom: 10px; }
.alignleft {float: left; width: 220px; text-align: left; }
.alignright {float: right; width: 220px; text-align: right; }

.pagetitle {color: #3399FF; margin-bottom: 10px; font-size: 1.2em; }

/*--------------Sidebar------------*/
#sidebar { background: #DCEDF9 url(images/bg_sidebar_blue.gif) no-repeat top right; float: left; width: 220px; }
#sidebar ul { list-style-type: none; margin: 0; padding: 0; }

#sidebar ul h2 { color: #3399FF; margin: 0; font-size: 1.1em; font-weight: bold; }

#sidebar ul li { border-bottom: 1px solid #FFFFFF; padding: 10px 5px; }
#sidebar ul li.our-passion p {font-size: .75em; line-height: 1.4em; margin: 0; padding: 1px 5px 0 0; }

#sidebar ul ul { list-style-type: disc; margin-left: 20px; margin-top: 5px; }
#sidebar ul ul li { border-bottom: none; color: #666; font-size: .9em; padding: 0 0 5px 0; }
#sidebar ul ul li a, #sidebar ul ul li a:link { color: #666; font-weight: bold; }
#sidebar ul ul li a:visited { color: #999; }
#sidebar ul ul li a:hover { color: #000; }

/*--------------Spread The Hope Sidebar Box--------------*/
#spreadhope_box { background: #FDE3DD url(images/bg_sidebar_red.gif) no-repeat top right; clear: left; float: left; width: 200px; padding: 35px 10px 10px 10px; margin: 20px 0 20px 0;}
#spreadhope_box p {font-size: .8em; }
#spreadhope_box form input {margin-bottom: 5px; }

/*--------------Comments--------------*/

ol.commentlist {list-style: none; margin: 0; padding: 0; }
ol.commentlist li {margin: 0 10px 15px 20px; }

.commentInfo, .commentInfoAuthor {
	background-repeat: no-repeat; background-position: 60px bottom;
	color: #666;
	font-weight: normal;
	float: left;
	width: 205px;
	margin: 5px 0 0 5px;
	padding: 0 0 10px 10px;
}
.commentInfo {background-image: url(images/comment_msg_grey.gif) }
.commentInfoAuthor {background-image: url(images/comment_msg_yellow.gif); }

.commentDate {
	font-size: .8em;
	padding-top: 10px;
	padding-right: 35px;	
	float: right;
	text-align: right;
	width: 210px;
}

.commentText, .commentTextAuthor {
	background-repeat: no-repeat; background-position: left top;
	padding: 1px 10px 1px 10px;
	* padding-top: 5px;
	width: 455px;
	_width: 475px;
}
.commentText {background-color: #EEEEEE; background-image: url(images/comment_top_grey.gif); }
.commentTextAuthor {background-color: #FFFDC2; background-image:url(images/comment_top_yellow.gif); }

.commentBottom {background: #FFFFFF url(images/comment_bottom_grey.gif) no-repeat left bottom; height: 10px; }

.commentBottomAuthor {background: #FFFFFF url(images/comment_bottom_yellow.gif) no-repeat left bottom; height: 10px; }

.comment_message {padding: 2px; width: 516px; }

/*--------------Search Form-------------*/

#searchform {background: #FFF; margin: 0; padding: 0; text-align: center; border: 1px solid #CCC; }
#searchform #searchsubmit {vertical-align:middle; padding: 1px 2px 0 2px; border: none; }
* html #searchform #searchsubmit { padding-top: 0px; }

#searchform #s {width: 125px; vertical-align: middle; border: 0px solid #FFF; background: #FFF; padding: 3px; }

/*-------------Labeled Forms-----------------*/
.labeledform {border-top: 1px dashed #CCC; padding: 10px 0 0 0; margin: 10px 0 0 0; }
.labeledform div {clear: left; margin-bottom: 8px; }
.labeledform label {float: left; width: 150px; font-weight: bold; margin-bottom: 8px; font-size: .9em; }

/*-------------Other------------------*/

.clear { clear: both; * font-size: 1px; }
.red {color: #CC0000; }

.float_right {float: right; }

a.noline {text-decoration: none; }

.shadow-blue {background: #CBE4F7; height: 3px; min-height: 3px; font-size: 3px; margin-left: 2px; }
.shadow-red {background: #FED0C1; height: 3px; min-height: 3px; font-size: 3px; margin-left: 2px; }