/*
		David Agbowu
		http://www.aproko.net
*/

/*
	RESET
*/

*					{margin: 0; padding: 0;}
html				{overflow-y: scroll;}
html, body			{height: 100%;}
body				{font-size: 62.5%; font-family: Arial, sans-serif; color:black	; background:url(images/back.png) repeat fixed;}

ul					{list-style: square inside;}
ul					{list-style: decimal inside;}
a					{outline: none; text-decoration: none;}
a img				{border: none;}
img					{vertical-align: middle;}
table				{border-collapse: collapse;}

/*
	UTILITY
*/
.floatLeft			{float: left;}
.floatRight			{float: right;}
.clear				{clear: both}
.button				{border: 1px solid #330066; background: white; padding: 3px 8px; -moz-border-radius: 5px; -webkit-border-radius: 5px; color: #330066;}
.button:hover		{background: #330066; color: white;}

/*
	PAGE STRUCTURE
*/
#content			{width: 1000px; margin: 0px auto -250px; min-height: 100%; height: auto !important; height: 100%;}
#page-wrap			{width: 1000px; margin: 0px auto}
#push				{height: 250px;}
#mainCol			{width: 670px; padding: 20px 10px 20px 10px; margin-top: 10px; margin-right: 10px; float: left; background: white;}
#rightCol			{width: 280px; float: right;} 


/*
	RIGHT COL
*/
.search				{padding: 10px; margin-top: 10px; background-color: gray; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
.board				{padding: 10px; margin-top: 10px; background-color: gray; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
/*
	TYPOGRAPHY
*/

p, li				{font-size: 1.2em; line-height: 1.2em; margin: 0 0 10px 0;}
a					{color: #330066;}
a:hover				{background: #330066; color: white;}
h1					{font-size: 3.6em; font-family: Georgia, serif; font-weight: normal;}
h2					{font-size: 2.8em; font-family: Georgia, serif; font-weight: normal;}
h3					{font-size: 2.6em; font-family: Georgia, serif; font-weight: normal; margin: 0 0 10px 0;}
h4					{color: white; font-size: 2.0em; margin-bottom: 15px;}


/*
	HEADER
*/

.tagline			{color: #330066;}
.title				{font-size: 50px;}

/*
	MENU BAR
*/

#menu-bar			{width: 960px; height: 16px; padding: 7px 20px 7px 20px; float: left; margin-top: 10px; background-color: black;}
ul#menu				{float: left;}
ul#menu li			{display:inline;}
ul#menu li a		{text-transform: uppercase; color: white; font-size: 1.3em; padding: 3px 8px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}

ul#menu li a:hover	{background: white; color: #330066;}

/*
	BLOG ENTRIES
*/

.post				{border-bottom: solid #330066 1px; font-weight: bold;}
ol.commentlist		{list-style: none;}
.comment-bubble		{background: white; border: 1px solid #330066; color: grey; padding: 10px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
ol.commentlist li p	{font-size: 1.0em; font-style: italic;}


/*
	FOOTER
*/

#footer				{width: 960px; height: 210px; padding: 20px; background: url(images/footer2.png) repeat-x; border-top: 4px solid black; padding-top: 20px;}
#footer-inside		{width: 960px; margin: 0 auto;}
#footer-1			{width: 300px; float: left; margin-right: 30px;}
#footer-2			{width: 300px; float: left; margin-right: 30px}
#footer-3			{width: 300px; float: left;}
#footer-3 li		{list-style-type: none;}
#footer-2 li		{list-style-type: none;}
#footer li a		{font-size: 1.2em; font-weight: bold; border-bottom: solid 1px; color: #f2f2f2;}
#footer h4			{color: #f2f2f2;}