/*  
Theme Name: Louis Braille School
Theme URI: http://louisbrailleschool.org/
Description: Louis Braille School
Version: 
Author: 
Author URI: 

	Based on Kubrick, the default WordPress Theme that was built by Michael Heilemann,
*/

/* global stuff */
/* zero margins and padding */
* {margin:0; padding:0;}
/* add standard margins and padding for some tags */
p {margin: 1.2em 0;}
hr {margin-top: 2em; margin-bottom: 2em;}

body {font-size: 98%; margin: 3px 0; 
font-family: "MS Trebuchet", Verdana, Arial, sans-serif;
background: #4974AB url(http://louisbrailleschool.org/global-image/gradient.jpg) repeat-x top fixed;   
line-height: 160%; word-spacing: .01em; letter-spacing:.01em; color: #444; text-align: center;}

/* styles in order of page structure */
#skiplinks {text-align:right; background-color:#000; padding:0 .5em 0 0;}
#skiplinks li {list-style-type:none; background:#000; display:inline; text-align:right; }
#skiplinks li a {color:#fff; padding-left:.4em; font-size:.7em; padding: .25em; text-decoration: none; font-weight: bold;}
#skiplinks li a:hover {background-color: yellow; color: blue;}

#page {background-color: #fff; margin: 2px auto; /*max-width: 990px; min-*/width: 790px; border: 1px solid #959596; text-align: left;}

/* begin header */
#header {background-image: url(http://louisbrailleschool.org/global-image/white-louis-braille-school.jpg);}
#header {background-color: #73a0c5; margin: 0px; height: 150px; width: 100%; border-bottom: 1px solid #295182; }
#headerimg {height: 150px; width: 62%; float: left;}
#headerimg img {float: left; padding-left: 18px; padding-top: 5px;}
#tagline {color: #b51032; font-family: "MS Trebuchet", Verdana, Arial, sans-serif; font-size:115%; line-height:1.25em;
margin: 5px 0 0 225px;}
h1, h1 a, h1 a:hover, h1 a:visited, #headerimg .description {text-decoration: none; color: black;}
h1 {font-size: 2.5em; font-style: italic;  font-family: Georgia, "Times New Roman", Times, serif; font-weight: normal; 
padding: 20px 0px 20px; margin-left: 18px; letter-spacing: .07em;}

/* Begin Topbox */
#topbox ul p, #sidebar ul select, #topbox ul p {margin: 5px 0px 8px;}
#topbox ul ol {margin-left: 8px; background: #f4e9e5;}
#topbox {border: 1px solid #f4e9e5; background: #f4e9e5; margin: 5px 2px 5px 25px;padding: 0 0 0 1px; display: block;width: 31%;float: right;text-align: left;font-size: 86%;color: #000;}
#topbox ul {margin: 0px 0;padding: 0px 0;list-style: none;}
#topbox ul ul {margin: 0 -1px 0 0px;padding: 0;}
#topbox ul ul ul {margin: 0 0 0 10px;padding: 0;}
#topbox li {padding: 0;margin: 0px; list-style-type: none;}
#topbox li a {text-indent: 5px;display: block; width: 100%;text-decoration: none; border: solid 1px #fff; padding: 0px; margin: 1px 0;
/* To "tap in to place", use the !important trick for non IE browsers */
width: 99.3% !Important;width: 100%;}
#topbox li a:link, #topbox li a:visited  {background-color: #f4e9e5; color: #000; border: solid 1px #fff;}
#topbox li a:hover, #topbox li a:active {background-color: #b51032; color: #fff;  border: solid 1px #000;}
#topbox h2 {font-size: 125%; font-weight: normal; text-decoration: none; padding: 5px 1px 3px 1px; margin: 0; font-family: "MS Trebuchet", Verdana, Arial, sans-serif;}
#topbox form {width: 95%; padding: 5px 5px 20px 5px; background: #fff;}
#topbox table {margin: 1px; background: #fff;}

/* end header */

#content {float: left; width: 100%; font-size: .99em; padding:0px; text-align: left; 
/* background:url(http://louisbrailleschool.org/global-image/background for content bottom) bottom right no-repeat; */}
#content ul { list-style:none; padding: .2em 0;}
#content li { padding:.2em 0em .6em 3em;}
#content p {margin-left: 18px; margin-right: 30px;}
#content .entry {line-height: 1.4em;}
#content .postmetadata {text-align: center; width: 55%;}
#content .postmetadata {padding-top: 5px;}
.postmetadata {clear: left;}
#content a {color: #06c; background-color: #fff; text-decoration: underline;}
#content a:visited {color: #b51032; background-color: #fff}
#content a:hover {color: #fff; background-color: #b51032;}
#content .post li {margin-right: 14px;}

hr {display: none;}
.post {margin: 0 0 35px 23px;}
.post hr {display: block; width: 40%; margin-left: 17%; background-color: #f4e9e5;}
.entry p a:visited {color: #b85b5a;}

/* begin footer */
#footer p {margin: 0; padding: 12px 0; text-align: center; line-height: 1.5em;}
#footer {margin: 0 auto; width: 100%; clear: both; background: #f4e9e5 url(http://louisbrailleschool.org/global-image/peaches2.jpg) repeat-x bottom; 
border: none; font-size: 85%;}
/* end footer */

/* end of css in order of structure */

.alt {background-color: #f8f8f8; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd;}
small {font-family: Arial, Helvetica, Sans-Serif; font-size: 0.9em; line-height: 1.5em;}

/*	Begin Headers */
h2, h3, h4, h5 {font-family: Georgia, "Times New Roman", Times, serif; color: #b51032; background-color: #fff; font-weight: normal; line-height: 115%;}
.post h2 {font-size: 160%; margin-top: 5px;}
h2.pagetitle {text-align: center;}
h3 {font-size: 145%; margin-top: 30px;}
h3.comments {margin: 40px 0px 20px 25px;}
h3#respond {margin: 40px 0px 10px 25px;}
h4 {font-size: 130%; margin-top: 30px;}

h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited {#330300}
/* h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited, #wp-calendar caption, cite {text-decoration: none;} */
.post h2 a, .post a {text-decoration: underline;}
.post h2 a:visited {color: #b51032; background-color: #fff}
.post h2 a:hover {color: #fff; background-color: #b51032;}
.post h2 a:active {}
 /* End Headers */

.commentlist li, #commentform input, #commentform textarea {font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif;}
.commentlist li {font-weight: bold;}
.commentlist cite, .commentlist cite a {font-weight: bold; font-style: normal; font-size: 1.1em;}
.commentlist p {font-weight: normal; line-height: 1.5em; text-transform: none;}
#commentform p {font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;}
.commentmetadata {font-weight: normal;}

small, #sidebar ul ul li, #sidebar ul ol li, .nocomments, .postmetadata, blockquote, strike {color: #777;}

code {font: 1.1em 'Courier New', Courier, Fixed;}
acronym, abbr, span.caps {font-size: 0.9em; letter-spacing: .07em;}

#wp-calendar #prev a, #wp-calendar #next a {font-size: 9pt;}
#wp-calendar a {text-decoration: none;}
#wp-calendar caption {font: bold 1.3em 'Lucida Grande', Verdana, Arial, Sans-Serif; text-align: center;}
#wp-calendar th {font-style: normal; text-transform: capitalize;}

/* Begin Images */
p img {padding: 2px; max-width: 100%; border: solid 5px #f4e9e5;}
img.centered {display: block; margin-left: auto; margin-right: auto;}
img.alignright {margin: 0 0 2px 8px; display: inline;}
img.alignleft {margin: 0 8px 2px 0; display: inline;}
.alignright {float: right;}
.alignleft {float: left}
/* End Images */


/* Begin Entry Lists
	Special stylized non-IE bullets
	Do not work in Internet Explorer, which merely default to normal bullets. */

.entry ul li:before, /*#sidebar ul ul li:before*/ {content: "\00BB \0020";} 
.entry ol {padding-left: 50px;}
.postmetadata ul, .postmetadata li {display: inline; list-style-type: none; list-style-image: none;}
ol li, #sidebar ul ol li {list-style: decimal outside;}
/* End Entry Lists */


/* Begin Form Elements */
#searchform {margin-left: 5px;}
#sidebar #searchform #s {width: 65%; margin-left: 10px;}

.entry form { /* This is mainly for password protected posts, makes them look better. */
	text-align:center;}

select {width: 130px;}

#commentform input {width: 170px; padding: 2px; margin: 5px;}
#commentform textarea {width: 100%; padding: 2px; margin: 5px;}
#commentform #submit {float: right;}
form#commentform p {margin: 10px 40px 10px 40px;}
/* End Form Elements */


/* Begin Comments*/
.alt {padding: 10px;}
.commentlist li {margin: 15px 0 3px; padding: 5px 10px 3px; list-style: none;}
.commentlist p {margin: 10px 5px 10px 0;}
#commentform p {margin: 5px 0;}
.nocomments {text-align: center;}
.commentmetadata {display: block;}
/* End Comments */


/* Begin Sidebar */
#sidebar ul p, #sidebar ul select {margin: 5px 0px 8px;}
#sidebar ul ol {margin-left: 8px; background: #f4e9e5;}

/*#sidebar {background: #f4e9e5 url(http://louisbrailleschool.org/global-image/peaches.jpg) repeat-x bottom;}
 #sidebar {background: url(http://background or use a watermark for sidebar) center no-repeat; } */

#sidebar{margin: 0 0 10px 25px;padding: 0;display: block;width: 32%;float: right;text-align: left;font-size: 85%;color: #000;}
#sidebar ul{margin: 0;padding: 0;list-style: none;}
#sidebar ul ul{margin: 0 3px 0 3px;padding: 0;}
#sidebar ul ul ul{margin: 0 0 0 5px;padding: 0;}
#sidebar ul ul ul{margin: 0 0 0 10px;padding: 0;}
#sidebar li{padding: 0;margin: 0;}

#sidebar li a {text-indent: 5px;display: block; width: 100%;text-decoration: none; border: solid 1px #fff; padding: 0px; margin: 1px 0;
/* To "tap in to place", use the !important trick for non IE browsers */
width: 99.3% !Important;width: 100%;}
#sidebar li a:link, #sidebar li a:visited {background-color: #f4e9e5; color: #000; border: solid 1px #fff;}
#sidebar li a:hover, #sidebar li a:active {background-color: #b51032; color: #fff;  border: solid 1px #000;}

#sidebar h2 {font-size: 125%; font-weight: normal; text-decoration: none; padding: 10px 0 3px; margin: 0; font-family: "MS Trebuchet", Verdana, Arial, sans-serif;}

#sidebar form {width: 95%; padding: 5px 5px 20px 5px; background: #fff;}
#sidebar table {margin: 1px; background: #fff;}
#sidebarsearch {text-align: right; background: #fff; margin: 1px 10px; padding: 0;}
#sidebarsearch ul, #sidebarsearch li  {margin: 0; padding: 0;}
#sidebarsearch #searchform #s {width: 24%; margin-left: 10px;}
/* End Sidebar */


/* horizontal quickie static nav */
div#navmenu {background: #f4e9e5 url(http://louisbrailleschool.org/global-image/peaches2.jpg) repeat-x bottom; 
border-top: 1px solid #093061; margin-bottom: 5px; padding-left: 5px;}
div#navmenu ul {margin: 0px; text-align: center; font-weight: bold; font-size: .98em; line-height: 2em; white-space: nowrap;}
div#navmenu li {list-style-type: none; display: inline;}
div#navmenu li a {text-decoration: none; padding: 5px 9px; color: black;}
div#navmenu li a:link {color: #05a;}
div#navmenu li a:hover {color: #fff; background-color: #b51032;}

.staff p img {clear: left;}
.staff h4 {text-align: center; }


/* Begin Calendar */
#wp-calendar {empty-cells: show; margin: 10px auto 0; width: 155px;}
#wp-calendar #next a {padding-right: 10px; text-align: right;}
#wp-calendar #prev a {padding-left: 10px; text-align: left;}
#wp-calendar a {display: block;	}
#wp-calendar caption {text-align: center; width: 100%;}
#wp-calendar td {padding: 3px 0; text-align: center;}
#wp-calendar td.pad:hover { /* Doesn't work in IE */
	background-color: #fff; }
/* End Calendar */


/* Begin Various Tags & Classes */
acronym, abbr, span.caps {cursor: help;	}
acronym, abbr {	border-bhttp://louisbrailleschool.org/wp-admin/theme-editor.php}

blockquote {margin: 15px 30px 0 10px; padding-left: 18px; border-left: 5px solid #ddd;}
blockquote cite {margin: 5px 0 0; display: block;}

.center {text-align: center;}

a img {border: none;}

.caption {font-variant: small-caps; font-weight: bold; font-size: 90%; margin: 6px 0px; text-align: center;}
.leftcaption {font-variant: small-caps; font-weight: bold; font-size: 90%; margin: 0px 15px 5px 5px; float: left; text-align: center;} 
.leftcaption img, .rightcaption img {margin: 10px 0 0;} 
.rightcaption {font-variant: small-caps; font-weight: bold; font-size: 90%; margin: 0px 15px 5px 5px; float: right; text-align: center;}  

.also {margin-top: 50px; margin-right: 15px;}


/* numbered page to page navigation, auction and elsewhere */
#content .numbernav li {font-size: 85%; border: solid 1px #fff; font-variant: small-caps; display: inline; 
padding: 3px 0px; letter-spacing: .04em;}
#content .numbernav li a {padding: 1px;}
#content .numbernav .current {background-color: #b51032; border: solid 1px #000; color: #fff; text-decoration: none; padding: 1px;}
#content .numbernav {padding: 3px 0 1px 0px; }
#content .numbernavb {font-family: Georgia, "Times New Roman", Times, serif; font-size: 122%; letter-spacing: .05em; 
padding: 25px 0 2px;}



/* auction styles */
.category {font-size: 155%; letter-spacing: .06em; color: black; background-color: #F4E9E5; padding-top: 50px; padding-left: 3px; 
margin-top: 30px; clear: both; width: 61%;}
.description, .donator, .value {font-variant: small-caps; font-weight: bold; padding: 2px;}
.description {padding-left: 0px;}
.donator {float: left; padding-left: 25px; }
.value {display: inline; float: right; padding-right: 50px;}

.braillechart2 {width: 450px;}
.keyboardchart, .braillechart, .braillechart2 {text-align: center; font-weight: bold; font-size: 105%;}
.braillechart, .braillechart2 {margin: 15px 1%; line-height: 2.5em;}
.keyboardchart {margin: 2px 0px; background-color: #fff; width: 722px;}
.keyboardchart td {background-color: #F4E9E5;  border: 1px solid #999;}
.braillechart td, .braillechart2 td  {padding:6px 2px;}
.keyboardchart img, .braillechart img {border: 1px solid #999;}

/* For blog navigation */
.navigation {display: block; text-align: center; margin-top: 0px; margin-bottom: 70px; margin-left: 7px;}
/* End Various Tags & Classes*/

/*styling for contact form*/
body div.formcontainer span.required {color: #FF0000;}

body div.formcontainer p.error, body div.formcontainer p.important, body div.formcontainer p.information, body div.formcontainer p.success {
border-top: 1px solid #eee; color: #442; line-height: 250%; text-align: center;}

body div.formcontainer p.error {background: #fbfbee url('error.png') no-repeat 12px 50%;
border-bottom: 2px solid #eee;}

body div.formcontainer p.important {background: #fbfbee url('important.png') no-repeat 12px 50%;
border-bottom: 2px solid #eee;}

body div.formcontainer p.information {background: #fbfbee url('information.png') no-repeat 12px 50%;
border-bottom: 2px solid #eee;}

body div.formcontainer p.success {background: #fbfbee url('success.png') no-repeat 12px 50%;
border-bottom: 2px solid #eee;}

body div.formcontainer form.contact-form fieldset {background: #fff;
color: #333333; margin: 1.5em 0 2em 0; border: none; padding: 0;}

body div.formcontainer form.contact-form fieldset legend {text-transform: uppercase; margin: .3em 0 0 0; text-align: left; padding: 0;}

body div.formcontainer form.contact-form fieldset div.form-label {float: left; line-height:150%; margin: 0; padding:1em 0 0 0;
text-align:left;}

body div.formcontainer form.contact-form fieldset div.form-input,
body div.formcontainer form.contact-form fieldset div.form-textarea {margin: 1em 0 0 88px;}

body div.formcontainer form.contact-form fieldset div.form-input input,
body div.formcontainer form.contact-form fieldset div.form-textarea textarea {padding: 0.3em; width: 100%;}

body div.formcontainer form.contact-form fieldset div.form-input input.error {background-color: #FBF4E2;}

body div.formcontainer form.contact-form fieldset div.form-option,
body div.formcontainer form.contact-form fieldset div.form-submit {display: block;
float:none; margin: 1em 0 0 0; text-align: left;}

body div.formcontainer {width: 455px;padding-left: 17px;}