/* Theme Name: Atmosphere Theme URI: http://www.dagondesign.com Description: A custom theme by Dagon Design - modified by Matt Trent. Version: 1.0 Author: Dagon Design / Matt Trent Author URI: http://www.dagondesign.com */ /* Body Styling */ body { padding: 20px 0 20px 0; margin: 0; background: #778899; text-align: center; font-family: Arial, Helvetica, sans-serif; font-size: 0.9em; color: #404040;} #container { margin: 0 auto 0 auto; width: 780px; background: #FFFFFF; text-align: left;} /* Link Styling */ a img { border: none;} a { color: #456FA2; text-decoration: underline;} a:hover { color: #888888; text-decoration: none;} /* List Styling */ ul, ol { margin: 4px 0 15px 35px; padding: 0;} ul ul, ol ol { margin: 4px 0 0 15px; padding: 0;} li { margin: 0 0 4px 0; padding: 0; font-size: 0.9em;} /* Header Styling */ #header { position: relative;} #header img { display: block; border-width: 1px; border-style: solid; border-color: #456FA2} /* Login Text Style */ #logger { position: absolute; top: 8px; right: 6px; font-size: 0.7em; font-style: normal; text-transform: lowercase; } #logger a { color: #eeeeee; text-decoration: none;} #logger a:hover { color: #456FA2; text-decoration: underline;} /* Search Box */ #search-box { position: absolute; top: 118px; right: 6px;} #search-box form { margin: 0; padding: 0;} #search-box input { margin: 0; padding: 0; width: 120px; color: #888888;} /* Navigation Bar */ #top-nav { background: #456FA2; color: #FFFFFF; width: 100%; font-size: 0.9em;} #top-nav ul { margin: 0; padding: 5px 22px 5px 22px; list-style: none;} #top-nav li { display: inline; margin: 0 20px 0 0; padding: 0;} #top-nav a { color: #FFFFFF; text-decoration: none;} #top-nav a:hover { color: #B0B0B0; text-decoration: none;} /* Content Styling */ #content { width: 550px; float: right; display: inline; margin: 20px 20px 20px 0;} .post { margin: 0 0 20px 0;} #content h1 { font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif; margin: 0 0 2px 0; font-size: 1.3em; color: #456FA2;} #content h1 a { text-decoration: none;} #content h1 a:hover { text-decoration: none;} #content h1.pagetitle { font-size: 1.1em; color: #888888; margin-bottom: 6px;} #content h2 { font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif; margin: 0 0 2px 0; font-size: 1.25em; color: #707070; text-transform: lowercase;} #content h3 { font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif; margin: 0 0 2px 0; font-size: 1.1em; color: #707070;} #content h3 a { color: #707070; text-decoration: none;} #content h3 a:hover { text-decoration: underline;} #content h4 { font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif; margin: 0 0 2px 0; font-size: 1.05em; color: #606060;} #content .post-date { color: #707070; font-size: 0.8em; margin: 0 0 3px 0;} #content .post-date a { text-decoration: none;} #content .post-date a:hover { text-decoration: underline;} #content p { margin: 0 0 12px 0; font-size: 0.9em; line-height: 140%;} #content .post-info { color: #505050; font-size: 0.8em; background: #F4F4F4; padding: 4px 8px 4px 8px;} #content .post-info a { text-decoration: none;} #content .post-info a:hover { text-decoration: underline;} .post .meta { margin-bottom: 10px; padding-left: 5px; font-size: 0.9em; color:#999;} #content .meta a { text-decoration: none;} #content .meta a:hover { text-decoration: underline;} #content .single-date { text-align: right; font-size: 0.9em; color: #707070; margin-bottom: 3px;} #content .attachment-image { text-align: center; padding: 10px 0 10px 0;} /* Images Styling */ img.centered { display: block; margin-left: auto; margin-right: auto;} img.alignright { padding: 4px; margin: 0 0 2px 4px; display: inline;} img.alignleft { padding: 4px; margin: 0 4px 2px 0; display: inline;} /* #pageimg {position: absolute; top: 180px; float: right; border:0px; margin:0px 0px 10px 10px;} */ /* Table Styling */ /* table { border-collapse: collapse; }*/ table th, td{ border-bottom: 1px solid #456FA2 padding: 5px 22px 5px 22px; font-size: 0.9em;} /* Alignment Styles */ .alignright { float: right;} .alignleft { float: left} .center { text-align: center;} /* Sidebar Styling */ #sidebar { width: 170px; float: left; display: inline; margin: 20px 0 20px 20px;} #sidebar h2 { font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif; font-size: 1.1em; letter-spacing: 1px; color: #456FA2; margin: 0 0 2px 0; padding: 0 0 3px 0; border-bottom: 6px solid #F4F4F4; text-transform: lowercase;} #sidebar ul { margin: 0; padding: 0; list-style: none;} #sidebar ul ul { margin: 6px 0 15px 8px; padding: 0;} #sidebar ul ul ul { margin-bottom: 6px;} #sidebar li { margin: 0 0 5px 0; padding: 0; font-size: 0.95em;} #sidebar a { color: #505050; text-decoration: none;} #sidebar a:hover { color: #456FA2; text-decoration: underline;} /* Comments Styling */ h3#comments, h3#respond { font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif; margin: 0 0 6px 0; font-size: 1.1em; background: #456FA2; color: #FFFFFF; padding: 3px 10px 3px 10px;} ol.commentlist { margin: 0; padding: 0; list-style: none; font-size: 0.9em;} ol.commentlist li { margin: 0; padding: 0; border-top: 8px solid #F4F4F4; padding: 3px 0 5px 0;} ol.commentlist li.alt { border-top: 8px solid #E8E8E8;} ol.commentlist .comment-date { width: 35%; float: right; text-align: right; font-size: 0.9em; display: inline;} ol.commentlist .comment-author { width: 55%; float: left; font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif; margin: 0 0 3px 0; font-size: 1.2em; color: #808080; display: inline;} ol.commentlist .comment-date a, ol.commentlist .comment-author a { text-decoration: none;} ol.commentlist .comment-date a:hover, ol.commentlist .comment-author a:hover { text-decoration: underline;} ol.commentlist .comment-text { clear: both;} /* Form Styling */ form#commentform textarea { width: 100%;} form#commentform label { font-size: 0.9em;} /* Footer Styling */ #footer { clear: both; border-top: 10px solid #456FA2; padding: 8px 22px 25px 22px; color: #404040; font-size: 0.85em; text-align: center;} #footer a { text-decoration: none;} #footer a:hover { text-decoration: underline;} /* CSS Standards Styles */ code { font: 0.9em 'Courier New', Courier, Fixed; color: #456FA2;} blockquote { background: #F4F4F4; padding: 4px 8px 4px 8px; margin: 5px 0 15px 0; font-size: 0.9em;} acronym, abbr, span.caps { font-size: 0.9em; cursor: help;} acronym, abbr { border-bottom: 1px dashed #808080;} .navigation { display: block;} /* Calendar Styling */ #wp-calendar caption { text-decoration: none;} #wp-calendar #prev a, #wp-calendar #next a { font-size: 0.9em;} #wp-calendar a { text-decoration: none;} #wp-calendar caption { font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif; margin: 0 0 2px 0; font-size: 1.1em; color: #456FA2; text-align: center;} #wp-calendar th { font-style: normal; text-transform: capitalize; text-align: center;} #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 a { color: #456FA2; font-weight: bold;} #wp-calendar td.pad:hover { background-color: #FFFFFF;}