/*
Theme Name: Aurelia
Theme URI: http://wordpress.org/
Description: Colorful, yet dark. An interesting theme with much inspiration and help of other projects. Inspired by Sam Karathanos' Pixel theme. Based on Michael Heilemann Kubrick's code.
Version: 0.2
Author: Karolis 
Author URI: http://pretty.coolcomputerguy.com 
Tags: black, orange, two-columns, fixed-width, custom-colors, custom-header
*/
/*Inspired by Sam Karathanos' Pixel theme. Based on Michael Heilemann Kubrick's code. Contact me @ keroliukas@gmail.com. GPL License applies. If you need over 8 pages displayed on the menu, edit header.php, it has a variable $howmany, you should be able to find it using CTRL+F*/

body {background: #000000 url('../sff_images/bg.png'); 
background-repeat: no-repeat; background-position: top;
font-size: 10pt /*62.5% Resets 1em to 10px*/; 
font-family: Arial, Helvetica, "Lucida Grande", Sans-Serif, Verdana; font-weight: normal, text-align: center /*margin: 0 0 20px 0*/; margin-top: 0;}
a:link {color: #ffffff;}
a:visited {color: #ffffff;}
a:hover {color: #ff9600;}
a:active {color: #ffffff;}

 div.cards a:link {font: bold 14px arial; color: #ffffcc; text-decoration: none;} 
 div.cards a:visited {font: bold 14px arial; color: #ffffcc; text-decoration: none;}
 div.cards a:hover {font: bold 14px arial; color: #00ccff; text-decoration: none;} 
 div.cards a:active {font: bold 14px arial; color: #00ccff; text-decoration: none;}

#header {background: url('../sff_images/blkbluevrtcl.png') bottom center; background-repeat:repeat-x; width: 100%; height: 89px; margin: 0 0 0 0; padding: 0;}
#headerimg {width: 100%; height: 89px; margin: 5px 0 2px 0; margin-top: 5px;} 
#headtext {width: 800px; 
margin-right: auto; margin-left: auto;}
#headerimg {font-size: 1.2em; text-align: left;}

#wrap {width: 899px; 
margin-left: auto; margin-right: auto;}
#pagetop {background: url('../sff_images/blkgoldtopround.png');
background-repeat: no-repeat /*top bar image*/; 
width: 100% /*899px 100%*/; height: 60px; 
float: left; display: inline; 
margin-right: auto; margin-left: auto;}
.menulist {display: inline; padding-right: 20px;}

#pagetop ul {list-style-type: none; 
list-style-image: none; font-size: 12px; 
text-align: left; margin-top: 17px
/*margin-left: 50px*/; margin-right: auto; 
margin-left: auto; padding-left: 50px;}
#pagetop li {display: inline;
padding-top: 15px; padding-right: 20px;}

#page {background: url('../sff_images/blkbluehrztnl.png') repeat-y top; width: 100% /*899px text-align: left; float: left*/;
margin: auto auto auto auto; border: none;}
h1, h2, h3 {font-family: Verdana, Arial, 'Trebuchet MS', 'Lucida Grande', Sans-Serif; font-weight: normal;}
h1 {font-size: 4em; text-align: center;}

.description {font-size: 1.2em; text-align: right;} 

h2 {font-size: 1.6em;}
h2.pagetitle {font-size: 1.6em;}
h3 {font-size: 1.3em;}

h1, h1 a, h1 a:hover, h1 a:visited, #headerimg .description {
color: white; text-decoration: none;}
h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited {color: #0099ff /*ff9600*/;}
h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited, #sidebar h2, #wp-calendar caption, cite {text-decoration: none;}
	
#content {font-size: 1.2em;}

#clist {background-color: #000000;
border: 2px; border-color: #00ff00;} 

.narrowcolumn .entry, .widecolumn .entry {
line-height: 1.4em;}
.narrowcolumn .postmetadata {text-align: right;}
.narrowcolumn {width: 450px; float: left;
margin: 0px 0 0; padding: 0 0 20px 45px;} 
.narrowcolumn_layoutpg {width: 100%; float: left;
margin: 0px 0 0; padding: 0 0 20px 45px;}
.post {text-align: justify; margin: 0 0 40px;}
.post hr {display: block;}
.narrowcolumn .postmetadata {padding-top: 5px;} 
	
#footer {background: url('../sff_images/blkbluebotround.png') no-repeat top; width: 100% /*899px*/; height: 35px; float: left;
padding: 0; margin: 0 auto; border: none;}
#footer p {text-align: center;}
	
.thread-alt {background-color: #f8f8f8;}
.thread-even {background-color: white;}
.depth-1 {border: 1px solid #ddd;}

.even, .alt {border-left: 1px solid #ddd;}
.widget {background: #000000; padding: 10px;}
.authorz {color: #ff9600;}
	
small {font-family: Arial, Helvetica, Sans-Serif;
font-size: 0.9em; line-height: 1.5em;}

.entry p a:visited {color: #ffff00 /*ffffff*/;}
.entry p a:hover {color: #ffff99 /*ff9600*/;}

.sticky {background: #000000; padding: 0px 10px 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 {background: #000000; font-weight: bold;
border: 0px;}
.commentlist li .avatar {float: right;
border: 0px; padding: 2px;}
.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;} 

small, #sidebar ul ul li, #sidebar ul ol li, .nocomments, .postmetadata, blockquote, strike {color: #dddddd;}

code {font: 1.1em 'Courier New', Courier, Fixed;}
acronym, abbr, span.caps {font-size: 0.9em; letter-spacing: .07em;}

a, h2 a:hover, h3 a:hover {color: #ffffff; text-decoration: none;}
a:hover {color: #ffff99 /* ff9600 */;}

#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;} 

.widecolumn {width: 450px; line-height: 1.6em;
margin: 5px 0 0 150px; padding: 10px 0 20px 0;}
.widecolumn .entry p {font-size: 1.05em;}
.widecolumn .post {margin: 0;}
.widecolumn .postmetadata {margin: 30px 0;}
.widecolumn .smallattachment {width: 128px; text-align: center; float: left; margin: 5px 5px 5px 0px;}
.widecolumn .attachment {text-align: center; margin: 5px 0px;}

.postmetadata {clear: both;}
.postmetadata_ins {clear: both;	background: #000000;}

h1 {margin: 0; padding-top: 5px; text-align:left;}
h2 {text-align:left; margin: 30px 0 0;}
h2.pagetitle {text-align: center; margin-top: 30px;} 

.clear {clear: both;}

h3 {padding: 0;	margin: 30px 0 0;}
h3.comments {margin: 40px auto 20px; padding: 0;}

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

.alignright {float: right;}
.alignleft {float: left;}

html>body .entry ul {margin-left: 0px; padding: 0 0 0 30px;
list-style: none; text-indent: -10px;}
html>body .entry li {margin: 7px 0 8px 1px;}


.hmblt {font-size: 10pt; color: #99ccff /*#33cc99 990033*/; margin-left: 14px;} 

.hmblt2 {font-size: 10pt; color: #99ccff /*#33cc99 990033*/; margin-left: 0px;}
.bltsidebar {font-size: 10pt; color: #99ccff /*#33cc99 990033*/; margin-left: 5px;}
.hmbrttxt {font-size: 10pt; color: #99ff00; font-family: arial; font-weight: bold;} 
.hmintext {font-size: 11pt; color: #00ccff; font-family: arial; font-weight: bold;}
 .hmintext2 {font-size: 11pt; color: #00ccff /*#000099 00ccff*/; font-family: arial; font-weight: bold; padding-left: 2px;} 
 .hmintext3 {font-size: 11pt; color: #00ccff /*#000099 00ccff*/; font-family: arial; font-weight: bold; padding-left: 24px;}
 .hmspace {color: #00ccff /*00ccff 000099*/; font-size: 11pt; font-family: arial; font-weight: bold; margin-left: 2px; padding-top: 0; padding-right: 0; padding-left: 3px;} 
 .hmspace2 {text-align: left; font-size: 12pt; color: #00ccff /*00ccff 000099*/; font-family: arial; font-weight: bold; padding-left: 4px;} 

.entry ul li:before, #sidebar ul ul li:before {/* content: "\00BB \0020" */; color: #99ccff; margin-left: 0;}
.entry ol {padding: 0 0 0 35px;	margin: 0;}
.entry ol li {margin: 0; padding: 0;}

.postmetadata ul, .postmetadata li {
display: inline; list-style-type: none;
list-style-image: none;} 

#searchform {margin: 10px auto;	padding: 5px 3px; text-align: center;}
#sidebar ul, #sidebar ul ol {margin: 0;}
#sidebar ul li {list-style-type: none;
list-style-image: none;	margin-bottom: 15px;}
#sidebar ul p, #sidebar ul select {margin: 5px 0 5px;}
#sidebar ul ul, #sidebar ul ol {margin: 5px 0 0 1px;}
#sidebar ul ul ul, #sidebar ul ol {margin: 0 0 0 7px;}
ol li, #sidebar ul ol li {list-style: decimal outside;}
#sidebar ul ul li, #sidebar ul ol li {margin: 3px 0 0; padding: 0;}
#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;}

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

.alt {margin: 0; padding: 10px;}

.commentlist {text-align: justify; padding: 0; border: none;}
.commentlist li {margin: 15px 0 10px; padding: 5px 5px 10px 4px; list-style: none;}
.commentlist li ul li {margin-right: -5px; margin-left: 4px;}
.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;}
 
#sidebar h2 {font-size: 18px; 
font-family: 'Lucida Grande', Verdana, Sans-Serif;}
#sidebar {background: #000000;
font: 1em 'Lucida Grande', Verdana, Arial, Sans-Serif;}
#sidebar h2 {margin: 5px 0 0;}
#sidebar {width: 320px; margin-right: 20px; margin-left: 545px; 
padding: 20px 10px 10px 0;}
#sidebar form {margin: 0;}

 ul.ulheadsidebar {margin-left: 0; padding-left: 25px;}
 li.inliheadrtmenu {padding-left: 10px; color: #99ccff; font-weight: bold;}
 p.getquotesidebar {color: #00ccff; margin-left: 0; 
padding-left: 25px;}
 div.getquotesidebardiv {color: #00ccff; margin-left: 0; 
padding-left: 0;}

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

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 {display: none;}

a img {border: none;}

.navigation {display: block; text-align: center; margin-top: 5px; margin-bottom: 10px /*60px*/;}

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

.wp-caption {background-color: #f3f3f3; text-align: center;
margin: 10px; padding-top: 4px; -moz-border-radius: 3px;
-khtml-border-radius: 3px; -webkit-border-radius: 3px;
border: 1px solid #ddd;	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; margin: 0; padding: 0 4px 5px;}