/*  
Theme Name: Journal Today
Theme URI: http://www.TemplatePanic.com/article/journal-today-wordpress-theme
Description: Journal Today is a two-column Wordpress Theme. The comment section is supporting Gravatars (http://gravatar.com/) and Threaded Comments. If you are using Wordpress 2.7, go to your dashboard, Settings, Discussion, and activate "Enable threaded comments". The "Featured Content" section is using "Featured Content Gallery"" plugin from http://www.featuredcontentgallery.com/. To put an article in "FEATURED" section, please add "Featured" as its categories.
Version: 1.0
Author: Craig Edmonds
Author URI: http://www.craig-edmonds.com/
Tags: threaded-comments, fixed-width, right-sidebar, two-columns
*/

/* -------------------- GENERAL -------------------- */


body, h1, h2, h3, h4, h5, h6, address, blockquote, dd, dl, hr, form { margin: 0; padding: 0; }

body { font: 12px/18px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; text-align: justify; background: #01002c url(images/bg.jpg) no-repeat top center; color: #2a2a2a; }

h1, h2, h3, h4, h5, h6 { font-weight: normal; text-transform: uppercase; font-family: ‘Bookman Old Style’, serif; }
h3 { font-size: 160%; background: #132845; margin-top: 20px; margin-bottom: 20px; padding: 8px 10px 5px 10px; color: #ccc; }

p { margin: 15px 0; }

a { text-decoration: none; color: maroon; }
a:hover { text-decoration: underline; }

blockquote p { padding: 0 15px; }
code { }

hr { display: none; }

.entry img { margin: 0 3px 3px 3px; }

img.centered { display: block; margin-left: auto; margin-right: auto; }
img.alignright { margin: 0 0 2px 7px; padding: 4px; display: inline; }
img.alignleft { margin: 0 7px 2px 0; padding: 4px; display: inline; }
img.wp-smiley { border: 0; margin: 0; padding: 0; background-color: transparent; }

a img {	border: 0; }

input, textarea { font-family: Arial, Helvetica, Georgia, Sans-Serif; font-size: 12px; padding: 2px; }
input#s, input#author, input#email, input#url, textarea#comment { padding: 3px; }

input#author, input#email, input#url { margin: 0 5px 0 0; }

pre { width: 90%; }

small { font-size: 90%; }

.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.alignleft { float: left; }
.alignright { float: right; }

.wp-caption { border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin: 10px; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }

.wp-caption img { margin: 0; padding: 0; border: 0 none; }

.wp-caption-dd { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0; }


/* -------------------- LAYOUT -------------------- */


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


#page { float: left; width: 960px; margin: 0; }

#header { float: left; width: 960px; height: 170px; }

.mainwrap { float: left; width: 960px; padding: 0; border-top: 1px solid #131313; border-bottom: 1px solid #131313; background: #fff url(images/top.jpg) no-repeat top center; display: inline; }

.content { float: left; width: 670px; padding-top: 30px; background: transparent; }

#contactform { padding: 20px 0; border: none; }


/* -------------------- HEADER / SITE TITLE -------------------- */


#header .site_title { float: left; width: 100%; margin-top: 30px; }

#header .site_title h1 { margin: 24px 0 0 0; font-size: 250%; position: relative; color: #ccc; padding-left: 20px; }

#header .site_title a, #header .site_title a:visited { color: #eee; text-decoration: none; }
#header .site_title a:hover { color: #ccc; }

#header .description { margin: 0; padding-left: 20px; color: #aaa; font-size: 90%; font-style: italic; }

#header .today { margin: 0 0 10px 0; color: #aaa; font-size: 90%; font-style: italic; float: right; }


#header .topmenu { float: left; width: 960px; height: 40px; padding: 0; margin: 0; clear: both; font-size: 90%; font-weight: bold; background: #132845 url(images/nav.jpg) no-repeat top center; }


/* -------------------- CSS FOR DROP-DOWN MENU -------------------- */


ul.menu { list-style: none; padding: 0; margin-left: 0; margin-top: 0; }
ul.menu * { margin: 0; padding: 0; }
ul.menu a { display: block; color: #ccc; text-decoration: none; text-align: center; }
ul.menu li { position: relative; float: left; margin-right: 0; }
ul.menu ul { position: absolute; top: 40px; left: 0; background: #132845; display: none; list-style: none; }
ul.menu ul li { position: relative; border-top: none; width: 170px; margin: 0; }
ul.menu ul li a { display: block; padding: 3px 7px 5px; background: #132845; }
ul.menu ul li a:hover { background: #1f3e5d; }
ul.menu ul ul { left: 170px; top: 0; }
ul.menu .menulink { padding: 11px 0 11px 0; font-weight: bold; width: 170px; }
ul.menu .menulink:hover, ul.menu .menuhover { background: #1f3e5d; }
ul.menu .sub { background: #132845 URL(images/arrow.gif) 160px 8px no-repeat; }
ul.menu .topline { }


/* -------------------- SEARCH -------------------- */


#search { padding: 7px 0 15px 8px; margin: 0; }

#search form#searchform { float: left; margin: 0; }
#search form#searchform input { width: 100%; padding-top: 7px; padding-left: 8px; width: 249px; }

#search form#searchform .keyword { float: left; width: 262px; height: 25px; background: #f4f4f4; border: 1px solid #aaa; }
#search form#searchform .keyword input#s { float: left; margin: 0; border: 0; display: inline; background-color: transparent; }

#search form#searchform .go { float: right; }


/* -------------------- POSTS -------------------- */


#featured { }
#latest-news { }

.post { padding: 0 10px 0 10px; }

.entry { padding: 0; }

.post h2 { padding: 10px 0 0 0; font-size: 180%; }
.post h2 a { color: #222; text-decoration: none; }
.post h2 a:hover { color: #444; text-decoration: none; }

.postinfo { font-size: 85%; line-height: 150%; float: left; width: 650px; margin: 10px 0 20px 0; padding: 3px 5px; clear: both; background: #dfe9ef; border-top: 1px dotted #aaa; border-bottom: 1px dotted #aaa; }
.postinfo ul { list-style-type: none; margin: 0; padding: 10px 0 0 0; }
.postinfo ul li { float: left; margin: 0 10px 0 0; display: inline; }

.postinfo a { color: #555; }

.navigation { background: #08113c; padding: 3px 0; }
.navigation a { color: #555; }
.navigation a:hover { color: #888; }


/* -------------------- SIDEBAR -------------------- */


#sidebar { float: right; width: 279px; padding: 30px 0 0 0; display: inline; text-align: left; border-left: 1px solid #c0d0db; }

#sidebar a { color: #222; text-decoration: none; }
#sidebar a:hover { color: maroon; text-decoration: underline; }

#sidebar ul, .sidebar p { margin: 0; padding: 0 0 10px 10px; list-style: none; }
#sidebar ul li { padding: 0 0 10px 0; margin-bottom: 10px; background: #c0d0db; }

#sidebar ul li h2 { font-size: 130%; color: #222; padding: 4px 3px; margin-bottom: 5px; border-top: 3px solid #444; border-bottom: 1px solid #444;}

#sidebar ul ul li { padding: 0 3px 0 18px; margin-bottom: 0; background: url(images/file.gif) no-repeat 0 2px; }
#sidebar ul ul ul li { padding: 0 0 0 18px; }


/* -------------------- COMMENTS -------------------- */


.comments { padding: 20px 0 0 0; }
.comments h2 { font-size: 130%; color: #333; padding-bottom: 20px; }

#respond h3 { font-size: 130%; color: #ccc; }


#commentform #author, #commentform #email, #commentform #url, #commentform textarea { border: 1px solid #ccc; padding: 0.2em; margin-left: 10px; }

#commentform textarea { width: 96%; }

#commentlist, #commentlist2 { width: 98%; margin: 0 0 20px 0; padding: 0 0 0 10px; }
#commentlist ul, #commentlist2 ul { margin: 0; padding: 0; }

#commentlist li { border: 1px solid #ccc; margin: 0 0 20px 0; list-style-type: none; padding: 0; }
#commentlist2 li { border: 1px solid #ccc; margin: 0 0 20px 0; list-style-type: none; padding: 5px 14px 9px 63px; }

#commentlist li p { padding: 5px 10px 5px 80px; margin: 0; }
#commentlist2 li p { margin: 0; }

#commentlist a, #commentlist2 a { }

#commentlist li div.meta, #commentlist2 li div.meta { padding: 0; margin: 0; text-align: center; }

#commentlist2 li.even { background: #ffffff; }
#commentlist2 li.odd { background: #efefef; }

#commentlist li .avatar { margin: 5px; }
#commentlist2 li .avatar { margin-left: -58px; }

.avatar { float: left; padding: 0; border: 1px solid #bbb; width: 50px; height: 50px; }	


#commentlist2 li ul li { margin-right: -15px; margin-left: -50px; margin-bottom: -10px; }

.children { padding: 0; }

.reply { text-align: right; padding: 5px; }
.navigation { width: 100%; height: 20px; }
.cancel-comment-reply { text-align: right; float: none; }

.comment-meta1 { float: right; margin-top: 5px; margin-right: 10px; margin-bottom: 10px; font-size: 80%; color: #555; }
.comment-meta1 a { color: #333; }

.comment-meta  a { font-size: 8px; float: right; margin-top: -18px; color: #757575; }

.fn { font-size: 110%; font-weight: bold; font-style: normal; }
.says { display: none; }


/* -------------------- CALENDAR -------------------- */


table#wp-calendar { width: 100%; text-transform: none; }

table#wp-calendar caption { padding: 10px 15px; }

table#wp-calendar th { padding: 0px; text-align: center; background: #eee; }
table#wp-calendar td { padding: 0px; text-align: center; }


/* -------------------- FOOTER -------------------- */


#footer { float: left; width: 100%; font-size: 90%; color: #aaa; clear: both; }

#footer a { color: #aaa; }
#footer a:hover { color: #f1f1f1; }

#footer p { padding: 0 10px; }


/* -------------------- ADS -------------------- */


#ads-single { float: right; margin-left: 10px; }