/*
Theme Name: Highlands
Theme URI: http://www.highlandsinternational.org
Description: A theme powering the website of Highlands International School in La Paz, Bolivia
Version: 1.0
Author: Scott Cunningham

This is a two loop theme.  It uses the Post Templates by Category plugin in order to show the posts from different categories differently.
*/

body {line-height: 1.6;
font-family: Georgia, serif;
font-size:10pt;
color: #333333;
}

a:hover {color: #556688;
}

a {color: #113355;
}

p {margin-bottom: .7em
}

em {
font-style: italic;
}

strong {
font-weight: bold;
}

/* useful classes */
.indented {
margin-left: 25px;
}

.highlight {
background-color: #dde;
padding: 0 3px 0 3px;
}

.bulleted {
list-style-type: disc;
margin-left: 1.5 em;
}

.centered {
display: block;
margin-left: auto;
margin-right: auto;
}


#wrapper {
	margin: 0px auto;
	width: 935px;
}

/* styles for header */

#header {
	margin-left: 43px;
}

.navigation {
	width:837px;
	background-color: #FFEECC;
	border: 1px #ccc solid;
	float: left;
	position: relative;
padding-top:.2em;
padding-bottom: .2em;
padding-left: 11px;
}

.navigation ul {
	float: left;
	list-style-type: none;
}

.navigation li {
	float: left;
	position: relative;
margin-right: 30px;
margin-top: 3px;
margin-bottom: 3px;
font-size: small;
font-family: Verdana;
/* font-weight: bold; */
line-height: 1.2;
}

.navigation li ul {
	display: none;
	position: absolute;
top:100%;
	left: -5px;
width: 10em;
	z-index:400;
margin-left: -10px;
	padding-left: 5px;
	padding-right: 0px;
	background-color: #FFEECC;
	border-left: 1px #ccc solid;
	border-bottom: 1px #ccc solid;
	border-right: 1px #ccc solid;
margin-right: 0px;
  }
  
.navigation li > ul {
	top: auto;
	left: auto;
	}

.navigation li:hover ul, li.over ul{ display: block; }

/* styles for structure of main content and loop */

#maincontent {
width: 935px;
-width: 950px; 
	margin-top: 10px;
	/* border-top: 3px #ccc solid;
	border-bottom: 3px #ccc solid; */
	padding-top: 15px;
	padding-bottom: 15px;
	float: left;
margin-left: 0px;
-margin-left: -44px; 
/* -padding-left: 22px; */
	margin-bottom: 10px;
font-family: Georgia;
}

#news {
	width: 250px;
	float: left;
	padding-right: 30px;
	margin-left: 22px;
}


#writing {
	float: left;
	padding-left: 30px;
	border-right: 1px #ccc solid;
border-left: 1px #ccc solid;
	padding-right: 30px;
	width: 300px;
}
#hisslideshow {
	float: left;
padding-left: 30px;
padding-top: 25px;
width: 220px;
}


/* styles for text styling of loop */

#writing p {
font-size: 80%;
font-weight: bold;
padding: 7px;
}

#maincontent h1 {
text-align: center;
font-size: 125%;
font-weight: bold;
}

#maincontent h2 {
margin-top: 7px;
}

#writing h2 {
border-top: 3px #ddddee solid;
}

/* styles for structure of post content */

#singlecontentbox {
	width: 935px;
/* -width: 990px; */
	margin-top: 10px;
/*	border-top: 3px #ccc solid; */
/*	border-bottom: 3px #ccc solid; */
	padding-top: 15px;
	padding-bottom: 15px;
	float: left;
	margin-left: -44px;
	margin-bottom: 10px;
}


#writings {
	width: 510px;
	border-right: 1px #ccc solid;
	float: left;
	padding-right: 30px;
	margin-left: 123px;
/* -margin-left: 80px; */
font-family: Georgia;
}


#sidebar {
	float: left;
	padding-left: 30px;
	width: 144px;
	margin-right:22px;
font-family: Verdana;
font-size:75%;
}

/* styles for formating of post content */

#writings p {
margin-bottom: .7em;
}

#writings h2 {
font-size: 125%;
font-weight: bold;
margin-bottom: .7em;
}

#sidebar ul {
margin-bottom: 1.5em;
}

#sidebar li {
margin-bottom: 1.5em;
}

/* footer styles */

#footer {
	width: 848px;
	background-color: #CCFFCC;
	float: left;
	border: 1px #ccc solid;
	padding: 5px 0;
margin-left: 44px;
-margin-left: 22px;
}

#footer p {
	text-align: center;
	font-size:75%;
font-family: Verdana;
margin-bottom: 0;
}

#footer img {
vertical-align: -22%
}

/* Styles for pages */

.slideshowlink {
padding-left: 20px
}

#thepage {
margin-left: 120px;
width:645px;
padding:0 30px 20px 30px;
font-family: Georgia;
}

#calendar {
margin-left: 60px;
width 705px;
padding:0 30px 20px 30px;
font-family: Georgia;
}

#calendar h2 {
font-size: 125%;
font-weight: bold;
margin-left: 50px;
}

#thegallery h2 {
font-size: 125%;
font-weight: bold;
margin-left: 170px;
margin-bottom: -35px;
}

#thepage h2 {
font-size: 125%;
font-weight: bold;
margin-left: 50px;
}

#thepage ul {
margin-bottom: .7em;}

.levelonelist {
list-style-type: decimal;
margin-left: 1.5em;
}

.leveltwolist {
list-style-type: upper-alpha;
margin-left: 1.5em;
}

.levelthreelist {
list-style-type: lower-alpha;
margin-left: 1.5em;
}

.levelfourlist {
list-style-type: lower-roman;
margin-left: 1.5em;
}

#applicationfees td {
background-color: #ddddee;
padding: 10px;
border: 1px white solid;
}

#applicationfees p {
margin-bottom: 5px;
}

.dirprofile {
float: left;
width: 645px;
}

.dirprofile img {
float: left;
margin: 5px 5px 5px 0px;
}