/*
Theme Name: Charlie
Author: Fuzzco
Author URI: http://www.fuzzco.com
*/

/* 
olive: #adb461


*/
.clear{clear:both;}
#content .post .slashdigglicious {margin:0;}
#content .post .slashdigglicious .alignleft img, #content .post .slashdigglicious .aligncenter img, #content .post .slashdigglicious .alignright img, #content .post .slashdigglicious .wp-caption img, #content .post .slashdigglicious img {border:none; margin:0;}
td { vertical-align: top;}
body { margin: 0px; padding: 0px; font-family: Helvetica, Arial, sans-serif; font-size: 85%; color: #444;}

#container { width: 960px; margin: 10px auto; padding: 0px 20px;}

/* Top navigation */
#topnav { float: left; display: inline; overflow: hidden; background:#000; width: 960px; font-size: 0.9em; text-transform: uppercase; border-top:2px #fff solid; }
#topnav p {	padding: 20px 0px; margin-bottom: 0px; }
#topnav ul { margin: 0px; padding: 0px; }
#topnav li { float: left; list-style-type: none; margin: 0px; padding: 10px 0px; letter-spacing:1px;}
#topnav li a { color: #fff; text-decoration: none; padding: 10px 36px; }
#topnav li a:hover { color: #adb461; text-decoration: none; padding: 10px 36px; }
#lineunder{ float: left; display: inline; overflow: hidden;border-top: #222 solid 3px; width:960px;margin-top:2px;}


#nav{width: 960px; background:#fff;padding: 0;margin-top:5px;}
.navitem{margin:0 -2px 0 -2px;padding:0;display:inline;}
.navitem a {text-decoration:none;}


/* Side navigation */

#ad1{margin-top: 0;}

/* Bottom Ads */

#bottomad{width:728px;margin-top:5px;}


/* Header and Titles */
#header { float: left; display: inline; overflow: hidden; width: 960px; height: 140px; padding: 0px; text-align:center;}
#header_spoleto { float: left; display: inline; overflow: hidden; width: 960px; height: 180px; padding: 0px; text-align:center;}

#header a { color: #eee; text-decoration: none; }
#header a:hover { color: #ccc; }
#header p.site-title { margin: 15px 10px 0px 24px; font-size: 4.0em; font-family: Times, "Times New Roman", Georgia, serif; color: #eee; line-height: 110%; }
#header p.site-slogan { margin: 0px 10px 0px 48px; font-size: 1.8em; color: #390; }

/* The box below the header image */
#slogan { float: left; display: inline; overflow: hidden; width: 960px; padding: 6px 0px; margin-bottom: 12px;}
#slogan .left { float: left; display: inline; overflow: hidden; font-size: 0.9em; margin-bottom: 0px; }
#slogan .right { float: right; display: inline; margin-bottom: 0px; font-size: 0.7em; text-align: right; }

/* The wrapper for content and sidebars */
#wrapper { float: left; display: inline; overflow: hidden; width: 960px;background:url(images/bg.jpg) repeat-y; }

/* The content area - to move the content to the right float the content right and the sidebar-wrapper left and change the side margins. */
#content { float: left; display: inline; overflow: hidden; padding: 0 7px 10px 0; width: 728px; margin-bottom:5px; }
#content.bookmarks ul { margin: 0px 0px 18px 0px; padding: 0px; }
#content.bookmarks li { line-height: 140%; margin: 0px 0px 14px 0px; padding: 0px; list-style-type: none; }
#content.bookmarks li a { font-size: 1.1em; margin-right: 6px; }
#content.bookmarks h2 { color: #060; }
#contenthome .post {background: #adb461; color:#fff;}
#contenthome .post p {color: #fff;}
#contenthome .post h2 {color: #fff;}
/* whitebg #contenthome .post {background: #fff; color:#adb461;} */
/* whitebg #contenthome .post p {color: #adb461;} */
/* whitebg #contenthome .post h2 {color: #adb461;background:#fff;width:728px;margin:-10px 0 5px -10px;padding-left:10px;height:30px;} */

#content h1 { font-size:1.8em; font-weight:normal;letter-spacing:2px;text-transform:uppercase;}
#content h2 { font-size:1.6em; font-weight:normal;letter-spacing:3px;text-transform:uppercase;}
#content h1 a { color: #000; }
#content .postmeta { font-size: 90%; padding: 5px 0px 5px 0px; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; margin-bottom: 10px;}
#content .postmeta h4, #content .postmeta p { margin: 0px 0px 5px 0px; font-weight: normal; font-size: 1.0em; }

/* Pages - black text. copy of posts */
#content .page h2 {color: #000;}
#content .page h2 a {color: #000; text-decoration:none;font-style:none;}
#content .page p { font-size:1.15em; color:#000;}
#content .page { margin-bottom: 12px; padding-bottom: 12px; color:#222;padding:10px; font-family: Times, "Times New Roman", Georgia, serif; }
#content .page p.wp-caption-text { text-align: center; font-size: 0.8em; line-height: 135%; margin: 0px; padding: 3px 0px; }
#content .page div.alignleft { float: left; margin: 0px 10px 10px 0px; padding: 0px; border: 1px #ccc dotted; }
#content .page div.aligncenter { display: block; margin-left: auto; margin-right: auto; margin-bottom: 10px; padding: 0px; border: 1px #ccc dotted; clear: both; }
#content .page div.alignright { float: right; margin: 0px 0px 10px 10px; padding: 0px; border: 1px #ccc dotted; }
#content .page a { color: #666; text-decoration:underline;font-style:italic;}

/* Post - white text. */
#content .post h2 {color: #000;}
#content .post h2 a {color: #000; text-decoration:none;font-style:normal;}
#content .post p {color:#000;}
#content .post { margin-bottom: 12px; padding-bottom: 12px; color:#222;padding:10px; font-family: Times, "Times New Roman", Georgia, serif; font-size:1.15em;}
#content .post p.wp-caption-text { text-align: center; font-size: 0.8em; line-height: 135%; margin: 0px; padding: 3px 0px; }
#content .post div.alignleft { float: left; margin: 0px 10px 10px 0px; padding: 0px; border: 1px #ccc dotted; }
#content .post div.aligncenter { display: block; margin-left: auto; margin-right: auto; margin-bottom: 10px; padding: 0px; border: 1px #ccc dotted; clear: both; }
#content .post div.alignright { float: right; margin: 0px 0px 10px 10px; padding: 0px; border: 1px #ccc dotted; }
#content .post a { color: #000; text-decoration:underline;font-style:italic;}

/* Category Coloring */
/* #art h2 {background: #f285b5;color:#fff; padding:10px 10px 15px 10px;margin:-10px 0 0 -10px;width:708px;}*/
/* #fashion h2 {background: #5b1743;color:#fff;padding:10px 10px 15px 10px;margin:-10px 0 0 -10px;width:708px;}*/
/* #food-wine h2 {background: #adb461;color:#fff;padding:10px 10px 15px 10px;margin:-10px 0 0 -10px;width:708px;}*/
/* #music h2 {background: #a2171b;color:#fff;padding:10px 10px 15px 10px;margin:-10px 0 0 -10px;width:708px;}*/
/* #people h2 {background: #ab7050;color:#fff;padding:10px 10px 15px 10px;margin:-10px 0 0 -10px;width:708px;}*/
/* #society h2 {background: #c7a663;color:#fff;padding:10px 10px 15px 10px;margin:-10px 0 0 -10px;width:708px;}*/
/* #loves h2 {background: #8d9fab;color:#fff;padding:10px 10px 15px 10px;margin:-10px 0 0 -10px;width:708px;} */

/* Images */

.leftad {float:left;clear:right;padding: 5px 15px 5px 0;}
.rightad {float:right;clear:left;padding: 5px 0 5px 15px;}
.societyimage {float:left;clear:right;padding: 2px;margin-right:10px;border:1px solid #333;}


img.alignright {border-top:5px solid #fff;border-bottom:5px solid #fff;margin: -10px; padding: 0px;}
img.alignleft {border-top:5px solid #fff;border-bottom:5px solid #fff;margin: -10px; padding: 0px;}
img.aligncenter {border-top:5px solid #fff;border-bottom:5px solid #fff;margin: -10px; padding: 0px;}
img.alignnone {border-top:5px solid #fff;border-bottom:5px solid #fff;margin: -10px; padding: 0px;}
a img.alignright {border-top:5px solid #fff;border-bottom:5px solid #fff;margin: -10px; padding: 0px;}
a img.alignleft {border-top:5px solid #fff;border-bottom:5px solid #fff;margin: -10px; padding: 0px;}
a img.aligncenter {border-top:5px solid #fff;border-bottom:5px solid #fff;margin: -10px; padding: 0px;}
a img.alignnone {border-top:5px solid #fff;border-bottom:5px solid #fff;margin: -10px; padding: 0px;}


.society-header {font-size: 1.2em; margin-bottom: 0px;font-weight:bold;}
.society-caption {font-size: .95em; font-style:italic;padding:5px 0 10px 0;display:block;}

/* #content .page .alignleft img, #content .aligncenter img, #content .alignright img, #content .wp-caption img, #content .page img {border-top:5px solid #fff;border-bottom:5px solid #fff;margin: -10px; padding: 0px; } */
/* #content .post .alignleft img, #content .aligncenter img, #content .alignright img, #content .wp-caption img, #content .post img {border-top:5px solid #fff;border-bottom:5px solid #fff;margin: -10px; padding: 0px; } */


/* The previous home top and next links at the bottom of the content */
.content-bot { font-family: Times, "Times New Roman", Georgia, serif; border-top: 1px dotted #ccc; padding: 10px; font-style: italic; font-weight: bold; background: #efefef; text-align: center; }
.content-bot a, .content-bot a:hover { margin: 2px 10px; }

/* Comments */
.comments ul { margin: 0px 0px 12px 0px; padding: 0px; }
.comments li { list-style-type: none; background: #efefef; border: 1px solid #ccc; padding: 5px 7px 0px 7px; margin: 0px 0px 12px 0px; font-size: 85%; font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; }
img.avatar {float:left; margin-right:5px;}



/* The wrapper for both sidebars */
#sidebar-wrapper { float: right; display: inline; overflow: hidden; width: 215px; padding: 0px 0px 10px 2px;}

/* The ad block */
#sidebar-wrapper .ad-blocks { margin: 8px -12px 5px -12px; }
#sidebar-wrapper .ad-blocks img { margin: 0px 12px 10px 12px; }

/* The sidebars */
#sidebar-left { float: left; display: inline; overflow: hidden; padding: 10px 10px 10px 0px; width: 200px; text-align: left; }
#sidebar-right { float: right; display: inline; overflow: hidden; padding: 10px 0px 10px 10px; width: 200px; }
#sidebar-wrapper h2, #sidebar-left h2, #sidebar-right h2 { color: #060; margin-bottom: 12px; }
#sidebar-wrapper h2, #sidebar-left h2 a, #sidebar-right h2 a { color: #adb461; text-decoration: none; }
#sidebar-wrapper h2 a.rsswidget img, #sidebar-left h2 a.rsswidget img, #sidebar-right h2 a.rsswidget img { display: none; }
#sidebar-wrapper ul, #sidebar-left ul, #sidebar-right ul { margin: 0px 0px 16px 0px; padding: 0px; border-top: 1px dotted #ccc; }
#sidebar-left ul.main-links li { font-weight: bold; }
#sidebar-wrapper li, #sidebar-left li, #sidebar-right li { margin: 0px; padding: 3px 0px; border-bottom: 1px dotted #ccc; list-style-type: none; width: 200px; }
#sidebar-wrapper li a, #sidebar-left li a, #sidebar-right li a { text-decoration: none; }
#sidebar-wrapper li a:hover, #sidebar-left li a:hover, #sidebar-right li a:hover { color: #999; }
#sidebar-wrapper .widget { padding-top: 5px; margin-bottom: 10px; }

.twitter{color:#333;margin:10px 0;}
.twitter-timestamp:{color:#ff0000;}
a.twitter-link, a.twitter-user{color:#bbc272;}
.twitter abbr{text-decoration:none;border:none;display:block;color:#666;margin:10px 0 30px 0;}

/* The Footer */

#footer { float: left; background: #fff; width: 960px; padding: 8px 0px; }
#footer p { margin: 12px; text-align: center; color: #999; font-size: 0.9em; }
#footer a { color: #999; text-decoration: none; }
#footer a:hover { text-decoration: underline; }

#bottomnav {background:#000; width: 960px; font-size: 0.9em; text-transform: uppercase; border-top:2px #fff solid; height:35px;letter-spacing:0.1em;font-size:0.9em;}
#bottomnav p {	padding: 20px 0px; margin-bottom: 0px; }
#bottomnav ul {margin:10px 0;padding:0;list-style-type: none;text-align: center;}
#bottomnav li {display:inline;}
#bottomnav li a { color: #fff; text-decoration: none; padding: 10px 40px; }
#bottomnav li a:hover { color: #adb461; text-decoration: none; padding: 10px 40px; }

#lineabove{ display: block; overflow: hidden;border-bottom: #222 solid 3px; width:960px;margin-top:2px;}
#lineunder{ display: block; overflow: hidden;border-top: #222 solid 3px; width:960px;margin:2px 0 10px 0;}

/* Universal styles */
p, h1, h2, h3, h4, h5, h6, h7 { margin-top: 0px; margin-bottom: 17px; color:#000; }
p, #content li { line-height: 145%; }
p.small { font-size: 85%; }
blockquote { font-family: Times, "Times New Roman", Georgia, serif; font-style: italic; font-size: 0.9em; margin: 5px 15px 15px 15px; padding: 10px 10px 5px 10px; border: 1px #ccc dotted; background: #efefef; }
h1, h2 { font-family: Times, "Times New Roman", Georgia, serif; font-weight: normal; }
h1 a, h2 a { color: #555; text-decoration: none; }
h1 { font-size: 2.0em; padding-bottom: 3px; }
h2 { font-size: 1.3em; }
h3 { font-size: 1.1em; margin-bottom: 0px; }
a { color: #555; }
a img { border: 0px; }
a:hover { color: #222; }