/*
Theme Name: Emo City
Theme URI: http://www.simplywp.net
Description: two columns Wordpress theme with feature post slider
Version: 1.0
Author: Kathie & Andrew
Author URI: http://www.simplywp.net
Tags: left sidebar, blue, gray, widget-ready, 2 columns
*/

body {background: #dadada url('images/background.gif') repeat top center !important; font-family: Arial,Verdana,Tahoma,San-serif; padding: 50px 0px !important;}
body p {margin-bottom: 18px; line-height: 1.7em;}

/* Whole structure */
#container {margin: 0 auto; width: 940px; background: #fff; position: relative;}
#header {background: url('images/header.jpg') no-repeat bottom center; width: 800px; height: 50px; padding: 120px 50px 200px 50px; margin: 0px auto;}
#content {float: right; width: 500px; padding: 50px 50px 0px 0px; font-size:0.8em;}
#aside {float: left; width: 300px; padding: 50px 0px 0px 50px; font-size: 0.8em;}
#footer {background: url('images/top-break.jpg') no-repeat top center; height: 70px; width: 960px; margin-left: -10px; clear: both; overflow: hidden;}

/* Top Navigation */
#top-navi {height: 15px; background: #355874; font-size: 0.75em; font-weight: bold; padding: 10px 0px; position: absolute; right: 0px; top: -15px; right: 10px;}
#top-navi li {float: left; position: relative; color: #fff; padding: 0px 15px;}
#top-navi ul {display: none; position: absolute; width: 150px; background: #1e415b; padding: 3px;}
#top-navi ul li {padding: 5px;}
#top-navi li:hover ul {display: block;}

/* Top Break */
#top-bar {background: url('images/top-break.jpg') no-repeat top center; height: 70px; width: 940px; position: absolute; left: -10px; top: 50px; padding: 0px 10px;}
#top-bar .top-rss {background: url('images/top-rss.png') no-repeat left center; width: 224px; height: 36px; padding: 5px 10px; float: left; display: block; text-indent: -9999px;}
#top-bar .top-twitter {background: url('images/top-twitter.png') no-repeat left center; width: 224px; height: 36px; padding: 5px 10px; float: left; display: block; text-indent: -9999px;}
#top-bar .searchform {float: right; padding: 10px 0px;}
#top-bar .searchtext {padding: 3px; margin-right: 5px; border: 1px solid #355874;}
#top-bar .searchbutton {padding: 3px; bordeR: none; background: transparent; color: #fff; font-weight: bold;}

/* Header styling */
#header .header-title {font: bold 2em Arial Black, Arial, Gadget, San-serif; letter-spacing: -1.8px; color: #fff;}

/* Features */
#featured {overflow: hidden; clear: both; margin-bottom: 30px;}
#featured .post {clear: both; overflow: hidden;}
#content .featured-body {position: relative;}
#content .featured-thumb {background: url('images/nothumb.jpg') no-repeat center; border: 2px solid #2f697f; overflow: hidden; height: 200px; width: 500px; margin: 0px 10px 10px 0px;}
#content .featured-thumb img {width: 600px;}
#content .featured-title {color: #fff; background: #355874; position: absolute; bottom: 0px; padding: 10px; display: block;}

/* Entry body structure */
#content .entry-body {padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #355874;}
#content .entry-body h2, #content .entry-body h3, #content .entry-body h4 {font-size: 1.3em; color: #355874;}
#content .entry-body blockquote {margin: 0px 30px 18px 30px; font-style: italic; color: #999;}
#content .entry-body ul {margin: 0px 20px 18px 20px; list-style: circle;}
#content .entry-body ol {margin: 0px 20px 18px 20px; list-style: decimal;}
#content .entry-body li {padding: 3px 0px; line-height: 1.5em;}
#content .entry-body .postmetadata {font-style: italic; font-size: 0.9em;}

/* Container/Entry styling */
#content .entry-thumb {background: url('images/nothumb.gif') no-repeat center; border: 4px solid #355874; float: left; overflow: hidden; height: 145px; width: 200px; margin: 0px 10px 10px 0px; color: #fff;}
#content .entry-thumb img {width: 300px;}
#content .entry-text {padding-bottom: 15px;}
#content .entry-title {font-size: 1.5em; color: #355874;}
#content .entry-date {font-size: 0.85em; font-style: italic; color: #999; padding-top: 5px;}
#content .entry-category {background: url('images/entry-category.png') no-repeat left center; padding: 1px 0px 1px 20px; margin-right: 20px;}
#content .entry-comment {background: url('images/entry-comment.png') no-repeat left center; padding: 1px 0px 1px 20px; margin-right: 20px;}
#content .entry-meta {clear: both; font-size: 0.9em; padding: 5px;}
#content .pagetitle {text-align: center; font-size: 1.9em; color: #355874; padding-bottom: 30px;}
#content .wp-pagenavi {font-weight: bold; font-size: 1.3em; padding: 10px 0px; text-align: right;}
#content .wp-pagenavi .pages {float: left;}
#footer-navi {clear: both; overflow: hidden; padding: 5px 0px;}
#footer-navi .navleft {float: left;}
#footer-navi .navright {float: right;}

/* Sidebar styling */
#aside h2 {background: #fff; color: #355874; font-size: 1.4em; padding: 5px; letter-spacing: -1px; border-bottom: 3px solid #355874;}
#aside ul li {padding: 5px 0px; border-bottom: 1px solid #b8cad1;}
#aside select {width: 100%;}
#aside .sidebox {clear: both; padding-bottom: 20px;}
#aside .sidebanner {padding-bottom: 20px; margin: 0px auto; overflow: hidden; width: 300px; height: 250px;}

/* Footer styling */
#footer .footer-inner {font-size: 0.8em; overflow: hidden; margin: 30px 0px;}
#footer .footer-inner .footer-block {float: left; display: block; width: 290px; padding: 0px 10px;}
#footer .footer-inner .footer-block h3 {font-size: 1.5em;}
#footer .footer-inner li {padding: 4px 0px;}
#footer .footer-inner .footer-navi {display: inline;}
#footer .footer-inner .footer-navi li {display: inline; margin-right: 5px;}
p.footer-copy {clear: both; text-align: right; font-size: 0.7em; overflow: hidden; padding: 5px 20px; color: #A1D5FF; line-height: 1.5em;}

/* Begin Comments*/
#comment-box {overflow: hidden;}
#comment-box h3 {font-size: 1.5em; padding: 10px 0px; color: #355874;}
#comment-box label {font-style: italic; font-size: 0.85em; width: 150px; display: block; float: left;}
#comment-box .comment-forms {width: 280px; padding: 2px; border: 1px solid #355874;}
#comment-box .comment-submit {padding: 5px; border: none; background: #fff; color: #355874; font-weight: bold;}
.commentlist li {font-weight: bold;}
.commentlist li .avatar {float: right;}
.commentlist cite {font-weight: bold; font-style: normal;}
.commentlist p {font-weight: normal; line-height: 1.5em; text-transform: none;}
.commentmetadata {font-size: 0.9em; padding: 3px 0px;}
.alt {margin: 0px; padding: 10px;}
.commentlist {padding: 0; text-align: justify;}
.commentlist li {margin: 5px 0px; padding: 10px;}
.commentlist li ul li {margin-left: 45px; border: 1px solid #eee;}
.commentlist p {margin: 10px 5px 10px 0;}
#commentform p {margin: 5px 0;}
.nocomments {text-align: center; margin: 0;padding: 0;}
.commentmetadata {margin: 0; display: block;}
.thread-alt {background-color: #f8f8f8;}
.thread-even {background-color: white;}
.depth-1 {border: 1px solid #ddd;}
.comment-reply-link {color: #fff; font-size: 0.9em; background: #355874; overflow: hidden; padding: 3px;}
#cancel-comment-reply-link {background: #355874; color: #fff; padding: 3px;}

/* Begin calendar */
#wp-calendar {text-align: center; width: 100%;}
#wp-calendar caption {font-weight: bold; text-align: center; padding: 10px 0px;}
#wp-calendar th {font-style: normal; text-transform: capitalize; padding: 2px;}
#wp-calendar td {font-style: normal; padding: 2px;}

/* Begin Images */
img.centered {display: block; margin: auto;}
img.alignright {display: inline; margin: 0px 0px 2px 5px; padding: 2px;}
img.alignleft {padding: 2px; margin: 0px 5px 2px 0px; display: inline;}
.alignleft {float: left;}
.alignright {float: right;}

/* Captions */
.aligncenter, div.aligncenter {display: block; margin-left: auto; margin-right: auto;}
.wp-caption {border: 1px solid #CCCCCC; background: #EFEFEF; margin: 10px; padding-top: 4px; text-align: center;}
.wp-caption img {border: 0px;}
.wp-caption p.wp-caption-text {font-size: 0.8em; line-height: 15px;}

/* Social Network Icons */
#content .entry-share {overflow: hidden;}
#content .entry-share-title {margin-bottom: 5px; font-size: 2em;}
.google {background: url('images/buttons/google.png') no-repeat center; display: block; float: left; height: 48px; margin: 5px; text-indent: -9999px; width: 48px;}
.yahoo {background: url('images/buttons/yahoo.png') no-repeat center; display: block; float: left; height: 48px; margin: 5px; text-indent: -9999px; width: 48px;}
.delicious {background: url('images/buttons/delicious.png') no-repeat center; display: block; float: left; height: 48px; margin: 5px; text-indent: -9999px; width: 48px;}
.digg {background: url('images/buttons/digg.png') no-repeat center; display: block; float: left; height: 48px; margin: 5px; text-indent: -9999px; width: 48px;}
.reddit {background: url('images/buttons/reddit.png') no-repeat center; display: block; float: left; height: 48px; margin: 5px; text-indent: -9999px; width: 48px;}
.stumbleupon {background: url('images/buttons/stumbleupon.png') no-repeat center; display: block; float: left; height: 48px; margin: 5px; text-indent: -9999px; width: 48px;}
.facebook {background: url('images/buttons/facebook.png') no-repeat center; display: block; float: left; height: 48px; margin: 5px; text-indent: -9999px; width: 48px;}
.twitter {background: url('images/buttons/twitter.png') no-repeat center; display: block; float: left; height: 48px; margin: 5px; text-indent: -9999px; width: 48px;}

/* Link Styling */
a {color: #355874;}
a:hover {color: #5987ab;}
#top-navi a {color: #fff;}
#aside li a {display: block; padding: 5px;}
#aside a:hover {color: #fff; background: #355874;}
p.footer-copy a {color:#A1D5FF;}
p.footer-copy a:hover {text-decoration: underline;}

/* IE6 Fix */
*html #content, *html #aside { display:inline;}