/* 
	Theme Name: Mirage Cycling Team 
	Theme URI: http://www.miragecycling.org/ 
	Description: Mirage Cycling Team wordpress theme. 
	Author: Brian Estes 
	Author URI: http://www.roimedium.com 
	Version: 1.0 
*/  

/* Global Reset or "meyerweb reset"
-----------------------------------------------------------------------------------------------*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
}

body { line-height:1; }
blockquote, q { quotes:none; }
blockquote:before, blockquote:after, q:before, q:after {
	content:'';
	content:none;
}

/* remember to define focus styles! */
:focus { outline:0; }

/* remember to highlight inserts somehow! */
ins { text-decoration:none; }
del { text-decoration:line-through; }

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse:collapse;
	border-spacing:0;
}

/* General Elements
-----------------------------------------------------------------------------------------------*/
body {
	background:#f8eddc;
	margin:0;
}

img {
	border:none;
}

:focus, a {
	 -moz-outline-style:none !important;
	 outline: none !important;
}

.clear {
	clear:both;
}

p {
	margin:0 0 10px 0;
}

blockquote {
	margin:0 0 0 20px;
}

label {
	width:300px;
	position:relative;
	float:left;
}

/* Colors
-----------------------------------------------------------------------------------------------*/
.navy {
	color:#1b2741;
}

.blue {
	color:#40485b;
}

.blue2 {
	color:#305e8a;
}

.red {
	color:#cc0000;
}

.teal {
	color:#99ccff;
}

/* Text Styles
-----------------------------------------------------------------------------------------------*/
.navy-bold {
	font-weight:bold;
	color:#1b2741;
}

/* UL/LI Formatting
-----------------------------------------------------------------------------------------------*/
.special-ul {
	list-style:none;
}
.special-ul li {
	padding: 6px 0 6px 0;
}

/* HREF Elements
-----------------------------------------------------------------------------------------------*/
a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#305e8a;
	text-decoration:none;
}

a:hover {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#6490bb;
	text-decoration:none;
}

a.navy {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#1b2741;
	text-decoration:none;
}

a.navy:hover {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#1b2741;
	text-decoration:none;
}

a.red {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
	color:#cc0000;
	text-decoration:none;
	text-transform:uppercase;
}

a.red:hover {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
	color:#cc0000;
	text-decoration:underline;
}

.sidebar-links li a, .sidebar-links a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#40485b;
	text-decoration:none;
}

.sidebar-links li a:hover, .sidebar-links a:hover {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#1b2741;
	text-decoration:underline;
}

/* Page Container
-----------------------------------------------------------------------------------------------*/
#wrapper {
	width:1000px;
	height:auto;
	position:relative;
	margin:0 auto auto;
	border-right:1px solid #1b2741;
	border-left:1px solid #1b2741;
}

/* Header Containers & Sub Elements
-----------------------------------------------------------------------------------------------*/
#header {
 	width:1000px;
	height:316px;
	
	background:#40485b;
	position:relative;
	margin:0 auto 0 auto;
	padding:17px 0 0 0;
}

	#header-logo-container {
		width:1000px;
		height:107px;
		
		background:#1b2741;
		position:relative;
	}

		#logo-container {
			width:261px;
			height:107px;
			
			position:relative;
			float:left;	
			margin:0 0 0 26px;
			cursor:pointer;
		}

		#search-container {
			width:184px;
			height:29px;
			
			background:url(images/search-background.gif);
			position:relative;
			float:right;
			margin:21px 32px 0 0;
		}
		
			#search-container input {
				font-family:Arial, Helvetica, sans-serif;
				font-size:12px;
				color:#999999;
				
				width:140px;
				border:none;
				position:relative;
				float:left;
				margin:7px 0 0 10px;
			}
			
			#search-button {
				width:30px;
				height:30px;
				position:relative;
				float:right;
				cursor:pointer;
			}
		
		#twitter-follow-container {
			width:auto;
			height:auto;
			position:absolute;
			float:right;
			top:60px;
			right:66px;
		}
	
		#posts-comments-container {
			width:200px;
			height:24px;
			position:absolute;
			float:right;
			top:64px;
			right:16px;
		}
			
			#posts-comments-container img {
				margin:0 10px 0 10px;
			}
	
	#header-image-container {
		width:800px;
		height:196px;
		
		position:relative;
		margin:0 auto 0 auto;
		overflow:hidden;
	}

/* Navigation Container & Sub Elements
-----------------------------------------------------------------------------------------------
#navigation-container {
	width:auto;
	height:45px;
	
	background:#c5bdb0;
	position:relative;
	margin:0 auto 0 auto;
}

	#dropmenu, #dropmenu ul { 
		width:826px;  
		position:relative;
		
		list-style-type:none; 
		list-style-position:outside;
		padding:20px 0 0 0;
		margin:0 auto 0 auto;
	} 
	#dropmenu a {
		font-family:Rockwell, Arial, Helvetica, sans-serif;
		font-size:16px;
		text-decoration:none;  
		color:#cc0000; 
			
		padding:0 14px 0 14px;
		display:block; 
	} 
	#dropmenu a:hover { color:#1b2741; } 
	#dropmenu li {
		float:left; 
		position:relative;
	} */
	
#pixopoint_menu1_wrapper {
	width:100%;
	height:45px;
	background:#c5bdb0;
}
#pixopoint_menu1 {
	width:880px;
	height:45px;
	background:none;
	background-position:50% 0;
	margin:0 auto 0 auto;
}
#pixopoint_menu1 ul {
	width:auto;
	border:none;
	background:none;
	margin:0;
	padding:0;
	list-style:none;
}
#pixopoint_menu1 li {
	font-weight:bold;
	font-size:14px;
	letter-spacing:0px;
	line-height:35px;

	color:#ffffff;
	border:none;
	background:none;	
	position:relative;
	float:left;
	padding:0;
	margin:0 0 0 0;
	z-index:20;
}
#pixopoint_menu1 li:hover,#pixopoint_menu1 li.sfhover {
	background:none;
	background-position:0 60px;
}
#pixopoint_menu1 li a {
	font-family:Rockwell, Arial, Helvetica, sans-serif;
	font-size:16px;
	text-decoration:none;  
	color:#cc0000;

	border:none;
	background:none;
	text-decoration:none;
	display:block;
	padding:4px 14px 0 14px;
}
#pixopoint_menu1 li a:hover {
	border:none;
	background:none;
	text-decoration:none;
	color:none;
	background-position:100% -180px;
}
#pixopoint_menu1 ul ul {
	position:absolute;
	left:-999em;
	top:35px;
	width:180px;
}
#pixopoint_menu1 li:hover ul,#pixopoint_menu1 li.sfhover ul {
	left:10px;
}
#pixopoint_menu1 ul ul li a {
	padding:4px 10px;
	text-transform:normal;
	font-variant:normal;
}
#pixopoint_menu1 ul ul li {
	letter-spacing:0px;
	color:#ffffff;
	z-index:20;
	width:180px;
	font-family:helvetica,arial,sans-serif;
	font-size:11px;
	font-weight:normal;
	font-style:normal;
	background:#40485b;
	border:1px solid #cccccc;
	margin:0;
}
#pixopoint_menu1 ul ul li a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	
	line-height:22px;
	color:#ffffff;
	text-decoration:none;
}
#pixopoint_menu1 ul ul li:hover a,#pixopoint_menu1 ul ul li.sfhover a {
	color:#FFFFFF;
	text-decoration:none;
}
#pixopoint_menu1 ul ul li:hover li a,#pixopoint_menu1 ul ul li.sfhover li a {
	color:#ffffff;
}
#pixopoint_menu1 ul ul li:hover li a:hover,#pixopoint_menu1 ul ul li.sfhover li a:hover {
	color:#FFFFFF;
}
#pixopoint_menu1 ul ul li:hover,#pixopoint_menu1 ul ul li.sfhover {
	color:#FFFFFF;
	background:#1b2741;
}
#pixopoint_menu1 ul ul ul li {
	font-size:1em;
}
#pixopoint_menu1 ul ul ul, #pixopoint_menu1 ul ul ul ul {
	position:absolute;
	margin-left:-999em;
	top:0;
	width:180px;
}
#pixopoint_menu1 li li:hover ul,#pixopoint_menu1 li li.sfhover ul,#pixopoint_menu1 li li li:hover ul,#pixopoint_menu1 li li li.sfhover ul {
	margin-left:120px;
}
#pixopoint_menu1 ul ul li:hover li a,#pixopoint_menu1 ul ul li.sfhover li a {
	text-decoration:none;
}
#pixopoint_menu1 ul ul li li:hover a,#pixopoint_menu1 ul ul li li.sfhover a {
	color:#FFFFFF;
	text-decoration:none;
}
#pixopoint_menu1 li.pixo_search:hover {
	background:none;
}
#pixopoint_menu1 li.pixo_search form {
	margin:0;
	padding:0;
}
#pixopoint_menu1 li.pixo_search input {
	font-family:tahoma,sans-serif;}
#pixopoint_menu1 li.pixo_search input.pixo_inputsearch {
	width:100px;
}
#pixopoint_menu1 li.pixo_right {
	float:right;
}
	
/* Body Container & Sub Elements
-----------------------------------------------------------------------------------------------*/
#body-container {
 	width:1000px;
	height:auto;
	
	position:relative;
	margin:0 auto 0 auto;
}

.sidebar-links li {
	padding:2px 0 2px 0;
}

/* Left Column Container & Sub Elements
-----------------------------------------------------------------------------------------------*/
#left-side-bar {
	width:206px;
	height:auto;
	position:relative;
	float:left;
	margin:26px 0 0 10px;
}

	#sponsors-container {
		width:190px;
		height:auto;
		border:1px solid #c5bdb0;
		position:relative;
		margin:0 0 22px 12px;
	}
	
		/*Header Title*/
		#sponsors-title {
			font-family:Arial, Helvetica, sans-serif;
			font-size:14px;
			line-height:24px;
			color:#f8eddc;
			
			width:182px;
			height:24px;
			padding:0 0 0 8px;
			background:#c5bdb0;
		}
		
		/*Sponsor Logos*/
		#sponsors-logos {
			background:#ffffff;
			width:190px;
			height:150px;
		}

/* Center Column Container & Sub Elements
-----------------------------------------------------------------------------------------------*/
#center-content-container {
	width:536px;
	height:auto;
	position:relative;
	float:left;
	margin:26px 0 0 19px;
}

	.posts-title {
		font-family:Rockwell, Arial, Helvetica, sans-serif;
		font-weight:bold;
		font-size:38px;
		line-height:74px;
		color:#99ccff;
		text-align:center;
		
		width:100%;
		height:74px;
		background:#40485b;
	}

	.pages-title {
		width:100%;
		height:40px;
		position:relative;
		background:#40485b;
	}

	.post {
		width:100%;
		height:auto;
		position:relative;
	}
	
		.post-content-container {
			width:500px;
			height:auto;
			position:relative;
			background:#cdc7be;
			padding:23px 18px 14px 18px;
		}
		
			.post-title {
				font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
				font-size:19px;
				color:#cc0000;
				
				width:100%;
				height:auto;
				position:relative;
				margin:0 0 14px 0;
			}
		
			.post-content {
				font-family:Arial, Helvetica, sans-serif;
				font-size:12px;
				line-height:16px;
				color:#1b2741;
				
				width:100%;
				heigth:auto;
				position:relative;
				margin:0 0 12px 0;
			}
			
			.post-more {
				width:100%;
				height:auto;
				position:relative;
				margin:0 0 14px 0;
			}
			
		.post-footer {
			width:100%;
			height:40px;
			position:relative;
			background:#40485b;
		}
		
		.post-date {
			font-family:Arial, Helvetica, sans-serif;
			font-size:12px;
			line-height:38px;
			color:#99ccff;
			text-align:center;	
			
			width:160px;
			height:38px;
			position:absolute;	
			bottom:21px;
			right:12px;
			background:#1b2741;
			z-index:100;
		}
		
		/* Calendar Container
		-----------------------------------------------------------------------------------------------*/
		#calendar-title {
			font-family:Rockwell, Arial, Helvetica, sans-serif;
			font-weight:bold;
			font-size:38px;
			line-height:74px;
			color:#99ccff;
			text-align:center;
			
			width:100%;
			height:74px;
			background:#40485b;
			margin:14px 0 0 0;
		}
		
		#calendar-container {
			width:100%;
			height:440px;
			position:relative;
			background:#40485b;
		}

/* Right Column Container & Sub Elements
-----------------------------------------------------------------------------------------------*/
#right-side-bar {
	width:204px;
	height:auto;
	position:relative;
	float:right;
	margin:26px 10px 0 0;
}

/* Side Block Containers (small, large, paypal, twitter, facebook, etc)
-----------------------------------------------------------------------------------------------*/
.side-block-container {
	width:203px;
	height:auto;
	position:relative;
	margin:0 0 22px 0;
}

	/*Title*/
	.side-block-title {
		font-family:Arial, Helvetica, sans-serif;
		font-size:14px;
		line-height:35px;
		color:#99ccff;
		
		width:137px;
		height:35px;
		position:absolute;
		top:10px;
		padding:0 0 0 8px;
		background:#1b2741;
		z-index:1;
	}

	/*Content Container*/
	.side-block-content-container {
		width:188px;
		height:auto;
		position:relative;
		float:right;
		background:#ffffff;
	}
	
		.side-block-content-container ul {
			margin:0;
			padding:0 0 0 14px;
		}
	
		.side-block-content {
			font-family:Arial, Helvetica, sans-serif;
			font-size:12px;
			color:#666666;
			
			width:164px;
			height:auto;
			position:relative;
			margin:61px auto 12px auto;
		}
		
/*PayPal Side Block*/
.paypal-block-container {
	width:203px;
	height:auto;
	position:relative;
	margin:0 0 22px 0;
}

	/*Title*/
	.paypal-block-title {
		font-family:Arial, Helvetica, sans-serif;
		font-size:14px;
		line-height:35px;
		color:#ffffff;
		
		width:137px;
		height:35px;
		position:absolute;
		top:10px;
		padding:0 0 0 8px;
		background:#cc0000;
		z-index:330;
	}

	/*Content Container*/
	.paypal-block-content-container {
		width:188px;
		height:auto;
		position:relative;
		float:right;
		background:#99ccff;
	}
	
		.paypal-block-content {
			font-family:Arial, Helvetica, sans-serif;
			font-size:12px;
			color:#666666;
			
			width:164px;
			height:auto;
			position:relative;
			margin:61px auto 18px auto;
		}

/*Twitter Feed Container*/
#twitter-feed {
	width:203px;
	height:auto;
	margin:0 0 22px 0;
}

/*Facebook Fan Page*/
#facebook-fan-page {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	line-height:16px;
	font-size:14px;
	color:#3b5998;
	
	width:189px;
	height:88px;
	background:#ffffff;
	border:2px solid #99ccff;
	margin:0 0 22px 0;
	padding:12px 0 0 10px;
}

















