/*
THEME NAME: Focused People
DESCRIPTION: Based on the Sandbox theme templates.
VERSION: 1
AUTHOR: John Philip
AUTHOR URI: <a href="http://www.johnphilip.co.za/">http://www.johnphilip.co.za</a>
TEMPLATE: sandbox
*/


/* -------------------------------------------------------------- 
Reset default browser CSS.
-------------------------------------------------------------- */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td  { 
	margin: 0;	padding: 0;	border: 0;	outline: 0;	font-size: 100%;}
table {border-collapse:separate; border-spacing:0;}
caption, th, td {text-align:left; font-weight:normal;}
img {border:none;}
ol, ul, li {	list-style: none;}
body { font: 75%/1.5em Arial, Helvetica, sans-serif; }
a {text-decoration:none;}
hr { border-bottom: 1px solid #b9e8fa; height: 1px; border-top-style: none; border-right-style: none; border-left-style: none; }


/* -------------------------------------------------------------- 
Hidden elements
-------------------------------------------------------------- */
#blog-title, #blog-description, #menu, #nav-above, .skip-link, .slideshowlink, #secondary, .avatar { display:none; }

/* -------------------------------------------------------------- 
2 Column Layout
-------------------------------------------------------------- */
body {  text-align: center;  min-width: 960px;}
#wrapper {  text-align: left;  width: 960px;  margin-left: auto;  margin-right: auto;}
#header {height: 200px;}
#container {float:left; margin:0 -300px 0 0; width:100%;}
#content {margin:20px 300px 20px 20px;}
.sidebar {float:right;overflow:hidden; width:299px; clear:right;}
.sidebar, 
.sidebar li {}
.sidebar ul{ padding: 0px 25px 0px 25px; }
.sidebar ul ul { padding: 0; margin-bottom: 5px; }
div#secondary {clear:right;}
#footer {clear:both; width:100%;}


/* -------------------------------------------------------------- 
Header Navigation */
#header-nav {padding-top:156px;}
#header-nav .menu{ width:100%;}
#header-nav a { background-image:none;}


/* -------------------------------------------------------------- 
General */
body { background: url(images/back_tile.jpg) repeat-x fixed center top; padding-bottom: 20px; color: #2E3336; }
#wrapper { background-color:#9fdcf4; }
#container { }
body #header { text-align:center; background: url(images/header-7.jpg) no-repeat center top;}
body.home #header { background: url(images/header-11.jpg) no-repeat center top!important;}
body.single #header { background: url(images/header-7.jpg) no-repeat center top;}
body.page #header { background: url(images/header-10.jpg) no-repeat center top;}
body.archive  #header { background: url(images/header-9.jpg) no-repeat center top;}
body.category #header { background: url(images/header-8.jpg) no-repeat center top;}

a { color: #000000; text-decoration: none; background: url(images/link_dotted.gif) repeat-x left bottom; }
a:hover { background: url(images/link_dotted_hover.gif) repeat-x left bottom; color:#000000;}
textarea { width: 100%; }
.text { border: 1px solid #dfe2e5; width:100%; font: 11px/1.1em Verdana, Arial, Helvetica, sans-serif; color: #5E6A79;}
.button { background: url(images/button-back.gif) repeat-x center bottom; border-style: none; color: #FFFFFF; font: bold 11px/1em Verdana, Arial, Helvetica, sans-serif; padding:3px 2px; display:block; width:100%; }
#content ul li{ background: url(images/bullet.gif) no-repeat left center; }
#content li { margin: 0.4em 0px 0.4em 0px; padding-left:16px;}
#content ol li{ list-style:decimal inside; padding-left:0px; }
h1{font-size: 1.6em;}
h2{font-size: 1.4em;}
h3{font-size: 1.2em; padding-top:20px;}
h4{font-size: 1.1em;}
h5{font-size: 1em;}
h6{font-size: .9em;}

.entry-title,
.entry-title a { color:#FFFFFF;}
.entry-title { background: #4fc0e5 url(images/h1_corner_tr.gif) no-repeat right top; font: bold 17px Arial, Helvetica, sans-serif; display: block; padding: 10px 0px 8px 10px; margin-top: 30px; }
.entry-title a {background:none;}
.entry-title a:hover { color:#000000;}
.entry-date,
.entry-date a { color: #6FA9C6; }
.entry-date { padding: 1px 3px 1px 0px; text-align: right; display: block; background: #F5FBFE; font-size: 0.9em; margin-top: 1px; margin-bottom: 1px; font-weight: normal; }
.entry-content { background: #FFFFFF url(images/content_corner_bl.gif) no-repeat left bottom; line-height: 1.5em; padding: 20px; }
.entry-content p { padding-top: 0.9em; }
.entry-content h1, 
.entry-content h2, 
.entry-content h3 { font-size:1.6em; color: #000; padding-top:16px;}
.more-link { display:block; text-align:right; font-weight:bold; background:url(images/more-link.gif) no-repeat right bottom; padding-top:20px; line-height: 1em; padding-right: 5px; padding-bottom: 4px; color: #FFFFFF; }
.more-link:hover {  background:url(images/more-link-hover.gif) no-repeat right bottom; }
.meta-nav { color:#ffea5a; font-weight:bold; font-size: 18px; position:relative; bottom:-2px; line-height:10px;}


.entry-meta,
.comment-meta { text-align:right; font-size:0.9em; color: #388CA5;}
.entry-meta a	{ color:#FFFFFF;}
.entry-meta a:hover { color:#000000; }
.meta-sep { padding:0 8px; font-weight:bold; color:#4fc0e5;}

#comments { width:100%;}
#comments h3 { color:#FFFFFF; font: bold 16px Arial, Helvetica, sans-serif; }
#comments .comment { background: #b9e8fa url(images/blue-corner-bl.gif) no-repeat left bottom; line-height: 1.5em; padding: 20px; margin-top:10px; }
#comments .formcontainer {width: 400px;}
#comments .comment-meta { position:relative; top:-38px; right:-14px;}
#comments .comment-author { font-weight:bold;}
#comments li { margin: 0px; padding-left:0px;}
#comments ol li{ list-style:none outside; padding-left:20px; margin:0px;}

.navigation { padding: 16px 0 10px 0;}
.navigation  a{ color:#000000; font: bold 11px/1em Verdana, Arial, Helvetica, sans-serif; height:16px; display:block; background:none;}
.navigation a:hover {background:none; color:#FFFFFF;}
.nav-next a{ float:right; margin-top:-16px;}



/* -------------------------------------------------------------- 
Sidebar */
.sidebar li a { color: #FFFFFF; font-weight: bold; display: block; background: url(none); padding: 2px 0px; border-bottom: 1px solid #D7F0FB; margin: 0px 0px 2px; line-height: normal; }
.sidebar li a:hover { color: #000000; }
.sidebar .widgettitle { padding-top: 20px; font-size:12px;}
.sidebar .button {padding-right:30px;}

/* -------------------------------------------------------------- 
Footer */
#footer { padding:30px 0px 30px 0; margin: 0px; text-align: right; font-size: 0.9em; background-color:#FFF; }
#footer a { background:none; }
#footer a:hover {}
#footer #contact-link {padding-right:20px;}

/* -------------------------------------------------------------- 

/*--------------------------------------------------------------------------------------------
Form Settings
*/

input, textarea { margin: 2px 5px 2px 0px; border: 1px solid #d5dde6; color:#714c66; width:200px; }
.linklove {display:none;}
.cform ol, .cform ul, .cform li { padding:0px; margin:0px;  list-style:url(none) none!important;}
.cform label span {width:100px; display:inline-block; /*for Opera & IE*/ vertical-align:top;}
fieldset {border:none;}
.reqtxt, .emailreqtxt { color:#B0B9C6; padding:0px; margin:0px; }
.sendbutton { width: 100px; background: url(images/button.jpg) no-repeat center center; border-width: 0px; border-style: none; font-family: Arial, Helvetica, sans-serif; color: #000000; height: 20px; font-weight: bold; }
.success { display:block; padding:20px; text-align:center; color: #FFFFFF; background: #373462; border: 5px solid #bfd1e6; margin-top: 20px; margin-bottom: 20px; }