/*
Theme Name: Teach South Africa
Description:
Version: 1.0
Author: Ruramai Nhapata (www.flowsa.com)
Date: November 2008
*/

/*RESET AND CLEARFIX
----------------------------*/
:link,:visited {}
ul,ol { list-style:none }
h1,h2,h3,h4,h5,h6,pre,code {font-size:1em;}
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input { margin:0; padding:0 }
a img,:link img,:visited img { border:none }
address {font-style:normal}
.clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}  
.clearfix {display:inline-block;}
.clearfix {display:block;}

/* BODY
-----------------------------------*/
html, body {height:100%;}

/* BASE TYPOGRAPHY
-----------------------------------*/ 
body {font:13px Arial,Verdana,sans-serif; color:#333;}

p,ul,ol {font-size:13px; line-height:18px; margin-bottom:12px;} 
a {line-height:15px;}

a:link {outline:none; text-decoration:underline; color:#9a0e0d;} 
a:visited {text-decoration:underline; color:#777777;}
a:hover {color:#bb0100;}

li a:link {text-decoration:underline;}
.item li a {text-decoration:none;}

h1,h2,h3,h4,h5,h6 {font-family:"Century Gothic", "Futura", Arial, Verdana; font-weight:normal; margin-bottom:0.5em; line-height:1.3em;}

h1 {margin-bottom:1em;}
h2 {border-bottom: 1px solid #efefef}

h1 {font-size:24px;}
h2 {font-size:16px; font-weight:bold;}
h3 {font-size:14px; font-weight:bold;}
h4 {font-size:13px; font-weight:bold;}


blockquote {margin:10px; border:2px solid #431400; padding:5px; background-color:#EFD6D1;}

hr {border: 0;
color: #777777;
background-color: #777777;
height: 1px;
width: 100%;
text-align: left;}

#sidebar li {font-family: "Century Gothic", "Futura", verdana, sans-serif; color:#444444;}

#sidebar #nav_sub a {color:#9a0e0d;}
#sidebar #nav_sub a:visited {color:#9a0e0d;}
#sidebar #nav_sub a:hover {color:#bb0100; background: #efefef;}

/* BASE TEMPLATE
---------------------------------*/

#wrap {width:100%; background: url(/teachtheme/images/bg-wrap.gif) repeat-x top;}

#header-container {width:960px; margin:0 auto; margin-bottom:15px; position:relative;}

#container {width:960px; margin:0 auto;}

/* LAYOUT STRUCTURE
-------------------------------- */

#content {width:960px;}
#main {float:left; width:710px;}


/* HOME PAGE */

#fp-main {float:left; width:720px;}


/* HEADER
------------------------------- */
#headerlink {position:absolute; top:0; left:0; width:250px; height:139px;}

#header {background: #fff url(/teachtheme/images/header.jpg) no-repeat; height:299px; margin-bottom:0px;}

#header h1 span {margin-left:-9999px;}


#header-image {width:685px; height:285px; margin-left:254px; }

#header-blurb {color:#fff; width:234px; text-align:right; float:left; padding-top:220px;}



/*FOOTER
------------------------*/
#footer {width:960px; height:50px; margin-top:10px; margin-bottom:10px; margin:0 auto;}
#footer-inner {margin: 10px 10px 0px 240px; padding:5px; padding-bottom: 2px;background:#9a0e0d; }

#footer p {text-align:center; color:#000; font:11px Arial, Helvetica, sans-serif; color: white;}
#footer a:link {color: white; font:10px Arial, Helvetica, sans-serif;}   
#footer a:visited {color: white; font:10px Arial, Helvetica, sans-serif;}


/* MAIN CONTENT LISTS
-------------------------*/

#main ul {list-style-type:disc; margin-left:36px;}
#main ol {list-style-type:decimal; margin-left:36px;}

#main li {margin-bottom:0.3em;}
#main li li {/*font-size:90%;*/}
#main li li li {/*font-size:90%;*/}


/*PHOTOS
-------------------------*/
.floatright {float:right; margin-left:10px;}
.floatleft {float:left; margin-right:10px;}

.photo p {font-weight:bold; font-size:11px;}
.half {width: 280px;}


/* NAVIGATION - UTILITY
------------------------------*/
#utility-nav-inner {height:30px; width:370px; float:left; }
#utility-nav-inner ul {float:left;}
#utility-nav-inner ul {padding-right:5px;}
#utility-nav-inner li {float:left; padding: 7px 0px 5px 0px;}
#utility-nav-inner li {font-family: "Century Gothic", "Futura", verdana, sans-serif; color:#444444;}
#utility-nav-inner a {text-decoration:none;}
#nav-searchbox {float:left; padding-right:5px; padding-top:4px;}

#promo-applynow {float:left; background:url(/teachtheme/images/promo-applynow.png) no-repeat; width:110px; height:100px; z-index:2;}
#promo-applynow a {display:block; width:75px; height:60px; text-decoration:none; float:right;}

#utility-nav {position: absolute; top:0; right:0;}







/* NAVIGATION PRIMARY
------------------------------*/

#nav, #nav ul {padding: 0; margin: 0;	list-style: none;}
#nav {}
#nav { width:710px; height:33px; margin-left:240px; background-color:#9a0e0d;}
#nav a {display: block; padding: 5px 15px 8px 15px; font: 15.5px "Century Gothic", "futura", verdana, sans-serif; color:#fff; background: url(/teachtheme/images/nav-bgspace.gif) no-repeat right; text-decoration:none;}
#nav li:hover { background:url("/teachtheme/images/nav-bg.gif");}
#nav li.last a {background:none;}
#nav li {float: left;}
#nav li li {border-right:none; padding:0px 0px 0px 0px;}
#nav li ul {position: absolute;	width: 206px; left: -9999px; background: #9a0e0d;}
#nav li ul a {display: block; font-size:12px; color:white; background: none; width:190px; padding:6px 8px 6px 8px; border-bottom: 1px #fff dashed;}
#nav li ul li.last a {border-bottom:none;}
#nav li ul a:hover {background:#d87e7e; text-decoration:none;}
#nav li:hover ul {left: auto;}


/*Seconadary nav*/


/* HOMEPAGE MAIN
--------------------*/


.item {float:left; width:240px; background: url(/teachtheme/images/fp-bg-item.gif);}
.item img {padding:0px 8px 0px 8px;}

.item-content {background: white url(/teachtheme/images/fp-item-bg-content-bot.gif) no-repeat; margin-left:8px; margin-right:17px; padding:8px 10px 10px 10px; min-height:110px;}

.item-bottom {background: white url(/teachtheme/images/fp-bg-item-bot.gif); display:block; height:20px; width:100%;}

.item h2 {background: url(/teachtheme/images/fp-item-bg-content-top.gif) no-repeat; border-bottom:none; height:16px; width:215; padding: 8px; margin: 8px 8px 0px 8px;}
.item h2 a {text-decoration:none; color:#fff; margin-bottom:1em; border-bottom:none;}
.item h2 a:visited {color:white; text-decoration:none;} 
.item h2 a:hover {color:#9a0e0d;}

/* SIDEBAR - Homepage
--------------------*/

#sidebar {width:200px; float:left; padding:0px 20px 0px 20px;}

#sidebar a {background:none;}

#sidebar div {margin-bottom:12px;}

#sidebar li a {display: block; padding: 4px; text-decoration:none; border-bottom: 1px #9a0e0d dashed;}

a#sb-promo  {display: block; height:222px; background:none; text-decoration:none; border:1px solid #efefef; padding:0px; background:url(/teachtheme/images/fp-applynow.jpg) no-repeat center; margin-bottom:10px; }


#sb-login {text-align:right;}
#sb-login img {margin-bottom:6px;}
#sb-login span {display:block; margin-bottom:6px;}

#sb-newsletter {border:1px solid #efefef; padding:10px;}

#sb-tell {border:1px solid #efefef; padding:10px;}
#sb-tell li {border-bottom: none; padding: 4px 4px 4px 0px;}


/* BLOG
--------------------*/
.byline {font-weight:bold;}

#blog-post h1 {margin-bottom:6px;}
#blog-index #blog-post h2 {margin-left:50px;}

#blog-post h2 a {display:block; border-bottom:1px solid #9a0e0d; text-decoration:none;}
#blog-post h2 a:visited {border-bottom:1px solid #CCC;}

#blog-post {margin-bottom:24px; width:600px;}

.borders {display:block; padding:3px 0px; border-bottom:1px solid #efefef; border-top:1px solid #efefef;}

#blog-postcontent {margin:12px 0px;}

#comments {margin-bottom:12px; border-bottom:1px solid #efefef; background:url(/teachtheme/images/comment-bg.gif) repeat-x;}
#comments img {float:left;}
#comments-inner {margin-left:85px; padding-right:10px; padding-top:6px;}

#login-button {cursor: pointer;}

img.blogpost-thumb {float: right; margin-left:10px; margin-bottom:12px;}

#main #metadata {list-style:none; margin-left:0;}
#main #metadata li {margin-bottom:2px;}

#blog-postcontent.full img {float:right; padding-left:10px; padding-bottom:10px;}

#blogpost-footer {margin-bottom:12px;}
#blogpost-footer img {margin-top:4px}
img.avatar {margin-right:12px; float:left;}


/* BLOG SUBMIT
-------------------*/
#field_id_9 img {width:400px;}

/* PROFILE
-------------------*/
.profile img {float: left; padding-right:10px;}
#profile-content {float:left; width:450px;}

.profile-edit img {padding-bottom:6px;}

.ambassador-list img {float:left; padding-right:20px; margin-top:12px;}
#ambassador {margin-bottom:12px; border-bottom:1px solid #efefef; border-top:1px solid #efefef;}
#ambassador-content {float: left; padding-top:12px; width:450px;}

/* PAGINATION
-------------------*/
ul.pagination {float:right;}
ul.pagination li {float:left; list-style-type:none;margin-right:6px;}
ul.pagination li.here a {text-decoration:none;}

/* BREADCRUMB
-------------------*/
span#breadcrumb {display:block; margin-bottom:12px;}
span#breadcrumb , span#breadcrumb a {font-size: 11px;}

/* SEARCH BOX
-------------------*/
#nav-searchbox input {}
#searchinput {width:150px; height:18px; }
#cse-search-box {margin-top:3px;}


/* NEWSLETTER SUBSCRIBE FORM
------------------------------*/
span.label,span.spacer,span.multiple span {width:100px;float:left; color:#152863;} 
span.multiple {float:left;} 
.button #sidebar {padding-left:0px; float:left;width:30px;} 
div.clear {clear:both;padding-top:5px;} 

#sidebarnav {margin-bottom:1em;}

/* MAP
----------------------------*/
.map {float:right;}



/* GALLERIES */

ul#gallery-albumview {list-style:none;}
#gallery-albumview li {float:left; margin:5px;}
#gallery-albumview li a img {}
#gallery-albumview li a:hover {}

.page {text-align:center;}

.subcat {margin-left:20px;}