/*
Theme Name: Capable People Blog
Author URI: http://www.thetyphon.com
*/

* { list-style:none; margin:0; padding:0; }

body { font:55% Arial, serif;background: #5cb9d3 url(./images/background.jpg) no-repeat;}

img { border:0; }

div#wrapper { font-size:9px; width:768px; padding-top:7px; background:url(./images/top.png) no-repeat; margin:25px auto 0; }

div#masthead { width:768px; background:url(./images/mast.png) repeat-y; position:relative; height:200px; }

div#logo { background:url(./images/logo.png) no-repeat; height:188px; margin-left:406px; margin-top:-148px; position:relative; }

/* Blog Title */

h1 { font:3.2em "Century gothic",verdana,Arial,sans-serif; }

h1 a { position:absolute; width:300px; height:30px; left:40px; top:15px; font-weight:700; text-decoration:none; color:#cf2d00; }

/* Tagline */

#masthead p { position:relative; top:62px; left:50px; color:#35044c; text-transform:uppercase; margin:0; font-size:11px; }

/* Pages Navigation */

div#masthead ul { margin-left:4px; position:relative; top:-23px; z-index:2; }

div#masthead ul li a { background:#999999 none repeat scroll 0 0; color:#FFF; display:block; font-size:1.3em; font-weight:700; margin-left:9px; padding:9px 10px 7px; text-decoration:none; text-transform:uppercase; }

div#masthead ul li a:hover,div#masthead ul li.current_page_item { margin-left:9px; color:#def4fa; }

/* Banner image dropshadow */

div#masthead_image { width:724px; height:128px; clear:both; position:relative; z-index:1; padding:8px 22px; }

a { outline:0; text-decoration:none; color:#0895AD; }

/* Page dropshadow */

div#content { width:768px; background:url(./images/main_bg.png) repeat-y; padding-bottom:17px; }

#maintwo { width:768px; background:url(http://www.thetyphon.com/capableusa/wp-content/themes/capableblog/images/main2_bg.png) no-repeat; height:200px; }

@-moz-document url-prefix()
{
#maintwo { width:768px; background:url(http://www.thetyphon.com/capableusa/wp-content/themes/capableblog/images/main2_bg.png) no-repeat; height:200px; }
}

/* Main Content */

div#main { float:right; padding-right:39px; width:480px; }
#maintop { background:transparent url(./images/maintop.png) no-repeat scroll 0 0; height:7px; margin-top:-8px; }
#mainbox { background:#FFFFFF url(./images/box.jpg) no-repeat scroll -1px 19px; padding-left:7px; padding-top:0; }
#comments { margin-bottom:9px; margin-left:-8px; padding-right:29px; text-align:justify; }

/* Main header on single pages */

h2.header { border-bottom:1px solid #E7E7E7; color:#FF6600; font-size:16px; line-height:1; margin:0 8px 4px; padding:14px 0 0; position:relative; width:96%; }

div#main h2.header a { color:#FF6600; text-decoration:none; font-size: 16px; font-weight:700; font-family:"Century gothic",verdana,Arial,sans-serif; }

h2.header span { background:#FFFFFF none repeat scroll 0 0; bottom:7px; line-height:27px; padding-right:10px; position:relative; }

/* Secondary headline above comments and comment form */

div#main h3 { color:#FF6600; margin-left:9px; }

#archives { color:#FF6600; font-size:1.4em; margin-bottom:5px; margin-left:14px; margin-right:0; padding-top:16px; }

div#main p { color:#4e4f50; line-height:2; font-size:12px; margin:10px 9px; }

.article { margin-bottom:20px; padding:5px; }

.article img{ margin:2px 12px 2px 2px; }

.article blockquote { border-left:1px dotted #390363; background:#d6dee0; margin:0 15px; line-height:50%; color:#4b474f; padding:1px 15px; }

.article ul,.article ol {

font-size:1.2em;

color:#4e4f50;

margin-left:15px;

}



.article ul li {

padding-left:15px;

background:url(./images/square.png) 0 center no-repeat;

margin:5px 0;

}



.article ol {

margin-left:30px;

}



.article ol li {

list-style:decimal;

margin:10px 0;

}



.article ol li ol { font-size:1em; margin-left:15px; }

#main p.byline { color:#9088E5; font-size:11px; margin-top:-5px; text-align:right; }


ul.article_footer {

background:transparent url(images/form_bg.jpg) repeat-x scroll left top;
border:1px solid #DADADA;
line-height:1.5;
margin:10px 0;
padding:11px 11px 11px 7px;
text-align:center;
width:448px;

}



ul.article_footer li {

font-size:0.9em;

display:inline;

background:none;

border-left:1px solid #DADADA;

margin-left:5px;

padding-left:10px;

}



ul.article_footer li.first {

border-left:0;

}




/* Secondary Content */

div#secondary { float:left; margin-left:27px; margin-top:-13px; padding:0 0 23px; width:210px; }
div#secondary ul#sidebar { color:#0895AD; padding-bottom:10px; border-bottom:1px solid #e7e7e7; margin:15px 0 20px; }
div#secondary ul#sidebar li { font-size:1.2em; line-height:1.5em; margin:5px 0; }

#background { background:#FFFFFF none repeat scroll 0 0; margin-top:-30px; padding-left:5px; padding-right:5px; }
#sidetop { background:transparent url(./images/sidetop.png) no-repeat scroll 0 0; height:7px; margin-top:5px; }

/* Sidebar headers */

div#secondary h3 { font-family:"Century gothic",verdana,Arial,sans-serif; color:#FF6600; font-size:1.5em; line-height:1; margin:30px 0 8px; padding-bottom:3px; padding-top:4px; }

div#secondary h2 { background:transparent url(./images/menu.gif) no-repeat scroll 0 0; color:#FF6600; font-family:"Century gothic",verdana,Arial,sans-serif; font-size:1.4em; height:25px; line-height:1; margin:20px 0 8px; padding-bottom:0; padding-left:7px; padding-top:7px; }

div#secondary a { color:#0895AD; text-decoration:none; border-left:4px solid #0895ad; margin-bottom:2px; padding:3px 3px 3px 5px; }
div#secondary a:hover { text-decoration:none; border-left:4px solid #d03301; padding:3px 3px 3px 5px; }



div#secondary ul.children {

margin-left:5px;

padding-left:10px;

border-left:5px solid #EAEAEA;

}



div#secondary ul#sidebar li li { font-size:1em; margin-left:9px; }



div#secondary p {

line-height:1.5;

color:#666;

margin:5px 0;

}



/* Search input */

form#searchform {

position:relative;

height:20px;

margin-bottom:20px;

}



form#searchform input#s {

position:absolute;

top:0;

height:20px;

width:156px;

background:url(./images/form_bg.jpg) repeat-x;

border:1px solid #bcbcbc;

padding:5px;

}



input#search_submit {

position:absolute;

right:0;

}



/*  Footer */



ul#footer {

height:8px;

width:768px;

background:url(./images/bottom.png) no-repeat;

text-align:center;

font-size:1em;

color:#1f7d9e;

margin:0 auto;

padding:15px 0;

}



ul#footer li {

display:inline;

margin-left:10px;

}



ul#footer li span {

position:absolute;

text-indent:-9999em;

}



ul#footer li a { color:#1f7d9e; text-decoration:none; }

ol.commentlist { margin-top:15px; color:#555;}



/* Background color for visitor comments */

ol.commentlist li { background:#EBF9FC; margin:10px -33px 10px -22px; padding:10px; list-style-type:none; }



/* Background color for Admin comments */

ol.commentlist li.alt { background:#F1F1F1; list-style-type:none; }

textarea#comment { width:421px; background-color:#FFFFA0; border:1px solid #CBCCF3; height:100px; }

#main p.comment_meta { margin:0; }

#comment-text { font-size:12px; }

#comment-date-stamp { font-size:10px; margin-bottom:-9px; }

#comment-name { font-size:12px; font-weight:bold; margin-bottom:3px; }

/* Optional popup window (NOTE: popups make for bad UI IMHO) */

body#commentspopup { background:#FFF; padding:20px; }



body#commentspopup a {

color:#666;

}



body#commentspopup h1 a {

position:relative;

top:0;

left:0;

}



body#commentspopup h3 {

color:#555;

}



body#commentspopup p {

color:#555;

margin:10px 0;

}



body#commentspopup textarea {

width:340px;

}



/* Image stuff for 2.6.1 */

.aligncenter {

display:block;

margin-left:auto;

margin-right:auto;

}



.alignright { float:right; }



.wp-caption { border:1px solid #ddd; text-align:center; background-color:#f3f3f3; padding-top:4px; margin:10px; }



.wp-caption img {

border:0 none;

margin:0;

padding:0;

}



.wp-caption-dd {

font-size:11px;

line-height:17px;

margin:0;

padding:0 4px 5px;

}



p.entry_info {

clear:both;

}



div.navigation {

}



/* CSS Magic */

.clearfix:after {

content:".";

display:block;

height:0;

clear:both;

visibility:hidden;

}



/* Hide from IE Mac \*/

.clearfix {

display:block;

}

p { font-size:1.2em; }

h2,h3,h4,h5,div#author h2 { font-size:1.4em; }



div#masthead ul li,.alignleft { float:left;}



.nav-previous{float:left; width:45%;}

.nav-next{float:right; width:45%; text-align:right;}

.nav-previous a, .nav-next a{display:block;padding:3px;}

.nav-previous a:hover, .nav-next a:hover{ background-color:#c0c1d4; color:white; text-decoration:none;}

.navigation{margin-bottom:37px;margin-top:20px; height:2px; margin-top:20px; margin-left:12px;}



#headertext { 

background:transparent url(./images/main_bg.png) repeat-y scroll 0 0;

height:148px;

margin-bottom:0;

margin-right:auto;

margin-top:0;

padding:12px 22px 10px;

width:731px;

}




h2 { color:#FF6600; font-family:"Century gothic",verdana,Arial,sans-serif; font-size:12px; line-height:1; margin-left:8px; padding-bottom:3px;}
h4 { color:#FF6600; font-family:"Century gothic",verdana,Arial,sans-serif; font-size:1.4em; line-height:1; padding-bottom:3px; width:440px;}

input.formbutton { background-color:#219E9E; border:1px solid #FFFFFF; color:#FFFFFF; cursor:pointer; font-family:Tahoma,Geneva; font-size:11px; font-weight:bold; height:26px; margin-top:0; padding-bottom:3px; padding-left:5px; padding-right:5px; }

input.formbuttontwo { background-color:#219e9e; border:1px solid #FFFFFF; color:#FFFFFF; cursor:pointer; font-family:Tahoma,Geneva; font-size:11px; font-weight:bold; margin-top:0; padding:5px; height:30px; }



input { background-color:#FFFFA0; border:1px solid #CBCCF3; margin-right: 5px; margin-top: 5px; }

hr { background-color:#999999; border:0 none; height:1px; margin-left:-424px; width:717px; }
div#twitter { background:#e7e7e7; padding-bottom:3px; padding-left:4px; padding-right:4px;}

#related { background:transparent url(./images/main_bg.png) repeat-y scroll 0 0;height:200px; padding-top:10px;width:768px; padding-left:31px; }
#relatedcontent { float:right; height:150px; padding-right:77px; text-align:justify; width:426px; }
#relatedbox { background:transparent url(./images/related.jpg) no-repeat scroll 0 2px; height:200px;margin-top:10px; width:427px; padding-left:21px; color:#4E4F50; }
#images { float:left; margin-left:4px; margin-top:5px; width:250px; }
#relatedtitle { color:#FF6600; font-family:"Century gothic",verdana,Arial,sans-serif; font-size:1.7em; font-weight:bold; line-height:1; margin-bottom:7px; }
#relatedposts {font-size:11px; }

#searchresults { margin-right:6px;}

#access {background-color:#FDE2C7; height:14px; margin-top:0px; padding-top:2px;}
#accesslinks {font-size:11px; margin-left:auto; margin-right:auto; padding-left:598px; width:212px;}
#efontsize li { display: inline; list-style-type: none; margin-left:10px;}

#subscribe { background-color:#EFF0F5; color:#6e6e6e; font-size:12px; margin-bottom:15px;
margin-left:0; margin-right:0; padding:5px; width:457px; }

#sidegraph { padding-top:14px; margin-left:-7px; }
div#sidegraph a { border-left:0px; }
div#sidegraph a:hover { border-left:0px; }

#related-home { background-color:#EFF0F5; margin-left:12px; margin-top:-17px; padding:10px; color:#a0a0a1;}
#related-title { background-color:#d3d4d5; padding:10px; font-family:"Century gothic",verdana,Arial,sans-serif; font-weight:bold; color:#298aa6; font-size:12px; margin-bottom:10px; }
a.related-visit:link {font-weight:bold; color:#7D7D7D; font-size:12px;}
a.related-visit:visited {font-weight:bold; color:#7D7D7D; font-size:12px;} 
a.related-visit:hover {font-weight:bold; font-size:12px; color:#ed6b3d; }  
a.related-visit:active {font-weight:bold; color:#7D7D7D; font-size:12px;}  
#excerpt { color:#6f6f6f; font-size:11px; padding-bottom:5px; padding-top:5px; }
#related-line { background:transparent url(http://www.thetyphon.com/capableusa/wp-content/themes/capableblog/images/recently_line.jpg) repeat-x scroll left top; height:9px; width:447px; margin-bottom:6px; }