/*
Theme Name: WP Press
Theme URI: http://simad.ca/
Description: A multiple column theme to support a rich high school website.
Author: M. Carlucci
Version: 0.1
*/

/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */

/*
NOTES: Some of the defaults have been altered to personal preferences.
*/

html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code, del, dfn, 
em, font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, 
legend, table, caption, tbody, tfoot, thead, tr, th, td {background: transparent; border: 0; margin: 0; padding: 0; vertical-align: baseline;}
body {font-family: 'Lucida Grande', Helvetica, Arial, sans-serif; font-size:100%; line-height:1.125em; /* 16×1.125=18 */}
h1, h2, h3, h4, h5, h6 {clear: both; font-weight: normal; line-height:100%;}
ol, ul, li {list-style: none;}
blockquote {quotes: none;}
blockquote:before, blockquote:after {content: ''; content: none;}
del {text-decoration: line-through;}
table {border-collapse: collapse; border-spacing: 0;} /* tables still need 'cellspacing="0"' in the markup */
a img {border: none;}
a { text-decoration:none; }

/* =Layout
-------------------------------------------------------------- */

/*
LAYOUT: Three columns
DESCRIPTION: Three-column fixed 960px layout with left (367px) and center (367px) columns to access articles and right (226px) sidebar to access various additions.  
NOTE: Using CSS 2.0 Box Model (content-box), so padding adds to width.
*/

body { background: #ebe7de url('images/bg.jpg') no-repeat; margin: 20px 0 0 25px; }

#container { width: 960px; }

#mast { background: url('images/header.png'); float:left; height: 198px; width: 720px; } 

#menu { float:left; text-align: right; width: 240px; }
	#menu li { padding: 2px 0;  }
	#menu a { border: none; color: #111; display: inline-block; font-weight: bold; font-size: 1.125em; height: 22px; padding: 7px 10px 0 10px; width: 160px; text-shadow: 0px 0px 3px #eee;  }
		.menu-item-1356 a { background: url('images/menu1.png'); }
		.menu-item-1341 a { background: url('images/menu2.png'); }
		.menu-item-1357 a { background: url('images/menu3.png'); }
		.menu-item-1369 a { background: url('images/menu4.png'); }
		.menu-item-1358 a { background: url('images/menu5.png'); }
		.menu-item-1342 a { background: url('images/menu5.png'); }
	#menu a:hover { display: inline-block; text-align: left; width: 200px; }
		
#banner { background: #111; color: #fff; font-size: 0.625em; padding: 0 10px 0  0; text-align: right; width: 950px; }

#left { float: left; padding: 10px 15px 10px 0; width: 352px; }

#center { border-left: dotted 1px #111; float: left; padding: 10px 5px 10px 5px; width: 356px; }

#right { border-left: dotted 1px #111; float: left; padding: 10px 0 10px 15px; width: 210px;  }
	
#footer { border-top: dotted 1px #111; padding: 10px 0 0 0; }

#about { float: left; max-width: 719px; padding: 10px 15px 10px 0; }

#special { border-left: dotted 1px #111; float: left; padding: 10px 15px 10px 15px; width: 336px; }

#address { border-left: dotted 1px #111; float: left; padding: 10px 0 10px 15px; width: 210px; }

.clear { clear: both; }


/* =Tag Styles
-------------------------------------------------------------- */

/*
DESCRIPTION: Styles for HTML tags, no class or id formatting.
*/

a { color: #555 }
a:hover { border-bottom: dashed 1px #050; color: #050; }
h1 {font-size: 1.5em; }
	h1 a { color: #111; font-weight: bold; }
	h1 a:hover { border: none; color: #050; }
h2 {font-size: 1.125em;}
	h2 a { color: #111; font-weight: bold; }
	h2 a:hover { border: none; color: #050; }
p { padding: 0 0 10px 0; }


/* =Class and Id Styles
-------------------------------------------------------------- */

/*
DESCRIPTION: Styles for class or id formatting.
*/

#header li, #left li, #left p, #center li {font-size: .875em}
#left li { padding-left: 10px; }
	#left li li { padding-left: 20px; }
.entry { padding: 0 0 10px 10px; }
.entry span { color: #555; font-style: italic; font-size: 0.875em; font-weight: bold; }
.entry h2 { margin-left: -10px; padding: 0 0 5px 0;}
.entry h3 { font-size: 1em; font-weight: bold; }
#center li { font-style: italic; padding: 0 0 0 10px; }
	.section { padding: 5px 10px; border-top: dotted 1px #111; }
		.section a:hover {font-weight: bold; }
#right, #footer { font-size: 0.75em; }
	.infobox { padding-bottom: 15px; }
	.infobox h1 { font-size: 1.125em; font-weight: bold; };
#footer span { display: inline-block; padding: 5px 0 0 0; text-align: right; width: 100%; }