/*
Theme Name: Svaha Concepts

Originally based on the classic <a href="http://andreasviklund.com/templates/andreas01/">andreas01 CSS 
template</a>. 
Version: 1.0
Author: Grace Judson & Svaha Concepts, based on a theme by Andreas Viklund
*/


 
/* Body */
* {
  margin:0; 
  padding:0;
}
html {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 96%;
	line-height: 1.33em;
}
body {
  background: #ffffff;
  text-align: center;
}
#header {
	margin: 0;
	padding: 0.3em 0 0.2em 0;
	background: #d5e1d5;
}
#wrap {	
  background: url("http://www.svahaconcepts.com/images/background.png") repeat-y;
  width: 900px;
	margin: 0 auto;
	text-align: left;
	padding: 0;
	border-top: 1px solid #ffffff;
	overflow: hidden;
}
#footer {
  font-size: 0.7em;
  text-align: center;
  font-style: italic;
}
/* Sidebars */
#leftside {
	clear: left;
	float: left;
	display: inline;
	width: 215px;
	font-size: 0.9em; 
	margin: 0.75em 0 0 0;
}
#leftside h2 {
	margin: 0; 
}

#rightside {
  float: right; 
  line-height: 1.33em; 
  margin: 15px 0 0 25px; 
  padding: 0; 
  width: 140px;
  font-size: 0.9em;
  text-align: right;
}

#rightside h2 {
	margin: 0.5em 0;
}

#rightside ul{
  list-style-type:none;
  margin: 0 0 0.5em 0;
}

#rightside li {
  margin: 0.5em 0;
}

#rightside li a {
	display: block;
	color: #006666;
}
#rightside li a:focus, a:hover {
	color: #006666;
	background: #b8ccb8;
} 

#rightside p{
  text-align:right;
}
#rightside img.feedimage {
  border: none;
  float: none;
  clear: both;
  margin: 0;
}

#rightside label{
  line-height: 1.75em;  
  color:#006666;
  font-size: 1.25em;
  font-weight: bold;
}

#rightside div.textwidget{

}

/* following not yet updated for newtemplate */

#rightside input{
  margin: 0 0 7px 0;
}

#luv{
  margin-left:5px;
}

/* Main menu - left alone for newtemplate */
/*
ul.page {list-style:none; margin:0 0 20px; width:140px;}
ul.page li {display:inline; line-height:1.4em; width:140px;}
ul.page li a {background-color:#f4f4f4; border-left:4px solid #cccccc; color:#505050; float:left; 
  font-weight:bold; margin-bottom:5px; padding:5px 1px 5px 5px; text-decoration:none; width:130px;}
ul.page li a:hover, ul.page li.current_page_item a {background-color:#eaeaea; border-left:4px solid #286ea0; 
  color:#505050;}
ul.page ul {font-size:0.9em; margin:0 0 0 15px; padding:0 0 5px; width:125px;}
ul.page ul a {padding:3px 1px 3px 5px; width:115px;}
ul.page ul ul {width:113px;}
ul.page ul ul a {width:100px;}
*/

/* Content */
 
#content2col {
  margin:1.7em 0 0 25px;
  width: 655px;
  float: left;
  overflow: hidden;
}

#content2col ul, #content2col ol, #content3col ul, #content3col ol {
  margin: 0 0 0 1.75em;
}
#content2col li, #content3col li {
  margin: 0.5em, 0;
}
#content3col {
  margin: 1.7em 0 0 0; 
  padding: 0 0 0 30px;
  float: left;
  width: 475px; 
  overflow: hidden;
}
#content3col span.smallitalic, #content2col span.smallitalic {
  font-size: 10px;
  font-style: italic;
}


/* Subpage menu */
#subpages {border-bottom:1px solid #e0e0e0; border-left:1px solid #e0e0e0; float:right; font-weight:bold; line-height:1.3em; margin:-5px 0 8px 15px; padding:0 0 10px 10px; width:190px;}
#subpages h2 {font-size:1.2em; font-weight:bold; letter-spacing:-1px; line-height:1.3em; margin:0 0 12px;}
#subpages ul.submenu {line-height:1.4em; list-style:none; margin:0;}
#subpages ul.submenu li {display:inline; line-height:1.4em; width:180px; padding:0;}
#subpages ul.submenu li a {background-color:#f4f4f4; border-left:4px solid #cccccc; color:#505050; float:left; font-weight:bold; margin-bottom:5px; padding:3px 1px 3px 5px; text-decoration:none; width:180px;}
#subpages ul.submenu li ul {margin:0 0 5px 10px; width:170px;}
#subpages ul.submenu li ul li a {width:170px;}
#subpages ul.submenu li ul ul {margin:0 0 5px 10px; width:160px;}
#subpages ul.submenu li ul ul li a {width:160px;}
#subpages ul.submenu li ul ul ul {margin:0 0 5px 10px; width:150px;}
#subpages ul.submenu li ul ul ul li a {width:150px;}
#subpages ul.submenu li a:hover,#subpages ul.submenu li.current_page_item a {background-color:#eaeaea; border-left:4px solid #286ea0; color:#555;}
#subpages ul.submenu li.current_page_item ul li a {background-color:#f4f4f4; border-left:4px solid #cccccc; color:#555;}

/* Tags */
/*p,ul,ol {margin:0 0 18px;}*/
blockquote {
  background: url("http://www.svahaconcepts.com/images/quotes.png") no-repeat 0 top;
  margin: 1em 4em 0 0;
	padding: 1em 0 0 1.4em;
	font-size: 0.9em;
	font-style: italic;
	line-height:1.5em;
}
blockquote br {
  line-height:0.4em;
}
label {background-color:inherit; color:#006666; font-size:0.9em; font-weight:bold;}
table#wp-calendar {margin:0 0 20px; width:140px;}
code {font-size:1.2em; display:block; padding:5px 5px 5px 8px; background-color:#f4f4f4; margin:5px 0 15px 0;border-left:4px solid #cccccc;}

/* Forms */
#s,#submit {background-color:#ffffff; border:1px solid #cccccc; color:#505050; font-size:0.9em; margin:0 0 16px; padding:4px; width:130px;}
#author,#email,#url,#comment {border:1px solid #cccccc; font-family:Verdana,Tahoma,Arial,Sans-Serif; font-size:1em; margin:0; padding:4px;}
#commentsection {margin:25px 0 0;}
#commentsection p {margin:0 0 6px;}

/* Float fix */
.contenttext {overflow:hidden;}
* html .contenttext {height:1px; overflow:visible;}
* html .contenttext p {overflow:hidden; width:99%;}

/* WP image align classes */
img.centered {display:block; margin-left:auto; margin-right:auto;}
img.alignright {padding:4px; margin:0 0 2px 7px; display:inline;}
img.alignleft {padding:4px; margin:0 7px 2px 0; display:inline;}
.alignright {float:right;}
.alignleft {float:left;}

/* Various classes */
.left {border:1px solid #cccccc; float:left; margin:10px 15px 10px 0;}
.right {border:1px solid #cccccc; float:right; margin:10px 0 5px 10px;}
.center {border:1px solid #aaaaaa; margin:5px auto 12px; text-align:center;}
.textright {text-align:right;}
.small {font-size:0.8em;}
.bold {font-weight:bold;}
.hide {display:none;}
.post {margin:0 0 25px;}
.postinfo {
  background-color:#f4f4f4; 
  border-left:4px solid #cccccc; 
  color:#606060; 
  font-size:0.9em; 
  font-weight:bold; 
  line-height:1.5em; 
  margin:1px 0 30px; 
  padding:8px 5px 8px 8px;
}
.comment {background-color:#f4f4f4; border-left:4px solid #cccccc; color:#606060; margin:0 0 10px; padding:8px 5px 0 8px;}
.comment p {font-size:0.9em; line-height:1.3em; margin:0 0 6px; padding-bottom:5px;}
.gravatarside {float:right; width:48px; height:48px; margin:0 5px 5px 5px;}
.navigationwp {display:block; margin:10px 0 20px 0; padding:0; text-align:center;}
.navigationwp p {margin:0; padding:0;}
.prevlink {margin-right:20px;}
.nextlink {margin-left:20px;}

/* Navigation menu */

#leftside_main ul {
	font-size: 1.4em;
	margin: 0 0 0.8em 0;
	padding: 0;
	list-style-type: none;
	clear: left;
	font-weight: bold;
}
#leftside_main li {
	margin: 0;
	padding: 0;
	clear: left;
	width: 100%;
	line-height: 1.25em;
}
#navbar ul {
	margin: 0 0 0.75em 1.4em;
	padding: 0;
	list-style-type: none;
	clear: left;
}
#navbar li {
  margin: 0;
	padding: 0;
	clear: left;
	width: 100%;
}

#leftside blockquote {
  background: url("http://www.svahaconcepts.com/images/quotes.png") no-repeat 0 top;
  margin: 1em 0 0 0;
	padding: 1em 0 0 0.8em;
	font-size: 0.8em;
	font-style: italic;
	line-height:1.5em;
}
#leftside_main a, #navbar a {
	display: block;
	color: #006666;
}
#leftside_main a:focus, a:hover, #navbar a:focus, a:hover {
	color: #006666;
	background: #b8ccb8;
}
#body_home #nav_home a, #body_blog #nav_blog a, #body_isyou #nav_isyou a, #body_howworks #nav_howworks a,  
#body_work #nav_work a, #body_about #nav_about a, #body_feature #nav_feature a, #body_resources #nav_resources a, 
#body_contact #nav_contact a, #body_newsletter #nav_newsletter a,  #body_speaking #nav_speaking a,  
#body_products #nav_products a {
	color: #000000;
	background: #ffffff;
	text-decoration: none;
}

/* Base Styles */
.centered {
  text-align:center;
}
.black{
	color: #000000;
}
.colour {
  color: #006666;
}
ul br, ol br {
  line-height: 0.4em;
}
ul {
  list-style-type: square;
}
ul ul {
  list-style-type: circle;
}
li {
  margin: 0.5em 0 0.5em 0;
}
p {
	padding: 0;
	margin: 0.9em 0 0.9em 0;
	line-height:1.33em;	
}
p.bold {
  font-weight: bold;
}
p.inset {
  margin: 0.9em 0 0.9em 1.5em;
}
p.font075 {
	font-size: 0.75em;
	margin: 0.5em 0 0 0;
}
p.font078 {
	font-size: 0.78em;
}
p.font081 {
	font-size: 0.81em;
}
p.font086 {
  font-size: 0.86em;
}
p.font133 {
	font-size: 0.86em;
}
img.link {
	border: 0;
}
img.left {
	float: left;
	margin: 0 1em 0 0;
}
img.right {
  float:right;
  margin: 0 0 0 1em;
}
h1, h2, h3, h4 {
	color: #006666;
	padding: 0;
	margin: 0.8em 0 0.8em 0;
}
h1 {
	font-size: 1.35em;
	line-height: 1.35em;
}
h2 {
	font-size: 1.25em;
}
h3 {
	font-size: 1.05em;
}
h4 {
  font-size: 1em;
}
table.outlined {
  border: 1px solid #000000;
  border-collapse: collapse;
}
table.outlined td{
  border: 1px solid #000000;
	padding: 0.5em;
}
a:link, a:visited, a:active {
	color: #006666;
}
a:focus, a:hover {
	color: #006666;
	background: #b8ccb8;
}
button {
  overflow: visible;
  width: 0;
}
span.boldcolour {
  color: #006666;
	font-weight: bold;
}
span.normalweight {
  font-weight: normal; 
}
span.medium {
  font-size: 0.8em;
  line-height: 1.25em;
}
span.smaller {
  font-size: 0.75em;
  line-height: 1.25em;
}

/* following styles need to be revisted for newtemplate */ 

p.footer {
  font-size: 11px;
  font-style: italic;
  padding-top: 40px;
}