/*
Theme Name: SimplicityBright
Theme URI: http://www.koch-werkstatt.de/2007/03/24/wordpress-theme-simplicity/
Description: Designed by <a href="http://www.koch-werkstatt.de" title="Kochwerkstatt">Karsten Kuhnen</a>.
Author: Karsten Kuhnen
Author URI: http://www.koch-werkstatt.de
Tags: white, simple, fixed width, two columns
Version: 0.3

Notes: Inspired and created for minimalist, content focused blogs or websites. Customize, edit, poke,  prod, and adapt to your own style.

Please leave credit where credit is due so that others may find the source for your site and adapt a suitable version for their own website.

The CSS, XHTML and design is released under the GPL:
http://www.opensource.org/licenses/gpl-license.php
*/

html, body {
	margin: 0;
	padding: 0;
	text-align: center;
}
body {
	background: url("./images/bg.jpg") repeat-x fixed left top #A3C7EB;
	font: 12px Verdana, Arial, 'Helvetica', sans-serif;
	padding: 0;
}
blockquote {
	border-left: 1px solid #326ea1;
	color: #555555;
	font-size: 1.00em;
	padding-left: 10px;
	padding-right: 10px;
	margin: 0 30px;
}
a {
	color: #056AC9;
	text-decoration: none;
	outline: none;
}
a:hover {
	color: #669933;
}
code {
	background: #f5f5f5;
	border: 1px solid #cccccc;
	color: #555555;
	font: 11px Verdana, Arial, 'Helvetica', sans-serif;
	padding: 10px;
	text-align: left;
}

/*#####################*/
/*### Headlines ###*/
/*#####################*/
h1 a {
	/*color: #326ea1;*/
	font-weight: 100;
	font: 20px Verdana, Arial, 'Helvetica', sans-serif;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	text-decoration: none;
	display: block;
}
h1 {
	color:#000000;
	font-weight: 100;
	font: 24px Verdana, Arial, 'Helvetica', sans-serif;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	text-decoration: none;
}
h2, h2 a {
	font-weight: 100;
	margin: 0;
	padding: 0;
}
h3, h3 a {
	font-weight: 100;
	margin: 15px 0 0px 0;
	padding: 0;
}
h4 {
	color: #326ea1;
	font: 12px Verdana, Arial, 'Helvetica', sans-serif;
	font-weight: normal;
	margin: 0;
	padding: 0;
}
img {
	border: none;
}
ol, form {
	margin: 0;
	padding: 0;
}
p {
	line-height: 1.7em;
	text-align: justify;
}
.entry {
	text-align: justify;
}
small {
	font-size: 10px;
}
#page {
	background:url("images/pagebody.png") repeat-y scroll 0 0 #FFFFFF;
	margin: 0 auto;
	padding: 0;
	text-align: left;
	width: 940px;
	border:3px solid #000;
}

/*################*/
/*### Header   ###*/
/*################*/
#header {
	background: url('./images/header-1.png');
	overflow: hidden;
	color: #383d44;
	font-size: 13px;
	height: 300px;
	margin: 0 auto;
	text-align: left;
	padding: 0 0 0 0;
}
#header a {
	color: #383d44;
}
#header a:hover {
	color: #669933;
}
#blogname {
	padding-top: 60px;
}
#header h2 {
	float: left;
	font: 30px Georgia, 'Times New Roman', Times, serif;
	margin:0;
	padding: 0px 15px 0 0;
	border-right:1px solid #cccccc;
}
#header h2 a {
	text-decoration:none;
}
#header p {
	padding: 13px 0 0 10px;
	margin:0;
	line-height: 1em;
}

/*###################*/
/*### Topmenu ###*/
/*###################*/
#top {
	background: #72A6D6;
	border:2px solid #000;
	height: 25px;
	margin: 0 auto;
	width:100%;
	text-align: center;
	overflow: hidden;
	border-right:none;
	border-left:none;
}
#topbar {
	height: 25px;
	width: 940px;
	margin: 0 auto;
	padding: 0;
	text-align: center;
}
ul.topmenu {
	background: transparent;
	float: left;
	margin: 0 auto;
	padding: 0;
	list-style-type: none;
}
ul.topmenu li {
	float: left;
}
ul.topmenu li a {
	float: left;
	display: block;
	height: 25px;
	padding: 5px 10px;
	color: #FFF;
}
ul.topmenu li a:hover {
	color: #000;
	text-decoration: none;
}

/*################*/
/*### Content  ###*/
/*################*/
#content {
	background: transparent;
	border: none;
	color: #282828;
	float: left;
	margin: 20px 0px 30px 0px;
	padding: 0 15px 0 0px;
	text-align: left;
	width: 625px;
}
#content a:hover {
	background: transparent;
	text-decoration: none;
}
#content img {
	margin: 10px;
	_margin: 10px;
	background-color: transparent;
}
#content a:hover img {
	background: transparent;
}
#content h1 a:hover {
	background: transparent;
	text-decoration: underline;
}
#content h2 a:hover {
	background: transparent;
	text-decoration: none;
}
#content h3 a {
	text-decoration: none;
}
#content h3 a:hover {
	background: transparent;
	text-decoration: none;
}
#content ul {
	list-style-type: circle;
	margin: 0 0 0 25px;
	padding:  0 0 0 0;
}
#content ul li {
	margin: 0;
	padding: 5px;
}

/*############################*/
/*#### Comments #### */
/*############################*/
#comment {
	background: #fafafa;
	border: 1px solid #cccccc;
	color: #444444;
	font-size: 13px;
	padding-left: 2px;
	vertical-align: middle;
	width: 510px;
}
.commentbody {
	background: #fafafa;
	border: 1px solid #cccccc;
	color: #444444;
	font-size: 13px;
	margin: 0 0 10px 0;
	padding: 15px 15px 5px 15px;
	position: relative;
	-moz-border-radius: 10px;
}
.commentbody a {
	color: #aa0000;
	text-decoration: none;
}
.commentbody a:hover {
	color: #2d5175;
	text-decoration: none;
}
.commentbody p {
	line-height: 1.2em;
}
.commentlink {
	font-size: 13px;
}
.commentlist {
	list-style: none;
}
.gravatar {
	background-color: inherit !important;
	padding: 4px !important;
	border: 1px solid #eaeaea !important;
}
* html .gravatar {
	position: relative;
}
#email, #author {
	background: #fafafa;
	border: 1px solid #cccccc;
	color: #444444;
	font: 12px Verdana, Arial, 'Helvetica', sans-serif;
	padding-left: 5px;
	vertical-align: middle;
}
#url {
	background: #fafafa;
	border: 1px solid #cccccc;
	color: #444444;
	font: 12px Verdana, Arial, 'Helvetica', sans-serif;
	height: 16px;
	padding-left: 5px;
	vertical-align: middle;
}
#submit {
	background: #fafafa;
	border: 1px solid #cccccc;
	color: #444444;
	font: 12px Verdana, Arial, 'Helvetica', sans-serif;
	margin: 0;
	padding: 0 10px;
}
textarea {
	overflow:auto;
}

/*################*/
/*#### Footer ####*/
/*################*/
#footer {
	background: #000;
	clear: both;
	color: #CCC;
	padding: 0 25px;
	padding-left: 50px;
	height:auto;
	display: inline-block;
	width:865px;
}
#footer p {
	line-height: 1.7em;
}

/*################*/
/*### Suchfeld ###*/
/*################*/
.s {
	background: transparent;
	border: 0px solid #c7c7c7;
	color: #383d44;
	font: 12px Verdana, Arial, 'Helvetica', sans-serif;
	height: 15px;
	padding-left: 3px;
	vertical-align: middle;
	width: 220px;
}

/*################*/
/*#### SIDEBAR ###*/
/*################*/
#sidebar {
	width: 225px;
	text-align: left;
	float: left;
	margin: 20px 0px 30px 0px;
	padding: 0;
	padding-right:25px;
	padding-left:25px;
	color: #383d44;
	font-size:11px;
}
.sidelist {
	background: transparent;
	margin: 0 0 20px 0;
	padding: 0;
}
#sidebar ul {
	list-style: none;
	margin: 0;
	padding: 0;
	border: none;
}
#sidebar li {
	border-bottom: 1px solid #cccccc;
	margin: 0;
	padding: 0;
	display: block;
}
#sidebar li.linkcat, #sidebar li.categories, #sidebar li.pagenav {
	border-bottom: 0px solid #cccccc;
	margin: 0;
	padding: 0;
	display: block;
}
#sidebar li a {
	display: block;
	background-color: transparent;
	color: #383d44;
	padding: 5px 5px 5px 5px;
	text-decoration: none;
	border-bottom: 0;
}
#sidebar li a:hover {
	color: #056AC9;
	background-color: #e3e6d7;
	text-decoration: none;
}
#sidebar h2 {
	background: #E4E4E6;
	color: #000;
	font: 18px Arial, 'Helvetica', sans-serif;
	font-weight:bold;
	padding: 3px 0px 3px 0px;
	margin: 0;
	text-align:center;
	margin-bottom:5px;
}
#sidebar p {
	text-align:justify;
}
#wrapper {
	float: left;
	margin: 0;
	padding: 0;
	padding-left:25px;
}
.alignleft {
	float: left;
	text-align: left;
}
.alignright {
	float: right;
	margin-top: -1px;
	text-align: right;
}
.date {
	background: transparent;
	color: #363636;
	font: 11px 'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
}
.postmetadata {
	background: transparent;
	font-style: italic;
	color: #363636;
	line-height: 1.5em;
	padding:3px 3px 3px 3px;
	text-align: center;
	clear:both;
}
.postmetadata a {
	background: transparent;
	color: #363636;
	text-decoration: none;
}
.postmetadata2 {
	background: #eeeeee;
	color: #282828;
	border: 1px solid #cccccc;
	font-size: 11px;
	line-height: 1.3em;
	letter-spacing: 0em;
	margin: 0 0 20px 0;
	padding: 5px;
	text-align: left;
	clear:both;
	-moz-border-radius: 10px;
}

/* different postmetadata style for single.php */
.alt {
	line-height: 1.3em;
	padding: 10px;
}
.alt a {
	background: inherit;
	color: #aa0000;
	text-decoration: none;
}
.commentheader {
	background: inherit;
	font-size: 18px;
	font-weight: lighter;
	text-align: left;
	color: #326ea1;
	padding: 0;
	line-height: 1.5em;
}
.clear {
	clear:both;
}
.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;
	-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-dd {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}
.menu {
	font-family:Verdana;
}
ul.menu {
	margin:0 auto;
	list-style-type:none;
	padding:0;
	font-size:11px;
}
ul.menu li {
	display:inline;
}
ul.menu li a {
	float: left;
	padding: 6px 10px;
	color: #FFF;
	font-weight:bold;
	border-right:2px solid #000;
}
.menu a:hover {
	color: #FFF;
	text-decoration: underline;
	background-color:#1b6197;
}
.banner {
	width: 940px;
	height: 300px;
	padding: 0;
	margin: 0;
	position: relative;
}
ul.banner li {
	list-style:none outside none;
	position:absolute;
}
ul.banner a {
	display:block;
	outline:medium none;
	text-decoration:none;
}
li.humanities {
	left:550px;
	top:53px;
}
li.humanities a {
	height:95px;
	width:143px;
}
li.humanities a:hover {
	background:url("http://i659.photobucket.com/albums/uu319/hopkinsinsider/academics/thumb2-1.png") no-repeat scroll 0 0 transparent;
}
li.social {
	left:698px;
	top:153px;
}
li.social a {
	height:96px;
	width:143px;
}
li.social a:hover {
	background:url("http://i659.photobucket.com/albums/uu319/hopkinsinsider/academics/thumb2-3.png") no-repeat scroll 0 0 transparent;
}
li.natural {
	left:550px;
	top:153px;
}
li.natural a {
	height:96px;
	width:143px;
}
li.natural a:hover {
	background:url("http://i659.photobucket.com/albums/uu319/hopkinsinsider/academics/thumb2-2.png") no-repeat scroll 0 0 transparent;
}
li.engineering {
	left:698px;
	top:53px;
}
li.engineering a {
	height:95px;
	width:143px;
}
li.engineering a:hover {
	background: url("http://i659.photobucket.com/albums/uu319/hopkinsinsider/academics/thumb2.png") no-repeat scroll 0 0 transparent;
}
li.home {
	left:22px;
	top:0px;
}
li.home a {
	height:302px;
	width:441px;
}
img.alignleft, div.alignleft {
	float:left;
	margin:0 0.5em 0.5em 0;
}
img.alignright, div.alignright {
	float:right;
	margin:0 0 0.5em 0.5em;
}
img.aligncenter, div.aligncenter {
	text-align:center;
	margin:0.5em auto;
}
#sidebar li.cat-item-1 {
	display:none;
}
div.border {
	width:665px;
	height:100%;
	border-right:2px solid #000000;
	float:left;
}
