/*
Theme Name: Sunshine
Description: Custom template designed for sunshinedistrict.org!
Author: Ken Delaney
Author URI: http://kendelaney.com
*/

/* RESET */

* 									{margin: 0;padding: 0;}
html,body 							{height: 100%;background: url(images/bg.jpg)}
ul 									{list-style: disc outside;margin-left: 30px;}
ol 									{list-style: none outside;}
a, a:visited 						{color: #0099ff;;outline: none;text-decoration: none;}
a:hover								{text-decoration: underline;}
a img 								{border: none;}
img 								{border-style: none;}
h1, h2, h3, h4, h5, h6 				{font-size: 100%; font-weight: normal}
table 								{border-collapse: collapse;}
.clear								{clear: both;}
.left								{margin: 0 0 8px 18px;}

/* LAYOUT */

#stripe								{background: #fff url(images/top.png) repeat-x;height: 9px;}
#page-wrap 							{min-height: 100%;margin:0 auto -176px auto;position: relative;background: url(images/cbg.png) repeat-y;width: 960px;}
#content-wrap 						{margin: 0 auto;width: 960px;}

#header								{width: 940px;height: 180px;margin: 0 auto;padding-top: 6px;background: #fff;}
#logo								{width: 384px;float: left;padding: 12px;}
#rotator							{width: 446px;height: 170px;float: right;padding-right: 6px}

#nav-wrap							{height: 48px;width: 943px;background: url(images/nav.png) no-repeat;}

#main-content						{width: 612px;float: left;margin-bottom: 20px;}
#welcome							{width: 548px;padding-left: 26px;}
#welcome p							{font-style: normal;}
#page-content						{width: 570px;padding-left: 26px;}
#page-content h2					{color: #333;}
.blog-post							{width: 596px;}
.blog-post p						{padding: 10px 0 0 26px;margin-bottom: 4px;}
.datebox							{width: 204px;height: 48px;background: url(images/datebox.png) no-repeat;margin-top: 22px;}
.datebox p							{padding: 12px 0 0 14px;color: #eee;font-size: 18px;font-family: Myriad Pro;font-weight: normal;font-style: oblique}
.blog-heading						{margin-left: 26px;}
.recent-comment						{padding: 0 0 20px 16px;float: right;font-style: oblique;font-size: 12px;}
.more-link							{font-style: oblique;font-size: 12px;}
.post-data							{font-style: oblique;font-size: 12px;color: #666;}
.comment-body p						{font-style: oblique;font-size: 14px;color: #333;}

#sidebar							{width: 345px;float: right;background: url(images/sbtop.png) no-repeat;min-height: 550px}
.sb-button							{width: 270px;height: 50px;margin: 14px 0 8px 38px;}
a.blue-btn							{display: block;width: 270px;height: 50px;background: url(images/sbbutsp.png) no-repeat;text-shadow: 0 1px 0 #000;}
a.blue-btn:hover					{background-position: 0 -50px;text-shadow: 0 1px 0 #666;text-decoration: none;}
.sb-nav								{list-style: none;padding: 6px 0 24px 60px;margin: 0;}
.sb-nav li							{}
.sb-nav li a, .sb-nav li a:visited	{font-size: 19px;font-style: oblique;color: #333;letter-spacing: .03em;}
.sb-nav li a:hover					{color: #666;text-decoration: none;}
.sbdivide							{width: 270px;height: 10px;background: url(images/sbdivider.png) no-repeat;margin-left: -12px;}
#upcoming							{width: 345px;background: url(images/sbheader.png) no-repeat;margin-bottom: 20px;}
#society-logos						{width: 345px;margin-bottom: 20px;}
#society-logos p					{width: 300px;margin-left: 30px;font-style: oblique;}
#bhs								{width: 160px;height: 87px;float: left;margin-left: 30px;}
#life								{width: 111px;height: 87px;float: right;margin-right: 22px;}

.clearfooter 						{height: 176px;clear: both;}
#footer 							{position: relative;height: 176px;background: #000 url(images/fbg.png) repeat-x;}
#footer-wrap						{width: 960px;margin: 0 auto;}
.fbox								{width: 236px;height: 172px;padding-top: 2px;background: url(images/fdivide.png) no-repeat;background-position: right;float: left;}
.push								{padding-left: 12px}
.f-nav								{list-style: none;padding-top: 30px;margin: 0;}
.f-nav li							{margin: 1px 0;}
.f-nav li a, .f-nav li a:visited	{font-size: 16px;font-style: oblique;color: #ccc;letter-spacing: .01em;}
.f-nav li a:hover					{text-decoration: underline;}
#fright								{width: 383px;float: right;}
#search								{margin-top: 35px;}
.social								{margin: 10px 0 0 0;float: right;}
.copy								{margin: 10px 0 0 0;float: right;width: 383px;}
.copy p								{font-size: 10px;font-style: oblique;color: #ccc;text-align: right}
.copy a, .copy a:visited			{color: #ccc;text-decoration: underline;}



/* TYPOGRAPHY */

body 								{color: #333;font-size: 14px;font-weight: normal;font-style: normal;font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;line-height: 20px}
p									{margin-bottom: 12px;}

h1									{color: #666;font-size: 24px;font-family: Arial;font-weight: normal;font-style: oblique;padding: 14px 0 6px 0px;line-height: 28px;}
h2									{color: #eee;font-size: 22px;font-family: Arial;font-weight: normal;font-style: oblique;padding: 12px 0 12px 16px;}
h3									{color: #0099ff;font-size: 22px;font-family: Arial;font-weight: normal;font-style: oblique;padding: 14px 0 12px 0px;line-height: 26px;}
h4									{color: #eee;font-size: 18px;font-family: Arial;font-weight: normal;font-style: oblique;padding: 12px 0 0 14px;}
h5									{color: #fff;font-size: 20px;font-family: Arial;font-weight: normal;font-style: oblique;padding: 15px 0 12px 0px;text-align: center;}

.blue								{color: #0099ff;}

/* FORM ELEMENTS */

.send								{background: url(images/button.png) no-repeat;height: 50px;width: 135px;outline-style: none;border: none;cursor: pointer;margin: 10px 0 16px 0;color: #fff;font-size: 20px;font-family: Helvetica;font-weight: normal;font-style: oblique}
.send:hover							{background-position: 0 -50px;}

.search-box							{width: 56px;height: 43px;background: url(images/search.png) no-repeat;float: left;}
.search-text						{width: 261px;height: 43px;border: none;float: left;font-size: 20px;color: #666;padding-left: 10px;}
.go									{width: 52px;height: 43px;background: url(images/go.png) no-repeat;border: none;float: left;cursor: pointer;}

/* SHOP ELEMENTS */

#sideshoppingcart h3				{color: #eee;font-size: 22px;font-family: Arial;font-weight: normal;font-style: oblique;padding: 12px 0 12px 16px;}
.custom_text						{margin: 0 0 12px 16px;}
.custom_text span					{font-size: 12px;font-style: oblique;}
.custom_text h4						{color: #333;font-size: 16px;font-family: Arial;font-weight: normal;font-style: oblique;padding: 0;}
.badge-text							{width: 360px;height: 20px;font-size: 14px;}
.wpsc_description p					{margin: 0 0 12px 16px;}


