/*  
Theme Name: eAdvance
Version: 1.0
Description: Theme created specifically for the eAdvance website.
Author: Robin Pietersen
Author URI: http://www.eadvance.co.za/

Copyright: (c) 2010 IOMBA.
License: GNU/GPL Version 2 or later. http://www.gnu.org/licenses/gpl.html

*/  

/* General & Typography -------------------------------------------------------------- */

html {font-size:100.01%;} 
body { background:#f0f0f0; font-size: .8em; font-family: Arial, Helvetica, sans-serif; line-height:1.4em; padding:0; margin:0; color:#777; text-align: left; }

h1, h2, h3, h4, h5, h6 {  font-family: 'Karla', arial; font-weight: normal; margin:0; padding:0; color:#242424; line-height:1.3; }
h1 {font-size:3em; margin-bottom:0.5em;}
h2 {font-size:2em; margin-bottom:0.75em;}
h3 {font-size:1.5em; margin-bottom:1em;}
h4 {font-size:1.2em; margin-bottom:1.25em;}
h5 {font-size:1em; margin-bottom:1.5em;}
h6 {font-size:1em; margin-bottom:1.5em; } 
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { text-decoration: none; font-weight: normal;}
a { color:#485159; text-decoration: underline; font-weight: bold}
a:hover, a:focus { color:#999; text-decoration: underline; }
p {margin:0 0 1.5em;}
blockquote {margin:20px 20px 40px;color:#333;font-style:italic; line-height:1.4; font-size: 16px; text-align: center; font-family: 'Karla', arial}
strong {font-weight:bold;}
li ul, li ol {margin:0;}
ul, ol {margin:0 1.5em 1.5em 0;padding-left:3.333em;}
ul {list-style-type:disc;}
ol {list-style-type:decimal;}
a img {border:none;}

/* Forms -------------------------------------------------------------- */

label {font-weight:bold;}
fieldset {padding:1.4em;margin:0 0 1.5em 0;border:1px solid #ccc;}
legend {font-weight:bold;font-size:1.2em;}
input[type=text], input[type=password], input.text, input.title, textarea, select {background-color:#fff;border:1px solid #ddd; font-family: arial; color:#555; font-size:1em; border-radius: 2px;}
input[type=text]:focus, input[type=password]:focus, input.text:focus, input.title:focus, textarea:focus, select:focus {border-color:#bbb;}
input[type=text], input[type=password], input.text, input.title, textarea, select {margin:0.5em 0;}
input.text, input.title {width:280px;padding:5px;}
input.title {font-size:1.5em;}
textarea {width:390px;height:250px;padding:5px;}
input[type=checkbox], input[type=radio], input.checkbox, input.radio {position:relative;top:.25em;}
input[type=submit] { background:#023c5d; border: 0; border-bottom: solid 1px #022438; padding:4px 8px; font-size:12px; color:#fff; 	border-radius: 2px;}

/* Containers -------------------------------------------------------------- */

.container { width:940px; margin:0 auto; }
.col_main { float: left; width:620px; margin-right:20px; margin-bottom:20px;}
.col_full { float: left; width:940px; margin-right:20px; }
.col_half { float: left; width:460px; margin-right:20px; }
.col_third { float: left; width:300px; margin-right:20px; }
.col_fourth { float: left; width:220px; margin-right:20px; } 
.col_fith { float: left; width:172px; margin-right:20px; } 
.col_sixth { float: left; width:140px; margin-right:20px; } 
.box { background:#eee; margin:0 0 20px; padding:20px; }
.notice { background:#eee; padding:20px;}
.last { margin-right:0; }
.clear { clear: both; }

/* Page styles -------------------------------------------------------------- */

.post {  }
.label { margin:0; padding-bottom:20px; color:#333;  font-style: normal;text-shadow: #fff 0 1px 0;  font-size:1.4em; margin:0; padding-bottom:20px; color:#333;   font-style: normal; }
.label span { border-bottom: solid 5px #056093;}
a.readmore, a.readmore:hover { display: block; margin: 0 0 20px; color:#242424;  text-decoration: none; clear: left; font-weight: normal; font-family: 'Karla', arial; }
.meta { color:#666; margin-bottom:20px; font-family: georgia; font-style: italic;   }
.meta a { color:#485159; font-weight: normal; text-decoration: none;}
.thumb { margin: 0 20px 20px 0; float: left; }
.thumbfullwidth { margin-right:0; }
.blog { padding-top:20px;}
.slogan { text-align: center; padding:0 0 20px }
.entry {  border: solid 1px #ddd; padding:20px; margin-bottom:20px; }
 
#wrapper { background: #fff; }

/* Sliders -------------------------------------------------------------- */

	/* Home Slider -------------------------------------------------------------- */
	
 	.slides_container { width:980px; margin:0 auto; overflow:hidden; position:relative; cursor:pointer; }
	.slides_container div { width:980px; display:block; position: relative;  }
	.slides_container div img {   border: solid 2px #fff;}
 	ul.pagination { list-style:none; padding:0; margin:0 auto; width:100px; display: none;  }
	ul.pagination li  { float:left; }
	ul.pagination li a { z-index:9999; float: left; height:20px; width:20px; text-indent:-1000px; overflow:hidden;	 background:#333; margin-right:1px;}
	ul.pagination li.current a { background:#fff; }
	#slides { position: relative; } 
	#slides a.prev, #slides a.next { bottom:19px;  z-index:9999; position: absolute; height:50px; width:50px; text-indent:-1000px; overflow:hidden; }
	#slides a.prev { left:-50px; background: url(images/arrows_lrg.png) no-repeat bottom right;}
	#slides a.prev:hover{ background: url(images/arrows_lrg.png) no-repeat bottom left;}
	#slides a.next { right:-48px; background: url(images/arrows_lrg.png) no-repeat top right;}
	#slides a.next:hover { background: url(images/arrows_lrg.png) no-repeat top left;} 
	#slides .info { position: absolute; top:90px; width:480px; right:100px; color:#c8c8c8}
	#slides .info h2 { color:#fff; font-family: 'Londrina Sketch', cursive; font-size: 55px; margin:0 0 20px; padding:0; text-shadow: #000 3px 3px 3px; line-height:1;}
	#slides .info .moreinfo { background:#61a35a url(images/button_moreinfo.jpg) no-repeat top left; color:#fff; text-decoration: none; display: block; float: left; margin:20px 0 0; padding:7px 12px; font-weight: normal; text-shadow: rgba(0,0,0,.7) 0px -1px 1px; 
	border-radius: 2px;
  	-moz-box-shadow:    2px 3px 3px 3px rgba(0,0,0,.2);
  	-webkit-box-shadow: 2px 3px 3px 3px rgba(0,0,0,.2);
  	box-shadow:         2px 3px 3px 3px rgba(0,0,0,.2);
	}
	
/* Tabs */
	 
	.feature_tabs {
		position: relative	
	}
		
	.feature_tabs ul.tabs,ul.tabs li {
	margin:0 0 10px;
	}
	
	.feature_tabs ul.tabs {
	float:left;
	width:220px;
	list-style:none;
	border:0;
	margin:0;
	padding:0;
	}
	
	.feature_tabs ul.tabs li {
	border:0;
	list-style:none;
	margin:0;
	padding:0;
	}
	
	.feature_tabs ul.tabs li.interface span,
	.feature_tabs ul.tabs li.extensions span,
	.feature_tabs ul.tabs li.content span,
	.feature_tabs ul.tabs li.social span { 
		
	padding:10px 0 10px 50px;
	}
	
	.feature_tabs ul.tabs li.interface .current span { 
	background: url(images/features.png) no-repeat 0px -125px;
	}
	.feature_tabs ul.tabs li.extensions .current span { 
	background: url(images/features.png) no-repeat 0px -35px;
	}
	.feature_tabs ul.tabs li.content .current span { 
	background: url(images/features.png) no-repeat 0px -75px;
	}
	.feature_tabs ul.tabs li.social .current span { 
	background: url(images/features.png) no-repeat 0px 5px;
	}
	
	.feature_tabs ul.tabs li.interface span { 
	background: url(images/features.png) no-repeat 0px -295px;
	}
	.feature_tabs ul.tabs li.extensions span { 
	background: url(images/features.png) no-repeat 0px -205px;
	}
	.feature_tabs ul.tabs li.content span { 
	background: url(images/features.png) no-repeat 0px -245px;
	}
	.feature_tabs ul.tabs li.social span { 
	background: url(images/features.png) no-repeat 0px -165px;
	}
	
	.feature_tabs ul.tabs li a {
	text-decoration:none;
	display:block;
	font-family:arial;
	font-style:normal;
	font-size:14px;
	border:0;
	list-style:none;
	text-transform:none;
	font-weight:400;
	color:#999;
	margin:0;
	padding:15px 15px 15px 5px;
	}
	
	.feature_tabs ul.tabs a.current {
	background:  url(images/tab.png) no-repeat top left;
	color:#5b6572;
	font-weight: bold;
	}
	
	.feature_tabs .panes {
	float:right;
	width:700px; 
	margin:0 0 ;
	padding:0; 
	}
	
	.feature_tabs .panes h3 {
		margin:0;
		padding:0 0 10px;
		font-size:1.2em
	}
	
	.feature_tabs .panes img {
		float: left;
		margin:0 20px 20px 0;
	} 
	.tab .left {
	float: left;  
	width:340px;
	margin-right:20px;	 
	}
	
	.tab .right {
	float: left;  
	width:340px;   
	}
	 


	
	.tab_container { 
	 
		padding:30px 0 10px 0;
	}

/* Sections -------------------------------------------------------------- */

	/* Header ------------------------------------------------------------ */
	
	#header { margin: 0 0 ; padding:10px 0 ; background: #056093 url(images/shadow_header.png) repeat-x top center; color:#fff; }  
	#header .container { background: transparent; }
 

	#header h1 {
    float:left;
    display:inline;
    width:200px;
    height:53px;
    margin:0;
    padding:0;
} 
	#header h1 {
    display:block;
    width:200px;
    height:75px;
    text-indent:-1000px;
    overflow:hidden; 
} 
	#header h1 a {
    display:block;
    width:200px;
    height:75px;
    background: url(images/logo.png) no-repeat top left;
} 
	#header h1 a:hover {
    background: url(images/logo.png) no-repeat bottom left;
} 

	#header .menu { float:right; margin:42px 0 0 0; }

	/* Menu ------------------------------------------------------------ */
 
	/*** ESSENTIAL STYLES ***/
	.sf-menu, .sf-menu * { margin: 0; padding: 0; list-style: none; z-index:999; }
	.sf-menu { line-height: 1.0;  }
	.sf-menu ul { position: absolute; top: -999em; width: 12em; }
	.sf-menu ul li { width: 100%; }
	.sf-menu li:hover { visibility: inherit; }
	.sf-menu li { float: left; position: relative; }
	.sf-menu a { display: block; position: relative; font-weight: normal; font-size:12px;}
	.sf-menu li:hover ul,
	.sf-menu li.sfHover ul { left: 0; top: 1.9em;  }
	ul.sf-menu li:hover li ul,
	ul.sf-menu li.sfHover li ul { top: -999em; }
	ul.sf-menu li li:hover ul,
	ul.sf-menu li li.sfHover ul { left: 12em; top: 0; }
	ul.sf-menu li li:hover li ul,
	ul.sf-menu li li.sfHover li ul { top: -999em; }
	ul.sf-menu li li li:hover ul,
	ul.sf-menu li li li.sfHover ul { left: 12em; top: 0; }
	
	/*** DEMO SKIN ***/
	.sf-menu { float: left; }
	.sf-menu a {  padding: .5em .75em; text-decoration:none; color:#fff;}
	.sf-menu a, .sf-menu a:visited  { color:#fff; }
	.sf-menu li li a, .sf-menu li li a:visited  { color:#fff; }
	.sf-menu li, .sf-menu li li, .sf-menu li li li {  opacity: .98; } 
	.sf-menu li li, .sf-menu li li li { background:#fff; } 
	.sf-menu li li, .sf-menu li li li { background:#023c5d; border-top: solid 1px #2e7399; border-bottom: solid 1px #022438; border-radius:0;  } 
	.sf-menu li li a, .sf-menu li li li a, .sf-menu li.current_page_item li a, .sf-menu li.current_page_item li li a,  { color: #fff;border:0; } 

	.sf-menu li:hover, .sf-menu li.sfHover,
	.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active { color:#fff; outline: 0; }
	.sf-menu li li:hover, .sf-menu li li.sfHover,
	.sf-menu li li a:focus, .sf-menu li li a:hover, .sf-menu li li a:active { color:#fff  }
	.sf-menu li.current_page_item a { font-weight: bold; color:#fff; background: #023c5d url(images/trans.png) repeat-x top left; 
	 border-bottom:solid 1px #2e7399; text-shadow: rgba(0,0,0,.3) 0px -1px 1px;  
	border-radius: 3px; 
	}
	.sf-menu li.current_page_item li a { background: inherit; font-weight: inherit; color:#fff; border:0; }
		
	/*** arrows **/
	.sf-menu a.sf-with-ul { padding-right: 2.25em; min-width: 1px; }
	.sf-sub-indicator { position: absolute; display: block; right: .75em; top: 1.05em; /* IE6 only */ width: 10px; height: 10px; text-indent: -999em; overflow: hidden; background: url('images/arrows.png') no-repeat -10px -100px; }
	a > .sf-sub-indicator { top: .8em; background-position: 0 -100px; } 
	a:focus > .sf-sub-indicator,
	a:hover > .sf-sub-indicator,
	a:active > .sf-sub-indicator,
	li:hover > a > .sf-sub-indicator,
	li.sfHover > a > .sf-sub-indicator { background-position: -10px -100px; }
	
	/* point right for anchors in subs */
	.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
	.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; } 
	.sf-menu ul a:focus > .sf-sub-indicator,
	.sf-menu ul a:hover > .sf-sub-indicator,
	.sf-menu ul a:active > .sf-sub-indicator,
	.sf-menu ul li:hover > a > .sf-sub-indicator,
	.sf-menu ul li.sfHover > a > .sf-sub-indicator { background-position: -10px 0; }
	
	/*** shadows for all but IE6 ***/
	.sf-shadow ul { background:	url('images/shadow.png') no-repeat bottom right; padding: 0 8px 9px 0; -moz-border-radius-bottomleft: 17px; -moz-border-radius-topright: 17px; -webkit-border-top-right-radius: 17px; -webkit-border-bottom-left-radius: 17px; }
	.sf-shadow ul.sf-shadow-off { background: transparent; }

	/* Footer ------------------------------------------------------------ */

	#footer {  padding:20px 0 20px; color:#999; background:#f0f0f0; border-top: solid 1px #e6e6e6 } 
	#footer a { color:#888; text-decoration: none; font-weight: normal }
	#footer a:hover { color:#777; } 

	.copyright {  text-align: center } 
		
	/* Sidebar ------------------------------------------------------------ */

	#sidebar { border-left: solid 1px #ddd; border-right: solid 1px #ddd; background:#f9f9f9; margin-top:-20px; margin-bottom:-1px } 
	#sidebar ul, 
	.widgets ul { list-style: none; padding:0; margin:0; }
	#sidebar a, 
	.widgets a { text-decoration: none; font-weight: normal;}
	#sidebar ul li {  padding:20px;  border-bottom: solid 1px #eee; }  
	.widgets ul li { padding:0; }
	.widgets .entry { border:0; padding:0; } 
	#sidebar ul li h2, 
	.widgets ul li h2 { font-size:1.4em; margin:0; padding-bottom:20px; color:#333;   font-style: normal; border-bottom: solid 1px #ddd;}
	#sidebar ul li h2 span, 
	.widgets ul li h2 span {  }
	.widgets ul li h2 span { border:0; }
	#sidebar ul li li { border:0; padding:0 0 0 0; margin:0; }
	.widgets ul li li { padding:0 0 5px; margin:0 0 5px; }
	#sidebar ul li li.recentcomments, 
	.widgets ul li li.recentcomments {   }
	#sidebar .searchform input[type=text] { width:165px; margin-right:5px; }
	.widgets .searchform input[type=text], .widgets .searchform input.text { width:130px; margin-right:5px; } 
	#sidebar .infobox, #sidebar .infobox li, 
	.widgets .infobox, .widgets .infobox li { background: transparent; padding:0; border:0; }
	#sidebar .infobox .readmore, 
	.widgets .infobox .readmore { margin-top:20px; }
	#sidebar ul li.featured,
	.widgets ul li.featured { background: transparent; padding:0 0 10px; margin:0; } 
	#sidebar ul li.featured img, #sidebar .infobox img,
	.widgets ul li.featured img, .widgets .infobox img { margin-bottom:0; }
	#sidebar ul li.featured h3,
	.widgets ul li.featured h3 { margin-bottom:0; }
	#sidebar ul li.latest span, #sidebar ul li.featured span,
	.widgets ul li.latest span, .widgets ul li.featured span {  color:#999;  font-style: italic; font-size:.8em; }
	
	#sidebar ul li .flickr_badge_image img,
	.widgets ul li .flickr_badge_image img { float: left; margin:0 10px 10px 0; }
	/* tabs
	----------------------------------------------------------------------------------------------------*/	 
		 
	#sidebar ul.tabs, 
	.widgets ul.tabs {  height:40px; margin-bottom:10px; }
	#sidebar ul.tabs, 
	.widgets ul.tabs { margin:0 0 10pxk background: transparent }
	#sidebar ul.tabs li, 
	.widgets ul.tabs li { margin:0; padding:0; border:0; float:left; background: transparent }
	#sidebar ul.tabs li a, 
	.widgets ul.tabs li a { text-decoration:none; display:block; padding:4px 7px; color:#888;  margin:0 }
	#sidebar ul.tabs li a:hover, 
	.widgets ul.tabs li a:hover {  }
	#sidebar ul.tabs .current, 
	.widgets ul.tabs .current {   color:#fff; background: #023c5d url(images/trans.png) repeat-x top left; 
	 border-bottom:solid 1px #2e7399; text-shadow: rgba(0,0,0,.3) 0px -1px 1px;  
	border-radius: 3px; }
	#sidebar ul.tabs .current:hover, 
	.widgets ul.tabs .current:hover { color:#fff }
	#sidebar .panes li, 
	.widgets .panes li { padding:5px 0; margin:0; background: transparent;}

/* Title ----------------------------------------------------------------------------------------------------*/
#title {
	background: #056093 url(images/shadow_title.png) repeat-x bottom left;	
	color:#fff;
}

#title .container { width:980px;  } 

/* pagetitle -------------------------------------------------------------- */

#pagetitle { background:#f1f1f1 ;padding:20px 0; margin:0; text-shadow: #fff 0px -1px 0; margin-bottom:20px; border: solid 1px #ddd; border-top: solid 1px #fff;}
.pagetitle { color:#555; padding:0; font-size:2.8em; padding:0; margin:0;}

/* strip -------------------------------------------------------------- */

.strip {
	margin:20px 0 30px	
}
.stripalt {
	margin:20px 0 30px;
	border-bottom: solid 1px #ddd;
}
 	
/* Tables -------------------------------------------------------------- */

table       { margin-bottom: 1.4em; width:100%; }
th          { font-weight: bold; text-align: left; }
thead th    { background: #ddd; }
th,td,caption { padding: 4px 10px 4px 5px; }
tr.even td  { background: #eee; }
tfoot       { font-style: italic; }
caption     { color:#999; text-align: left;}

/* Comments ----------------------------------------------------------------------------------------------------*/
.comments { margin-top:20px } 
h2.comment { background:url(images/icons.png) no-repeat 0 -1656px; padding-left:35px } 
ol.commentlist { list-style:none; padding-left:0 } 
ol.commentlist li { list-style:none; border-left: solid 10px #ddd; padding-left:20px; } 
ol.commentlist li.comment div.vcard {  padding:10px 0 0; margin-bottom:10px } 
ol.commentlist li.comment div.vcard cite.fn { font-size:20px; color:#333; font-style:normal; padding-top:10px } 
ol.commentlist li.comment div.vcard cite.fn a { text-decoration:none } 
ol.commentlist li.comment div.vcard img.avatar { float:right } 
ol.commentlist li.comment span.says { font-size:20px; color:#555; font-style:normal } 
ol.commentlist li.comment div.comment-meta { margin-bottom:10px } 
ol.commentlist li.comment div.comment-meta a { text-decoration:none; color:#999 } 
ol.commentlist li.comment div.reply { margin-bottom:20px } 
ol.commentlist li.comment div.reply a { background:#ececec; color:#999; margin-right:5px; text-decoration:none; padding:4px 7px } 
ol.commentlist li.comment div.reply a:hover {  background:#555 } 
ol.commentlist li.comment ul.children { list-style:none } 
 
/* Start paginate
----------------------------------------------------------------------------------------------------*/

.emm-paginate a { background:#eee; border:1px solid #ddd; margin-right:4px; padding:3px 6px; text-align:center; text-decoration:none; color:#999 } 
.emm-paginate a:hover, .emm-paginate a:active { background:#ddd } 
.emm-paginate .emm-title { margin-right:4px } 
.emm-paginate .emm-gap { margin-right:4px } 
.emm-paginate .emm-current { background:#eee; border:solid 1px #ddd; margin-right:4px; padding:3px 6px } 
.emm-paginate .emm-page {  } 
.emm-paginate .emm-prev, .emm-paginate .emm-next {  } 



/* Pricing Table
----------------------------------------------------------------------------------------------------*/

.pricing .col_main { padding-top:10px; margin-bottom:30px } 
.pricing ul { list-style: none; padding:0; margin:0; border: solid 1px #ddd;border-right:0; border-top:0;  }
.pricing ul li { text-align: center;height:20px;list-style: none; padding:0; margin:0; padding:10px; border-bottom: solid 1px #ddd;  }
.pricing ul li.noborder {  border:0;}
.pricing strong { color:#625f55; }
.packfeatures { float: left; width:140px; background: #f9f9f9 url(images/rightshadow.png) repeat-y top right; border-top: solid 1px #ddd;  margin-top:79px; } 
.packfeatures ul { border-left:0; border-bottom:0; border-color:#ddd; border-left: solid 1px #ddd; }
.packfeatures ul li { border-color:#ddd; text-align: left }
.singlepack { float: left; width:225px;    }
.developer { float: left; width:225px;    }
.developer ul { background:#fff url(images/rightshadow.png) repeat-y top right }
.pricing .developer ul li.price { background:#f1f1f1 url(images/rightshadow.png) repeat-y top right   }
.singlepack ul { background:#fff url(images/rightshadow.png) repeat-y top right   }
.pricing .singlepack ul li.price { background:#f1f1f1 url(images/rightshadow.png) repeat-y top right   }
.club { float: left; width:250px;   } 
.club ul { border-right: solid 1px #d8d1be;background:#fff; }
.club .titleblock { }
.titleblock { height:70px; font-style: italic;color:#93a3b1; background: #485159; text-align: center; padding-bottom:10px;}
.titleblock h4 { font-style: normal; text-align: center;padding:10px 10px 0; margin:0; font-size: 1.5em; color:#fff; }
.collectionlink { margin:0 5px 0 140px; }
.collectionlink a {  margin:10px 0px 00px; padding:10px;  display: block; text-align: center; text-shadow: #657d47 0px -1px 0;} 
.collectionlink a { background:#86A55E; border: 0; padding:7px 5px; font-size:14px; color:#fff; border: solid 1px #657d47; font-family: arial; font-weight: bold;  text-decoration: none;  }

.collectionlink a:hover { background:#90b166; } 
.pricing ul li.yes { background: url(images/tick.png) no-repeat 110px 10px; padding-left:35px; }
.pricing ul li.no { background: url(images/cross.png) no-repeat 110px 10px; padding-left:35px; }
.pricing ul li span { display: none; } 
.pricing ul li.price { background:#f1f1f1; text-align: center;  display: block;  font-weight: normal; color:#394f69; font-size: 28px;  font-family: 'Doppio One', sans-serif; }
.singlepack .titleblock { background:#59646d; }
.developer .titleblock { background:#485159; } 

 
 
 /* Alignment */
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.625em;
}
.alignright {
	display: inline;
	float: right;
	margin-left: 1.625em;
}
.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}


 /* Twitter widget */
 
#sidebar ul li #twitter_update_list li {
	margin-bottom:10px;	
}