/*
Theme Name: WP-SteppingStoneTutors
Theme URL: http://steppingstonetutors.com/
Description: Proudly Hand Crafted By <a href="http://www.entry5productions.com/" title="Entry 5 Productions">Entry 5 Productions</a>. Based on Entry 5 Productons 'Xvolution' theme framework.
Version: 1.0 
Author: Michael Rei
Author URL: http://www.entry5productions.com
*/


body { background:url("images/Background.png") repeat-x top center #FFFFFF; color:#414b54; font-family:Arial,Verdana; font-size:12px; font-style:normal; font-variant:normal; font-weight:normal; margin:0px auto; padding:0px; }

a, a:link { color:#002E56; text-decoration:underline; }
a:visited { color:#002E56; text-decoration:underline; }
a:hover { color:#124b7c; text-decoration:underline; }

img { background:transparent; border:none;}

.hide { display:none; }


/* --------- Header Components Variables --------- */
/* Header Variables - Rev:A001 */
#header { background:url("images/Body-Loop.png") repeat-y top center; width:auto; height:160px; margin:0px auto; padding:0px; position:relative; clear:both; }
#header-shrink { width:850px; height:160px; margin:0px auto; padding:0px; position:relative; overflow:hidden; clear:both; }

/* Logo Variables - Rev:A001  */
.logo { width:850px; height:105px; margin:0px; padding:0px; position:relative; float:left; }
.logo a { border:none; }

/* Navigation Variables - Rev:A002 */
.navigation { width:850px; height:53px; margin:0px; padding:0px; position:relative; float:left; overflow:hidden; }
.navigation ul { width:auto; height:53px; margin:0px; padding:0px; float:left; list-style-type:none; }
.navigation li { background:url("images/Navigation-Button.png") no-repeat; width:118px; height:41px; margin:4px 0px 0px 3px; padding:0px; float:left; list-style-type:none; }
.navigation li a { width:118px; height:30px; margin:0px; padding:12px 0px 0px 0px; float:left; display:block; color:#002E56; font-size:13px; font-family:Arial; font-weight:bold; text-decoration:none; text-align:center; }
.navigation li a:visited { color:#002E56; text-decoration:none; }
.navigation li a:hover { background:url("images/Navigation-Button-Hover.png") no-repeat; color:#002E56; text-decoration:underline; }
/* --------- /Header Components Variables --------- */


/* --------- Body Components Variables --------- */
/* Body Container Variables - Rev:A001 */
#body { background:url("images/Body-Loop.png") repeat-y top center; width:100%; height:auto; margin:0px auto; padding:0px; position:relative; clear:both; }
#body-shrink { width:850px; height:auto; margin:0px auto; padding:0px; position:relative; overflow:hidden; clear:both; }

/* Posts Variables - Rev:A001  */
#content { width:530px; height:auto; margin:0px 0px 0px 0px; padding:0px; left:35px; position:relative; float:left; overflow:hidden; }

.post-body { width:530px; height:auto; margin:0px; padding:0px; position:relative; float:left; clear:both; }
.post-title { width:530px; height:auto; margin:0px; padding:0px; position:relative; float:left; overflow:hidden; }
.post-title h2 { width:510px; height:auto; margin:0px; padding:15px 10px 5px 10px; position:relative; float:left; overflow:hidden; clear:both; color:#FA9E3A; font-size:18px; font-weight:bold; border-bottom:1px solid #dbdbdb; }
.post-title h2 a, 
.post-title h2 a:link { color:#FA9E3A; text-decoration:none; }
.post-title h2 a:visited { color:#FA9E3A; text-decoration:none; }
.post-title h2 a:hover { color:#FA9E3A; text-decoration:underline; }
.post-meta { width:510px; height:auto; margin:0px; padding:7px 10px 20px 10px; position:relative; float:left; overflow:hidden; clear:both; color:#002E56; font-size:11px; font-weight:bold; border-top:1px solid #FFFFFF; }
.post-content { width:510px; height:auto; margin:0px; padding:0px 10px 0px 10px; position:relative; float:left; overflow:hidden; }
.post-content p { width:500px; margin:0px; padding:0px 0px 10px 0px; position:relative; float:left; line-height:22px; }
.post-content pre { width:500px; margin:0px; padding:10px 10px 10px 10px; position:relative; float:left; } 
.post-content h3 { width:500px; margin:0px; padding:0px 0px 5px 0px; position:relative; float:left; overflow:hidden; color:#575757; font-size:15px; font-weight:normal; text-transform:uppercase; }
.post-content ul, .post-content ol { padding:0px 0px 20px 25px; margin:0px; line-height:19px; clear:both; }
.post-content li { margin:0px 0px 5px 0px; }
.post-content blockquote { background:#f6f6f6; border-left:solid #005eaf 3px; width:497px; margin:5px 0px 10px 0px; padding:10px 0px 10px 0px; position:relative; float:left; overflow:hidden; clear:both; }
.post-content blockquote p { width:477px; margin:0px 0px 0px 0px; padding:0px 10px 0px 10px; position:relative; float:left; overflow:hidden; text-align:left; }
.post-content blockquote pre { width:477px; margin:0px; padding:10px 10px 10px 10px; position:relative; float:left; } 
.post-content blockquote blockquote { background:#ececec; border-left:solid #005eaf 3px; width:470px; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; left:10px; position:relative; float:left; overflow:hidden; clear:both; }
.post-content blockquote blockquote p { width:450px; margin:0px 0px 0px 0px; padding:10px 10px 10px 10px; position:relative; }
.post-spacer { width:530px; height:25px; margin:0px; padding:0px; position:relative; float:left; }

/* Posts Image Variables - Rev:A001  */
img.centered { display:block; margin-left:auto; margin-right:auto; }
img.aligncenter { border:none; margin:5px auto 5px auto; padding:3px; display:block; }
img.alignright { border:none; margin:5px 0px 0px 10px; padding:3px; display:block; position:relative; }
img.alignleft { border:none; margin:5px 10px 0px 0px; padding:3px; display:block; position:relative; }
.alignright { float:right; }
.alignleft { float:left; }  

/* Posts Navigation Varibles - Rev:A002 */
.wp-pagenavi { background:#FFFFFF; border:1px solid #e7e7e7; width:520px; height:16px; margin:0px; padding:12px 4px 10px 4px; left:0px; position:relative; float:left; font-size:12px; font-weight:bold; text-align:left; }
.wp-pagenavi a, 
.wp-pagenavi a:link { height:15px; padding:5px 9px 5px 9px; margin:3px; text-decoration:none; color:#575757; background:#e7e7e7; border:none; }
.wp-pagenavi a:visited { height:15px; padding:5px 9px 5px 9px; margin:3px; text-decoration:none; color:#575757; background:#e7e7e7; border:none; }
.wp-pagenavi a:hover { height:15px; color:#FFFFFF; background:#FA9E3A; border:none; }
.wp-pagenavi a:active {	height:15px; padding:5px 9px 5px 9px; margin:3px; text-decoration:none; color:#575757; background:#e7e7e7; border:none; }
.wp-pagenavi span.pages { height:15px; padding:5px 9px 5px 9px; margin:2px 2px 2px 2px; color:#575757; background:#e7e7e7; border:none; }
.wp-pagenavi span.current {	height:15px; padding:5px 9px 5px 9px; margin:3px; font-weight:bold; color:#575757; background:#e7e7e7; border:none; }
.wp-pagenavi span.extend { height:15px; padding:5px 9px 5px 9px; margin:3px; color:#575757; background:none; border:none; }

/* 404 Error Page Varibles - Rev:A001 */
.not-found { width:530px; text-align:center; margin:0px; padding:20px 0px 50px 0px; left:0px; position:relative; float:left; clear:both; }
.not-found h2 { color:#002E56; font-size:16px; margin:5px 0px 20px 0px; padding:0px; }

/* Comments Varibles - Rev:A002  */
#comments-body { width:530px; height:auto; margin:0px; padding:0px; position:relative; float:left; overflow:hidden; clear:both; }
#comments { width:530px; height:auto; margin:0px; padding:0px; position:relative; float:left; overflow:hidden; clear:both; }
.comments-headline { width:510px; margin:20px 0px 0px 0px; padding:15px 10px 10px 10px; position:relative; float:left; color:#002E56; font-size:14px; font-weight:bold; border-bottom:1px solid #CCC; }
.comments-headline a, 
.comments-headline a:link { color:#002E56; text-decoration:underline; }
.comments-headline a:visited { color:#002E56; text-decoration:underline; }
.comments-headline a:hover { color:#124b7c; text-decoration:none; }
.comment-box { width:530px; height:auto; margin:0px; padding:0px; position:relative; float:left; overflow:hidden; clear:both; border-top:1px solid #FFFFFF; border-bottom:1px solid #CCC; }
.black { } /* Body Background 1 */
.white { } /* Body Background 2 */
.avatar { margin:0px; padding:0px 10px 0px 0px; top:20px; left:20px; position:relative; float:left; }
.comment-info { width:530px; height:80px; position:relative; float:left; }
.comment-author { width:450px; height:auto; margin:0px; padding:0px; top:22px; left:20px; position:relative; float:left; color:#95c0b0; font-size:13px; font-weight:bold; }
.comment-author a,
.comment-author a:link { color:#373737; font-weight:bold; text-decoration:underline; }
.comment-author a:visited { color:#373737; font-weight:bold; text-decoration:underline; }
.comment-author a:hover { color:#525252; font-weight:bold; text-decoration:none; }
.comment-stat { width:400px; height:auto; margin:0px; padding:0px; top:26px; left:20px; position:relative; float:left; color:#525252; font-size:11px; font-weight:normal; }
.comment-stat a,
.comment-stat a:link { color:#525252; text-decoration:underline; }
.comment-stat a:visited { color:#525252; text-decoration:underline; }
.comment-stat a:hover { color:#373737; text-decoration:underline; }
.comment-text { width:490px; height:auto; margin:0px; padding:0px 20px 0px 20px; position:relative; float:left; overflow:hidden; }
.comment-text a,
.comment-text a:link { color:#002E56; text-decoration:underline; }
.comment-text a:visited { color:#002E56; text-decoration:underline; }
.comment-text a:hover { color:#124b7c; text-decoration:underline; }
.comment-text p { width:490px; margin:0px; padding:0px 0px 10px 0px; position:relative; float:left; line-height:20px; }
.comment-text blockquote { background:#FFFFFF; border-left:solid #005eaf 3px; width:497px; margin:5px 0px 10px 0px; padding:10px 0px 10px 0px; position:relative; float:left; overflow:hidden; clear:both; }
.comment-text blockquote p { width:477px; margin:0px 0px 0px 0px; padding:0px 10px 0px 10px; position:relative; float:left; overflow:hidden; text-align:left; }
.comment-text blockquote pre { width:477px; margin:0px; padding:10px 10px 10px 10px; position:relative; float:left; } 
.comment-text blockquote blockquote { background:#f6f6f6; border-left:solid #005eaf 3px; width:470px; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; left:10px; position:relative; float:left; overflow:hidden; clear:both; }
.comment-text blockquote blockquote p { width:450px; margin:0px 0px 0px 0px; padding:10px 10px 10px 10px; position:relative; float:left; overflow:hidden; text-align:left; }
.comment-footer { width:530px; height:4px; margin:0px; padding:0px; position:relative; float:left; }
.comment-spacer-l { width:530px; height:30px; margin:0px; padding:0px; position:relative; float:left; overflow:hidden; clear:both; }
.comment-spacer-s { width:530px; height:10px; margin:0px; padding:0px; position:relative; float:left; overflow:hidden; clear:both; }

/* Comments Form Variables - Rev:A001 */
#comment-form { width:440px; height:auto; margin:0px; padding:0px 0px 0px 90px; position:relative; float:left; clear:both; }
#comment-form h2 { width:440px; margin:0px; padding:0px; position:relative; float:left; color:#002E56; font-size:14px; font-weight:bold; text-decoration:none; }
#comment-form p { width:440px; margin:10px 0px 0px 0px; padding:0px; position:relative; float:left; font-size:11px;  }
#commentform { width:440px; height:auto; margin:0px; padding:0px; position:relative; float:left; clear:both; } 
#commentform label { left:10px; position:relative; color:#FA9E3A; font-size:11px; }
#commentform #author, #commentform #email, #commentform #url, #commentform textarea { background:#FFFFFF; border:2px solid #CCC; color:#525252; font-family:Arial; font-size:13px; }
#commentform textarea { width:345px; height:130px; }

/* Sidebar Variables - Rev:A001  */
#sidebar { background:url("images/Body-Sidebar-Loop.png") repeat-y; width:250px; height:auto; margin:0px 0px 0px 0px; padding:0px; left:3px; position:relative; float:left; overflow:hidden; }
.sidebar-top { background:url("images/Body-Sidebar-Top.png") no-repeat; width:250px; height:20px; margin:0px 0px 0px 0px; padding:0px; position:relative; float:left; overflow:hidden; }
.sidebar-bottom { background:url("images/Body-Sidebar-Bottom.png") no-repeat; width:250px; height:20px; margin:0px 0px 0px 0px; padding:0px; position:relative; float:left; overflow:hidden; }
.sidebar-item { width:220px; height:auto; margin:0px 0px 25px 0px; padding:0px; left:15px; position:relative; float:left; overflow:hidden; }
.sidebar-item h2 { width:220px; height:auto; margin:0px 0px 5px 0px; padding:0px 0px 5px 0px; position:relative; float:left; overflow:hidden; clear:both; color:#303941; font-size:17px; font-weight:bold; border-bottom:1px solid #e3f28e; }
.sidebar-item a,
.sidebar-item a:link { color:#414b54; text-decoration:none; }
.sidebar-item a:visited { color:#414b54; text-decoration:none; }
.sidebar-item a:hover { color:#414b54; text-decoration:none; border-bottom:1px dotted #414b54; }
.sidebar-item ul { width:220px; height:auto; margin:0px; padding:0px; position:relative; float:left; overflow:hidden; color:#414b54; font-size:12px; list-style:none; }
.sidebar-item ul li { background:url("images/Body-Sidebar-Icon.png") no-repeat 5px 8px; width:190px; height:auto; margin:0px; padding:5px 0px 10px 25px; float:left; overflow:hidden; }
.sidebar-divider { width:220px; height:1px; margin:0px; padding:0px; position:relative; float:left; }

/* Widget - Tag Cloud Widget Variables - Rev:A001 */
.tag-cloud { width:250px; text-align:justify; margin:0px auto 10px auto; padding:0px 0px 0px 0px; left:0px; position:relative; float:left; overflow:hidden; }
/* --------- /Body Components Variables --------- */


/* --------- Footer Variables --------- */
/* Footer Container Variables - Rev:A001 */
#footer { background:url("images/Body-Loop.png") repeat-y top center; width:100%; height:80px; margin:0px auto; padding:0px; position:relative; }
#footer-shrink { width:850px; height:80px; margin:0px auto; padding:0px; position:relative; overflow:hidden; }
.footer-spacer { background:url("images/Shadow.gif") repeat-x top center; width:850px; height:5px; margin:20px 0px 0px 0px; padding:0px; position:relative; float:left; }

/* Footer Text Variables - Rev:A001 */
#footer-text { width:850px; height:auto; margin:0px auto; padding:20px 0px 0px 0px; position:relative; float:left; color:#414b54; font-size:12px; font-weight:bold; text-align:center; }
#footer-text p { margin:0px; padding:0px; position:relative; }
/* --------- /Footer Variables --------- */