/*  
Theme Name: Playground01
Theme URI: http://www.slimmity.com/2009/08/playground-01/
Description: Playground 01 by Slimmity
Version: 1.0
Author: Slimmtiy
Author URI: http://www.slimmity.com
*/

/* Include Reset File */
@import url("reset.css");

@import url("buttons.css");

@import url("loans.css");

body {
	background:#565853 url(images/bg.png) top left repeat-x;
}
a:link,a:visited,a:active { color:#0000ff;}
.post a:link,.post a:visited,.post a:active { text-decoration:underline;}
a:hover { color:#ff0000;}

#topnav,#nav,#header,#shortcuts { clear:both;overflow:hidden;}
#wrapper { width:980px; margin:0 auto; }

#topnav { height:36px; font-size:12px; font-weight:bold;}
#topnav #topsearch { float:right; width:27%; margin:0;padding:6px 0;}
#topnav #topsearch input{ color:#ffffff; background-color:#736d6e;padding:3px;border:1px solid #544f50; }
#topnav #topsearch #s { width:180px;}
#topnav #topsearch #searchsubmit { background-color:#3b3738; border:0;}
#topnav ul { float:left; margin:0; padding:10px 0;width:70%; font-size:13px;}
#topnav ul li {float:left; padding-right:10px;}
#topnav a:link,#topnav a:visited,#topnav a:visited { color:#f5f5f5;}
#topnav a:hover { color:#b9b9b9; }

#header { height:85px;background: url(images/logobg.png) top left no-repeat;}
#header h1 { width:460px; float:left; }
#header h1 { background: url(images/logo-trans.png) no-repeat;float: left;text-indent: -9999px}
#header h1 a{ display: block;height: 88px;width: 460px;}
#header h1 a:hover{text-decoration: none;}
#header #adtop { width:480px; float:right; padding:9px 10px; }
#header #adtop img { border:4px solid #696353;}

#nav { height:41px;font-size:13px; font-weight:bold;}
#nav ul { margin:0; padding:0; }
#nav ul li {float:left;line-height:41px;padding:0 1px 0 0;}
#nav ul li a:link,#nav a:visited,#nav a:active { color:#ffffff;cursor:pointer;display:block;padding:0 10px;}
#nav ul li a:hover { color:#3b3738;}

#shortcuts-header { color:#bbbbbb;}
#shortcuts { height:21px;font-size:12px; font-weight:bold;}
#shortcuts ul { margin:0; padding:0; }
#shortcuts ul li {float:left;line-height:21px;padding:0 1px 0 0;}
#shortcuts ul li a:link,#shortcuts a:visited,#shortcuts a:active { color:#ffffff;cursor:pointer;display:block;padding:0 10px;}
#shortcuts ul li a:hover { color:#eeeeee;}

#menu, #menu ul{padding: 0;float:left;list-style: none;text-align:left;}
#menu a {display: block;}
#menu li {float: left;line-height:25px;	}
#menu li a:hover {background: none;}
#menu li ul {position: absolute;width: 15em;left: -999em;}
#menu li:hover ul, #menu li.sfhover ul {left: auto;z-index:1000; padding-top:1px;}
#menu li ul li  {background: #ffffff url(images/navbg.png) 0 -42px repeat-x;line-height:28px;	width:15em;}
#menu li ul li a:hover, #menu li.hover {position: static;background: url(images/navbg.png) 0 -1px repeat-x;}
#menu li ul ul {margin: -29px 0 0 15em;}
#menu li:hover ul ul, #menu li.sfhover ul ul {left: -999em;}
#menu li:hover ul, #menu li li:hover ul, #menu li.sfhover ul, #menu li li.sfhover ul {left: auto;}
#menu li:hover ul ul, #menu li:hover ul ul ul, #menu li.sfhover ul ul, #menu li.sfhover ul ul ul {left: -999em;}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {left: auto;} 

#main {width:978px; margin:20px 0 0 0;padding:0; overflow:hidden; clear:both;}
#content { width:636px;float:left; margin:0 7px 0 4px;}
#sidebar { width:316px; float:left; overflow:hidden;}
.post { width:636px; margin-bottom:15px;}
.post h2.title { width:616px; line-height:40px; padding:0 10px;margin:0; font-size:16px;background: url(images/h2.png) 0 0 no-repeat;padding-bottom:7px;color:#ffffff}
.post h2.title a:link,.post h2.title a:visited,.post h2.title a:active { color:#FFFFFF;}
.post h2.title a:hover { color:#e9e7e3;}
.post h1.title { width:616px; line-height:40px; padding:0 10px;margin:0; font-size:16px;background: url(images/h2.png) 0 0 no-repeat;padding-bottom:7px;color:#ffffff}
.post h1.title a:link,.post h2.title a:visited,.post h2.title a:active { color:#FFFFFF;}
.post h1.title a:hover { color:#e9e7e3;}
.excerpt { width:620px; overflow:hidden;clear:both; margin:0 8px; background-color:#dfdfdf;font-size:12px;}
.excerpt .thumb { border:5px solid #888375; float:left;margin:5px 10px 10px 10px;}
.excerpt p { width:430px; float:right; margin:5px 10px 10px 0; line-height:20px; color:#4e4e4e;}
.excerpt .readmore { float:right; margin-right:15px; margin-bottom:10px;background-color:#92B901; /*#3b3738*/ padding:10px;}
.excerpt .readmore a:link,.excerpt .readmore a:visited,.excerpt .readmore a:active{ color:#ffffff; text-decoration: none; font-weight: bold;}
.excerpt .readmore a:hover { color:#e2e2e2;}
.post .page,.single-post { width:600px; float:right; padding:2px 10px 15px; line-height:20px; color:#4e4e4e;overflow:hidden;clear:both; margin:0 8px; background-color:#dfdfdf;font-size:12px}
.single-post {border-bottom:1px solid #6f6f6f;}
.single-post p { margin:0; padding:0 0 10px 0;}
.single-post blockquote { background:transparent url(images/quote.gif) no-repeat scroll 0 0;font-size:0.9em;font-style:italic;line-height:1.5em;margin:5px 0 5px 0;padding:10px 15px 10px 60px;}
.single-post ul.split3cols,.single-post ul.split2cols {font-size:12px;overflow:auto;width:600px;}
.single-post ol {list-style-type:decimal;margin:10px 0;padding:0 0 0 35px;}
.single-post ul {list-style-type:none;margin:10px 0;padding:0 0 0 10px;}
.single-post ul.split3cols li { float:left;width:190px;margin-right:5px;}
.single-post ul.split2cols li { float:left;width:290px;margin-right:5px;}
.single-post ul li { background:transparent url(images/bullet.gif) no-repeat scroll 0 8px;line-height:20px;margin:4px 0;padding:0 0 0 10px; }
.single-post h1,.single-post h2,.single-post h3,.single-post h4 {margin:0 0 5px 0; padding:0 0 5px 15px; color:#575757;font-weight:400;border-bottom:1px solid #c5c4c4;background:none;}
.single-post h1 { font-size:18px;}
.single-post h2 { font-size:15px;}
.single-post h3 { font-size:14px;}
.single-post h4 { font-size:13px;}

.post .author-single { border-top:1px solid #868686;border-bottom:1px solid #868686;background:#3b3738; padding:20px; margin:0 8px; width:580px;clear:both;color:#dfdfdf;font-size:12px;line-height:1.5em;display:block;overflow:hidden;}
.post .author-single .bio { width:480px; float:left;}
.post .author-single .bio p{ font-style:italic; padding:10px 0 0;}
.post .author-single .avatar { width:80px;float:left; margin-right:10px;}
.post .author-single a:link,.post .author-single a:visited,.post .author-single a:active { color:#dbdbdb;}
.post .haelainaa .rssfeed a:link,.post .haelainaa .rssfeed a:visited,.post .haelainaa .rssfeed a:active { color:#d2d2d2;}
.post .author a:hover,.post .rssfeed .haelainaa a:hover { color:#ffffff;}
.post .rssfeed { border-top:1px solid #b7b2a4;border-bottom:1px solid #b7b2a4;background:#898476 url(images/rss-trans.png) 15px 50% no-repeat; padding:15px 20px 15px 60px; margin:0 8px; width:540px;clear:both;color:#ffffff;font-size:14px;line-height:1.5em;display:block;overflow:hidden; }
.post .haelainaa { border-top:1px solid #b7b2a4;border-bottom:1px solid #b7b2a4;background:#898476 url(images/hae-lainaa.png) 15px 50% no-repeat; padding:15px 20px 15px 60px; margin:0 8px; width:540px;clear:both;color:#ffffff;font-size:14px;line-height:1.5em;display:block;overflow:hidden; }
.post .haelainaa-upper { background: url(images/hae-lainaa.png) 15px 50% no-repeat; padding:15px 20px 15px 60px; margin:0 8px; width:540px;clear:both;color:#ffffff;font-size:14px;line-height:1.5em;display:block;overflow:hidden;}
.post .sociable { border-top:1px solid #d2d1bc;border-bottom:1px solid #d2d1bc;background:#9e9c66; padding:15px; margin:0 8px; width:590px;clear:both;color:#ffffff;font-size:14px;line-height:1.5em;display:block;overflow:hidden; }

.meta {background: #898476 url(images/metabg.png) 0 0 repeat-x;padding:10px;color:#fefefe; margin:0 8px;}
.meta ul { margin:0;padding:0;overflow:hidden;}
.meta ul li a:link,.metaul li a:active,.meta ul li a:visited{ color:#d2d2d2;}
.meta ul li a:hover{ color:#ffffff;}
.meta ul li { display:inline;margin-right:5px; padding:1px 0 0px 20px; }
.meta ul li.author {background: url(images/icon_user-trans.png) 0 0 no-repeat;  }
.meta ul li.comments {background: url(images/icon_comment-trans.png) 0 0 no-repeat; }
.meta ul li.tags {background: url(images/icon_tag-trans.png) 0 0 no-repeat; padding-left:18px; }
.meta ul li.categories {background: url(images/icon_folder-trans.png) 0 0 no-repeat; }

.widget { width:316px; margin-bottom:15px;}
.widget h3 { color:#ffffff;width:296px; line-height:40px; padding:0 10px;margin:0; font-size:16px;background: url(images/h3.png) 0 0 no-repeat;padding-bottom:7px;}
.widget .box { margin:0 8px; padding:0px 10px 10px;background-color:#dfdfdf;font-size:12px;}
.widget .box ul { margin:0; padding:0;}
.widget a:link,.widget a:active,.widget a:visited { color:#565853;}
.widget a:hover { color:#2a2b29;}
.widget .box ul li { background:#dfdfdf url(images/bullet.gif) 0 10px no-repeat; padding:5px 0 5px 10px; border-bottom:1px solid #bbb8ae;}

.widget_ads { text-align:center;}
.widget_ads img{ margin:5px; border:1px solid #d8d8d8; }
.widget_ads .box { padding-top:10px;}
.widget_ads .box span{ display:block;}

.navigation { display:block;margin:10px; clear:both; overflow:hidden;font-size:14px;font-weight:bold;}
.navigation a:link,.navigation a:active,.navigation a:visited { color:#ffffff;}
.navigation a:hover { color:#2a2b29;}



#respond,.comment { width:636px; overflow:hidden; font-size:12px;line-height:20px; color:#4e4e4e; overflow:hidden;margin-bottom:15px;}
#respond h3,.comment h3 { width:616px; line-height:40px; padding:0 10px;margin:0; font-size:16px;background: url(images/h2-comment.png) 0 0 no-repeat;padding-bottom:7px;color:#ffffff}
#respond h3 a:link,#respond h2 a:visited,#respond h3 a:active { color:#FFFFFF;}
#respond h3 a:hover { color:#e9e7e3;}
.navigation{padding:0;margin:0;}
ol.commentlist,#commentform,.cancel-comment-reply { width:580px; float:right; padding:15px 20px 0 20px; line-height:20px; color:#4e4e4e;overflow:hidden;clear:both; margin:0 8px; background-color:#dfdfdf;}
ol.commentlist  { padding-bottom:10px;}
ol.commentlist li { border-bottom:1px solid #c5c4c4;margin-bottom:10px; overflow:hidden; width:580px; }
ol.commentlist li .reply { display:block;text-align:right;}
ol.commentlist li ul { margin:0;padding:0;}
ol.commentlist li ul li  { background: url(images/arrow.png) 0 10px no-repeat;padding:0;padding-left:23px;margin:0;border:0;}
ol.commentlist .avatar {float:left; margin:5px 5px 0 0px;border:1px solid #6b6b6b;}
.cancel-comment-reply {  padding:0px 20px 0 20px; font-weight:bold;font-size:14px; }
.comment .navigation { background:#dfdfdf;display:block;margin:0 8px;padding:0 8px; clear:both; overflow:hidden;font-size:13px;font-weight:bold;height:15px;}
.comment .navigation a:link,.comment .navigation a:active,.comment .navigation a:visited { color:#3b3738;}
.comment .navigation a:hover { color:#878431;}
#commentform  textarea{ width:98%; padding:5px}
#commentform input {padding:5px; margin-right:5px;}
#commentform label {font-size:13px;}
#commentform #submit { background:#878431;color:#ffffff;}

#footerwrapper { background:#3b3738 url(images/footerbg.png) 0 0 repeat-x;clear:both;}
#footer { margin:0 auto; padding:15px 10px; width:960px; font-size:13px;color:#ffffff;}