/*
Theme Name: Ettison
Description: Simple SEO friendly theme
Author: Jason Sanzone
Author URI: http://www.readmassive.com
Version: release 0.1
*/

/* ============= all elements style ============= */
*{
margin:0;
padding:0;
color:#fff;
}

a{
outline:none;
}


img{
border:none;
margin-left:0px;
margin-right:0px;
margin-top:5px;
margin-bottom:10px;
}

embed{
margin-left: auto;
margin-right: auto;
}


.clearfix:after{
content: ".";
display: block;
height: 50px;
clear: both;
visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */

/* ============= other ============= */
.floatleft{
float:left;
}

.floatright{
float:right;
}

/* ============= body ============= */
body{
margin:0;
padding:0;
background:#000;
/*background-image: url(http://www.diemagazin.ch/bilder/random-bilder/rotate.php);*/
background-repeat: repeat;
background-attachment: scroll;
font-family: Helvetica, Arial, Georgia, Lucida Grande, Arial, Verdana, sans-serif;
font-size:13px;
}

time{
color:#fff;
margin:0,0.5,0.5,0;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
}

/* ============= wrapper ============= */

#wrapper{
width:878px;
margin:0px 20% 0px 16%;
background: #000;
}

/* ============= header ============= */

#header {
	margin-top: 20px;
        background: #000;
margin-bottom: 60px;
	
}

#header a {
	color: #fff;
        font-size: 36px;
        text-decoration: none;
}

#header p {
	color: #fff;
        font-size: 13px;
        text-decoration: none;
        margin-left: 3px;
}

/* =============== slogan =============== */
.slogan{
float:right;
width:0px;
height:20px;
background:url('') no-repeat;
text-indent:-2000em;
margin-top:0px;
}

.slogan a{
display:block;
width:0px;
height:20px;
text-decoration: none;
background:url() no-repeat;
}


/* some header elements */
.header-left{
width:10px;
height:70px;
float:left;
background:url();
}

.header-right{
width:243px;
height:5px;
float:left;
background:url();
}

/* =============== navigation =============== */
#main-nav{
margin-top:0px;
margin-left:10px;
margin-right:0px;
background:#fff600; 
height:0px;
}

#main-nav ul li{
margin-top: 3px;
list-style:none;
float:left;
margin-left:10px;
display:inline;
}

#main-nav ul li a{
font-size:11px;
color:#000;
text-decoration:none;
display:block;
height:10px;
float:left;
padding:5px 10px;
font-weight:bold;
}

#main-nav ul li a:hover{
text-decoration:underline;
background:#8F99FF;
color:#000000;
font-weight:bold;
}

#main-nav span{
color:#000;
list-style:none;
font-size:9px;
display:block;
}

#secondary-nav{
margin-left:15px;
margin-right:15px;
background:#8F99FF;
height:29px;
}

#secondary-nav ul li{
list-style:none;
float:left;
margin-left:10px;
display:inline;
}

#secondary-nav ul li a{
font-size:10px;
color:#000;
text-decoration:none;
display:block;
line-height:19px;
float:left;
padding:5px 10px;
font-weight:bold;
}

#secondary-nav ul li a:hover{
text-decoration:none;
background:#8F99FF;
color:#000;
font-weight:bold;
}

/* =============== search-form =============== */
.search-form{
width:230px;
float:right;
padding-top:3px;
margin-left:20px;


}

.search-input{
width:120px;
padding:2px;
border:none;
background:#fff;
border:1px solid #000;
margin-right:10px;
padding-left:10px;
margin-bottom:8px;
color:#000;
}

.submit-button{
color: #fff;
background-color: #000;
}

.search-form input{
float:right;
}

/* =============== container =============== */
#container{
clear:both;
margin:30px 15px;
}

#content{
width:540px;
padding-left:0px;
float:left;
}

#sidebar{
width:220px;
margin-right:0px;
float:right;
display:inline;
list-style:none;
line-height:20px;
}


/* =============== post styling =============== */
.post{
border-top:0px solid #ece9e5;
margin-bottom:40px;
}

.post h2{
font-size:22px;
color:#fff;
padding-bottom:5px;
border-bottom:1px solid #ece9e5;
margin-bottom:10px;
text-transform:uppercase;
}

.post h2 a{
color:#fff !important;
border-bottom: 0px;
text-decoration:none;
text-transform:uppercase;
}

.post h2 a:hover{
color: #fff;
text-transform:uppercase;
text-decoration:none !important;
}

.post p{
color:#FFFAF4;

margin-bottom:15px;
margin-top:15px;
text-align:left;
font-size:13px;
line-height:20px;

/text-transform:lowercase;/
/*letter-spacing:0.02em;*/
}

.post-header{
color:#fff;

padding-bottom:10px;
padding-top:10px;
border-top:1px dotted #ece9e5;
clear:both;
display:block;
font-size:11px;
}

.comment-header{
color:#fff;
padding-bottom:10px;
padding-top:20px;
border-bottom:1px dotted #ece9e5;
clear:both;
display:block;
font-size:11px;
}

.post-info{

float:left;
font-size:10px;
}

.post-comments{
float:right;
}

#content a{
color:#fff; /ABFFD1/
text-decoration:underline;
font-weight:bold;
}

}

#content a:hover{
color: #545d67; /5cff8e/
text-decoration:none;
font-weight:bold;
}

.post ul, .post ol{
margin-bottom:15px;
}

.post ul li, post ol li{
list-style-position:inside;
}

/* =============== sidebar =============== */

#sidebar h2{
font-size:13px;
text-decoration:underline;
color:#fff;
margin-top: 28px;
margin-bottom:0px;
border-top:0px solid #ece9e5;
}

* html #sidebar h2{
color:#fff;
margin-left:15px;
}

#sidebar ul, #sidebar ol{
color:#fff;
margin-bottom:30px;
list-style:none;
}

#sidebar li a{
color:#fff; /ABFFD1/
list-style:none;
text-decoration:none;
}

#sidebar li a:hover{
color:#fff; /#5cff8e/
list-style:none;
text-decoration:none;
}

#sidebar li ul{
color:#fff;
margin-left:0px;
list-style:none;
}

#sidebar li ul li{
color:#fff;
margin-bottom:0;
list-style:none;
font-size:11px;
}

#sidebar li ul li a{
color:#545d67; /ABFFD1/
border-bottom: 0px solid #000;
text-decoration:none;
line-height:18px;
font-size:11px;
list-style:none;
font-weight:bold;
}

#sidebar li ul li a:hover{
color: #545d67; /5CFF8E/
border-bottom: 0px solid #fff;
text-decoration:none;
list-style:none;
font-weight:bold;
}

/* =============== footer =============== */
#footer{
background:#000;
margin:0px 0px 0px 200px;
clear:both;
color:#fff;
font-size:12px;
line-height:40px;
}

#footer a{
color: #fff;
text-decoration: underline;
font-weight:bold;
}

.prevnextnav{
padding:10px;
height:20px;
}

.prevnextnav a{
color:#ffffff;
text-decoration:underline;
font-weight:bold;
}

.prevnextnav a:hover{
text-decoration:none;
font-weight:bold;
}

/* comments */

.comtext{
padding:10px;
margin-bottom:10px;
color:#fff;
}

.comtext h3{
font-size:13px;
color:#fff;
}

.comtext h3 a{
color:#fe0002;
text-decoration:none;
font-weight:bold;
}

.comtext h3 a:hover{
text-decoration:underline;
font-weight:bold;
}

.nobold{
color:#484f5f;
font-size:11px;
}

.comtext-inside{
border-left:4px solid #cccccc;
padding-left:10px;
margin-top:10px;
}

.comtext p{
text-align:justify;
font-size:11px;
color:#EBFFF5;
margin-bottom:15px;
line-height:15px;
}

.comment-form{
margin-top:10px;
margin-bottom:20px;
}

.comment-form h3{
background:#f8f8f8;
border-bottom:1px solid #fff;
padding:10px;
margin-bottom:10px;
color:#000;
font-size:15px;
}

.comment-form input{
width:200px;
margin-bottom:5px;
padding:2px;
color:#000;
}

.comment-form textarea{
width:540px;
margin-bottom:10px;
color:#000;
}

#commentform a{
color:#fff;
font-size:11px;
text-decoration:underline;
font-weight:bold;
}

#commentform a:hover{
text-decoration:none;
font-weight:bold;
}

#miniposts {
	width: 220px;
}