/*
Theme Name: Acme Education Default (New)
Theme URI: http://fojoware.com/
Description: The default WordPress theme for Acme Education.
Version: 2.0
Author: John Rodler
Author URI: http://fojoware.com/
Tags: blue, custom header, fixed width, two columns

	Acme Education v2.0
	
	This theme was designed and built by john Rodler,
	whose blog you will find at http://fojoware.com/

*/

/** Style Reset ****************************************************************/
html,body,div,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input,select { margin: 0; padding: 0; }
table { border-collapse: collapse; border-spacing: 0; }
fieldset,img { border: none; }

#header ul, #sidebar ul, #footer ul { list-style: none; margin: 0; padding: 0; }

/** [END] Style Reset **********************************************************/

/** Page ***********************************************************************/
html { height: 100%; font-size: 0.8em; font-family: Arial, Helvetica, sans-serif; }
body { height: 100%; min-width: 940px; }
#container { width: 900px; margin: 0 auto; padding: 30px 0 0; }
#content { float: left; width: 640px; color: #000; padding: 0 0 20px 0; }
.right { float: right; }
.left { float: left; }
.clear { clear: both; }
.text_center { text-align: center; }
/** [END] Page *****************************************************************/

/** Typography *****************************************************************/
a { text-decoration: none; padding-bottom: 3px; color: #04547f; }
a:visited { color: #777; }
a:hover { color: #20A3D8; }

h1 { margin-bottom: 12px; padding: 0; font-weight: bold; font-size: 1.8em; }
h2 { margin-bottom: 6px; padding: 0; font-weight: bold; font-size: 1.5em; }
h3 { margin-bottom: 6px; padding: 0; font-weight: bold; font-size: 1.3em; }
h4 { margin-bottom: 6px; padding: 0; font-weight: bold; font-size: 1.1em; }


#content a { text-decoration: underline; }
#content h1 a, #content h2 a, #content h3 a { text-decoration: none; }


#content p { margin: 0; padding: 0 0 12px 0; line-height: 145%; }
#content li { padding-bottom: 4px; line-height: 145%; }
em, i { font-style: italic; }
strong, b { font-weight: bold; }

#content .columnone, #content .columntwo {
	float: left; width: 49%;
}

#content .columnone ul, #content .columntwo ul {
	margin-top: 0;
	margin-bottom: 0;
}

#content .columnone ul li, #content .columntwo ul li {
	padding-top: 0;
	padding-bottom: 2px;
}

.cat-caps ul.category li a {
	text-transform: capitalize;
	font-weight: bold;
}

ul.category {
	margin: 0;
	padding: 8px 0 0 0;
	list-style-type: none;
}

ul.category li {
	margin: 0;
	padding: 0;
	font-size: 1.1em;
}


/** [END] Typography ***********************************************************/



/** Header *********************************************************************/
#header { width: 100%; height: 145px; background: url(images/header/bg.png) top left repeat-x; }
#header .inner { width: 900px; height: 145px; margin: 0 auto; }
#header .inner a.logo { float: left; width: 341px; height: 95px; background: url(images/header/logo.png) top left no-repeat; text-indent: -9999em; }
#header .inner ul.menu { float: left; width: 900px; height: 50px; }
#header .inner ul.menu li, #header .inner ul.menu li a { float: left; height: 50px; line-height: 50px; }
#header .inner ul.menu li a { padding: 0 22px; background: none; color: #CCC; font-size: 12px; font-weight: bold; text-transform: uppercase; white-space: nowrap; }
#header .inner ul.menu li a:hover { color: #FFF;/* color: #20A3D8; */ }
#header .inner ul.menu li a.selected { color: #666; }
#header .inner ul.menu li a.first { padding-left: 0; }
#header .inner ul.menu li a.last { padding-right: 0; }
/**** Menu *********************************************************************/
#header ul.menu { }
/** [END] Header ***************************************************************/

/** Sidebar ********************************************************************/
#sidebar { float: left; width: 230px; margin: 0 30px 30px 0; padding: 0; background: #EBEBEB; }

#sidebar ul.topmenu, #sidebar ul.top_submenu, #sidebar ul.submenu { float: left; width: 230px; padding-bottom: 11px; background: url(images/sidebar/topmenu_bg.png) top left no-repeat; }
#sidebar ul.topmenu li, #sidebar ul.top_submenu li, #sidebar ul.submenu li { float: left; width: 185px; margin: 0; padding: 0 23px 10px 22px; font-size: 13px; }
#sidebar ul.topmenu li.title, #sidebar ul.top_submenu li.title, #sidebar ul.submenu li.title { width: 230px; height: 40px; padding: 0 0 10px 0; color: #FFF; font-size: 13px; font-weight: bold; line-height: 40px; text-transform: uppercase; text-align: center; }

#sidebar ul.topmenu li { color: #fff; }
#sidebar ul.topmenu select 		{width:185px; font-size: 13px;}
#sidebar ul.topmenu .SearchButton {font-size:13px; font-weight:bold; margin:5px 0px 0px 0px; width: 165px; text-align: center; padding: 5px 0; }



#sidebar ul.top_submenu { padding-top: 1px; background: url(images/sidebar/submenu_top_bg.png) top left no-repeat; }
#sidebar ul.top_submenu li.title, #sidebar ul.submenu li.title { background: url(images/sidebar/submenu_title_bg.png) top left no-repeat; }
#sidebar ul.top_submenu li a { float: left; width: 167px; padding-left: 18px; background: url(images/sidebar/submenu_item_arrow.png) 0 3px no-repeat; color: #000; }
#sidebar ul.top_submenu li a:hover { background-position: 0 -147px; color: #444; }
#sidebar ul.top_submenu li.selected a, #sidebar ul.top_submenu li.selected a:hover { background-position: 0 -297px; color: #888; }


#sidebar ul.submenu { padding: 0; background: none; }
#sidebar ul.submenu li.title { padding: 0 0 18px 0; }
#sidebar ul.submenu li.note { width: 200px; padding-right: 0; background: url(images/sidebar/submenu_item_arrow.png) 22px 7px no-repeat; line-height: 24px; text-indent: 18px; }
#sidebar ul.submenu li.email input { float: left; width: 175px; height: 18px; padding-top: 2px; padding-left: 5px; }
#sidebar ul.submenu li.bottom { padding-bottom: 22px; }
/** [END] Sidebar **************************************************************/

/** Details ********************************************************************/
#content .details { float: right; width: 260px; margin: 0 0 30px 30px; background: url(images/page/details_bg.png) top left no-repeat; }
#content .details .title { float: left; width: 250px; height: 23px; padding-left: 10px; background: url(images/page/details_bottom_border.gif) bottom left repeat-x; color: #999; font-size: 10px; font-weight: bold; text-transform: uppercase; line-height: 23px; }
#content .details .value, #content .details .last { float: left; width: 245px; height: 26px; padding-top: 10px; padding-left: 15px; background: url(images/page/details_bottom_border.gif) bottom left repeat-x; color: #FFF; font-size: 13px; line-height: normal; }
#content .details .last { background: url(images/page/details_bottom_corner.png) bottom right no-repeat; }
/** [END] Details **************************************************************/

/** Banner *********************************************************************/
#content a.banner { float: left; width: 336px; height: 51px; margin-bottom: 30px; padding: 9px 0 0 304px; background: url(images/page/banner.png) top left no-repeat; color: #CDD8E0; font-size: 12px; font-weight: bold; line-height: 21px; text-align: center; }
#content a.banner:hover { background-position: bottom left; }
/** [END] Banner ***************************************************************/

/** Meta ***********************************************************************/
div.meta { position: relative; float: left; width: 630px; min-height: 26px; margin: 0 0 30px; padding-left: 10px; background: url(images/page/meta_bg.png) top left no-repeat; }
div.meta p.tags, div.meta p.date { float: left; padding: 0; color: #FFF; font-size: 11px; font-weight: bold; line-height: 26px; }
div.meta p.tags { width: 488px; }
div.meta p.date { position: absolute; bottom: 0; right: 36px; width: 110px; color: #AAA; font-weight: normal; text-align: right; }
div.meta a { padding: 0; background: none; color: #CCC; }
div.meta a:hover { color: #FFF; }
div.meta div.corner { position: absolute; bottom: 0; right: 0; width: 26px; height: 26px; background: url(images/page/details_bottom_corner.png) top left no-repeat;  }
#content p.alt { width: 608px; margin-bottom: 30px; padding: 10px 15px; background: #F6F6F6; border: 1px solid #999; line-height: 24px; }
#content p.alt a { background: none; }
#content table.nav { width: 100%; margin-bottom: 20px; padding: 0; background: url(images/page/meta_bg.png) top left no-repeat; text-align: right; }
#content table.nav tr td { width: 320px; padding: 0; vertical-align: middle; line-height: normal; }
#content table.nav tr td.left { /* width: 319px; border-right: 1px solid #FFF; */ text-align: left; }
#content table.nav tr td a { float: left; width: 290px; padding: 6px 30px 6px 0; background: url(images/page/nav_arrow_right.png) 304px center no-repeat !important; background: none; color: #888; font-size: 11px; font-weight: bold; }
#content table.nav tr td a:hover { background-image: url(images/page/nav_arrow_right-hover.png) !important; background: none; color: #FFF; }
#content table.nav tr td.left a { padding: 6px 0 6px 30px; background: url(images/page/nav_arrow_left.png) 10px center no-repeat !important; background: none; }
#content table.nav tr td.left a:hover { background-image: url(images/page/nav_arrow_left-hover.png) !important; background: none; }
/** [END] Meta *****************************************************************/

/** Footer *********************************************************************/
#footer { float: left; width: 100%; height: 74px; background: url(images/footer/bg.png) top left repeat-x; }
#footer .subfooter { float: left; width: 100%; height: 24px; text-align: right; line-height: 24px; font-size: 11px; color: #302C2D; text-transform: uppercase; }
#footer .subfooter a, #footer .subfooter a:hover { color: #302C2D; background: none; }
#footer .inner { float: left; width: 100%; height: 50px; background: none; }
#footer .inner a.logo { float: right; width: 200px; height: 50px; background: url(images/footer/logo.png) top left no-repeat; text-indent: -9999em; }
#footer .inner .left { float: left; width: 26px; height: 50px; background: url(images/footer/left.png) top left no-repeat; }
#footer .inner ul.menu { float: left; width: 650px; margin: 18px 0 0 13px; }
#footer .inner ul.menu li { float: left; font-size: 11px; font-weight: bold; }
#footer .inner ul.menu li a { float: left; padding: 0 10px 0 9px; background: url(images/footer/menu_divider.png) right 3px no-repeat; color: #999; line-height: normal; text-transform: uppercase; }
#footer .inner ul.menu li a:hover { color: #FFF; }
#footer .inner ul.menu li a.selected { color: #666; }
#footer .inner ul.menu li a.last { background: none; }
/** [END] Footer ***************************************************************/