/*  
Theme Name: Savvy Pro
Description: Fixed width, css template with jquery.
Version: 1.0
Author: Danalyn
Author URI: http://www.sporadicmind.com/
*/

body { margin: 0px; padding: 0px; font-family: Verdana, Arial, Helvetica, Sans-serif; font-size: 12px; background: #192b3d 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: #003366; text-decoration: none; }
a:hover { color: #adbbc9; text-decoration: underline; }
h1, h2, h3, h4, legend { font-family: "Century Gothic", Verdana, Helvetica, Sans-serif; font-weight: normal; }
h1, .subscription-manager h2 { font-size: 24px; margin-top: 0px; }
h2 { font-size: 20px; margin-top: 25px; }
h3, #featured h2, legend { font-size: 18px; }
h4 { font-size: 16px; }
fieldset { margin-top: 25px; }
small { line-height: normal; }

#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: 350px; 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: 20px; right: 0px; width: 250px; height: 30px; margin: 0px; padding: 0px; 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: #acbccb; }
#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: #5d6d7c; border-bottom: 5px solid #acbccb; }
#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: #acbccb; color: #000000; text-decoration: none; }
#navigation ul ul li a { border: none; display: block; color: #000000; background-color: transparent; border: 0px solid #000000; }
#navigation ul ul li a:hover, #navigation ul ul li.current-cat a { background-color: #cdd5dd; }

/* 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 */
#promosense { float: left; width: 250px; height: 250px; margin: 20px 0px 0px 0px; }
#promo1 { float: left; width: 124px; height: 124px; margin: 0px; padding: 0px; overflow: hidden; }
#promo2 { float: right; width: 124px; height: 124px; margin: 0px; padding: 0px; overflow: hidden; }
#promo3 { float: left; width: 124px; height: 124px; margin: 0px; padding: 0px; overflow: hidden; }
#promo4 { float: right; width: 124px; height: 124px; margin: 0px; padding: 0px; overflow: hidden; }
.promoclear { clear: both; height: 8px; }
#promoblock { display: block; float: left; width: 256px; margin: 14px 0px 0px 0px; padding: 0px; overflow: hidden; }
#promoblock a img { border: 2px solid #192b3d; }

/* 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 .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 .post span.promosense { display: block; width: 250px; height: 250px; float: right; margin-left: 10px; overflow: hidden; }
#content .post .amazon { min-width: 127px; text-align: center; margin-top: 15px; padding: 3px; border: 1px solid #cccccc; }
#content .post blockquote { margin: 0px 20px 0px 20px; padding: 3px 0px 3px 30px; background: transparent url(images/bq.png) no-repeat top left; }
#content .post blockquote p { margin: 0px; padding: 7px 0px; }

/*  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: #fff000; background-color: #192b3d; }
#sidebar .menu-top { width: 290px; margin: 0px 0px 20px 0px; padding: 0px; background: #adbbc9 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 */
#comments { border-top: 1px solid #ccd5df; margin-top: 30px; }
.commentlist { margin: 30px 0px 0px 0px; padding: 0px; }
.commentlist li { list-style: none; }
.commentlist li.depth-1 { margin: 0px 0px 10px 0px; padding: 0px 0px 10px 0px; background: #dce2e8 url(images/comment-whitebg.jpg) repeat-y top left; }
.commentlist li div.gavatar { float: left; width: 80px; margin: 0px; padding: 0px 20px 0px 0px; background: transparent url(images/comment-arrow.jpg) no-repeat top right; overflow: hidden; }
.commentlist li div.comment { float: right; width: 520px; margin: 0px; padding: 0px 10px; border: none; }
.commentlist ul.children { display: block; margin: 10px 0px 0px 0px; padding: 0px; }
.commentlist ul.children li { margin: 10px 0px 0px 0px; padding: 0px 10px 10px 10px; border: 1px solid #999999; background-image: none; }

.commentlist li.bypostauthor { margin: 0px 0px 10px 0px; padding: 0px 0px 10px 0px; background: #adbbc9 url(images/comment-whitebg.jpg) repeat-y top left; }
.commentlist li.bypostauthor div.gavatar { float: left; width: 80px; margin: 0px; padding: 0px 20px 0px 0px; background: transparent url(images/comment-adminarrow.jpg) no-repeat top right; overflow: hidden; }

.commentlist li.depth-2, .commentlist li.depth-4, .commentlist li.depth-6, .commentlist li.depth-8, .commentlist li.depth-10 { background-color: #ffffff; border: 1px solid #adbbc9; }
.commentlist li.depth-3, .commentlist li.depth-5, .commentlist li.depth-7, .commentlist li.depth-9 { background-color: #dce2e8; }

.commentlist li.depth-1 li.auth { background-color: #adbbc9; border: 1px solid #000000; }
.commentlist a:hover { color: #000000; }
.commentlist ul.children .avatar { float: left; margin: 10px 10px 0px 0px; border: 1px solid #000000; }

.commentlist .moderate { font-style: italic; }
.commentlist .author-link { margin: 5px 0px 0px 0px; padding: 0px; font-size: 12px; text-align: center; font-weight: bold; }

.commentlist div.comment .reply a, .commentlist div.comment .comment-edit a, .cancel-comment-reply a { float: right; margin: 0px 0px 0px 5px; padding: 2px; border: 1px solid #000000; background-color: #cccccc; font-size: 10px; }
.commentlist p { margin: 0px; padding: 10px 0px; }
.commentlist div.commentmeta { display: block; margin: 0px; padding: 5px 0px 0px 0px; font-size: 10px; border-top: 1px solid #000000; }


#commentform #subscribe { border: none; }
#commentlist #commentform p { margin: 5px 0px; padding: 0px; }
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: #192b3d; border-top: 5px solid #5d6c7b; }
#footer { width: 960px; margin: 0px auto; padding: 20px 0px; color: #ffffff; background-color: #192b3d; overflow: hidden; }
#footer .copyright { float: left; width: 700px; 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: 250px; margin: 0px; padding: 0px; font-size: 10px; }
#footer a:link, #footer a:visited { color: #fff000; }
#footer a:hover { color: #ffffff; }

/* FOOTER WIDGETS */
#widgets { margin: 0px 0px 10px 0px; padding: 0px 0px 20px 0px; border-bottom: 1px solid #5d6c7b; }
#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 #ffffff; }
#widgets ul { margin: 0px; padding: 0px; }
#widgets ul li { list-style: none; margin: 0px; padding: 0px; border-bottom: 1px dotted #5c6c7b; }
#widgets ul ul li { border-bottom: none; border-top: 1px dotted #5c6c7b; }
#widgets ul li a { display: block; padding: 2px; }
#widgets ul li a:hover { background-color: #5c6c7b; 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; }
.rssremind { width: 480px; padding-top: 10px; }
.rssremind .social_img { margin: 0px 0px -10px 0px; padding: 0px 5px 0px 5px; }
.social { text-align: center; margin-bottom: 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: center; 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; }