/*
Theme Name: Piedmont Middle School Theme
Theme URI: http://www.piedmont.k12.ca.us/pms/
Description: Designed specifically for Piedmont Middle School, Piedmont, California.
Version: 1.0
Author: David Mihm
Author URI: http://www.davidmihm.com.com/


*/

body { padding: 0; margin: 0; font-size: 10px; font-family: Georgia, "Times New Roman", Times, serif; color: #000000; text-align: left; width: 100%;  } 

 img, div { behavior: url(http://www.piedmont.k12.ca.us/pms/new/iepngfix.php) }

html, img, p, h1, h2, h3, h4, h5, h6, ul, li {padding: 0; margin: 0; line-height: 1em; position: relative; border: 0; }

table {margin: 10px 0; }

a {color: #320850;}  
a:visited { color: #555555; }
a:hover {color: #a56acf; }


a[href^="http:"] {background: url(http://www.piedmont.k12.ca.us/images/external_link.gif) no-repeat right 3px; padding-right: 11px;}

a[href^="http://www.piedmont.k12.ca.us"], a[href^="http://piedmont.k12.ca.us"], a[href^="http://mail.piedmont.k12.ca.us"], #newparents a[href^="http:"] {background: none; padding-right: 0px;}


.clearboth {clear: both; overflow: visible;  height: 0px;  line-height: 0px; font-size: 0em; margin: 0; padding: 0; width: 100%; } 

#headerwrapper {text-align: center; background: #320850; position: relative; z-index: 1000} 
#header {display: none;}
#header img {margin: 0 auto; vertical-align: bottom; position: relative; bottom: -20px;  }
#printheader {width: 680px; margin: 0; padding: 0; }
#printheader img {width: 680px;} 

p#util {padding: 6px 5px; color: #a56acf; font-size: 11px; margin-left: 180px;}
#util a { color: #bca2cf; }
#util a:hover {color: #dcdb4d; }
#pusdback {position: absolute; right: 5px; top: 6px; _top:8px; font-weight: bold;} 
#pusdback a {color: #FFFFFF;  }
#pusdback a:hover {color: #cdcb0e; }



#navwrapper {background:url(http://www.piedmont.k12.ca.us/pms/new/images/navbkg.png); z-index: 1000; height: 6em; width:100%; display: none; position: absolute; bottom: 0px; left: 0px; padding: 0; margin: 0;} 


#navwrapper:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: left; 
    visibility: hidden;
	margin: 0;
	padding: 0;
	font-size: 0px;
	line-height: 0px;
}


/* Hides from IE-mac \*/
*html #navwrapper {height: 1%;}
/* End hide from IE-mac */  




ul#nav {margin: 0em auto 0 auto; padding: 6px 0 0 0; width: 1030px; list-style-type: none; font-size: 1.4em; z-index: 1000; position: relative; left: 25px; top: 0em; display: none;}
ul#nav li {float: left; display: inline; text-align: left; line-height: 1.1em; z-index: 1000; }
ul#nav li.ow a {padding-top:1.3em; padding-bottom:1.4em; }
ul#nav li.tw a {padding-top: .8em; padding-bottom: .81em; }
ul#nav li a { color: #FFFFFF; text-decoration: none; display: block; padding-left: 16px; padding-right: 16px; border-right: 1px solid #9665ba;} 
ul#nav li a:hover {color: #320850; background:#dcdb4d; border-right: 1px solid #dcdb4d;}

ul#nav li#news a, ul#nav li#news a:hover {border-right: 0px;  }

.home #home a, .about #about a, .academics #academics a, .activities #activities a, .library #library a, .calendar #calendar a, .counseling #counseling a, .food #food a, .parent-support #parents a, .news #news a {background: #eeeee1; color: #320850; border-bottom: 1px solid #eeeee1;}


#nav li ul li a {width:150px; padding: 8px !important; border-right: 0px !important; border-bottom: 1px solid #cdcc1f; color: #320850;}


#nav li ul { /* second-level lists */
z-index: 9999 !important;
	position: absolute;
	padding: 0;
	margin: 0;
	margin-top: 0em;
	width: 166px;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	font-size: 11px;
	font-family: "Lucida Sans Unicode", Arial, "Lucida Bright";
	font-style: normal !important;
	background: #dcdb4d;
}

#nav ul li ul li {
display: block;
float: none;
clear: both;
text-align: left;
border: 0px;}



#nav li ul li a:hover {background: #cdcc1f !important; }
#nav li ul li ul li a {background: #cdcc1f !important; border-bottom: 1px solid #cdcc1f;}
#nav li ul li ul li a:hover {background: #dcdb4d !important; border-bottom: 1px solid #cdcc1f;  }

#nav li ul ul { /* third-and-above-level lists */
	margin: -2.65em 0em 0 166px !important;
	left: -999em;
	border: 0 !important;
	background: #cdcc1f;
}

#nav ul.main ul.lefty  { /* third-and-above-level lists */
	margin: -3.4em 0em 0 -166px !important;
	

}

#nav li:hover ul ul, #nav li.sfhover ul ul {
	left: -999em;
	
}

#nav li:hover, #nav li.sfhover {position: static;}

#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
	
}

#nav li#news {width: 130px;} 


#maincontent { width: 1000px; padding: 0 0 35px 0; margin: 15px auto 0 auto; text-align: left; font-size: 1.2em; line-height: 1.5em !important; }

.subpage #maincontent {padding-bottom: 0px; }

#mainbox { margin: 0; padding: 0 0 10px 0; width: 680px; }

#maincontent:after {content: "."; display: block; height: 0; clear: left; visibility: hidden; margin: 0; padding: 0; font-size: 0px; line-height: 0px;} 
/* Hides from IE-mac \*/  *html #maincontent {height: 1%;} /* End hide from IE-mac */ 

#maincontent h1 {font-size: 2.9em; letter-spacing: -1px; font-weight: 100; margin: 24px 30px 20px 30px;  }
#maincontent h2 {color: #84609e; letter-spacing: -1px; font-size:1.9em;  }
#maincontent h4 {font-family: "Lucida Sans Unicode", Arial, "Lucida Bright"; color: #84609e; font-size: 1.2em;}
#maincontent p {line-height: 1.5em; margin: 15px 0; }
#mainbox.home p {line-height: 1.8em;}
#mainbox.home h5 {margin-top: 15px; display: inline;  position: relative; top: 20px;}
#mainbox.home h5 a {padding: 12px; color: #FFFFFF; font-size: 17px;  background: #cdcc1f; margin-top: 0px; font-weight: 100; border: 2px solid #c2c2c2;}
#mainbox.home h5 a:hover {background: #dcdb4d; }


#mainbox:after {content: "."; display: block; height: 0; clear: left; visibility: hidden; margin: 0; padding: 0; font-size: 0px; line-height: 0px;} 
/* Hides from IE-mac \*/  *html #mainbox {height: 1%;} /* End hide from IE-mac */  




#homeimg {margin: 0px 15px 15px 30px; padding: 3px; border: 2px solid #d2d2d2; float: left; clear: left; }

#ataglance { float: right; display: inline; margin: 20px 30px; padding: 10px 0 0 15px; border-left: 1px dotted #555555; width: 280px; }
#ataglance p {font-family: "Lucida Sans Unicode", Arial, "Lucida Bright"; font-size: 11px; line-height: 1.6em !important; } 
#ataglance h2 {text-transform:uppercase !important; }
#ataglance h4 {padding-top: 8px; margin-bottom: -8px; }

#shortcuts {background: url(http://www.piedmont.k12.ca.us/pms/new/images/shortcutsbkg.gif) no-repeat bottom #ebebeb; float: left; display: inline; width: 660px; clear: left; margin: 10px 0 0 0; padding: 0; }

#shortcuts h2 {font-size: 2.4em; letter-spacing: -1px; font-weight: 100; margin: 15px 30px 20px 30px; padding: 0 0 10px 0; border-bottom: 1px dotted #666666;}
#shortcuts p#trysitemap { float: none; clear: both; padding: 8px 0 0 0; margin: 0px 30px 20px 30px; font-family: Georgia, "Times New Roman", Times, serif; font-size: 11px; text-align: right; display: block; z-index: 1000;} 

.shortcut {float: right; clear: right; margin: 0 10px 15px 0px; padding: 0; font-family: "Lucida Sans Unicode", Arial, "Lucida Bright";  display: inline; width: 180px; position: relative; left: 10px;}
.shortcut p {font-size: 12px; margin-top: 3px !important; padding-top: 0px; }
.shortcut p a {color: #815d9b !important; }
.shortcut p a:hover { color: #cdcc1f !important; }
.parents {float: right; margin: 0 40px 0 0;  }

#innershortcuts {width: 420px; float: left; clear: left; }
.altshortcut {float: left !important; clear: left; margin: 0px 0px 15px 20px !important; } 

#latest { float: right; clear: right; display: inline; width: 313px; background: #3c3c3c; color: #cdcdcd; margin: 20px 11px 0 0; padding: 0; position: relative; font-family: "Lucida Sans Unicode", Arial, "Lucida Bright";}
#feed {position: absolute; top: 12px; right: 10px; z-index: 1000; }
#latest h3 {color: #FFFFFF; font-weight: 100; font-size: 18px; text-transform: uppercase; letter-spacing: 0px; margin: 17px 17px 10px 17px; padding-bottom: 9px; border-bottom: 1px dotted #cdcdcd; font-family: Georgia, "Times New Roman", Times, serif;}
#latest a {color: #FFFFFF; font-weight: bold;}
#latest p a {color: #cdcdcd; }
#latest a:hover { color: #dcdb4d; }
#latest h5 {margin: 10px 17px 0px 17px; font-size: 14px; padding: 0;}
#latest p {font-size: 11px; margin: 5px 17px; padding: 0;}
#latest h6 {font-size: 12px; margin: 17px; padding: 6px 0 0 0; border-top: 1px dotted #cdcdcd; }

p.nomargin {margin-top: -5px; } 

#latest.sublatest {width: 294px !important; background: none !important; margin-bottom: 18px; margin-top: 10px;}
#latest.sublatest h3, #latest.sublatest a, #latest.sublatest p, #latest.sublatest h6  {color: #320850; }
#latest.sublatest h3 {border-bottom: 1px dotted #320850; }
#latest.sublatest h6 {border-top: 1px dotted #320850;}
#latest.sublatest #feed {position: absolute; top: 16px; right: 10px; z-index: 4; }


#footer {width: 100%; padding: 13px 0 0 0; margin: 0; background: url(http://www.piedmont.k12.ca.us/pms/new/images/footerbkg.jpg) repeat-x #66467c; color: #FFFFFF; font-size: 11px; height: 8em; }
.subpage #footer {border-top: 30px solid #d8d8c7; }
#footer ul {display: none; width: 978px; margin: 0 auto; padding: 0; list-style-type: none; }
#footer li {margin: 0 10px 0 0; padding: 0; float: left; display: inline; }
.rightli {float: right !important; }
#footer li a {color: #ddcaea; }
#footer li a:visited {color: #c3abd3; }
#footer li a:hover {color: #FFFFFF; }


#submain {background: url(http://www.piedmont.k12.ca.us/pms/new/images/subpagemainbkg.gif) bottom no-repeat #FFFFFF; width: 690px;  margin: 0 4px 0 0; padding: 0px 0 50px 0; float: none; }
#topimage { margin-bottom: 0px !important; border: 0 !important; padding: 0 !important; position: absolute; top: 0px; display: none;}
#submain h1, #submain h2, #submain h3, #submain h4, #submain h5, #submain h6, #submain ul, #submain table {margin-left: 0; margin-right: 0;  }
#submain h1 {border-bottom: 1px solid #bababa; padding-bottom: 6px; }
#submain p {margin: 10px 0; padding: 0; font-family: "Lucida Sans Unicode", Arial, "Lucida Bright"; font-size: 13px; line-height: 1.7em; }

#submain hr {width: 680px; border-top: 1px solid #d2d2d2; height: 0; line-height: 0; margin: 15px 0; padding: 0; }

#submain img {padding: 3px; border: 1px solid #dfdfdf; margin: 0 10px 10px 0px; }

#submain ul {margin-left: 15px; padding: 0 0 20px 0; list-style-type: square; }
#submain li {padding: 3px 0; line-height: 1.3em;}
#submain li ul {padding-bottom: 5px; }

#submain h2 {padding-bottom: 12px; }
#submain h3 {font-size: 22px; font-weight: 100; padding-top: 12px; padding-bottom:4px; letter-spacing: -1px;}

#submain form {margin-left: 20px; }
#submain input {padding: 5px; font-family: Georgia, "Times New Roman", Times, serif; font-size: 11px; color: #666666; display: inline; border: 1px solid #999999; width: 175px;}
#submain form submit, input#submit {padding: 3px; color: #FFFFFF !important; background: #320850 !important; border: 1px solid #320850 !important; font-weight: bold !important; font-family: "Lucida Sans Unicode", Arial, "Lucida Bright"; width: 100px; display: inline;}

#nextprev {padding: 0; margin: 25px 0 0px 0;}
#prevlink {padding-top: 10px; float: left; clear: left; }
#nextlink {padding-top: 10px; float: right; clear: right; }

.postdetails {font-family: Georgia, "Times New Roman", Times, serif !important; color: #9d9c87; margin: -15px 0 15px 0 !important; padding: 0px !important;}
.postdetails a, #nextprev a {color: #9d9c87; }
.postdetails a:visited, #nextprev a:visited {color: #777777; }
.postdetails a:hover, #nextprev a:hover {color: #a56acf; }

#sidebar {width: 304px; float: left; clear: left; margin: 0; padding: 0;  position: relative; right: -7px; display: none;}
#sidebar h5 {color: #000000; margin: 20px 20px 0 20px; font-size: 14px;}
#sidebar p#breadcrumb {font-size: 11px; font-family: "Lucida Sans Unicode", Arial, "Lucida Bright"; margin: 2px 14px 12px 20px; padding: 0;}

.boldsidebar li a {font-weight: bold !important;} 
.boldsidebar li li a {font-weight: normal !important;} 

#bulletinsubs { font-weight: bold; margin: 0px; font-family: "Lucida Sans Unicode", Arial, "Lucida Bright"; padding: 10px 20px ; font-size: 12px;}

#moreitems { background: url(http://www.piedmont.k12.ca.us/pms/new/images/morebkg.gif) no-repeat bottom; padding: 0 0 19px 0; position: relative;} 
#moreitems ul {font-family: "Lucida Sans Unicode", Arial, "Lucida Bright"; font-size: 11px; list-style-type: none; margin: 0; padding: 0; }
#moreitems li {padding: 0 0 6px 0; margin: 0 0 0 20px; float: left; display: inline; width: 125px; line-height: 1.25em;}
#moreitems h3 {font-weight: 100; font-size: 18px; text-transform: uppercase; letter-spacing: 0px; margin: 0px 20px 8px 20px; font-family: Georgia, "Times New Roman", Times, serif; padding: 18px 0 0 0;}
#moreitems img {padding: 0 !important; margin: 0 !important; line-height: 0; position: absolute; top: 0px;}

#moreitems li ul {padding-top: 6px; }
#moreitems li li {margin-left: 5px;} 

li.page_item ul {clear: both; float: left; padding: 4px 0 0 0 !important;  margin-left: -4px !important; } 
li.page_item ul li {display: block; float: left; clear: both; } 

#moreitems h4 {font-weight: 100; font-size: 11px; text-transform: uppercase; letter-spacing: 0px; margin: 0px 20px 8px 20px; font-family: Georgia, "Times New Roman", Times, serif; padding: 8px 0 0 0; letter-spacing: 0px; font-weight: bold; }

.post {padding-bottom: 15px; border-bottom: 1px solid #d2d2d2; margin: 10px 40px 20px 40px; } 

.post h2, .post p, .post ul, .post h1, .post h3, .post h4, .post h5 {margin-left: 0px !important; margin-right: 0px !important; padding-left: 0px !important; padding-right: 0px !important; } 

.post .postdetails {font-size: 11px !important; text-transform: uppercase; padding-top: 3px !important; }


li.current_page_item a {font-weight: bold; text-decoration: none; cursor:text; opacity:0.71;filter:alpha(opacity=71); top: 2px; color: #666666;}



li.current_page_item ul a, li.current_page_item li.page_item a {display:block !important; text-decoration: underline; font-weight: normal; cursor: pointer; opacity:1;filter:alpha(opacity=100); top: 0px; color: #320850;}

li.current_page_item ul a:hover, li.current_page_item li.page_item a:hover {color: #a56acf;  }  

li.page_item ul {margin: 0; padding: 0;}  
li.page_item ul li {font-size: 10px;}




form#cse-search-box {position: absolute; left: 0px; top: 2px; border: 0; padding: 0; margin: 0 0 0 5px; font-size: 11px; line-height: 11px;}
#cse-search-box #searchsubmit {font-weight: bold; color: #FFFFFF; background: #cdcc1f; padding: 0px 2px; border: 1px solid #FFFFFF; font-size: 11px; line-height: 11px; font-family: Georgia, "Times New Roman", Times, serif; margin: 0;  width: 26px; height: 19px;}
#cse-search-box input {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; }
#cse-search-box #searchtext { padding: 3px; border: 1px solid #d2d2d2; background: #FFFFFF; width: 134px;}

fieldset {margin: 0; padding: 0; line-height: 1em; border: 0; }



.alignleft {float: left; clear: left; margin: 0; padding: 0 15px 15px 0; border: 0;} 
.alignright {float: right; clear: right; margin: 0; padding: 0 0 15px 15px; border: 0; }