/*
Theme Name: Running Start
Theme URI: http://www.projectsbycd2.com
Description: Custom WordPress theme for Running Start created by <a href="http://www.projectsbycd2.com">Projects by CD2</a>
Version: 1.0
Author: William Donahoe
Author URI: http://projectsbycd2.com/
*/
body { 
	background: #F4F4F4 url(images/background.jpg) top center repeat-y;
	font-size: 12px
}
* {
	margin: 0;
	padding: 0;
}
a { outline: none }
a img { border: none }
ul {
	list-style: none;
	padding-left: 0
}
p { margin-bottom: 1em }
h1, h2, h3 { margin-bottom: .5em }

div.pull-left {
	margin-left: -10px
}
div.pull-right {
	margin-left: 6px;
}
.gray { color: #CCC }
.orange {}
.page-navigation { 
	display: block;
	text-align: center;
	margin-top: 10px;
}

#container {
	width: 1000px;	
	margin: 0 auto;
	background: url(images/header.png) top center no-repeat;
}
	#header {
		position: relative;
		height: 146px
	}
		#stay-informed {
			position: absolute;
			top: 35px;
			right: 148px
		}
			#stay-informed input[type="email"] {
				border: 1px solid #000;
				padding: 3px;
				font: 14px Arial, Helvetica, sans-serif;
				width: 210px
			}
			#stay-informed input[type="image"] {
				position: relative;
				top: 7px
			}
		/* NAVIGATION */
		ul#navigation {
			width: 740px;
			height: 52px;
			position: relative;
			z-index: 10;
			left: 50%;
			margin-left: -475px;
			background: url(images/navigation-background.png) no-repeat;
			padding-left: 214px
		}
		ul#navigation li {
			float: left;
			padding-right: 19px
		}
		/* DROPDOWN */
		#navigation li ul {
			color: #000;
			background: #FFF;
			margin: -4px 0 0 -10px;
			position: absolute;
			visibility: hidden;
			border-bottom: 2px solid orange
		}
		#navigation li ul li {
			display: inline;
			float: none;
			padding-right: 0
		}
		#navigation li ul li a {
			width: auto !important;
			height: 14px;
			display: block;
			padding: 5px;
			text-align: left;
			font: 12px Arial, Helvetica, sans-serif;
			color: #000;
			text-decoration: none
		}
		#navigation li ul li a:hover { background: #CCC }
	#main {
		width: 920px;
		margin: 0 auto
	}
		#splash {
			background: url(images/index-splash-background.png) no-repeat;
			width: 896px;
			height: 259px;
			margin: 0 auto;
			position: relative
		}
		#splash img {
			position: absolute;
			top: 19px;
			left: 19px
		}
		#content {
			width: 620px;
			float: left;
			font-family: Arial, Helvetica, sans-serif
		}
			/* #content a { color: #000 } */
			.entry ul {
				list-style: disc !important
			}
			#page {
				width: 621px;
				font: 12px Arial, Helvetica, sans-serif;
				background: url(images/page-background.jpg) repeat-y;
				min-height: 500px;
				margin: -10px 0 -1em 2px
			}
				#banner { 
					margin-bottom: 1em;
					background: url(images/page-background-top.jpg) top center no-repeat;
					position: relative;
					height: 220px
				}
					#banner img {
						position: relative;
						top: 29px;
						left: 29px;
					}
				#page-content {
					width: 562px;
					padding-left: 29px;
					margin-bottom: 20px;
					font-size: 13px;
				}
					#page-content h2 a { text-decoration: none; color: #000 }
					#page-content h2 a:visited { color: #999 }
					#page-content ul {
						list-style-type: disc;
						padding-left: 30px;
						padding-top: .2em;
						padding-bottom: .7em
					}
				
				/* GET INSPIRED */
				.get-inspired {
					background: url(images/get-inspired-box-background.jpg) no-repeat;
					width: 561px;
					height: 281px;
					position: relative
				}
				.get-inspired #thumb-window {
					position: absolute;
					top: 50px;
					left: 30px;
					width: 520px;
					height: 164px;
					overflow: hidden
				}
				.get-inspired #thumb-container {
					position: relative;
					width: 10000px
					
				}
				.get-inspired #thumbs {
					position: relative;
					float: left;
					list-style: none;
					padding: 0;
					margin: 0;
				}
					.get-inspired #thumbs a {
						color: #FFF;
						text-decoration: none
					}
					.get-inspired #thumbs li { 
						position: relative;
						width: 110px;
						float: left;
						height: 164px;
						margin-right: 20px;
					}
					.get-inspired #thumbs li img {
						position: absolute;
						top: 0;
						left: 0;
						z-index: 1
					}
					.get-inspired .thumb-desc {
						z-index: 10;
						background: url(images/get-inspired-desc-background.png);
						width: 100px;
						height: auto;
						position: absolute;
						bottom: 0;
						left: 0;
						padding: 5px
					}
					
					.get-inspired #thumb-navigation {
						position: absolute;
						top: 230px;
						left: 10px;
						display: block;
						padding-top: 10px;
					}
					.get-inspired #thumb-nav-list {	
						list-style: none;
						padding: 0;
						margin: 0;
					}
					.get-inspired #thumb-nav-list li {
						float: left;
						margin-right: 10px;
					}
					.get-inspired #thumb-nav-list li a {
						display: block;
					}
					
					.get-inspired #thumb-nav-list li a { background: #E18552; width: 20px; height: 20px }
					.get-inspired #thumb-nav-list li a.selected { background: #FFF }
						
				/* COMMENTS */
				ol.commentlist {
					padding: .5em 0 .5em 20px
				}
				.reply {
					padding-top: 0
				}
			ul#social {
				padding-left: 12px
			}
			ul#social li {
				float: left;
			}
			div#news-blogs-updates {
				float: left;
				margin-left: 20px;
			}
				#news-blogs-updates-content {
					margin-top: -14px;
					margin-left: 0px;
					padding: 5px;
					width: 288px;
					font-size: 13px;
					min-height: 199px;
					background: #F4F5F6;
					float: left;
				}
				#news-blogs-updates-content ul {
					padding-left: 25px;
				}
				#news-blogs-updates-content li {
					margin-bottom: .5em;
					padding-left: 0;
				}
					#news-blogs-updates-content li.blog { 
						list-style-image: url(images/icon-blog.png)
					}
					#news-blogs-updates-content li.news { 
						list-style-image: url(images/icon-news.png)
					}
				#news-blogs-updates-content sup {
					color: #666;
					text-transform: uppercase;
					font-size: 9px
				}
				#news-blogs-slideshow {
					margin-top: -14px;
					margin-left: 0px;
					padding: 10px;
					width: 258px;
					height: 190px;
					min-height: 160px;
					background: #F4F5F6;
					float: right
				}
				#news-blogs-slideshow #slideshow {
				}
				#news-blogs-updates .subheader {
					margin-left: -35px;
					position: relative;
					clear: both;
				}
				#news-blogs-updates .subheader #read-more {
					width: 64px;
					height: 32px;
					position: absolute;
					top: 0;
					left: 197px;
				}
			
		#sidebar {
			width: 300px;
			float: right;
		}
			#sidebar a {
				color: #000;
				text-decoration: none
			}
			#sidebar .widget-content {
				font: 12px Arial, Helvetica, sans-serif;
				padding-left: 20px;
				padding-bottom: 10px
			}
			ul#sidebar-social { line-height: 0}
			ul#sidebar-social li {float: left }
			#widget-upcoming-events ul li {margin-bottom: .5em}
			#widget-support-running-start { margin-bottom: 10px }
	#footer {
		width: 920px;
		margin-left: 44px;
		height: 32px;
		background: #95A5B6;
		clear: both;
		float: left;
		font: 11px Arial, Helvetica, sans-serif
	}
		#copyright {
			float: left;
			padding: 11px 0  0 10px;
		}
			#copyright a {
				color: #000
			}
		ul#footer-navigation {
			float: right;
			padding: 11px 10px 0 0 
		}
		ul#footer-navigation a {
			color: #000;
			text-decoration: none
		}
		ul#footer-navigation a:hover { text-decoration: underline }
		ul#footer-navigation li {
			display: inline;
			padding-left: 10px;
		}


/* FORMATTING */
img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.aligncenter,
div.aligncenter {
   display: block;
   margin-left: auto;
   margin-right: auto;
}

.alignleft {
   float: left;
}

.alignright {
   float: right;
}

.wp-caption {
   border: 1px solid #ddd;
   text-align: center;
   background-color: #f3f3f3;
   padding-top: 4px;
   margin: 10px;
   /* optional rounded corners for browsers that support it */
   -moz-border-radius: 3px;
   -khtml-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius: 3px;
}

.wp-caption img {
   margin: 0;
   padding: 0;
   border: 0 none;
}

.wp-caption p.wp-caption-text {
   font-size: 11px;
   line-height: 17px;
   padding: 0 4px 5px;
   margin: 0;
}

#content table td {
	padding: 3px;
	
}	

/* EVENTS CALENDAR */
.tec-event, .category-events #main {
	font-family: Arial, Helvetica, sans-serif
}

#tec-content.tec-event {
	padding: 0 20px 0 20px	
}
	#tec-content .back a, #tec-content .entry a { color: #000 }
.category-events #tec-content {
	width: 840px !important
}