/*
Theme Name: Arc of Oakland WordPress Theme
Theme URI: http://designbyrussell.com/arcoak
Description: A 2 column Wordpress Theme created exclusively for The Arc of Oakland
Author: K Russell
Author URI: http://designbyrussell.com
Version: 1.0
Code is copyright designbyrussell.com
*/

	
/**********************
*	BASICS	          *
***********************/

*{margin:0; padding:0;}

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 101%;
	margin: 0 20px 20px 20px;
	background-image: url(images/diagonal-background.gif);
	background-repeat: repeat;
	}
#container {
	width: 760px;
	margin: 0 auto;
	padding: 0px;
	background:#deffff;
	color:#333;
	border: 1px solid #ccc;
	overflow: hidden;
	}	
h1 {font-size: 18pt;}
h2 {font-size: 14pt;}
h3 {font-size: 10pt;}
h4 {font-size: 9pt;}
.search {
	font-style: italic;
	padding: 10px;
	color: #000084;
	font-family: "Times New Roman", Times, serif;
	font-size: 24px;
}
img a{border:none;}

img.left{ border:none;float: left; border: none; padding: 6px; }
img.right{ border:none;float: right; border: none; padding: 6px; }

.alignleft {float:left; margin:25px;}
.alignright {float:right; margin:25px;}

.portrait_img {
	margin: 2px 10px 10px;
	padding: 15px;
	background: #FFFFEC;
	border-top: 1px solid #CCC;
	border-right: 2px solid #999;
	border-bottom: 3px solid #999;
	border-left: 1px solid #CCC;
}

blockquote{border-left:1px solid #A5ABAB;margin:15px;padding:0 12px 0 12px;}
code{margin:10px;}

/**********************
*	HEADER	          *
***********************/
#header {background:url(images/header.gif);width:760px;height: 158px;}
#header h1 a{	text-decoration: none;	font-size: .1px;    margin: -999px;	color: #deffff; }
#header h1 a:hover{color: #deffff; text-decoration: none;}

#header h2{
	color:#000084;
	font-size:12px;
	font-weight:normal;
	letter-spacing:0.12em;
	line-height:1.2em;
	margin: 15px 10px 5px 300px;
	padding: 0 0 0 18px;
	text-align: right;
	}
#pageheader {
	font-family:"Times New Roman", Times, serif;
	font-size:26px;
	font-weight:bold;
	letter-spacing:0.07em;
	color:#000084;
	line-height:normal;
	text-align:center;
	margin:0;
	padding:10px 0 2px 3px;
}
/**********************
*	CONTENT/POSTS    *
***********************/
	
#content {
	float: right;
	width: 71%;
	overflow: hidden;
	border: 1px solid #ccc;
	color: #000033;
	padding: 1px 5px 5px 5px;
	margin: 5px;
	background-color: #fff;
	}
#content-wide { 
     float: right; 
     width: 97%; 
     overflow: hidden; 
     border: 1px solid #ccc;
     color: #000033;
     padding: 1px 5px 5px 5px;
     margin: 5px;
     background-color: #fff;
     }	
		
#content p{padding: 1px 5px; }
.post {	margin: 0 10px;	line-height: 1.3em;	}
	
.post h2 {
	font-family:"Times New Roman",Times,serif;
	font-size:22px;
	font-weight:bold;
	letter-spacing:0.06em;
	color:#000084;
	line-height:normal;
	text-align:center;
	margin:0;
	padding:20px 0 2px 3px;
}
	
.post h2 a:link{ color: #000084; text-decoration: none; }
.post h2 a:visited{ color: #000084; text-decoration: none; }
.post h2 a:hover{ color: #0066CC; text-decoration: none; }

.post h3 {
	font-family:"Times New Roman",Times,serif;
	font-size:18px;
	font-weight:bold;
	color:#000084;
	text-align:left;
	margin:0;
	padding:20px 0 2px 3px;
}
.post h3 a:link{ color: #000084; text-decoration: none; }
.post h3 a:hover{ color: #0066CC; text-decoration: none; }
.post p{ line-height:1.3em; margin:1px;	text-align:left; text-indent:10px; font-size: 95%;}

.post ul {}
.post li {}

.more-link {font-size: 87%;}

.entry p{margin:12px 0;}
.entry a:link{color:#000084;text-decoration:none;}
.entry a:visited{color:#0066cc;text-decoration: none;}
.entry a:hover{	color:#0066cc;	text-decoration: underline;}
.entry a:active{color:#0482FF;text-decoration: underline;}

.entry ul, .entry ol {font-size: 95%;margin: 0 0 0 20px;padding: 0;line-height: 1.3em;}
.entry ul li, .entry ol li {margin: 0; padding: 3px; }
.entry ul ul li, .entry ol ol li {list-style-position: inside;margin: 0;padding: 3px;}
.entry ul ul ul li, .entry ol ol ol li{margin: 0; padding: 0; color: #000066;} 

/**********************
*	SIDEBAR          *
***********************/
#sidebar {
	font-size: 82%;
	width: 24%;
	float:left;
	margin: 5px 0px 5px 3px;
	padding: 10px 0 15px 0;
	border: 1px solid #ccc;
	background-color: #fff;
	}

#sidebar h2{ }

#sidebar a {display: block; }
#sidebar ul {margin: 0; padding: 0; list-style-type: none;}
#sidebar ul li {margin: 0; padding: 0 3px 3px 7px; list-style-type: none;	}
#sidebar ul ul li {list-style-type: none;list-style-position: inside;margin: 0;padding: 0 3px 3px 3px;}
#sidebar ul ul ul li{margin: 0;	padding: 0; list-style-type: square; color: #000066;}
#sidebar a:link {color: #000033; margin: 0;padding: 1px; text-decoration: none;}
#sidebar a:visited {color: #333333; margin: 0;padding: 1px; text-decoration: none;}
#sidebar a:active {color: #FF9900; background: #000084;margin: 0;padding: 1px;	text-decoration: none;}
#sidebar a:hover{color: #FCEC23; background: #000084;margin: 0;padding: 1px; text-decoration: none;}
#sidebar img {padding: 0; margin: 0;}
#links-sidebar a {color: #000033;padding: 10px;line-height: 1.4em;}
#uwsem a:hover {background-color: #fff;}
/**********************
* Home page link on Wide-Page *
***********************/

#home-link-wide-page a {font-size: 82%; display: inline; }
#home-link-wide-page a:link {color: #000033; margin: 0;padding: 1px; text-decoration: none;}
#home-link-wide-page a:visited {color: #333333; margin: 0;padding: 1px; text-decoration: none;}
#home-link-wide-page a:active {color: #FF9900; background: #000084;margin: 0;padding: 1px;	text-decoration: none;}
#home-link-wide-page a:hover{color: #FCEC23; background: #000084;margin: 0;padding: 1px; text-decoration: none;}
/**********************
*	SEARCH FORM       *
***********************/

#searchform{padding: 6px 0 6px 6px;}
#searchform input#s{font-size: 8pt;padding: 2px;margin: 2px;	border: 1px solid #B7B7B7;}


/**********************
*	FOOTER            *
***********************/
#footer {
	background: #000084;
	clear: both;
	width: 760px;
	margin-top:15px;
	border-top:solid 1px #DEDEDE;
	font-size: 82%;
	margin-right: auto;
	margin-left: auto;
}
#footer p{padding:6px;margin: 0; color: #fff;}
#footer a, a:visited{color: #fff;text-decoration: none;}
#footer a:hover{color: #FCEC23;text-decoration: none;}

/**************************
*	Contact Coldform   *
***************************/
div#coldform {
	font-size: 12px;
	width: 450px;
	color: #333;
	margin: 5px 0 12px 20px;
}
div#coldform fieldset {
	border: 0 none;
	display: block;
}
div#coldform legend.hide {
	display: none;
}
div#coldform label.label {
	margin: 5px 0 2px;
	text-align: left;
	display: block;
	border: 0 none;
	float: left;
	clear: both;
}
div#coldform input.input {
	padding: 3px;
	float: left;
	clear: both;
	width: 80%;
	border: 1px solid #ccc;
	background-color: #E9FDFD;
}
div#coldform textarea#coldform_message {
	line-height: 1.5em;
	font-size: 12px;
	padding: 3px;
	float: left;
	clear: both;
	width: 80%;
	border: 1px solid #ccc;
	background: #E9FDFD;
}
div#coldform input.submit {
	margin: 6px 0 12px;
	padding: 3px;
	width: 25%;
}