/*
Theme Name: Higher Standard
Theme URI: http://hstutoring.com/
Description: Higher Standard Tutoring
Version: 1.1
Author: Jason Shock & Kyle Cavanaugh

*/



/* Begin Typography & Colors */


html {
background: #2b2974;
}


body {
margin: 0;
padding: 0;
background: #fff;
font-family: Verdana, Arial, Helvetica, sans-serif;
background: url(images/header_bg_top.jpg) repeat-x;
color: #444;
}

#wrapper {

}

#header {
height: 114px;
_height: 116px;
+height: 116px;
position: relative;
width: 48em;
margin: 0 auto;
}

#header h1 {
margin: 0;
padding: 0;
width: 300px;
height: 80px;
position: absolute;
top: 0;
left: 0;
}

#header h1 a {
width: 100%;
height: 100%;
background: url(images/hs-logo.png) no-repeat;
display: block;
text-indent: -9999px;
outline: none;
}

#header h2 {
font-size: 1em;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #999;
font-weight: normal;
width: 400px;
position: absolute;
text-align: right;
right: 0; top: 27px;
}


/* ------- top nav */
#top_nav {
text-align: right;
color: #eee;
font-size: 12.8px;
width: 60em;
margin: 0 auto;
}

#top_nav p {
margin: 0; padding: 0;
}

#top_nav a {
color: #BED8F3;
text-decoration: none;  
}

#top_nav a:visited {
color: #888;
}
#top_nav a:hover {
color: #7DA5D8;
text-decoration: underline;
}


/* links */ 
a {
  color: #0D71D9;
  text-decoration: none;  
}
a:visited {
  color: #410779;
}

a:hover {
  color: #073F79;
  text-decoration: underline;
}

/* Nav */



#nav_container {
height: 40px;
width: 48em;
margin: 0 auto;
}

#nav{
width:100%;
font-size:80%;
line-height:normal;
overflow: hidden;
}

#nav ul{
float:left;
list-style-type: none;
margin:0;
margin-left: 0px; /*Left offset of entire tab menu relative to page*/
padding:0;
}

#nav li{
display:inline;
margin:0;
padding:0;
}

#nav a{
float:left;
background:url(images/left_nav_bg.gif) no-repeat left top;
margin:0;
/*margin-right: 10px;*/
margin-right: 6px;
padding:0 0 0 19px;
text-decoration:none;
}

#nav a span{
float:left;
display:block;
background:url(images/right_nav_bg.gif) no-repeat right top;
padding: 14px 22px 10px 3px;
color:#3B3B3B;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#nav a span {float:none;}
/* End IE5-Mac hack */

#nav a:hover span {
color: black;
}

#nav .current_page_item a{
background-position:0 -40px;
}

#nav .current_page_item a span{
background-position:100% -40px; 
color: #fff;
}

#nav .current_page_parent a{
background-position:0 -40px;
}

#nav .current_page_parent a span{
background-position:100% -40px; 
color: #fff;
}


#nav a:hover{ 
background-position:0% -40px;
}

#nav a:hover span{
background-position:100% -40px; 
color: #fff;
}



#subnav {
height: 28px;
width: 59em;
margin: 0 auto;
font-size:80%;
}

#subnav ul {
margin: 0;
padding: 0;
}

#subnav li {
float:left;
list-style:none;
text-align: left;
margin: 0;
padding: 0 20px 0 0;
}


#subnav li a {
color:#bed8f3;
text-decoration:none;
height: 28px;
line-height: 28px;
}

#subnav li a:hover {
color: #7da5d8;
}
	
#subnav a:visited {
color:#888;
}

/*#subnav a:hover, #subnav a:active,
#subnav li.current_page_item a,
#subnav li.current_page_item a:visited {
	text-decoration:underline;
	}*/




#content_container {
padding: 0;
background: #F0EFDB;
}
#content-box {

background: white;
border: 1px solid #ccc;
border-top: none;
position: static;
z-index: 1;
width: 48em;
margin: 0 auto;
padding: 0 0 55px 0;
}


#footer_container {
  background: #2B2974;
}
#footer {
	 width: 48em;
  margin: 0 auto;
  padding: 1em 0;
  text-align: center;
  font-size: 0.7em;
  color: white;
}

#footer a {
color: #888;
text-decoration: none;
}

#footer a:hover {
color: #7da5d8;
text-decoration: underline;
}

#content {
  float: left;
  width: 29em;
  padding: 15px 0 0 15px;

}


#sidebar {
  width: 210px;
  border-left: 1px solid #eee;
  padding: .60em 2em 1em 1em;
  float: right;
}

#sidebar h4 {
margin: 0;
padding: 14px 0 8px 0;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
}


#sidebar .info_box {
  margin-bottom: 2em;
}

#sidebar .info_box h3 {
margin: 0;
padding: 0 0 5px 0;
font-family: Verdana, Arial, Helvetica, sans-serif;
}

#sidebar h2,
#sidebar h3,
#sidebar h4,
#sidebar h5 {
  color: #444;
  margin-bottom: 0.5em;
}

#sidebar h2 {font-size: 1.25em;}
#sidebar h3 {font-size: 0.9em;}


#sidebar table {
  border-collapse: collapse;
  border: 1px solid #eee;
}

#sidebar th, #sidebar td {
  font-size: 0.7em;
  padding: 2px 3px;
  border: 1px solid #eee;
  text-align: left;  
}

#sidebar th {
  background: #BED8F3;
}

#sidebar table .even {
  background: #E7EDF3;
}

#sidebar table .odd {
 background: #F2F7FC;
}


#sidebar table.events {
  width: 100%;
}

.sat_dates {
  border: 1px solid #3399FF;
  padding: 5px;
  text-align: center;
  background: #C0D9F3;
}



.clear {
  clear:both;
  display:block;
  font-size:1px;
  height:0;
  line-height:1px;
  margin:0;
  padding:0;
}

h1, h2, h3, h4, h5 {
  font-family: Georgia, Times, serif;
}


#content {
font-size: 80%;
width: 37em;

}

#content h2 {
margin: 0;
padding: 0;
font-size: 1.88em;
color: #000;
}

#content h3,
#content h4,
#content h5 {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #000;
}


#content h3 {font-size: 125%; }
#content h4 {font-size: 0.9em;}
#content h5 {font-size: 90%;}

#content h5 a {
color: #0d71d9;
text-decoration: none;
}

#content h5 a:hover {
color: #073f79;
text-decoration: underline;
}

/*#content ul {
margin: 0;
padding: 0 0 0 15px;
}

#content li {
margin: 0;
padding: 2px 0 10px 0px;
}
*/
#content li a:hover {
text-decoration: underline;
}

#content li a {
color: #410779;
text-decoration: none;
font-weight: bold;
}


.narrowcolumn  {
margin: 0;
padding: 0;
}




#level1, #level2, #level3 {
  clear: both;
  margin-bottom: 1.5em;
 
}

#level1 img {
  border: 1px solid #666;
  float: right;
  margin: 0 0 1em 1em;
}

#level1 h2 {
color: #000;
}

#level1 p {
  font-size: 1.1em;
  line-height: 17px;
  padding: 0;
  margin: 0;
}

#level2 .col img {
 border: none;
 float: right;
 margin: 0 0 0.25em 0.25em;
}
#level2 p {
  font-size: 90%;
  line-height: 1.5em;
}

.col {  
  width: 48%;
  float: left;
}

#col2 {
  float: right;
}


#promo_container {
background: #2B2974;
height: 140px;
}

#promo-main {
width: 48em;
margin: 0 auto;
}

#promo {
  position: relative;
  color: white;
  top: -13px;
  }
#promo ul {
margin: 0;
padding: 0 0 0 65px;
font-size: 1.1em;
}

#promo li {
margin: 0;
padding: 0;
}

#promo h2 {
  letter-spacing: 1px;
  margin: 0;
  padding: 0;
  font: bold 24px Georgia, "Times New Roman", Times, serif;
}

#no_risk_offer {
   background: url(images/trial_box.png) no-repeat 0 0;
   width: 242px; height: 170px;
   position: absolute;
   padding: 10px 15px;
   right: 0;
   top: -25px;
   text-align: center;
   z-index: 999;
}
#no_risk_offer #choices {
padding: 12px 0 0 0;
}
#no_risk_offer h3 {
  font-size: 1.4em;
  margin: 0;
  padding: 0;
}
#get_started_button {
  position: absolute;
  text-align: center;
  bottom: 8px; right: 20px;
  width: 225px;
}

#get_started_button h4 {
margin: 0;
padding: 25px 0 0 0;
}

#get_started_button p {
  margin: 0;
  padding: 0;
  font-size: 90%;
  }
  
#no_risk_offer p {
margin: 0;
padding: 0px 0 0 0;
font-size: 80%;
}


#sidebar form {
margin: 0;
padding: 0;
}
 
#sidebar p {
font-size: 11px;
margin: 0 0 0px 0;
padding: 0 0 12px 0;
}

#sidebar input {
font-family: Courier, "Courier New", monospace;
font-size: 1em;
padding: 1px;
width: 99%;
border: 1px inset #666;
}
 
#sidebar textarea {
font-family: Courier, "Courier New", monospace;
font-size: 1em;
padding: 1px;
width: 99%;
border: 1px inset #666;
height: 50px;
}

#sidebar .btn-send {
width: 50px;
cursor: pointer;
font: 12px Verdana, Arial, Helvetica, sans-serif;
}

#content h2 a {
color: #0d71d9;
}

#content h2 a:hover {
color: #073f79;
}


/* --------------------------- */

.commentlist li, #commentform input, #commentform textarea {
	font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif;
	}
.commentlist li ul li {
	font-size: 1em;
}

.commentlist li {
	font-weight: bold;
}

.commentlist li .avatar { 
	float: right;
	border: 1px solid #eee;
	padding: 2px;
	background: #fff;
	}

.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;
	}

/* Begin Form Elements */
#searchform {
	margin: 10px auto;
	padding: 5px 3px;
	text-align: center;
	}

#sidebar #searchform #s {
	width: 108px;
	padding: 2px;
	}

#sidebar #searchsubmit {
	padding: 1px;
	}

.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 5px 1px 0;
	}

#commentform {
	margin: 5px 10px 0 0;
	}
#commentform textarea {
	width: 100%;
	padding: 2px;
	}
#respond:after {
		content: "."; 
	    display: block; 
	    height: 0; 
	    clear: both; 
	    visibility: hidden;
	}
#commentform #submit {
	margin: 0 0 5px auto;
	float: right;
	}
/* End Form Elements */

/* Begin Comments*/
.alt {
	margin: 0;
	padding: 10px;
	}

.commentlist {
	padding: 0;
	text-align: justify;
	
	}

.commentlist li {
	margin: 15px 0 10px;
	padding: 5px 5px 10px 10px;
	list-style: none;
	}
	
.commentlist li ul li { 
	margin-right: -5px;
	margin-left: 10px;
}

.commentlist p {
	margin: 10px 5px 10px 0;

}
.children { padding: 0; }

#commentform p {
	margin: 5px 0;
	}
	

.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
	}

.commentmetadata {
	margin: 0;
	display: block;
	}
/* End Comments */

.narrowcolumn .postmetadata {
	text-align: center;
	}

.thread-alt {
background-color: #f8f8f8;
}
.thread-even {
	background-color: white;
}
.depth-1 {
border: 1px solid #ddd;
}

.even, .alt {
border-left: 1px solid #ddd;
}


.contact-frm {
text-align: left;
}

.contact-frm  p {
font-size: 11px;
margin: 0 0 0px 0;
padding: 0 0 12px 0;
}

.contact-frm  input {
font-family: Courier, "Courier New", monospace;
font-size: 1em;
padding: 1px;
width: 250px;
border: 1px inset #666;
}
 
.contact-frm  textarea {
font-family: Courier, "Courier New", monospace;
font-size: 1em;
padding: 1px;
width: 400px;
border: 1px inset #666;
height: 80px;
}

.contact-frm  .btn-send {
width: 50px;
cursor: pointer;
font: 12px Verdana, Arial, Helvetica, sans-serif;
}

.ulList ul {
margin: 0;
padding: 0 0 0 15px;
}

.ulList li {
margin: ;
padding: 0 0 18px 0;
color: #410779;
}

.ulListGray ul {
margin: 0;
padding: 0 0 0 15px;
}

.ulListGray li {
margin: ;
padding: 0 0 18px 0;
color: #444;
}

/* links */ 
a {
  color: #0D71D9;
  text-decoration: none;  
}
a:visited {
  color: #410779;
}

a:hover {
  color: #073F79;
  text-decoration: underline;
}



.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}