/*

Theme Name: RS11

Theme URI: http://www.themelab.com/free-wordpress-themes/

Description: A WordPress port of the RS11 template, designed by <a href="http://www.ramblingsoul.com">Rambling Soul</a>

Version: 1.0

Author: Theme Lab

Author URI: http://www.themelab.com/

Tags: tech, fixed width, two columns, widgets



*/



* {padding:0; margin:0;}

a, a:visited {color: #930;}

a:hover {color:#09c; text-decoration:none;}

#sidebar {

	width: 200px;

	float: right; padding:15px 30px 5px 5px;

}

#left {

	padding-left: 25px;

	float: left;

	width: 595px;

}

body {

	font:12px "Trebuchet MS", Arial, sans-serif;

	color:#0000;

	background:#999 url(images/bg.jpg) repeat-x;

}

.clear {clear:both;}



#wrap {background:url(images/contentbg.jpg) repeat-y; width:867px; margin:auto;}

#header{ background:url(images/header.jpg) no-repeat; height:188px;}

#footer {background:url(images/footer.jpg) no-repeat; height:103px; padding:25px 0 0 0;}

#left p {line-height:18px; margin-bottom:20px;}

#breadcrumb { padding:5px; background:#f4f4f4; border-bottom:solid 1px #e2e2e2; margin-bottom:10px; font:13px "Trebuchet MS", Arial, sans-serif; text-transform:uppercase;}

h1, h2, h3, h4 {font:"Trebuchet MS", Arial, sans-serif;}

h2 {font:18px "Trebuchet MS", Arial, sans-serif;}

h1 {font-weight:bold; }



#chicklets {

width:40;

float:left;

padding-top:5px;



}







#topbar {

	height:40px; padding:55px 25px 0 25px;

}

#searchbar {

	width:210px;

	float:left;

	padding-left:520px;

	background-image: url(images/leeflogo.png);

	background-repeat: no-repeat;

	background-position: 3px 9px;

	padding-top: 5px;

}

#searchbar #keyword {

	width:150px;

	display: block;

	float: left;

	height: 20px;

	border: 1px solid #969696;

	padding: 2px;

	margin-right: 5px;

	font-size: 14px;

}

#searchbar form {padding:3px;}

#navigation { margin-left:275px; padding-top:8px;}

#navigation ul {list-style:none;}

#navigation li {display:inline;} 

#navigation a, #navigation a:visited, #navigation a:active {display:block; float:left; background:url(images/menu2.jpg) repeat-x; height:19px; padding:5px 15px 0 15px; margin-right:5px; color:#000; text-decoration:none; border:solid 1px #999;}

#navigation a:hover {background:url(images/menu1.jpg) repeat-x; color:#fff; border: solid 1px #09c;}

#navigation .active a {background:url(images/menu1.jpg) repeat-x; color:#fff; border: solid 1px #09c;}

#sidebar h2 {display:block; color:#069; font:16px "Trebuchet MS", Arial, sans-serif; padding:5px; border-bottom: solid 1px #bbb; text-transform:uppercase;}



#sidebar ul, #sidebar ul ol {

	margin: 0;

	padding: 0;

	}



#sidebar ul li {

	list-style-type: none;

	list-style-image: none;

	margin-bottom: 15px;

	}



#sidebar ul p, #sidebar ul select {

	margin: 5px 0 8px;

	}



#sidebar ul ul, #sidebar ul ol {

	margin: 5px 0 0 10px;

	}



#sidebar ul ul ul, #sidebar ul ol {

	margin: 0 0 0 10px;

	}



ol li, #sidebar ul ol li {

	list-style: decimal outside;

	}



#sidebar ul ul li, #sidebar ul ol li {

	margin: 3px 0 0;

	padding: 0;

	}



#sidebar a, #sidebar a:visited {height:21px; padding:0px 0px 0 0px; color:#333; text-decoration:underline;}

#sidebar a:hover { color:#069;}

h3.subhead {

	font-size:12px; text-transform:uppercase;

	color: #fff;

	

	padding:5px;

	border:solid 1px #ddd;

	background: #990000;

}

.columns  {padding:0 8px 0 8px;}

.col1 {width:30%; float:left;}

.col3 {width:30%; float:right;}

.col2 {margin:0 32% 0 32%;}

.clear2 {width:590px; clear:left; float:right; color:#fff!important;}

.columns div {background:#f3fbe0; height:200px;}

.columns div p {padding:5px;}

#subnav {padding: 6px 38px; color:#fff; text-align: right;}

#subnav a {color:#fff; text-decoration:none;}



h1#sitename {display:block; padding:10px 70px 0 50px; color:#fff; font-size:36px; font:normal "Trebuchet MS", Arial, sans-serif; }

#sitename a, #sitename a:visited, #sitename a:hover {color:#fff; text-decoration:none; }

#footer p {text-align:center; display:block; padding:3px;}

#footer #credit {font-size:10px;}

#left h2 { color:#900!important;}

blockquote {background:#efefef; padding:5px; border:solid 1px #ddd; display:block; margin:5px;}

blockquote.leftalign {width:300px; float:left;}

.post ul, .post ol {margin-bottom:15px;}

.post li {padding:3px;}

.post {margin-left:30px; margin-top:15px; margin-right:20px;}

code {background:#ccc; white-space:pre; display:block; margin:5px; padding:5px;}

.postbottom a, .postbottom span { margin:0 10px 0 10px;}

.postbottom {padding:3px; background:#efefef; border:solid 1px #ddd; margin-bottom:20px;}

.pagenav {padding:3px; background:#efefef; border:solid 1px #ddd; margin-bottom:20px;}

.pagenav span {display:block; width:250px;}

.pagenav .leftalign {float:left;}

.pagenav .rightalign { margin-left:300px; text-align:right;}

.commentlist {

	list-style: none;

}

.commentlist li {

	display: block;

	padding: 5px;

	margin-bottom: 10px;

	border-bottom: 1px solid #D4D0C8;

	background: #f4f4f4;

}

.avatar {

	float: right;

}







/*	Using 'class="alignright"' on an image will (who would've

	thought?!) align the image to the right. And using 'class="centered',

	will of course center the image. This is much better than using

	align="center", being much more futureproof (and valid) */



img.centered {

	display: block;

	margin-left: auto;

	margin-right: auto;

	}



img.rightalign {

	padding: 4px;

	margin: 0 0 2px 7px;

	display: inline;

	}



img.leftalign {

	padding: 4px;

	margin: 0 7px 2px 0;

	display: inline;

	}



.alignright {

	float: right;

	}



.alignleft {

	float: left;

	}
	
#eventdate {
	float: right;	
	margin: -42px 30px 0px 0px;
	font-size: 19px;
	text-align: right;
	color:	#FFF;
	line-height: 22px;
	text-shadow: #005 2px 2px 1px;
}