/*
Theme Name: Star Lee Magazine
Theme URI: http://starleemagazine.org/
Description: The default theme for Star Lee Magazine.
Version: 1.0
Author: Reid Givens
Author URI: http://reidgivens.com/
Tags: custom header, fixed width, two columns

*/

/* Begin Typography & Colors */
@import "editor-style.css";

* {margin: 0; padding: 0;}

body { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 62.8%; background: url(images/bg.png) repeat center top; color: #333; }

#page { margin:0 auto; width: 990px; padding: 0 10px; position: relative; background: url(images/page_bg.png) repeat-y center top;}

#header { height: 150px; padding: 0 10px; background: #fff; position: relative; }
#header h1 { padding-top: 10px; width: 332px; height: 92px; position: relative; border: none; }
#header h1 a {color: #fff;}
#header h1 span { position: absolute; top: 15px; left: 25px; width: 340px; height: 120px; background: url(images/starlee.png) no-repeat; }
#header h2 { text-align: left; width: 360px; padding: 13px 0 0 27px; color: #777; letter-spacing: 5px; font-weight: normal;}

#subscribe_to_mag { position: absolute; top: 0; right: 200px; width: 360px; height: 150px; padding: 0 10px; background: #efefef;  border-left: 3px solid #999;}
#subscribe_to_mag a:hover { background: #c5e8f3;}
#subscribe_to_mag .alignright { padding: 0; margin: 0 0 0 5px;}

#signup { position: absolute; top: 0; right: 0; width: 180px; height: 150px; padding: 0 10px; background: #c5e8f3; font-size: 0.85em; border-left: 3px solid #18a2d1; }
#signup label { float: left; width: 40px; }
#signup h3 { color: #000;}

#email_name, #email { width: 120px;}
#soc_media { list-style: none; display: block; }
#soc_media li { height: 30px; width: 30px; float: left; margin: 5px 0 0 5px;}

#nav { height: 34px; background: #444; font-size: 1.4em;}
#nav li { list-style:none; margin: 4px 2px; float: left; width: 150px;text-transform: uppercase;}
#nav li a { display:block; height: 14px; padding:  5px 10px 7px 10px; color: #fff; text-decoration: none; text-align: center; }
#nav li a.selected, #nav li a:hover { background: #18a2d1;}

#content {border-top: none; position: relative; background: #fff; padding-bottom: 10px;}
#sidebar { width: 315px; float: right; padding: 0 0 0 5px;}
#main { margin-right: 315px; width: 645px; padding: 0 10px;}

p {font-size: 1.4em;}
p *, p label {font-size: 1em;}

form { }
form div { padding: 0 8px 8px 0;}
label { display: block; font-size: 1.4em;}

#sidebar h3 { background: #18a2d1; color: #fff; padding: 3px 7px 5px 7px; margin-top: 2px;}
#sidebar .odd h3 {background: #3a5e10;}
#sidebar li{ list-style: none; margin: 2px 0; padding: 0; font-size: 1.4em;}
#sidebar li a { text-decoration: none; display: block; padding: 3px 10px; background: #8cd1e8; color: #333;}
#sidebar li a:hover, #sidebar li a.selected { background: #c5e8f3; color: #000; border-left: 3px solid #18a2d1; padding-left: 7px; }
#sidebar .odd li a { background: #9bb470; color: #333;}
#sidebar .odd li a:hover, #sidebar li a.selected { background: #bdcda0; color: #000; border-color: #56752c; }

#main h1 { margin-bottom: 0.2em;}
#main li { margin-left: 2.5em; font-size: 1.4em; margin-bottom: 0.5em}

#footer { padding: 2em 10px 10px 10px; background: #7a9b40; color: #ccc; border-top: 4px solid #1f3f1e; }
#footer p { text-align: center; }

/* disclosure
.disclosure, .disclosure-closed { margin: 0; clear: left;}

.disclosure-img { float: left; margin: 5px 10px 0 15px; padding: 0px 0px 5px 0px; }

.disclosure h2, .disclosure-closed h2 { cursor:pointer; }
.disclosure h3, .disclosure-closed h3 { cursor:pointer; }
.disclosure h4, .disclosure-closed h4 { cursor:pointer; } */

small { font-family: Arial, Helvetica, Sans-Serif; font-size: 0.9em; line-height: 1.5em; }

.sticky { background: #f7f7f7; padding: 0 10px 10px; }
.sticky h2 { padding-top: 10px; }

.commentlist li, #commentform input, #commentform textarea { font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif; }
.commentlist li ul li { font-size: 1em;}

.commentlist li { font-weight: bold;}
.commentlist li .avatar {  float: right; border: 1px solid #eee; padding: 2px; background: #fff; }
.commentlist cite, .commentlist cite a { font-weight: bold; font-style: normal; font-size: 1.1em; }
.commentlist p { font-weight: normal; line-height: 1.5em; text-transform: none; }
#commentform p { font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; }
.commentmetadata { font-weight: normal; }

acronym, abbr, span.caps{ font-size: 0.9em; letter-spacing: .07em; }

a:hover { color: #147; text-decoration: underline; }

#wp-calendar #prev a, #wp-calendar #next a { font-size: 9pt; }
#wp-calendar a { text-decoration: none; }
#wp-calendar caption { font: bold 1.3em 'Lucida Grande', Verdana, Arial, Sans-Serif; text-align: center; }
#wp-calendar th { font-style: normal; text-transform: capitalize; }


.post { padding: 0 0 40px; }
.post hr { display: block; }
hr { clear:left;}

/* Begin Images */
p img { padding: 0; max-width: 100%; }
img.centered { display: block; margin-left: auto; margin-right: auto; }
img.alignright { padding: 4px; margin: 0 0 2px 7px; display: inline; }
img.alignleft { padding: 4px; margin: 0 7px 2px 0; display: inline; }

/* Begin Form Elements */
#searchform { margin: 10px auto; padding: 5px 3px; text-align: center; }
#sidebar #searchform #s { width: 108px; padding: 2px; }
#sidebar #searchsubmit { padding: 1px; }
.entry form { /* This is mainly for password protected posts, makes them look better. */ text-align:center; }
select { width: 130px; }

#commentform input { width: 170px; padding: 2px; margin: 5px 5px 1px 0; }
#commentform { margin: 5px 10px 0 0; }
#commentform textarea { width: 100%; padding: 2px; }
#respond:after { 	content: ".";      display: block;      height: 0;      clear: both;      visibility: hidden; }
#commentform #submit { margin: 0 0 5px auto; float: right; }
/* End Form Elements */

/* Begin Comments*/
.alt { margin: 0; padding: 10px; }
.commentlist { padding: 0; text-align: justify; }
.commentlist li { margin: 15px 0 10px; padding: 5px 5px 10px 10px; list-style: none; }
.commentlist li ul li {  margin-right: -5px; margin-left: 10px;}
.commentlist p { margin: 10px 5px 10px 0;}
.children { padding: 0; }
#commentform p { margin: 5px 0; }
.nocomments { text-align: center; margin: 0; padding: 0; }
.commentmetadata { margin: 0; display: block; }
/* End Comments */

/* Begin Calendar */
#wp-calendar { empty-cells: show; margin: 10px auto 0; width: 155px; }
#wp-calendar #next a { padding-right: 10px; text-align: right; }
#wp-calendar #prev a { padding-left: 10px; text-align: left; }
#wp-calendar a { display: block; }
#wp-calendar caption { text-align: center; width: 100%; }
#wp-calendar td { padding: 3px 0; text-align: center; }
#wp-calendar td.pad:hover { /* Doesn't work in IE */ background-color: #fff; }
/* End Calendar */

/* Begin Various Tags & Classes */
acronym, abbr, span.caps { cursor: help; }
acronym, abbr { border-bottom: 1px dashed #999; }
blockquote { margin: 15px 30px 0 10px; padding-left: 20px; border-left: 5px solid #ddd; }
blockquote cite { margin: 5px 0 0; display: block; }

.center { text-align: center; }
.hidden { display: none; } 
.screen-reader-text {position: absolute; left: -1000em;}
hr { color: #444; background-color: #444; height: 2px; }
a img { border: none; }
.navigation { display: block; text-align: center; padding: 5px 0 10px 0; height: 20px; }
/* End Various Tags & Classes*/


/* Captions */
.aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto;}

.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 p.wp-caption-text { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0;}
/* End captions */

/* disclosure */
.disclosure, .disclosure-closed { margin: 0; clear: left;}

.disclosure-img { float: left; margin: 5px 10px 0 15px; padding: 0px 0px 5px 0px; }

.disclosure h2, .disclosure-closed h2 { cursor:pointer; }
.disclosure h3, .disclosure-closed h3 { cursor:pointer; }
.disclosure h4, .disclosure-closed h4 { cursor:pointer; }