/*
Theme Name: Braille
Theme URI: http://martinhipp.com/braille/
Description: Braille is a simple 2 column theme based on the default theme for Typo, Azure, for WordPress 1.5 and above.
Version: 0.1 Beta
Author: Martin Hipp
Author URI: http://martinhipp.com/
*/

/* Braille Styles
------------------------------ */


.post center a {
font-weight: bold;
font-size: 16px;
text-decoration: underline;
}
.post {
text-align: justify;
}


html, body {
	padding: 0;
	margin: 0;
	text-align: center;
	background-color: #8AB3D1;
	font: 13px Arial, Verdana, Helvetica, sans-serif;
	color: #333;
}

h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
}

a {
	color: #427DAE;
	text-decoration: none;
}
	
a:hover { color: #85AB02; }
blockquote { margin:0 10px; }

blockquote p {
	border-left: 4px solid #D8D8D8;
	padding-left:10px;
	background: transparent;
}

/* Structure
------------------------------ */

#container {
	border-width: 4px;
	border-style: solid;
	border-color: #72A0C8;
	margin: 20px auto;
	width: 750px;
}

#wrapper {
	width:736px;
	margin:0 auto;
	background: #FFF url('images/sbar-tile.png') right repeat-y;
	border: 7px solid #FFF;
	text-align: left;
}

/* Header
------------------------------ */

#header {
	display:block;
	height:140px;
	color:#FFF;
	position:relative;
	border-bottom: 7px solid #FFF;
	text-align:right;
}

#logo {
	background: url('images/hdr.png') repeat-x;
	width: 496px;
	height: 90px;
	padding-top: 50px;
	text-align: center;
	float: left;
}

#logo h1 a, #logo h1, #search h1 a, #search h1 {
	color: #FFF;
	text-decoration: none;
	border: none;
	font-weight: normal;
	margin-top: -5px;
}

#logo h2, #search h2 { 
	color: #ffffff;
	/*color: #D3E0EA;*/
	padding-top: .0em;
	font-size: 10px;
	text-decoration: none;
}

#search {
	background: url('images/hdr2.png') repeat-x;
	width: 233px;
	height: 80px;
	padding-top: 60px;
	text-align: center;
	font-size: 10px;
	float: right;
}

/* Search
------------------------------ */

#search input {
	background: #FFF url('images/textfield.png') no-repeat;
	border-width: 1px 1px 1px 0;
	border-style: solid;
	border-color: #8BAE48 #D6F790 #D6F790 #8BAE48;
	width: 100px;
	font-size: 11px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	padding: 3px;
	padding-left: 4px;
}

#search input.button {
	background: url('images/search.png') repeat-x;
	border-width: 1px;
	border-style: solid;
	border-color: #91BCDB #4E87B4 #4E87B4 #91BCDB;
	width: 30px;
	color: #D3E0EA;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	padding: 0 0 2px 0;
}


/* Content
------------------------------ */

#content {
	width:494px;
	float:left;
	padding: 1px;
	margin-top: -12px;
}

#sidebar {
	background:#F8F2E5;
	width:207px;
	float:right;
	padding: 13px;
	color: #5189B5;
}

/* Posts
------------------------------ */

.post {
	border-bottom: 1px solid #F2F2F2;
	padding: 15px 0 0 0;
	line-height: 20px;
}

.post h2 {
	font: normal 18px Arial, Verdana, Helvetica, sans-serif;
	margin-bottom: -10px;
}
	
.post h2 a {
	color: #5189B5;
	text-decoration: none;
	border: none;
}
	
.post h2 a:hover { color: #85AB02; }
	
p.meta {
	font-size: 75%;
	text-align: left;
	margin-right: 5px;
}
	
p.auth {
	padding: 0 0 0 10px;
	font-size: 10px;
	margin-left: 10px;
	line-height: 11px;
	font-weight: bold;
	color: #9A9A9B;
	background: url(images/bracket.png) no-repeat;
}

/* Sidebar
------------------------------ */

#sidebar h2 {
	font: 14px Arial, Verdana, Helvetica, sans-serif;
	color: #D75A20;
	margin-bottom: 7px;
	list-style-type: none;
}
 		
#sidebar h2 a { color: #D75A20; }
#sidebar h2 a:hover { color: #85AB02; }

#sidebar ul {
	margin: 0 0 15px 5px;
	padding: 0;
	list-style-type: none;
	font-size: 13px;
}
 		
#sidebar ul li { 
	background: url(images/bullet.png) 0 45% no-repeat;
	padding: 2px 0 0 17px;
	line-height: 16px;
}

.links {
	background: transparent;
	margin-left: -5px;
}

.links ul li#linkcat-1, .links ul li#linkcat-2, .links ul li#linkcat-3, .links ul li#linkcat-4 {
	list-style-type: none;
	background: transparent;
	padding: 0;
}

/* uncomment this if you have more than 4 link categories
----------------------------------------------------------
.links ul li#linkcat-5, .links ul li#linkcat-6, .links ul li#linkcat-7, .links ul li#linkcat-8 {
	list-style-type: none;
	background: transparent;
	padding: 0;
}
*/

/* Footer
------------------------------ */

#footer {
	display:block;
	padding:12px;
	background:#D3E0EA;
	border-top: 7px solid #FFF;
	text-align: center;
	font-size: 10px;
	color: #427DAE;
	clear:both;
}

/* Comments
------------------------------ */

#comments h3.comment {
	border-bottom: 1px solid #F1F1F1;
	margin: 0;
	padding: 0 0 20px 0;
}

#commentform {
	background: #FFF;
	padding: 20px;
	border: 1px solid #EFEFEF;
	border-bottom: none;
	margin-top: 8px;
}

#comments input {
	background: #FFF url('images/textfield.png') no-repeat;
	border-width: 1px;
	border-style: solid;
	border-color: #CCC #EEE #EEE #CCC;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	padding: 3px;
	padding-left: 4px;
	width: 200px;
}

#comments textarea {
	background: #FFF url('images/textfield.png') no-repeat;
	border-width: 1px;
	border-style: solid;
	border-color: #CCC #EEE #EEE #CCC;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	padding: 3px;
	padding-left: 4px;
	width: 445px;
}

.color1 {
	background:#FCFCFC;
	padding: 10px;
	border: 1px solid #EFEFEF;
	border-top: none;
}

.color2 {
	background:#F8F8F8;
	padding: 10px;
	border: 1px solid #EFEFEF;
	border-top: none;
}

.color1 p { margin: 10px 0 0 0; }
.color2 p { margin: 10px 0 0 0; }

#comments input#submit {
	background: url('images/search.png') repeat-x;
	border-width: 1px;
	border-style: solid;
	border-color: #91BCDB #4E87B4 #4E87B4 #91BCDB;
	color: #D3E0EA;
	font-size: 11px;
	padding: 4px;
	width: 70px;
	margin: 0px;
}

/* Pages
------------------------------ */

.page {
	border-bottom: 1px solid #F2F2F2;
	padding: 15px 0 0 0;
	line-height: 20px;
}

.page h2 {
	font: normal 18px Arial, Verdana, Helvetica, sans-serif;
	margin-bottom: 3px;
}
	
.page h2 a {
	color: #5189B5;
	text-decoration: none;
	border: none;
}
	
.page h2 a:hover { color: #85AB02; }