/*  
Theme Name: 		crossover
Theme URI:  		http: //detroitcrossover.net
Description:  		Simple basketball-themed design with single sidebar, customized for the Detroit Crossover basketball team.
Theme based on: 	"Mag on Wood" by ChiQMontes at http://www.wpthemedesigner.com
Version:  			2.0
Author: 			Ann-Marie Murphy
Author URI: 		http: //annmariemurphy.com
*/

/* COLOR SCHEME:
	blue: #213d52;
	orange: #bf4b10;
	super bright orange: #ff6600; */

html{
	background: url('images/background.gif') repeat;
	color: #353535;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0 auto;
	padding: 15px 0;
	text-align: center;}

body {
	width: 948px;
	margin: 0 auto;
	padding: 0;}
	
/* headings, links and images */
/* -- entry heading -- */
h1, h1 a {
	color: #bf4b10;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 24px;
	margin: 0;
	text-decoration: none;}
	
		h1 a:hover {
			text-decoration: underline;}

/* -- entry sub-heading (date) -- */
h2, h2 a {
	color: #666;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 11px;
	margin: 0;
	padding: 0;
	text-decoration: none;}
	
	h2 a:hover {
		color: #213d52;
		text-decoration: none;}
		
/* -- sidebar heading -- */
h3 {
	border-bottom: #213d52 solid 1px;
	color: #213d52;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	margin: 0;
	padding: 0;}

/* -- sidebar general font -- */
h4, h4 a {
	color: #666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	margin: 5px 0;
	padding: 0;}
	
/* -- entry bottom meta -- */
h5 {
	color: #666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin: 0;
	padding: 0;}

/* -- entry alternate heading (archives/categories/etc) -- */
h6 {
	color: #353535;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 20px;
	margin: 0 0 30px 0;
	padding: 0;}
	
a {
	color: #213d52;
	text-decoration: underline;}

	a:hover{
		color: #bf4b10;
		text-decoration: underline;}
	
img {
	border: #f0f2ed solid 5px;
	display: inline;
	margin: 0;
	padding: 0;}

	.alignleft, img .alignleft {
		float: left;
		margin: 5px 15px 5px 0;}

	.alignright, img .alignright {
		float: right;
		margin: 5px 0 5px 15px;}
		
	.aligncenter, img .aligncenter {
		clear: both;
		margin: 5px auto;}
		
.alignright{
	float: right;
	margin-top: 10px;}

.alignleft{
	float: left;
	margin-top: 10px;}
	
/* search */	
input {
	border: 1px solid #353535;
	vertical-align: middle;}

#search {
	background: url('images/background-search.gif') no-repeat;
	height: 54px;
	width: 948px;}

#searchform {
	float: right;
	padding-right: 36px;
	padding-top: 15px;}

#search .input {
	background: none;
	border: 0px;
	color: #666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	height: 18px;
	padding: 0 0 4px 2px;
	width: 240px;}
	
/* content */	
#wrapper {
	background: #fff;
	height: auto;
	margin: 0 auto;
	padding: 0 24px;
	position: relative;
	text-align: left;
	width: 900px;}
	
#header {
	background: url('images/crossover-logo-large.gif') no-repeat;
	height: 152px;
	margin: 0;
	padding: 9px 105px 9px 15px;
	position: relative;
	text-align: left;
	width: 456px;}
	
	/* calendar widget */
	#wp-calendar {
		height: 132px;
		position: absolute;
		right: 12px;
		top: -7px;
		width: 312px;}

#menu {
	background: #213d52;
	height: 30px;
	margin: 0;
	text-align: left;
	width: 900px;}

	ul.menu{
		height: 30px;
		line-height: 30px;
		list-style: none;
		margin: 0;
		padding: 0;}
		
		ul.menu li{
			border-right: 3px solid #FFF;
			color: #FFF;
			float: left;
			font-family: Arial, Helvetica, sans-serif;
			font-size: 14px;
			font-weight: bold;
			list-style: none;
			margin: 0;
			padding: 0 15px;
			text-decoration: none;
			text-transform: uppercase;}
			
			ul.menu li a {
				color: #FFF;
				float: left;
				font-family: Arial, Helvetica, sans-serif;
				font-size: 14px;
				font-weight: bold;
				text-decoration: none;
				text-transform: uppercase;}

				ul.menu li a:hover {
					background: #353535;
					color: #fff;
					margin: 0 -15px;
					padding: 0 15px;
					text-decoration: none;}
					
#content{
	background: #fff;
	color: #333;
	font: 12px Verdana;
	line-height: 22px;	
	margin: 0;
	min-height: 1450px; /*adjust this height to make sure content is longer than sidebar*/
	padding: 30px 15px;
	text-align: left;
	width: 538px;}
		
	ul {
		list-style-type: square;}

	.postbot {
		border-top: #666 dotted 1px;
		margin-bottom: 40px;}
		
	/* calendar large (page) */	
	#wp-calendarLarge {
		width: 875px;}
		
		/* -- calendar (large) month/year heading -- */
		h1.calendar {
			color: #213d52;
			font-family: Georgia, "Times New Roman", Times, serif;
			font-size: 28px;
			font-weight: bold;
			padding-bottom: 10px;}
			
		/* -- calendar (large) prev/next month heading -- */
		h2.calendar, h2.calendar a {
			color: #213d52;
			font-family: Georgia, "Times New Roman", Times, serif;
			font-size: 16px;
			font-weight: bold;
			text-decoration: none;}
			
			h2.calendar a:hover {
			color: #213d52;
			text-decoration: underline;}
				
/* comments */
	#comments ul {
		border-top: #666 solid 1px;
		list-style: none;
		margin: 0;
		padding: 0;}
	
	#commentform #author, #commentform #email, #commentform #url, #commentform textarea {
		border: 1px solid #666;
		padding: 2px;}
			
	#commentform textarea {
		width: 100%;}
	
/* sidebar */
#sidebar {
	background: #f0f2ed;
	color: #666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0 0 0 588px;
	padding: 30px 10px 5px 10px;
	position: absolute;
	top: 200px;
	width: 292px;}
		
	#sidebar ul {
		background: url(images/crossover-bballonly.gif) left top no-repeat;
		list-style: none;
		margin: 0 0 30px 0;
		padding: 0 0 0 38px;}
			
		#sidebar ul li {
			border-bottom: #999 solid 1px;
			margin: 0;
			padding: 5px 0;}
			
			#sidebar ul li a {
				color: #656565;
				text-decoration: none;}			
				
				#sidebar ul li a:hover {
					color: #213d52;
					font-weight: bold;
					text-decoration: none;}	

.navigation p {
	color: #999;
	margin: 0px;}

	.navigation a:hover {
		text-decoration: underline;}

/* footer */
#footer{
	background: url('images/background-footer.gif') top no-repeat;
	height: 71px;
	margin: 0 auto;
	padding: 0;
	width: 948px;}