/*      
Theme Name: magZine
Theme URI: http://example.com/example/
Description: A search engine optimized website framework for WordPress.
Author: Graysen Oldham
Author URI: http://bakersfieldcycling.com
Version: 1.0
Tags: Comma-separated tags that describe your theme
.
Your theme can be your copyrighted work.
Like WordPress, this work is released under GNU General Public License, version 2 (GPL).
http://www.gnu.org/licenses/old-licenses/gpl-2.0.html
.
*/

/**** Rides category Divs ****/

#road  {
	float:left;
}

#mountain {
	float:right;
}

#weekly {
	width:100%;
	margin:10px 0 0 0;
	clear:both;
}

	#weekly table {
		margin:0 0 20px 0;
	}
	
	#weekly td {
		padding:3px;
	}
/**** End Rides Category Divs ****/

body {
	font-family:arial;
	margin: 0;
	padding: 0;
	background:#ccc;
	background-image:url('images/back-bg-pages-2.jpg');
			background-repeat:repeat-x;
}

h3, h2, h4, h1 {
	margin:0;
	padding:0;
}

	
#footer
{
	margin:40px 0 0 0;
	clear:both;
	text-align:center;
	color:#222222;
	height:100px;
}

#nav {
	height:94px;
}

#nav-above, #nav-below {
	margin:20px 0 20px 0;
	clear:both;
}

	#nav-above a, #nav-below a {
		color:#222;
	}
		
		#nav-above a:hover, #nav-below a:hover {
			color:#EE0000;
		}

#wrapper {
	width: 850px;
	margin:0 auto; 
	text-align: left;
	height:480px;
}

#slider {
	height:328px;
	width:603px;
	padding:0;
}

.about-info {
	float:right;
	width:230px;
	margin:15px 0 0 0;
	height:312px;
}

.archive-posts a {
	color:#EE0000;
}

	.archive-posts a:hover {
		color:#4C4C4C;
	}

.category-div {
	width:419px;
	background:#fff;
	margin:10px 0 0 0;
	padding:0 0 10px 0;
}
	.category-div a {
		color:#2E2E2E;
		text-decoration:none;
	}
	
	.category-div a:hover {
		color:#EE0000;
	}
	
	.category-div ul {
		margin:3px 3px 20px 3px;
	}
	
	.category-div li {
		list-style:none;
		margin:3px;
	}
	
.cat-heading {
	background:#ee0000;
	color:#fff;
	padding:0 0 0 3px;
}

.clear-div {
	clear:both;
	height:2px;
}

.colored-rows {
	background-color:#ddd;
}
	
.entry a {
	color:#EE0000;
}
	.entry a:hover {
		color:#4C4C4C;
	}
	
.content-container {
	width:520px;
	float:right;
}

.page-title {
	float:right;
	color:#4C4C4C;
	font-size:2.9em;
	font-weight:bold;
	letter-spacing:-0.04em;
}
	.page-title a {
		color:#4C4C4C;
		text-decoration:none;
	}

.pagePosts {
	background:#fff;
	padding:0;
	margin:10px 0 0 0;
}

.post-title {
	background:#EE0000;
	padding:3px;
	color:#fff;
}
	.post-title a {
		color:#fff;
		text-decoration:none;
		font-weight:bold;
	}
		
		.post-title a:hover {
			text-decoration:underline;
		}

.post-content {
	padding:3px;
}
	.post-content a {
		color:#EE0000;
	}
		.post-content a:hover {
			color:#4C4C4C;
		}
	
	.post-content img {
		padding:8px;
	}

#navigation {
	Clear:both;
	list-style: none;
	float:right;
	margin:8px 0 0 0;
	display:inline;
}
	
	#navigation li {
		list-style-type:none;
		position:relative;
		padding-right:0px;
		display:table-cell;
		float:left;
	}
	
	#navigation a { 
		text-align:center;
		margin:0 3px 0 0;
		font-weight: bold;
		font-size:1.1em;
		color:#575757;		
		padding:3px 5px 3px 5px;
		text-decoration:none;
		border:1px solid #ccc;
	}
		
	#navigation a:hover {
		color: #ccc;	
		background:#4C4C4C;
	}