/*  
Theme Name: Savvy jCrap
Theme URI: http://www.sporadicmind.com/booty/wp-theme-savvy-lite/
Description: Fixed width, css template with jquery <a href="?page=functions.php">carousel</a> for featured posts on homepage and <a href="./widgets.php">widgetized</a> sidebars on page and post permalinks.  <a href="?page=functions.php">Customizable</a> featured categories, adsense and/or static ads box.  Thank you for purchasing Savvy Pro!
Version: 1.2
Author: Danalyn
Author URI: http://www.sporadicmind.com/

********************************************
LICENSE INFORMATION

This theme is (c) Copyright by Danalyn at Sporadic Mind
http://www.sporadicmind.com/

You are authorized to make any necessary modification(s) to the unencrypted 
theme files to fit your purposes. You may NOT however re-distribute or release 
any modifications as GPL or otherwise. Please also refrain from deleting the 
credit text from the template's stylesgeet. You are however allowed to delete 
our credit links from the footer or any other visible place (on the front-end) 
in the theme.
********************************************
*/

body { margin: 0px; padding: 0px; font-family: Verdana, Arial, Helvetica, Sans-serif; font-size: 12px; background: #800000 url(images/bg.jpg) repeat-x top left; }
body.home #mainwrap { background: #ffffff url(images/bg-home.jpg) repeat-x top left; }
a img { border: none; }
a:link, a:visited { color: #990000; text-decoration: none; }
a:hover { color: #ff0000; text-decoration: underline; }
a:hover { text-decoration: underline; }
h1, h2, h3, h4 { font-family: "Century Gothic", Verdana, Helvetica, Sans-serif; font-weight: normal; }
h1 { font-size: 24px; margin-top: 0px; }
h2 { font-size: 20px; margin-top: 25px; }
h3, #featured h2 { font-size: 18px; }
h4 { font-size: 16px; }
blockquote { margin: 0px; padding: 5px 15px 30px 15px; background: transparent url(images/blockquote.jpg) no-repeat top left; }
blockquote p { margin: 0px; padding: 7px 0px; }
blockquote a:link, blockquote a:visited { color: #fff000; }

#wrap { width: 960px; margin: 0px auto 0px auto; padding: 0px; }
#mainwrap { width: 100%; min-width: 960px; margin: 0px; padding: 0px; background-color: #ffffff; }
#main { margin: 0px; padding: 20px 0px; overflow: hidden; }

/* HEADER STYLES */
#header { width: 960px; height: 100px; margin: 0px auto; padding: 0px; position: relative; }
#title { position: absolute; top: 0px; left: 0px; width: 140px; height: 65px; overflow: hidden; }
#tagline { position: absolute; top: 75px; left: 0px; width: 350px; height: 15px; color: #ffffff; line-height: 12px; font-size: 12px; overflow: hidden; }
#search { position: absolute; top: 10px; right: 0px; width: 250px; height: 30px; margin: 0px; padding: 0px; background: transparent url(images/search.gif) no-repeat top left; overflow: hidden; }
#searchform { margin: 0px; padding: 5px; }
#searchform #s { float: left; width: 210px; height: 20px; margin: 1px 0px 0px 0px; padding: 0px; color: #999999; border: none; background: transparent; }
#searchform #searchsubmit { float: right; width: 20px; height: 20px; margin: 0px; padding: 0px; background: transparent; border: none; }

/* TOP NAV MENU STYLES */
#navigation { position: absolute; height: 30px; right: 0px; bottom: 0px; margin: 0px; padding: 0px; font-size: 11px; }
#navigation ul { margin: 0px; padding: 0px; line-height: 12px; }
#navigation ul li { float: left; position: relative; margin: 0px 0px 0px 2px; padding: 0px; list-style: none; }
#navigation ul li ul { display: none; position: absolute; top: 25px; left: 0px; width: 120px; background-color: #000000; }
#navigation ul li:hover ul { display: block; z-index: 999; }
#navigation ul ul li { float: none; display: block; margin: 0px; list-style: none; }

#navigation ul li a { display: block; margin: 0px; padding: 7px 10px 6px 10px; color: #fff000; background-color: #990000; border-bottom: 5px solid #000000; }
#navigation ul li a:hover, #navigation ul li.current_page_item a, #navigation ul li.current_page_parent a, 
#navigation ul li.current-cat-parent a, #navigation ul li.current-cat a { background-color: #000000; color: #ffffff; text-decoration: none; }
#navigation ul ul li a { border: none; display: block; color: #ffffff; background-color: transparent; border: 0px solid #000000; }
#navigation ul ul li a:hover, #navigation ul ul li.current-cat a { background-color: #250000; }

/* HOMEPAGE STYLES */
.home #main { padding: 0px; }
#featured-wrap { float: right; width: 670px; margin: 0px; padding: 0px; background: transparent url(images/featured-bg.jpg) repeat-y top left; overflow: hidden; }
#featured-top { margin: 0px; padding: 0px; background: transparent url(images/featured-top.jpg) no-repeat top left; }
#featured-bot { margin: 0px; padding: 40px 40px 20px 40px; background: transparent url(images/featured-bot.jpg) no-repeat bottom left; }
#featured-prev { float: left; margin: 120px 0px 0px 0px; width: 40px; height: 40px; background: transparent url(images/featured-prev.jpg) no-repeat top left; }
#featured-prev:hover { background-position: 0px -40px; }
#featured-next { float: right; margin: 120px 0px 0px 0px; width: 40px; height: 40px; background: transparent url(images/featured-next.jpg) no-repeat top left; }
#featured-next:hover { background-position: 0px -40px; }
#featured { width: 590px; height: 210px; margin: 0px; padding: 0px; overflow: hidden; }
#featured .post { float: left; position: relative; width: 290px; height: 210px; margin: 0px 10px 0px 0px; padding: 0px; overflow: hidden; }
#featured .postimg { width: 288px; height: 208px; border: 1px solid #000000; }
#featured .post .image { position: absolute; top: 10px; left: 0px; display: block; margin: 0px; padding: 5px; width: 280px; background: transparent url(images/featured-h3.png) repeat; }
#featured .post .image a { color: #fff000; }
#featured .post .image a:hover { color: #ffffff; text-decoration: none; }
#featured .slide { display: block; height: 210px; width: 600px; margin: 0px; padding: 0px; overflow: hidden; }
#featured .slide img { width: 290px; min-height: 210px; border: none; }

/* AD STYLES */
#adsense { float: left; width: 250px; height: 250px; margin: 20px 0px 0px 0px; }
#ad1 { float: left; width: 124px; height: 124px; margin: 0px; padding: 0px; overflow: hidden; }
#ad2 { float: right; width: 124px; height: 124px; margin: 0px; padding: 0px; overflow: hidden; }
#ad3 { float: left; width: 124px; height: 124px; margin: 0px; padding: 0px; overflow: hidden; }
#ad4 { float: right; width: 124px; height: 124px; margin: 0px; padding: 0px; overflow: hidden; }
.adclear { clear: both; height: 8px; }
#adblock { display: block; float: left; width: 256px; margin: 14px 0px 0px 0px; padding: 0px; overflow: hidden; }
#adblock a img { border: 2px solid #000000; }

/* POST STYLES */
#content { float: right; width: 640px; margin: 0px; padding: 0px; overflow: hidden; }
#content .post { line-height: 22px; font-size: 14px; margin-bottom: 40px; }
#content .post blockquote a:hover { color: #ffffff; }
#content .post .blockquote { margin: 20px 0px 0px 0px; padding: 0px; color: #ffffff; background: #910000 url(images/blockquote-bot.jpg) no-repeat bottom left; }
#content .tagcloud { margin: 0px; padding: 0px 30px 20px 30px; }
#content ul.archives { margin-bottom: 25px; }
#content form { margin: 0px; }
#content form p { margin: 5px 0px 5px 0px; }
#content form input, #content input textarea { border: 1px solid #ccd5df; }
#content form textarea { width: 99%; }
#content .authornotes { font-size: 12px; line-height: 16px; margin: 10px 0px 30px 0px; padding: 5px; color: #afa483; border: 1px solid #c7bda0; background-color: #fffbef; }
#content .authornotes a { color: #5f563b; }
#content .authornotes a:hover { color: #c7bda0; }

/*  WIDE CONTENT STYLES */
#contentwide { margin: 0px; padding: 0px; overflow: hidden; }
#contentwide h3 { margin-top: 0px; line-height: normal; font-size: 14px; }
#contentwide #wide { width: 980px; margin: 0px; padding: 0px; background: #ffffff url(images/bottom-bg.jpg) repeat-y top left; }
#contentwide #wide .post { float: left; width: 310px; margin: 0px 20px 0px 0px; line-height: 16px; font-size: 11px; overflow: hidden; }
#contentwide #wide .middle { width: 300px; }
#contentwide #wide .post img { width: 80px; min-height: 60px; }
#contentwide #wide .post .thumb { float: left; width: 80px; height: 60px; border: 3px solid #adbbc9; margin-right: 10px; overflow: hidden; }
#contentwide .catclear { height: 30px; background-color: #ffffff; }

/* SIDEBAR STYLES */
#sidebar { float: left; width: 290px; margin: 0px; padding: 0px; }
#sidebar h2 { margin: 0px -10px 10px -10px; padding: 3px 10px; font-size: 14px; color: #ffffff; background-color: #910000; }
#sidebar .menu-top { width: 290px; margin: 0px 0px 20px 0px; padding: 0px; background: #cbb370 url(images/sidebar-top.gif) no-repeat top left; }
#sidebar .menu-bot { margin: 0px; padding: 10px; background: transparent url(images/sidebar-bot.gif) no-repeat bottom left; overflow: hidden; }
#sidebar .menu { width: 270px; margin: 0px; padding: 0px; }
#sidebar .menu a:hover { color: #ffffff; }
#sidebar #adsense { display: block; text-align: center; width: 100%; height: 250px; margin: 0px; padding: 0px; }
#sidebar #adblock { margin: 4px 0px 4px 6px; float: none; width: 258px; }
#sidebar .adclear { height: 10px; }
#sidebar ul { margin: 0px; padding: 0px; }
#sidebar ul li { list-style: none; margin: 0px; padding: 5px 0px; }
#sidebar .metacomments { text-align: center; font-size: 14px; margin: 0px; padding: 0px; }

/* BOTTOM FEATURED */
#bottom-wrap { margin: 20px 0px 0px 0px; padding: 20px 0px; min-height: 300px; background: #ffffff url(images/bottom-bg.jpg) repeat-y top left; overflow: hidden; }
#bottom { margin: 0px; padding: 0px; width: 990px; }
#bottom h3 { margin-top: 0px; }
#bottom .post { float: left; width: 310px; margin: 0px 20px 0px 0px; overflow: hidden; }
#bottom .post p { line-height: 20px; }
#bottom .post .thumb { float: left; width: 100px; height: 70px; border: 3px solid #adbbc9; margin-right: 10px; overflow: hidden; }
#bottom .post img { width: 100px; min-height: 70px; }
#bottom .middle { width: 300px; }
#bottom .bot-toprow { margin-bottom: 30px; }

/* COMMENT STYLES */
#reply, #leave { border-top: 1px solid #cbb370; margin-top: 30px; }
#commentlist #commentform { padding: 10px; border: 1px solid #000000; background-color: #ffffff; }
#commentlist .depth-1 #commentform { margin: 10px; }
#commentlist .depth-2 #commentform { margin: 0px; }
#commentlist { margin: 30px 0px 0px 0px; padding: 0px; }
#commentlist blockquote { background-image: none; margin: 15px; padding: 0px; }
#commentlist .blockquote { margin: 0px; padding: 0px; }
#commentlist .depth-1 { list-style: none; margin: 15px 0px; padding: 0px 0px 10px 0px; background: #c7bda0 url(images/comments-alt-bot.gif) no-repeat bottom left; }
#commentlist .depth-1 .comment { margin: 0px; padding: 3px 10px 0px 10px; background: transparent url(images/comments-alt-top.gif) no-repeat top left; }
#commentlist .depth-1 h4 { float: left; width: 560px; margin: 0px 0px 15px 0px; padding: 0px; height: 25px; text-align: right; line-height: 16px; overflow: hidden; }
#commentlist .depth-1 h2 { padding-left: 10px; }
#commentlist .depth-1 ul li h2 { padding-left: 0px; }
#commentlist .bypostauthor { list-style: none; margin: 15px 0px; padding: 0px 0px 10px 0px; background: #910000 url(images/comments-bot.gif) no-repeat bottom left; }
#commentlist .bypostauthor .comment { margin: 0px; padding: 3px 10px 0px 10px; color: #ffffff; background: transparent url(images/comments-top.gif) no-repeat top left; }
#commentlist .bypostauthor h4 { float: right; width: 560px; margin: 0px 0px 15px 0px; padding: 0px; height: 25px; color: #000000; text-align: left; line-height: 16px; overflow: hidden; }
#commentlist .children { margin: 20px 10px 0px 10px !important; padding: 0px !important; background: none !important; }
#commentlist .children li { list-style: none; background-image: none !important; margin: 10px 0px 0px 0px !important; color: #000000 !important; padding: 0px !important; }
#commentlist .subcomment, #commentlist .authsubcomment { background-image: none !important; margin: 0px; padding: 10px; }
#commentlist .children ul { margin: 10px 0px 0px 20px !important; }
#commentlist .subcomment { margin: 0px; padding: 10px; border: 1px solid #000000; background-color: #ffffff; }
#commentlist .authsubcomment { margin: 0px; padding: 10px; border: 3px solid #ffffff; background-color: #910000; color: #ffffff; }
#commentlist .subcomment a { color: #990000 !important; text-decoration: none; }
#commentlist .subcomment a:hover { color: #ff0000 !important; text-decoration: underline; }
.authgravatar { width: 50px; height: 50px; float: right; margin: 0px 0px 0px 10px; padding: 0px; border: 4px solid #ffffff; }
.gravatar { width: 50px; height: 50px; float: left; margin: 0px 10px 0px 0px; padding: 0px; border: 4px solid #ffffff; }
.subcomment .gravatar { border: 4px solid #000000; }
.comment a:hover { color: #000000; }
.commentmeta { font-size: 10px; text-align: right; margin: 10px 0px 5px 0px; padding: 5px 0px 0px 0px; border-top: 1px solid #000000; }
.authcommentmeta { font-size: 10px; text-align: left; margin: 10px 0px 5px 0px; padding: 5px 0px 0px 0px; border-top: 1px solid #ffffff; }
.bypostauthor a { color: #fff000; }
.bypostauthor a:hover { color: #ffffff; }
.bypostauthor h4 a { color: #910000; }
.bypostauthor h4 a:hover { color: #000000; }
.reply { float: left; font-weight: bold; }
.authreply { float: right; font-weight: bold; }
.commentby { font-size: 14px; font-weight: bold; }
p.trackback { text-align: center; margin-top: 10px; font-size: 10px; }
p.submit { display: block; text-align: right; margin: 10px 0px; }
p #submit { padding: 5px; }

/* FOOTER STYLES */
#footerwrap { width: 100%; min-width: 960px; margin: 0px; padding: 0px; background-color: #800000; border-top: 5px solid #000000; }
#footer { width: 960px; margin: 0px auto; padding: 20px 0px; color: #ffffff; background-color: #800000; overflow: hidden; }
#footer .copyright { float: left; width: 800px; margin: 0px; padding: 0px; font-weight: bold; }
#footer .credits { font-size: 10px; padding-top: 10px; font-weight: normal; }
#footer .login { float: right; text-align: right; width: 150px; margin: 0px; padding: 0px; font-size: 10px; }
#footer a:link, #footer a:visited { color: #fff000; }
#footer a:hover { color: #ffffff; }
#footerwrap #search { width: 250px; height: 30px; margin: 0px; padding: 0px; background: transparent url(images/search.gif) no-repeat top left; overflow: hidden; }

/* FOOTER WIDGETS */
#widgets { margin: 0px 0px 10px 0px; padding: 0px 0px 20px 0px; border-bottom: 1px solid #000000; }
#widgets .widget-left { float: left; width: 310px; margin: 0px; }
#widgets .widget-right { float: right; width: 310px; margin: 0px; }
#widgets .widget-center { width: 310px; margin: 0px auto 0px auto; }
#widgets .menu { margin-bottom: 20px; }
#widgets h2 { margin: 0px 0px 1px 0px; padding: 0px; font-size: 16px; border-bottom: 1px solid #000000; }
#widgets ul { margin: 0px; padding: 0px; }
#widgets ul li { list-style: none; margin: 0px; padding: 0px; border-bottom: 1px dotted #000000; }
#widgets ul ul li { border-bottom: none; border-top: 1px dotted #000000; }
#widgets ul li a { display: block; padding: 2px; }
#widgets ul li a:hover { background-color: #000000; color: #ffffff; text-decoration: none; border: none; }

/* MISC STYLES */
.clear { clear: both; }
.small { font-size: 10px; }
.none { display: none; }
.alignleft { float: left; margin-right: 10px; }
.alignright { float: right; margin-left: 10px; }
.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.navigation { width: 960px; background-color: #ffffff; overflow: hidden; }
/* .more { margin-left: 5px; } */
.date { font-size: 10px; margin: 0px 0px -5px 0px; padding: 0px; line-height: normal; color: #999999; }
.social_img { margin: 0px 0px -2px 0px; padding: 0px 0px 0px 5px; }
.edit { float: right; width: 16px; height: 16px; }
.wp-caption { border: 1px solid #cccccc; font-size: 10px; margin-bottom: 10px; padding: 5px 0px; text-align: center; }
.wp-caption-text { text-align: left; margin: 0px; padding: 5px 5px 0px 5px; color: #666666; }
.size-thumbnail, .size-small, .size-medium, .size-large, .size-full { border: 1px solid #cccccc; padding: 5px; }
.wp-caption .size-thumbnail, .wp-caption .size-small, .wp-caption .size-medium, .wp-caption .size-large, .wp-caption .size-full { border: none; padding: 0px; }