/*
Theme Name: Easy Black
Theme URI: http://www.headsetoptions.org
Description: A easy to customize theme by Headsetoptions based on Phu Ly's Simpla theme.
Version:
Author: Headsetoptions
Author URI: http://www.headsetoptions.org
background: #000 url(./images/black_full.jpg) repeat;
url(./images/black_full.jpg) repeat;
*/
/*************************************
+Containers
*************************************/
body{
background: #000000;
border-top:2px solid #B4C24B;
color: #CCC;
font-family: verdana, Georgia, "Times New Roman", Times, serif;
font-size:60%;
line-height:1.5;
margin:0;
padding:0;
text-align:center;
}
#wrap{
margin:0 auto;
padding:0 15px;
text-align:left;
width:800px;
}
#content{
font-size: 1.3em;
float:left;
padding:5px;
margin:0 5px;
width:450px;
}
workcontent{
font-size:1.1em;
float:left;
padding:5px;
margin:0 5px;
width: 450px;
}
#sidebar{
font-size:1.1em;
float:right;
padding-top:2em;
padding-bottom:2em;
width:225px;
}
#sidebar .sec-a{
background:#eff2ef;
float:left;
width:200px;
padding:0 15px;
border-left: 1px solid #aaa;
border-right: 1px solid #aaa;
}
#sidebar .sec-b{
float:left;
width:205px;
padding:0 15px;
border-left: 1px solid #aaa;
}
#footer{
background:#333;
border-top:1px solid #777;
color:#888;
clear:both;
font-size:0.9em;
padding:2.5em;
}
.navigation{
margin-bottom:7px;
padding:5px;
text-align:center;
color: white;
}
/*************************************
+Header
*************************************/
.description {
color: white;
position: relative;
left: 40px;
padding-bottom: 10px;
}
h1 {
letter-spacing: -1px;
margin:0;
font: 48px 'century gothic', Verdana, Arial;
}
h2 {
font-family: 'century gothic', Verdana, Arial Narrow, Helvetica, sans-serif;
font-weight:normal;
letter-spacing: -1px;
margin:0;
font-size:18px;
color:#6F6F6F;
}
h3 {
font-family: 'century gothic', Verdana, Arial Narrow, Helvetica, sans-serif;
font-weight:normal;
letter-spacing: -1px;
margin:0;
font-size:12px;
color: #eee;
}
#header{
height:75px;
text-align:left;
width:800px;
padding:5px 0;
}
#header h1{
margin:0;
margin-top:.5em;
font-size: 4.4em;
text-shadow: #000000 0 .5em 1em;
}
#header h1 a{
color:#E87830;
}
#header h1 a:hover{
color:#CC0000;
}
#header p{
color: white;
font-size:1em;
margin-top:-0.5em;
}
#header h1, #header p{
margin-right:30px;
}
.entrytitle h2{
font-size:2.20em;
}
.entrytitle h2 a
{
color:#B4C24B;
}
.entrytitle h2 a:hover{
color:#CC0000;
}
.entrytitle h3{
font-size:1.25em;
color:#6F6F6F;
}
/*************************************
+Entry
*************************************/
.madewith{
color: #ffba00;
}
.entry{
margin-bottom:4em;
}
.entrymeta{
font-size:0.9em;
padding-top: 40px;
}
.entry img {
padding: 5px;
border: 0px solid #ccc;
margin: 5px;
}
.postedby{
background:#000 url(./images/user.gif) no-repeat;
padding:3px;
padding-left:20px;
}
.filedto{
background:#000 url(./images/post.gif) no-repeat;
padding:3px;
padding-left:20px;
}
.commentslink{
background:#000 url(./images/packaged.gif) no-repeat;
padding: 0 3px 3px 20px;
}
.sec-a{
background:#333333;
float:left;
width:775px;
padding:0 15px;
}
/*************************************
+Sidebar
*************************************/
#sidebar ul{
list-style-type:none;
margin:0;
padding:0;
}
#sidebar ul li{
margin-bottom:0.3em;
padding:0.3em;
}
/*************************************
+Nav
*************************************/
#nav{
background:#333;
border:5px solid #222;
border-top:none;
font-size:0.9em;
margin-bottom:30px;
padding:0;
width:400px;
margin-top:-60px;
}
#nav ul{
list-style-type:none;
}
#nav ul li{
font-weight:bold;
float:left;
letter-spacing:1px;
margin-bottom:-3px;
margin-right:10px;
padding:2px 5px;
}
#nav ul li a{
color:#fff;
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
}
#nav ul li a:hover{
color:#E0EEE5;
}
/*************************************
+Comments
*************************************/
.commentsblock{
margin:0.5em;
background-color: black;
border: .2px none gray;
visibility: hidden;
}
.commentsblock textarea{
width:435px;
}
.commentsblock input, .commentsblock textarea{
border: 2px none #d1d1d1;
}
.commentsblock textarea:focus{
background:#999;
border:1px solid #a1a1a1;
}
.commentsblock textarea:focus, .commentsblock input:focus{
background:#999;
border:2px solid #a1a1a1;
}
.commentauthor{
display:block;
font-size:1.5em;
}
ol.commentlist{
color: #fff;
font-size:0.9em;
list-style-type:none;
margin:0;
margin-top:1.5em;
padding:0;
border: .5px solid silver;
}
.commentlist li{
margin-bottom:0.5em;
padding:0.5em 1em;
}
.alt{
background:#333;
padding:0.5em;
}
h3#comments{
font-size:1.6em;
}
/*************************************
+ PLAIN PAGES
*************************************/
#content-plain{
font-size: 1.5em;
float:left;
padding:5px;
margin:0 5px;
width: 95%;
}
#plain-header{
}
#plain-header-text{
float: left;
font: bold 2em "Lucida Grande", Lucida, Verdana, sans-serif;
}
#plain-header-image{
float: right;
}
/*************************************
+Misc
*************************************/
ul{
list-style-type:none;
margin:0;
padding:0;
}
a{
color:#579;
text-decoration:none;
}
a:hover{
color:#CC0000;
}
.clearfix:after{
content: ".";
display: block;
height: 0;
clear: both;
visibility:hidden;
}
* html .clearfix {height: 1%;}
blockquote {
margin: 20px 0;
padding: 0 20px 0 40px;
color: #999;
font-style: italic;
border: none;
background: #000 url('images/quote.gif') no-repeat 10px 0;
}
code {
margin-left: 0px;
margin-bottom: 20px;
margin-right: 0;
margin-top: 20px;
padding: 0 20px 0 40px;
color: #00ff00;
background: url('images/quote.gif') no-repeat 0 -5px;
font-family: "Courier New", Courier, mono;
text-indent: 10px;
border-style: none;
}
#menu {
color: white;
float:left;
font-size: 10px;
text-transform:uppercase;
position: static;
font-weight: bold;
}
#menu ul {
}
#menu li {
display:inline;
padding: 0 0 0 5px;
}
#col2 {
float: left; width: 34%; margin-left: 33%;
}
#col1 {
float: left; width: 33%; margin-left: -67%;
}
#col3 {
float: left; width: 33%;
}