/*
Theme Name: BMOOPC
Description: Custom BMOOPC blog theme.

*/

/* RESET */
*				{margin: 0; padding: 0;}
html			{overflow-y: scroll;}
html,body		{height: 100%;}
body			{background: #1d94a8;
				font-family: "trebuchet ms", sans-serif;
				font-size: 0.75em; color: #333; line-height: 1.4em;}
p				{margin: 8px 0;}
h1,h2,h3,h4		{line-height: 1.4em; font-family: georgia, serif; color: #1e6070;}
ul				{list-style: circle inside;}
ol				{list-style: decimal inside;}
a				{color: #1d94a8; outline: none;}
a:visited, a:hover {color: #1e6070;}
a img			{border: none;}

/* UTILITY */
.floatleft		{float: left;}
.floatright		{float: right;}
.textcenter		{text-align: center;}
.textright		{text-align: right;}
.clear			{clear: both;}
.displaynone	{display: none;}
.push			{height: 250px;} /* for sticky footer */

/* ------- FONT / BULLETS ------- */
h1				{font-size: 1.5em;} /*main page headers*/
h2				{font-size: 1.2em; line-height: 1.5em; margin-top: 10px;} /*sub-headers within pages*/
h3				{font-size: 1em; width: 100%; line-height: 1.3em; margin-top: 15px; border-bottom: 1px solid #1e6070;} /*bold-underlined text*/
.back-to-top	{text-align: right; font-size: 0.9em; font-style: italic;}
.kickoff-event	{margin: -15px 0 15px 10px;}
.event-bold		{text-align: center; font-size: 1.2em; font-weight: bold; margin: 10px 0;}
p.powered-by-wp	{margin-left: 10px; font-size: 0.9em;}


/* STRUCTURE */
#header-wrapper	{background: #fff url(images/header-bg.gif) repeat-x top left; height: 150px;}
#header			{width: 960px; height: 150px; margin: 0 auto; background: url(images/header.gif) no-repeat top left;}
#header span	{display: none;}
#menu-wrapper	{height: 30px; background: url(images/menu/menu-bg.gif) repeat-x top left;}
#menu			{width: 940px; height: 30px; margin: 0 auto;}
#main			{width: 960px; margin: 0 auto; padding-bottom: 30px; background: #fff;}
#sidebar		{width: 300px; float: left; margin: 30px 0;}
#main-content	{width: 600px; float: right; margin: 30px 20px 30px 0;}
#footer-wrapper	{background: #1e6070 url(images/footer/footer-bg.gif) repeat-x top left; padding-bottom: 15px;}
#footer			{width: 960px; margin: 0 auto; position: relative; color: #fff;}

/* ------- SIDEBAR ------- */
.sidebar-title	{margin-left: -10px;} 
.sidebar-content{background: #eee; padding: 5px 10px 10px 10px; margin-bottom: 20px;}
#sidebar li		{list-style: none;}

/* ------- MAIN ------- */
.main-gradient	{border-top: 1px solid #aaa; background: url(images/main-gradient.jpg) repeat-x top left; padding: 5px 10px 10px 10px; margin: 5px 0 10px 0;}

#main h2, #main h2 a, #main h2.post-title {color: #1d94a8; font-size: 1.3em; margin: 0 0 5px 0; text-decoration: none; width: 450px;}
#main h2.single-post-title	{color: #1d94a8; font-weight: bold; font-size: 1.6em; margin-bottom: 5px; text-decoration: none; width: 450px;}
#main h2.page-title	{font-size: 1.2em; margin: 0 0 15px 0; color: #999; font-style: italic; text-decoration: none; width: 450px;}
#main h2 a:hover {color: #1e6070; text-decoration: underline;}
p.post-date		{float: right; text-align: right; color: #999; font-size: 0.9em; margin: 0;
				background: url(images/bullets/post-date-bullet.gif) no-repeat right;
				padding-right: 15px;}
p.post-footer	{color: #999; font-size: 0.9em; background: #eee;
				margin: 15px 0 35px 0;
				padding: 3px 10px; 
				border-top: 1px solid #aaa;
				border-bottom: 1px solid #aaa;}
p.entries		{text-align: center; margin-top: 15px;}
.entries-right	{float: right;}
.entries-left a, .entries-right a		{text-decoration: none;}
.entries-left a:hover,	.entries-right a:hover	{text-decoration: underline;}

/* ------- FOOTER ------- */
.for-more-info	{position: absolute; top: -9px; left: 10px;}
.footer-left	{float: left; margin: 30px 0 0 30px;}
.footer-right	{position: absolute; bottom: 0; right: 0; text-align: right;}
#footer a		{color: #fff; text-decoration: none;}
#footer a:hover {color: #ead90c; text-decoration: underline;}

/* ------- MENU ------- */
#menu li		{display: inline; list-style: none; margin: 0 10px; float: left;}
#menu a 		{float: left; height: 30px; text-decoration: none;}
#menu span 		{display: none;}
#menu li a.currentpage {background-position: 0 -60px;}
#menu li a.currentpage:hover {background-position: 0 -60px;}

#menu a.home {background: url(images/menu/menu-home.gif) top left no-repeat; width: 64px;}
#menu a.home:hover {background-position: 0 -30px;}

#menu a.stats {background: url(images/menu/menu-stats.gif) top left no-repeat; width: 177px;}
#menu a.stats:hover {background-position: 0 -30px;}

#menu a.signs {background: url(images/menu/menu-signs.gif) top left no-repeat; width: 153px;}
#menu a.signs:hover {background-position: 0 -30px;}

#menu a.myths {background: url(images/menu/menu-myths.gif) top left no-repeat; width: 127px;}
#menu a.myths:hover {background-position: 0 -30px;}

#menu a.news {background: url(images/menu/menu-news.gif) top left no-repeat; width: 127px;}
#menu a.news:hover {background-position: 0 -30px;}

#menu a.links {background: url(images/menu/menu-links.gif) top left no-repeat; width: 50px;}
#menu a.links:hover {background-position: 0 -30px;}

#menu a.contact {background: url(images/menu/menu-contact.gif) top left no-repeat; width: 98px;}
#menu a.contact:hover {background-position: 0 -30px;}

/* COMMENT PAGE */
input			{margin: 5px 5px 10px 0; border: 1px solid #999;}
input.comment-submit-button	{background-color: #eee; padding: 3px 6px;
				margin: 5px 0 15px 0;}
textarea		{border: 1px solid #999; width:500px;}
h3.comment-reply	{color: #555; font-weight: normal; margin: 10px 0;
					padding: 5px 0 0 0;}
p.comment-date a, p.archive-date	{color: #999; font-size: 0.9em; margin: 3px 0 5px 0;
					font-style: italic;}
ol.comment-list	li	{border-bottom: 1px dotted #ccc; padding: 0 0 15px 0;
					margin: 0 0 5px 0;}
span.comment-author	{color: #6b9959;}
.back-to-blog	{margin: -20px 0 15px 10px;}

/* SEARCH FORM */
#searchform		{background: #eee; margin: 0 0 10px 0; padding: 5px 0 5px 10px;}
#searchsubmit	{padding: 1px 5px; background-color: #ccc;}
#search-form-inner	{margin: 0 10px; }


@import "style/css/reset.css";
@import "style/css/typography.css";
@import "style/css/layout.css";