/*
Theme Name: Swing Patrol
Theme URI: http://www.verynewmedia.com/
Description: Design for Swing Patrol Site
Author: Lawrie Malen and Laura Knight
Author URI: http://www.verynewmedia.com/

*/

body, html {
	background-color: 		#000000;
	font-family: 				Trebuchet MS;
	font-size: 					12px;
	color: 						#595959;
	margin:	 					0px;
}

#container {
	width:						770px;
	background-color:			#FFFFFF;
	margin-left:				auto;
	margin-right:				auto;
	padding:						0px 5px 0px 5px;
	background-image:			url('./img/bgstrip.png');
	background-repeat:		repeat-y;
	background-position:		top center;
}

#textcontent {
	float:						left;
	width:						495px;
	margin-left:				5px;
	margin-top:					20px;
}

#header {
	width:						770px;
	height:						170px;
	border-bottom:				3px solid #AE140B;
	background-image:			url('./img/header.jpg');
	background-repeat:		no-repeat;
	border-top:					1px solid black;
}

#sidebar {
	float:						right;
	width:						240px;
	background-color:			#AE140B;
}

#footer {
	width:						770px;
	height:						50px;
	background-image:			url('./img/footer.png');
	background-repeat:		no-repeat;
	border-bottom:				5px solid white;
	clear:						both;
}

#signature {
	width:						770px;
	height:						30px;
	margin-left:				auto;
	margin-right:				auto;
	margin-top:					5px;
	color:						#AE140B;
	font-size:					11px;
}

#signature a {
	color:						#FFFFFF;
}

/*
	NAVIGATION
*/

#nav {
	margin-top:					140px;
}

#nav a {
	float:						left;
	height:						30px;
	display:						block;
	text-decoration:			none;
	font-size:					0px;
	line-height:				0px;
}

#nav a.home {
	width:						74px;
	background-image: 		url('./img/home.png');
	background-repeat:		no-repeat;
	background-position: 	left top;
}

#nav a:hover.home {
	background-repeat:		no-repeat;
	background-position: 	left bottom;
}

#nav a.news {
	width:						85px;
	background-image: 		url('./img/news.png');
	background-repeat:		no-repeat;
	background-position: 	left top;
}

#nav a:hover.news {
	background-repeat:		no-repeat;
	background-position: 	left bottom;
}

#nav a.notes {
	width:						151px;
	background-image: 		url('./img/classnotes.png');
	background-repeat:		no-repeat;
	background-position: 	left top;
}

#nav a:hover.notes {
	background-repeat:		no-repeat;
	background-position: 	left bottom;
}

#nav a.events {
	width:						99px;
	background-image: 		url('./img/events.png');
	background-repeat:		no-repeat;
	background-position: 	left top;
}

#nav a:hover.events {
	background-repeat:		no-repeat;
	background-position: 	left bottom;
}

#nav a.photos {
	width:						91px;
	background-image: 		url('./img/photos.png');
	background-repeat:		no-repeat;
	background-position: 	left top;
}

#nav a:hover.photos {
	background-repeat:		no-repeat;
	background-position: 	left bottom;
}

/*
	SEARCHBOX
*/

#searchbox {
	position:					relative;
	width:						240px;
	height:						60px;
	background-image:			url('./img/searchtop.png');
	background-repeat:		no-repeat;
	background-position:		top;
}

#searchbox .searchinput {
	position:					absolute;
	top:							13px;
	left:							61px;
	width:						135px;
	background:					none;
	border:						none;
}

#searchbox .button {
	position:					absolute;
	top:							12px;
	left:							207px;
}

#searchbox button {
	width:						22px;
	height:						20px;
	background:					none;
	border:						none;
	margin:						0px;
	padding:						0px;
	font-size:					0px;
	text-indent:				-500px;
	overflow:					hidden;
	cursor:						pointer;
}

/*
	SIDEBAR
*/

#sidebar ul {
	margin:						0px 0px 0px 15px;
	padding:						0px;
	color:						#FFFFFF;
}

#sidebar ul li {
	list-style-type:			none;
	list-style-image:			none;
	margin-bottom:				5px;
}

#sidebar ul li h2 {
	color:						#FFFFFF;
	font-size:					17px;
	font-weight:				normal;
	margin-bottom:				0px;
}

#sidebar ul ul {
	margin:						5px 0px 0px 10px;
}

#sidebar ul ul ul {
	margin:						0px 0px 0px 10px;
}

#sidebar ul ul li {
	width:						195px;
	margin:						3px 0px 0px;
	padding:						0px;
	border-bottom:				1px solid #C28661;
}

#sidebar ul ul li a {
	color:						#FFFFFF;
}

/*
	POST CONTENT
*/

#textcontent .entry {
	
}

#textcontent .entry h2 {
	font-size:					17px;
	color:						#0D0D0D;
	font-weight:				normal;
	border-bottom:				1px solid #ECECEC;
	margin-bottom:				5px;
}

#textcontent .entry h2 a {
	color:						#0D0D0D;
}

#textcontent .entry .postmetadata {
	float:						left;
	color:						#999999;
}

#textcontent .entry .postmetadata a {
	color:						#AE140B;
}

#textcontent .entry .date {
	float:						right;
	color:						#999999;
}

#textcontent .entry .entrytext {
	clear:						both;
}

/*
	COMMENT FORM
*/

#commentform {
	width:						495px;
}

#commentform input, #commentform textarea {
	width:						495px;
}

#commentform button {
	float:						right;
}

/*
	SOCIAL ICONS
*/

#social {
	float:						right;
	width:						260px;
	height:						33px;
	margin:						8px 8px 0px 0px;
}

#social a {
	float:						left;
	width:						33px;
	height:						33px;
	margin-right:				10px;
	display:						block;
	text-decoration:			none;
	font-size:					0px;
	line-height:				0px;
}

#social a.mail {
	background-image: 		url('./img/mail.png');
	background-repeat:		no-repeat;
}

#social a.facebook {
	background-image: 		url('./img/facebook.png');
	background-repeat:		no-repeat;
}

#social a.flickr {
	background-image: 		url('./img/flickr.png');
	background-repeat:		no-repeat;
}

#social a.twitter {
	background-image: 		url('./img/twitter.png');
	background-repeat:		no-repeat;
}

#social a.play {
	background-image: 		url('./img/play.png');
	background-repeat:		no-repeat;
}

#social a.rss {
	background-image: 		url('./img/rss.png');
	background-repeat:		no-repeat;
}

/*
	COMMON CLASSES
*/

.alignleft {
	float:						left;
}

.alignright {
	float:						right;
}

/*
	ELEMENTS
*/

img {
	border:						0px;
}

a {
	text-decoration:			none;
	color:						#AE140B;
}

h2 {
	font-size:					17px;
	color:						#AE140B;
	font-weight:				normal;
	margin-bottom:				5px;
}