/*
Theme Name: Star Teacher Default
Theme URI: http://wordpress.org/
Description: The default Star Teacher theme based on the design by Paolo Gillego.
Version: 1
Author: Mark Renn Caluag
Author URI: http://markrenn.com.com/
Tags: blue, custom header, fixed width, two columns


*/


/* Elements */

* { margin:0; padding:0; }

body { margin: 0; padding: 0; background-color:#EBE6DE; font-family: Verdana,Tahoma, Arial, Serif; line-height: 1.5em;
	font-size: 10px; /* IE5 Win */
 	voice-family: "\"}\""; 
 	voice-family: inherit;
 	font-size: 10px; /* easy scaling */
 	font-size: 0.76em;
	color: #5D5454;
}

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

p, blockquote, ul, ol { margin-top: 0; padding-top: 0; margin-bottom:0.5em;	}

p { line-height:1.8em; }

a:link, a:visited { color: #579; text-decoration:none; }

a:hover,a:active { }

img.right { float:right; margin:0 0 1em 1em; }
img.left { float:left; margin:0 1em 1em 0; }

#mainContainer { background-image: url(images/content_bg.png); position:relative; z-index:10; width: 980px; margin: 0 35px; padding: 0 5px }
#header { height:215px;
position:relative;}
#header h1 { position:absolute; top: 5px; left:10px; }
#header a { color: #753373; }
#header input { background-color: #FCF9F4; border: 1px solid #EBEBEB; font-weight: 700; padding-right:2px; color: #C3B5B5 }
#header button { background-color: #733272; border: 1px solid #EBEBEB; font-weight: 700; color: #FFF; padding: 0 2px }
#header fieldset { border-width: 0; }
#header legend { display: none }

h1 a { background: url(images/star_teacher_logo.png) no-repeat; height: 175px; width: 178px; margin: 5px; display: block; position:relative; z-index:1000; text-indent: -99999em; }
#sitedesc { 
background: transparent url(images/sas-summit.png) no-repeat 210px bottom;
font-size:0.9em;
font-stretch:extra-condensed;
font-style:italic;
padding-left:310px;
position:relative;
top:137px;
width:380px;
 }
#memberSection { position: absolute; right: 5px; top: 115px; }
#registerLink { border-right: 1px solid #000; padding-right: 5px; }
#loginForm input { width: 113px; }
#loginForm button { line-height: 1em }

#siteSearch {	position: absolute; left: 703px ; right: 5px; top: 160px; }
#siteSearch input { width: 205px; }

ul#siteNav { list-style-type:none; height: 31px; background: url(images/nav_bg.png) repeat-x; margin: 0; position:relative;
top:150px; }
#siteNav li { float: left; list-style-type:none; height: 31px; padding-top: 6px }
#siteNav li a { color: #FFF; padding: 7px 5px; border-right: 1px solid #FFF }

#mainContent { clear: left; margin: 5px }
#flashFeature { background-image: url(/wp-content/images/2011/02/flash_main_20110228.jpg); color:#960; width: 610px; height: 280px; float: left; }

ul#features { list-style-type:none; float:left; height:280px; width: 355px; background: #ECD9EC; margin-left: 5px }
#features li { height: 82px; padding: 5px; border-bottom: 1px #fff dashed }
#features li.oddFeat { background: #F6EAF6; height:83px; }
#features h3 { font-size: 1em }
#features a { color: #636 }
#features p { font-size:.9em; line-height: 1.3em }
#features img { float: left; border: 1px solid #D2D0D0; background-color: #FFF; margin-right:10px; padding:2px; }

#coverstory-li { position: relative; height:175px !important; }
#coverstory-li img { float:left; position:relative; top:-20px; }
#coverstory-li h3 { margin-left: 150px; width: 200px; }

#news-li img { position: relative; top: -40px; }
#news-li h3 { margin-left: 150px; width: 200px; }

.bigBlock { width: 238px; float: left; background: url(images/column_bg.png) left bottom; font-family: Arial, Helvetica, sans-serif; padding-bottom: 15px; margin-right: 7px }
.bigBlock h2 { text-indent: -9999em; height: 35px; margin-bottom: 7px }
.bigBlock h3, .bigBlock h4 { font-size: 1em; margin: 0 8px; line-height: 1.2  }
.bigBlock img { margin: 0 6px; float: left; border: 1px solid #D2D0D0; background-color: #FFF;  padding:2px; }
.bigBlock li { clear: left; width: 200px; }
.bigBlock p, .bigBlock a.more { margin: 5px 8px; font-size:1em; line-height: 1.3 }

#sharingStories { margin-left: 0 }
#sharingStories h2 { background:url(images/sharing_stories_header.png) }
#sharingStories h3 { color: #369 }
#sharingStories ul { list-style-type: none; list-style-image:url(images/orange_bullet.png); margin-top: 15px; margin-left: 25px }
#sharingStories li { line-height: 1.2 }
#sharingStories img { margin-left: 10px }

#ontheBoard { margin-left: -4px }
#ontheBoard h2 { background:url(images/on_the_board_header.png) }
#ontheBoard h3 { color: #369 }
#ontheBoard ul { list-style-type: none; list-style-image:url(images/orange_bullet.png); margin-top: 15px; margin-left: 25px }
#ontheBoard li { line-height: 1.2 }
#ontheBoard img { margin-left: 10px }

#bookshelf h2 { background:url(images/bookshelf_header.png) }
/* #bookshelf .subContainer { background: #F1EEEB; margin: 0 10px; } */
#bookshelf h3 { color: #399 }

#bookshelf ul { list-style-type: none; list-style-image:url(images/orange_bullet.png); margin-top: 15px; margin-left: 25px }
#bookshelf li { line-height: 1.2 }
#bookshelf img { margin-left: 10px }

/*
#bookshelf ul { list-style-type: none; }
#bookshelf li { border-bottom: 1px #ccc dashed; background: #F9F7F3; height: 60px; padding: 5px 0 }
#bookshelf li.oddBookmark { background: #F1EEEB; }
#bookshelf li img { margin-right:10px; }
*/

#betterYou { margin-right: 0 }
#betterYou h2 { background:url(images/a_better_you_header.png) }
#betterYou h3 { color: #EE8DA4; margin-top: 8px }
#betterYou ul { list-style-type: none; }
#betterYou li { border-bottom: 1px #ccc dashed; padding: 5px 0; width: 220px; margin-left: 10px }

#latestIssue { margin-right: 0 }
#latestIssue h2 { background:url(images/latest_issue_header.png); }
#latestIssue h3 { color: #AD7BAD; }

#sasNews { margin-right: 0 }
#sasNews h2 { background:url(images/sas_news_header.png) }
#sasNews h3 { color: #369; }

ul#siteNavFooter { clear:left; list-style-type:none; text-align: center; margin: 0 155px; padding-top: 30px; }
#siteNavFooter li { float: left; list-style-type:none; }
#siteNavFooter li a { color: #7F7F7F; padding: 0 3px; font-size: .8em; border-right: 1px solid #7F7F7F }


#footer { clear: left; }
#copyright { width: 972px; text-align: center; margin: 0 35px; padding: 0 10px }

#mainPost { float: left; width: 540px; margin-right: 10px; padding: 30px; font-family: tahoma, arial, serif; }
#mainPost h2 { font-size: 1.5em }
#timestamp { margin-bottom: 15px;font-weight:bold }
#the-author { margin: 10px 0pt;}
#the-author-desc { color: rgb(170, 170, 170);margin: 30px 0;border-top: 3px double #CCC; padding-top:10px; font-size: 1em;}
#respond { font-size: 1.1em !important; }

#sidebar {float: left; background:url(images/sb-bg.png) left bottom no-repeat; width: 354px; }
#sidebar ul {list-style-type:none; padding: 25px 18px; }
#sidebar h3 { background: top left no-repeat; color: #FFF; width: 298px; height:33px; padding: 10px }
.parentSbList { background:url(images/sb-top.png) left top no-repeat; padding-top: 21px; } 
.parentSbList li { background:url(images/list-bg.png) left bottom no-repeat; padding-bottom:5px; margin-bottom: 5px }
.parentSbList li ul { padding: 0 !important; }
.parentSbList li li { background:none; width: 316px; padding: 0; margin: 0 }
.parentSbList li li a { color: #C33; background: url(images/li-dotted-bottom.png) left bottom no-repeat; margin-left:1px; display: block; width: 296px; padding: 10px; }
.parentSbList li li a:hover { background: #FEEDED url(images/li-dotted-bottom.png) left bottom no-repeat; }

#on-the-board #sidebar h3 { background: #D7B2D8 url(images/sb-headings.png); }
#on-the-board .parentSbList li li a { color: #62356C; background: url(images/li-dotted-bottom.png) left bottom no-repeat; }
#on-the-board .parentSbList li li a:hover { background: #FAEEFA url(images/li-dotted-bottom.png) left bottom no-repeat; }

#sharing-stories #sidebar h3 { background: #9FD1C4 url(images/sb-headings.png); }
#sharing-stories .parentSbList li li a { color: #3B635D; background: url(images/li-dotted-bottom.png) left bottom no-repeat; }
#sharing-stories .parentSbList li li a:hover { background: #EAFDF9 url(images/li-dotted-bottom.png) left bottom no-repeat; }

#cover-story #sidebar h3 { background: #E07FB3 url(images/sb-headings.png); }
#cover-story .parentSbList li li a { color: #993366; background: url(images/li-dotted-bottom.png) left bottom no-repeat; }
#cover-story .parentSbList li li a:hover { background: #FFEEF7 url(images/li-dotted-bottom.png) left bottom no-repeat; }

#book-shelf #sidebar h3 { background: #6AA9E7 url(images/sb-headings.png); }
#book-shelf .parentSbList li li a { color: #33699B; background: url(images/li-dotted-bottom.png) left bottom no-repeat; }
#book-shelf .parentSbList li li a:hover { background: #E9F4FE url(images/li-dotted-bottom.png) left bottom no-repeat; }

#a-better-you #sidebar h3 { background: #FF8686 url(images/sb-headings.png); }
#a-better-you .parentSbList li li a { color: #CC3333; background: url(images/li-dotted-bottom.png) left bottom no-repeat; }
#a-better-you .parentSbList li li a:hover { background: #FEEDED url(images/li-dotted-bottom.png) left bottom no-repeat; }

#news #sidebar h3 { background: #62817C url(images/sb-headings.png); }
#news .parentSbList li li a { color: #627F7A; background: url(images/li-dotted-bottom.png) left bottom no-repeat; }
#news .parentSbList li li a:hover { background: #D6EAE8 url(images/li-dotted-bottom.png) left bottom no-repeat; }

#creative-classroom #sidebar h3 { background: #9CA880 url(images/sb-headings.png); }
#creative-classroom .parentSbList li li a { color: #5F8077; background: url(images/li-dotted-bottom.png) left bottom no-repeat; }
#creative-classroom .parentSbList li li a:hover { background: #EEF3DD url(images/li-dotted-bottom.png) left bottom no-repeat; }

#about-us #sidebar h3 { background: #FFBBE0 url(images/sb-headings.png); }
#about-us .parentSbList li li a { color: #5F8077; background: url(images/li-dotted-bottom.png) left bottom no-repeat; }
#about-us .parentSbList li li a:hover { background: #EEF3DD url(images/li-dotted-bottom.png) left bottom no-repeat; }

#editors-note #sidebar h3 { background: #FFBBE0 url(images/sb-headings.png); }
#editors-note .parentSbList li li a { color: #5F8077; background: url(images/li-dotted-bottom.png) left bottom no-repeat; }
#editors-note .parentSbList li li a:hover { background: #EEF3DD url(images/li-dotted-bottom.png) left bottom no-repeat; }

#a-better-you h2#sectionHeading { background: url(images/better_you_h2.png) left top no-repeat; height:60px; text-indent: -99999em }
#sharing-stories h2#sectionHeading { background: url(images/sharing_stories_h2.png) left top no-repeat; height:60px; text-indent: -99999em }
#on-the-board h2#sectionHeading { background: url(images/on_the_board_h2.png) left top no-repeat; height:60px; text-indent: -99999em }
#editors-note h2#sectionHeading { background: url(images/editors_note_h2.png) left top no-repeat; height:60px; text-indent: -99999em }
#cover-story h2#sectionHeading { background: url(images/cover_story_h2.png) left top no-repeat; height:60px; text-indent: -99999em }
#book-shelf h2#sectionHeading { background: url(images/bookshelf_h2.png) left top no-repeat; height:60px; text-indent: -99999em }
#news h2#sectionHeading { background: url(images/news_h2.png) left top no-repeat; height:60px; text-indent: -99999em }
#creative-classroom h2#sectionHeading { background: url(images/creative_classroom_h2.png) left top no-repeat; height:60px; text-indent: -99999em }

#about-us h2#sectionHeading { background: url(images/about_us_h2.png) left top no-repeat; height:60px; text-indent: -99999em }
#editors-note h2#sectionHeading { background: url(images/about_us_h2.png) left top no-repeat; height:60px; text-indent: -99999em }



#leaderboard { 
z-index:1000;
background: #CCC;
color:#FFFFFF;
height:90px;
left:270px;
position:absolute;
text-align:center;
top:40px;
width:728px; }