/*  
Theme Name: Recycled Canvas
Theme URI: http://www.creativesynthesis.net/blog/projects/recycled-research/recycled-canvas/
Description: Experimenting with data collection, design, and <a href="http://www.creativesynthesis.net">creative synthesis</a>.<br/> 
Version: 1.0
Author: Creative Synthesis Collaborative
Author URI: http://www.creativesynthesis.net/
*/

* {margin:0; padding:0;}


body {
	margin:0;
	padding:0;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 12px;
	line-height:1.5em;
	color:#333;
}
#page {
	margin: 0 auto;
	padding:0;
	width:950px;
}
#header {
	margin-top:30px;
}


#header span {
	font-size:14px;
	font-weight:normal;
	display:inline;
}
#header img {
	float:left;
	margin-bottom:15px;
}
#headerBar {
	background-color:#FF5300;
	color:#FFF;
	height:40px;
	clear:both;
	margin:10px 0 20px 0;
}
#headerBar h2 a:link, #headerBar h2 a:visited {
	padding:10px;
	float:right;
	color:#FFF;
	font-size:20px;
	text-decoration:none;	
}



#menu {
	float:right;
	font-size:16px;
}
#menu li {
	list-style:none;
	margin-left:15px;
	display:inline;
}
#menu ul li  a {
	text-decoration:none;
	padding:2px;
	margin:0;
	padding-left:0;
}

#search-input {
	width:130px;
	height:15px;
	margin-bottom:15px;
}
#searchsubmit {
	vertical-align: top;
}
#search-button {
	width:12px;
	position:relative;
	top:3px;
}

#content {
	clear:both;
	padding-top:20px;
	padding-bottom:10px;
}

#sidebar {
	width:160px;
	padding:0;
	margin-top:5px;
	float:left;
	font-size:small;
	margin-left:0px;
}
#sidebar h1 {
	height:25px; overflow:hidden; 
	margin-left:-5px; padding:-5; margin-bottom:10px;
}
#sidebar h1 span {
	font-size:30px; height:10px;
}
#sidebar h4 {
	font-size:16px;
}
#sidebar p {
	margin-bottom:15px;
}
#sidebar ul {
	margin-bottom:15px;
	list-style:none;
}
#sidebar li a {
	padding-left:5px;
	border-left:5px #EEE solid;
	margin-bottom:1px;
}
#sidebar li a:hover {
	padding-left:5px;
	border-left:5px #FF5300 solid;
	margin-bottom:1px;
}

/* Weird Widgets */
#sidebar #calendar_wrap {
	margin-bottom:15px;
}

#sidebar .linkcat {
	list-style:none;
}
/* ---- */
#sidebar ul li ul {
	margin-bottom:0;
}
#sidebar a{
	font-weight:normal;
	text-decoration: none;
}

#boxlist {
	width:750px;
	
	padding-top:20px;
	float:right;
}
h3.archive {
	font-size:18px;
	margin-bottom:15px;
	padding:5px;
}
#singlepost {
	width:750px;
	padding-top:1px;
	float:right;
	margin-right:0;
}

#comments {
	margin-top:30px;
}
#comments h4 {
	font-size:16px;
}
.commentlist {
	list-style:none;
	font-size:14px;
	margin-left:10px;
	margin-top:10px;
}
.commentlist li {
	padding:5px 10px 5px 60px;
}
.commentlist li .commentmeta { font-size:12px; display:block; margin-top:5px; margin-left:2px;}



#respond {
	margin-top:20px;
}
#respond textarea {
	width:750px;
	margin-top:5px;
	padding:5px;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.clear {
	clear:both;
}



#footer {
	font-size: 13px;
	width: 750px;
	float:right;
	margin: 20px 0 0 200px;
}
#footer h3 { color:#FF5300; font-size:28px; padding-top:10px; }
#footer hr { border:none; border-top:7px #999999 solid; padding-bottom:10px; }
#footer strong { color:#FF5300; }
#narrow {
	width: 140px;
	float:left;
	/*padding-bottom:15px;*/
}
#wide {
	/*width: 400px;*/
	width: 450px;
	float: right;
}
#links {
	padding-top:30px;
	/*border-top:7px #0066CC solid;*/
	clear: both;
	font-size: 12px;
}
.formContent { border:1px #999 solid; }
input.invalid, textarea.invalid {
	background-color: #F99;
}
#message {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	height:100px;
	padding:3px;
	width:442px;
	margin-bottom:8px;
}
#email {
	height:16px; 	
	padding:3px;
	float:left;
/*width:324px;*/
	width:374px;
}
.submit {
	padding:0;
	margin:0;
	margin-left:8px; 
	float:left;
	width:60px; 
	height:23px; 
	background-color:#999; 
	font-weight:bold; 
	font-size:12px;
	color:#FFF; 
	border:none; 
	line-height:1em;
	cursor:pointer;
}
.callback {
	margin-top:27px;
	padding:4px 10px;
	height:23px; 
	background-color:#999; 
	font-weight:bold; 
	font-size:13px;
	color:#FFF;
	text-decoration:none; 
	border:none; 
	line-height:1em;
	cursor:pointer;
}
.callback:hover, .submit:hover { background-color:#666; }



.entry h1, .entry h1 a:link, .entry h1 a:visited { font-size:18px; font-weight:bold; padding-top:10px; }

.navigation {margin:20px 0 20px 0; width:735px; font-size:14px; display:block; }

.post { padding:0; }
.post p { text-align:justify; }

.post h1 a { padding:0 0 10px 0; font-size:28px; color:#000; font-weight:bold; }

.post h2 { padding-top:0px ; padding-bottom:10px ;text-decoration:none; font-size:22px; color:#FF5300; }

.post h3 { padding:0 0 10px 0; font-size:22px; font-weight:normal; font-size:20px; font-weight:bold; color:#FF5300; }

.post h4 { padding:5px 0; text-decoration:none; font-size:20px; margin-bottom:10px; }

.post h5 { padding:5px 0; text-decoration:none; font-size:15px; }
.post h5 { padding:0; text-decoration:none; font-size:12px; }

/*
strong { padding:0 5px 0 0; }

 not used .post h5 { padding:0 5px 0 0; margin:0; font-size:13px; font-weight:bold; float:left; } */

.entry { margin-top:10px; font-size:small;}
.entry a img {border:0;}
.entry ul li {margin-bottom:5px;}
p img {
	padding: 0;
	max-width: 750px;
}
.alignleft {float:left;}
.alignright {float:right;}
/* Post formatting styles */
.entry p {margin-bottom:15px;}
.entry blockquote { padding:0; margin-bottom:15px;}
.entry blockquote p { margin:0;}
.entry ol {padding-left:50px; padding-bottom:15px;}
.entry ul {padding-left:50px; padding-bottom:15px;}

a {
	font-weight:bold;
	text-decoration:none;
}

a:hover {
	text-decoration:underline;
}

#printspecial {
	display:none;
}


#archivepage ul li {
	float:left;
}
a:link { color:#FF5300; }
a:visited { color:#CA4200; }
a:alink { color:#666; }
a:hover { color:#666; }




.homeBox {
	width: 750px;
}
.homeBox ul {margin:0; padding:0;}
.homeBox ul li {display: inline;}
.homeBox a:visited { color:#FFF; }
.homeBox a {
	font-size:13px;
	background-color: #333;
	color:#FFF;
	text-decoration:none;
	width: 240px;
	float:left;
	display:block;
	font-weight:bold;
	margin-bottom:15px;
}
.homeBox a strong,
.homeBox a span{
	padding: 1px 10px 6px 10px;
	display:block;
}
.homeBox a span {
	float:right;
	font-weight:normal;
}
.homeBox a img {
	text-decoration:none;
	border:none;
	margin:1px;
}
.homeBox a:hover {
	background-color: #FF5300;
}
.rightPad {
	margin-right:15px;
}
.homeBox a.top {
	width:750px;
}








div#header {
	height: 20px;
	text-align: right;
	font-size: 12pt;
	font-weight:bold;
	padding-bottom:10px;
}
div#header img {
	float: left;
	border: none;
}
div#header a {
	margin-left:20px;
}

/* BANNER */
.banner h2 {
	font-size:18px;
	background-color:#444;
	display: block;
	height: 20px;
	margin: 0;
	padding: 5px 0;
	text-align: center;
	}

.banner {
	clear:both;
	/*border: 1px #CCC dotted;*/
	}
.banner h2 {
	color: #FFF;
	float: left;
	width: 316px;
	display: inline;
	margin-bottom:1px;
	margin-right: 1px;
	}
.banner h2#school {
	margin-right: 0;
	}
.banner div {
	clear:both;
	background-color: #444;
	background-color: #FF5300;
	height: 10px;
	}
	
.banner h2#office {
	background-color: #FF5300;
	}
.banner h2#bar {
	background-color: #84BF15;
	}
.banner h2#school {
	background-color: #2BBACA;
	}
/*
.banner h2#office:hover {
	background-color: #FF5300;
	}
.banner h2#bar:hover {
	background-color: #84BF15;
	}
.banner h2#school:hover {
	background-color: #2BBACA;
	}*/
.banner h2#bar:hover,
.banner h2#school:hover {
	background-color: #444;
	}
	
#office:hover h2, #office:hover div { background: #FF5300; }
#bar:hover h2, #bar:hover div { background: #84BF15; }
#school:hover h2, #school:hover div { background: #2BBACA; }