/*  
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: #fcfcf4; margin: 2px auto; width: 900px; border: 1px solid #959596; text-align: left;}

/* begin header */
#header {background: #fcfcf4; margin: 0px; width: 100%; height: 153px}
#headerimg {height: 150px; width: 62%; float: left;}
#headerimg img {float: right; margin: -50px -10px 0 0px; padding-top: 0px;}
#site-description {font-family: "MS Trebuchet", Verdana, Arial, sans-serif; font-size: 130%; line-height: 30px; padding: 10px 0px 0 30px; padding-right: 77px;background: #fcfcf4;}
h1, h1 a, h1 a:hover, h1 a:visited, #headerimg .description {text-decoration: none; color: black;}
#header h1 {font-size: 34px; font-style: italic; font-family: Georgia, "Times New Roman", Times, serif; font-weight: normal; 
padding: 20px 0px 10px 10px; margin-left: 18px; letter-spacing: .07em;}

/* Begin Topbox */
#topbox ul p, #sidebar ul select, #topbox ul p {margin: 3px 5px;}
#topbox ul ol {margin-left: 8px; background: #f4e9e5;}
#topbox {border: 1px solid #f4e9e5; background: #f4e9e5; margin: 5px;padding: 0px 0 0 1px; display: block;width: 33%;float: right;text-align: left;font-size: 86%;color: #000;}
#topbox ul {margin: 0px 0;padding: 0px 0;list-style: none; line-height: 1.6em}

#topbox li {padding: 0;margin: 0px; list-style-type: none; border: 1px solid #fff; }
#topbox li a:link, #topbox li a:visited {background-color: #F4E9E5; color: #000000;}
#topbox li a:hover {background: #b51032; color: #fff}
#topbox li a {padding: 0; text-decoration: underline;}

#topbox h2 {font-size: 125%; font-weight: normal; text-decoration: none; padding: 3px 2px 3px 2px; 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: 99%; font-size: .99em; padding:0px; margin-left: .7%; text-align: left; background: #fcfcf4}
#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; font-weight: normal; line-height: 115%; }
.post h2 {font-size: 160%; margin-top: 5px; background: #fcfcf4}
h2.pagetitle {text-align: center; background: #fcfcf4}
h3 {font-size: 140%; margin-top: 30px;}
h3.comments {margin: 40px 0px 20px 25px; background: #fcfcf4}
h3#respond {margin: 40px 0px 10px 25px; background: #fcfcf4}
h4 {font-size: 130%; margin-top: 30px;}
h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited {#330300}
.post h2 a, .post a {text-decoration: underline;}
.post h2 a:visited {color: #b51032; background-color: #fcfcf4}
.post h2 a:hover {color: #fff; background-color: #b51032;}
 /* 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 {margin: 0 0 10px 25px;padding: 0;display: block;width: 30%;float: right;text-align: left;font-size: 85%;color: #000;}
#sidebar ul{margin: 0;padding: 0;list-style: none;border-bottom: 1px solid #f4e9e5; border-top: 1px solid #f4e9e5}
#sidebar ul ul{margin: 0 3px 0 3px;padding: 0; border-bottom: none;border-top: none}
#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, #sidebar li.current_page_item a {background-color: #b51032; color: #fff;  border: solid 1px #000;}
#sidebar li.current_page_item ul a {background-color: #f4e9e5; color: #000; border: solid 1px #fff;}
#sidebar li.current_page_item ul a:hover {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; background: #fcfcf4}
#sidebar .widget_recent_entries h2.widgettitle {margin-top: -1px}
#sidebar form {width: 95%; padding: 5px 5px 20px 5px; background: #fff; border-right: 4px solid #fff; border-top: 2px solid #f4e9e5; margin-bottom: -1px}
#sidebar li#flexipages-3 {margin: -1px 0px 0px 0}

#sidebar table {margin: 1px;}
#sidebarsearch {text-align: right;  margin: 1px 10px; padding: 0;}
#sidebarsearch ul li {width: 32%; margin-left: 66%; padding: 0 0px 5px 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 #888;margin: 2px 0 10px 0; padding: 1px 0; }
div#navmenu ul {text-align: center}
div#navmenu li {list-style-type: none; display: inline; font-weight: bold; font-size:15px; white-space: nowrap;}
div#navmenu li a {text-decoration: none; color: black; margin: 0 !important}
div#navmenu li a:link {color: #05a; padding: 4px 13px !important;}
div#navmenu li a:hover {color: #fff; background-color: #b51032; border: 1px solid #000; padding: 3px 12px !important}
.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; background: #fff; border: 1px solid #ededed}
.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*/
textarea#si_contact_message1 {width: 500px}

form#feedburner {margin: 2px auto 2px; background: transparent; width: 96.55%}
form#feedburner input {padding: 1px; margin: 1px;}
form#feedburner p a:link {display: inline; padding: 0; margin: 0; text-decoration: underline; border: none}
form#feedburner p {margin: 0 auto}


/* =Print
----------------------------------------------- */
@media print {
body {background: none !important; font-size: 10pt; padding: 0; margin: 0;}
div#sidebar, div#sidebarsearch, div#skiplinks {display: none !important}
}