﻿/*  
Theme Name: eM 2009
*/

/*  Iain Elements */

#logocontainer{
float: left;
width: 352px;
height: 124px;
border-right: 1px solid #c8383d;
}

#logobox {
float: left;
background: url(images/logo_32.png) no-repeat;
width: 250px;
height: 74px;
margin-left: 45px;
margin-top: 22px;
}

#contactinfo{
padding-top: 20px;
float: left;
width: 425px;
height: 104px;
border-left: 1px solid #760005;
font-size: 7pt;
color: #fff;
padding-left: 25px;
}

.addressbox {
width: 140px;
height: 124px;
float: left;
}

.addressbox a:link, a:active, a:hover {
color: #f6f5ef;
}

.addressbox a:visited {
color: #f6f5ef;
}

#welcomebox {
width: 930px;
height: 150px;
background: url(images/home_teachers2.jpg) bottom right no-repeat;
border-top: 1px solid #686868;
border-bottom: 1px solid #686868;
}

#welcomewrapper {
width: 930px;
height: 150px;
background: #7D7D7D url(images/header_grey_grad.jpg) top left repeat-y;
}

#welcometext {
width: 485px;
height: 50px;
line-height: 1.5em;
font-size: 10px;
font-weight: bold;
color: #1a1a1a;
padding-top: 30px;
padding-left: 35px;
float: left;
}


#shadowbox {
width: 930px;
height: 20px;
background: url(images/page_top_shadow.jpg) repeat-x;
border-top: 1px solid #f6f5ef;
float: left;

}

#courselevels {
width: 568px;
height: 275px;
background: #f2f0e2 url(images/red_header.jpg) repeat-x;
float: left;
margin-bottom: 5px;
}

#levelswrapper {
width: 567px;
height: 275px;
border: 1px solid #65645f;
}

#black_footer {
width: 567px;
height: 27px;
margin: 1px 0px 1px 0px;
background: #1a1a1a;
float: left;

}


#red_header1 {
width: 568px;
height: 20px;
margin: 7px 0px 20px 18px;
background: url(images/language_courses.gif) no-repeat;

}

#course_summary {
width: 528px;
height: 30px;
float: left;
margin: 15px 0px 5px 22px;
background: #F2F0E2;
color: #1A1A1A;
text-align: left;

}



.left_levelbox, .right_levelbox {
width: 188px;
height: 200px;
background: url(images/courses_grad.gif) bottom repeat-x;
float: left;
}

.left_levelbox  {
border-right: 1px solid #f7f6f1;
}

/* Right Column */

.ad_box  {
width: 162px;
border: 0;
float: left;
padding-bottom: 10px;
}


.social_box  {
width: 120px;
height: 26px;
border: 0;
float: left;
margin-bottom: 5px;
}

.social_box a  {
vertical-align: middle;
margin-right: 5px;
}

.social_linkbox {
margin: 5px 0px 0px 5px;
border: 0;
float: left;
}

.spacer  {
width: 162px;
height: 10px;
float: left;
}

.dotted_line {
width: 100%;
height: 2px;
background: #f8f7f0;
border-bottom: 1px #d7d7d5 dashed;
float: left;
margin: 2px 0px 3px 0px;
}

#apply_box  {
width: 134px;
height: 67px;
border: 0;
float: left;
margin-top: 5px;
}

ul.none {list-style-type: none}
}

.ad_box2  {
width: 162px;
width: 162px;
border: 0;
float: left;

}

.hilite_box, .hilite_box2 {
width: 490px;
	margin: 20px 10px 0px 0px;
	background: #FCFAEE;
	color: #7f7948;
	padding: 5px 20px 10px 10px;
	border: 1px solid #DDDDDD;
	font-size: 10px;
}
.hilite_box2 {
height: 100px;
}

.hilite_box3 {
width: 100%;
background: #e4e1ca;
border-bottom: 1px #7f7948 dashed;
border-top: 1px #7f7948 dashed;
float: left;
}
/*  Span Classes  */

.right_align {
	text-align: right;

}

/*  Iframe Elements */


.test_button  {
background: url(images/test_yourself_btn.png) no-repeat;}






#course_info_beg, #course_info_int, #course_info_adv   {
width: 168px;
height: 155px;
font-size: 10px;
float: left;
margin:0px 0px 0px 20px;
}





#course_info_beg {
background: url(images/int_group_header.png) top left no-repeat;
}

#course_info_int {
background: url(images/pt_group_header.png) top left no-repeat;
}

#course_info_adv  {
background: url(images/pvt_header.png) top left no-repeat;
}


#course_info_beg p, #course_info_int p, #course_info_adv p{
margin: 30px 0px 0px 2px;
line-height: 1.3em;
font-size: 10px;
font-weight: normal;
color: #1a1a1a;
float: left;
text-align: left;
}



.more_info_button, .test_button   {
margin: 8px 0px 0px 10px;
width: 135px;
height: 21px;
float: left;

}




/*  Original Elements */

body, h1, h2, h3, h4, address, hr, p, form{
	margin: 0;
	padding: 0;
}

body{
	font-family: verdana, Arial, Sans-Serif;
	font-size: 10px;
	vertical-align: top;
	color: #646464;
	background: #d1d0d1 url(images/new_grad.jpg) center repeat-y;
}

h1, h2, h3 {
	font-family: Georgia, verdana, Sans-Serif;
	font-size: 16px;
}

h1, h2, h3 {
	font-family: Georgia, verdana, Sans-Serif;
	font-size: 16px;
}

h3 {
	color: #AB1C22;
}

h4 {
	font-family: Georgia, verdana, Sans-Serif;
font-size: 12px;
margin: 0px;
}

h6  {
	font-size: 8px;
}

h5 {
}

a{
	text-decoration: underline;
}

a:link  { color: #AD1B25; }
a:active { color: #C03B40; }
a:visited  { color: #780006; }
a:hover{ text-decoration: underline; color: #C03B40;}

a img{ border: 0; }

abbr, acronym{ border: 0; }

address, dl, p{ padding: 10px 0 0; }

blockquote{
	margin: 10px;
	background: #fcfaee url(images/block_quote_top.png) no-repeat left top;
	color: #7f7948;
	padding-bottom: 10px;
}

blockquote p{
	padding: 15px 30px 10px 30px;
background: url(images/block_quote_btm.png) no-repeat right bottom;
font-family: georgia, verdana, sans-serif;
font-style: italic;
font-size: 12px;
}

blockquote blockquote{
	margin: 10px 20px;
	background: #fff;
	color: #646464;
}

blockquote blockquote p{ padding: 10px; }

code{
	background: #f9f9f9;
}

dl { 
width: 497px;
margin: 10px 0px 10px 0px;
	background: #eae7d0;
	color: #7f7948;
	padding: 20px;
	float: left;}

.darktext { 
	color: #646464;
	font-weight: bold;}

dl h4 { 
font-family: georgia, verdana, sans-serif;
	color: #ab1c22;}
	

dt{
	font-weight: bold;
}

dd{
	font-weight: normal;
}



hr{
	clear: both;
	width: 100%;
	border: 0;
	height: 1px;
	text-align: left;
}

small{
	font-size: 10px;
}

input, textarea{
	font-family: Arial, Helvetica, Georgia, sans-serif;
	font-size: 12px;
	padding: 2px;
}

input#author, input#email, input#url, textarea#comment{
	border: 1px solid #d7d7d5;
	background-color: #fcfbf6;
	padding: 3px;
}

input#author, input#email, input#url{
	margin: 0 5px 0 0;
}

#container, #header, #menu, #menu ul li, #menu ul li a, #pagetitle, h1, #syndication, .pagewrapper, .page, .wrapper, .narrowcolumnwrapper, .narrowcolumn, .content, .post, .entry, .browse, .sidebar{
	text-align: left;
	vertical-align: top;
}


#container{
	margin: 0 auto;
	width: 930px;
	background: #f6f5f0;
}

#header{
	margin: 0px;
	float: left;
	width: 930px;
	height: 124px;
	background: #AC1B1E url(images/em_header_bg.jpg) repeat-x;
	color: #646464;
	border-bottom: 1px solid #c8383d;
}

#menu ul{
	margin: 0;
	padding: 0 0 0 10px;
	list-style: none;
}

#menu ul li{
	float: left;
	margin: 0 5px 0 0;
	font-size: 14px;
	font-weight: bold;
	background: url(images/bg_tab_right.gif) no-repeat right top;
	color: #325b0a;
}

#menu ul li a{
	display: block;
	padding: 14px 20px 10px;
	text-decoration: none;
	background: url(images/bg_tab_left.gif) no-repeat left top;
	color: #325b0a;
}

#menu ul li a:hover{
	text-decoration: underline;
}

#pagetitle{
	clear: both;
	width: 930px;
	height: 155px;
}

#pagetitle h1{
	padding: 36px 28px 0;
	font-size: 24px;
	font-weight: bold;
	letter-spacing: 1px;
	text-transform: uppercase;
	color: #fff;
}

#pagetitle h1 a{
	text-decoration: none;
	color: #fff;
}

#syndication{
	float: left;
	padding: 15px 31px 0;
	color: #999;
}

#syndication a{ color: #666; }

#syndication a.feed{
	padding: 0 0 0 19px;
	background: url(images/feed_icon.png) no-repeat 0 1px;
}

#searchbox{
height: 75px;
width:160px;
float: left;
border: dashed pink 1px;}

#searchform{
	float: left;
	padding: 15px 0px 0px 0px;
height: 75px;
width:160px;
}

#searchform input#s {
	border: 1px solid #616161;
	background: #f2f0e2;
width: 125px;
	font-size: 8pt;
	color: #AB1C22;
}

#searchform input#searchsubmit{ 
height: 24px;
}

#searchsubmit{
height: 20px;
	float: right;
	margin: 5px 30px 0px 0px;
	background: #AB1C22;
	border: 2px solid #f2f0e2;
	color: #f2f0e2;
	font-family: verdana, sans-serif;
	font-size: 10px;
}


.pagewrapper{
	margin: 0 0 10px;
	float: left;
	width: 930px;
	color: #646464;
}

.fullspacer {

	width: 930px;
	height: 20px;
border: 1px pink dashed;
margin-bottom: 0;
}

.page{
	float: left;
	padding-top: 15px;
	background: url(images/page_top_shadow.jpg) top repeat-x;


}

.wrapper{ /* This wrapper class appears only on Page and Single Post pages. */
	float: left;
	width: 568px;


}

.narrowcolumnwrapper{
	margin: 0px 0px 0px 0px;
	float: left;
	width: 568px;
}

.narrowcolumn{
	float: left;
	width: 568px;

}

.content{
	float: left;
	width: 568px;
	background: #f2f0e2 url(images/content_top_grad.jpg) no-repeat left top;
	border: #9E9E9E solid 1px;
	margin-bottom: 5px;
}

.post{
	padding: 9px 16px 15px;
	line-height: 1.8em;
	background: url(images/post_btm_grad.jpg) no-repeat right bottom;
	border-bottom: #848484 solid 1px;
	color: #616161;
}

.post h2{
	padding: 5px 0px 5px 0px;
	font-size: 16pt;
	font-weight: normal;
	line-height: 1.6em;
	border-bottom: #D7D7D5 1px solid;
}

.post h2 a{
	text-decoration: none;
	color: #2e2e2e;
}
.post h2 a:hover{
	text-decoration: underline;}

.post h5 {
	font-family: Georgia, verdana, Sans-Serif;
	color: #7f7948;
	font-size: 14px;
	font-weight: normal;
	line-height: 18px;

}

.post img{
	padding: 4px;
	border: 1px solid #ddd;
	background: #f6f5ed;
}

.post img.noborder{
	padding: 0px;
	border: 0px;
	margin: 0px;
}

.quizimg {
	padding: 0px;
	border: 0;
	background: #f2f0e2;
	float: right;
	margin: 5px 0 0 10px;
}





.quizimg img{
border: 0;
background: #F2F0E2;
padding: 15px 30px 15px 0px;
}


.post img.alignleft{
	float: left;
	margin: 5px 10px 0 0;
}

.post img.alignright{
	float: right;
	margin: 5px 0 0 10px;
}

.post img.wp-smiley{
	padding: 0;
	border: 0;
	background: none;
}



.entry{}

.entry h1, .entry h2, .entry h3, .entry h4, .entry h5, .entry h6{
	padding: 0px;
}

.entry h1{
	font-size: 20px;
	line-height: 30px;
}

.entry h2{ line-height: 18px; }

.entry h3{ font-size: 14px; }

.entry h4{ font-size: 12px; }

.entry h5{ font-size: 14px;}

.entry h6{ font-size: 10px; }

.postinfo{
	font-size: 10px;
	color: #7f7948;
	padding-bottom: 10px;
}

.postinfo a{
	color: #ac1d23;
}

.postdate{ color: #a12a2a; }

.browse{
	border-top: 1px solid #bdbdbd;
	padding: 15px 16px;
	line-height: 18px;
}
/*resize after dashed border guides are removed*/

.sidebar, .obar, .wbar{
	width: 162px;
	line-height: 1.5em;
	font-size: 7pt;
}

.obar, .wbar{
	margin: 0px 12px 0 5px;
	float: left;
	border: 1px solid #c7c7c7;
	background: #dbdbdb;
}

.wbar a, .obar a, .sidebar a {
background: #e4e4e4;}

.sidebar {
	margin-right: 3px;
	margin-left: 10px;
	background: #DBDBDB;
	float: left;
	border: 1px solid #c7c7c7;
}

.sidebar ul, .obar ul, .wbar ul{
	margin: 0;
	padding: 0;
}

.sidebar ul {
	float: left;
}

.sidebar ul li, .obar ul li, .wbar ul li{
	margin: 0px 0 0;
	padding: 9px 16px 15px;
	background: url(images/grey_bar_header2.jpg) repeat-x;
	list-style: none;
}

.sidebar ul li {
float: left;
}

.sidebar ul li.widget_search, {
	padding: 15px 16px;
}

.sidebar ul li h2, .obar ul li h2 , .wbar ul li h2{
	font-size: 10pt;
	font-weight: bold;
	line-height: 1.5em;
	margin-bottom: 10px;
	color: #ab1c22;
}

.sidebar ul ul li, .obar ul ul li, .wbar ul ul li{
	margin: 0;
	padding: 6px 0 3px;
	background: none;

}

.sidebar ul ul ul, .obar ul ul ul, .wbar ul ul ul{ padding: 3px 0 0; }

.sidebar ul ul ul li, .obar ul ul ul li, .wbar ul ul ul li{
	padding: 6px 0px 3px 15px;
}

.sidebar ul ul ul ul li, .obar ul ul ul li, .wbar ul ul ul li{

}

/* COMMENTS TEMPLATE */

.post h3#comments, .post h3#respond{
	line-height: 27px;
	color: #646464;
}

.post h3#respond{
	color: #646464;
}

ol.commentlist{
	margin: 0 0 11px;
	padding:0;
	list-style: none;
}

ol.commentlist li{
	padding: 13px 0;
}

ol.commentlist li .commentmetadata{
	font-size: 11px;
	color: #9e9e9e;
}

ol.commentlist li .commentmetadata a{
	color: #9e9e9e;
}

form#commentform small{
	font-size: 11px;
}

#footer {
	width: 930px;
	height: 70px;
	background: #1a1a1a;
	float: left;
	margin: 0px;
	padding-top: 15px;
	text-align: center;
}