/*
| this is supposed to be bug-free, nevertheless errors may occur, nothing is perfect.
*/

/*
 | overall
*/

body{
    font-family:"BitstreamVeraSansRoman", Helvetica, Sans-Serif, Arial;
    font-size:13px;
    line-height:25px;
    color:#555;
    background:#fff;
}

a{
    color:#4888fe;
    text-decoration:none;
}

a:hover{
    text-decoration:underline;
}

h1{
    font-family:"OpenSansBold", Helvetica, Sans-Serif, Arial;
}

h2{
    font-family:"OpenSansBold", Helvetica, Sans-Serif, Arial;
    font-size:40px;
    line-height:45px;
    color:#000;
    width:70%;
    margin-top:50px;
    margin-bottom:50px;
}

h2 a{
    color:#000;
    text-decoration:none;
}

h1 a:hover, h2 a:hover, h3 a:hover{
	color:#444;
    text-decoration:none;
}

p{
    margin-bottom:20px;
}

p.notice{
    color:#000;
    margin-top:20px;
    margin-bottom:20px;
    background:#000;
    padding:20px;
    color:#eee;
}

.left{
    float:left;
}

.right{
    float:right;
}

.clear{
    clear:both;
}

.hide{
    display:none;
}

#wrap{
    width:60%;
    margin:0 auto;
}

#wrap.no-sidebar{
	width:40%;
}

/*
 | header
*/

header#header{
    display:block;
    background:url(../images/header.jpg) repeat-x #fff;
    background-size:100% 250px;
    height:250px;
    line-height:250px;
}

header#header.no-header{
    background:none;
}

header#header.no-header h1{
    background:rgba(255, 255, 255, 1);
}

header#header.no-header h1 a{
    color:rgba(0, 0, 0, 1);
}

header#header h1{
    font-size:70px;
    line-height:70px;
    margin-top:80px;
    position:absolute;
    padding:10px;
    background:rgba(255, 255, 255, 0.5);
    font-family:"OpenSansBold", Helvetica, Sans-Serif, Arial;
}

header#header h1 a{
    color:rgba(0, 0, 0, 0.5);
    text-decoration:none;
}

/*
 | content
*/

section#content{
    float:left;
    width:60%;
}

section#content.no-sidebar{
	float:none;
	width:100%;
}

section#content article#article{
    margin-bottom:50px;
}

section#content article#article .meta{
    margin-bottom:50px;
    font-size:11px;
}

section#content article#article time{
    display:inline;
	color:#999;
}

section#content article#article .comments:before{
    content:" - ";
}
section#content article#article .comments{
    display:inline;
}

section#content article#article .comments a{
}

section#content article#article .entry{
	margin-bottom:50px;
    font-family:"BitstreamVeraSansRoman", Helvetica, Sans-Serif, Arial;
}

section#content article#article .entry strong{
	color:#000;
    font-family:"BitstreamVeraSansBold", Helvetica, Sans-Serif, Arial;
}

section#content article#article .entry strong em{
    font-family:"BitstreamVeraSansBoldOblique", Helvetica, Sans-Serif, Arial;
}

section#content article#article .entry em{
	color:#999;
    font-family:"BitstreamVeraSansOblique", Helvetica, Sans-Serif, Arial;
}

section#content article#article .entry ul, section#content article .entry ol{
	display:block;
	margin-top:20px;
	margin-bottom:20px;
	list-style-type:square;
}

section#content article#article .entry ul li{
	list-style-type:square;
	margin-left:20px;
}

section#content article#article .entry ol li{
	list-style-type:decimal-leading-zero;
	margin-left:30px;
}

section#content article#article .entry blockquote{
	margin-left:-20%;
	width:120%;
	background:#000;
	padding:10px 20px 10px 20px;
	color:#ccc;
}

section#content article#article .entry img{
	width:120%;
	max-width:120%;
	margin-left:-20%;
}

section#content ul.items{
    margin-bottom:50px;
}

section#content ul.items li{
    height:40px;
    line-height:40px;
    border-bottom:1px solid #ddd;
}

section#content ul.items li h2{
    font-size:14px;
    float:left;
    margin:0px;
}

section#content ul.items li time{
    float:right;
}

/*
 | comments
*/

section#comments{
    margin-bottom:100px;
}

section#comments h2{
    text-shadow:0px 1px 0px #fff;
}

section#comments h2 a{
    text-decoration:none;
}

section#comments h2 em{
    color:#888;
    font-style:normal;
    font-size:12px;
    font-weight:200;
}

section#comments input, section#comments textarea, section#comments button{
    padding:10px;
    width:90%;
    border:1px solid #eee;
    margin:0px;
    margin-bottom:10px;
}

section#comments textarea{
    width:480px;
    max-width:480px;
    height:125px;
}

section#comments button{
    background:#000;
    color:#fff;
    width:40%;
}

section#comments li{
    margin-bottom:50px;
    border-bottom:2px solid #000;
}

section#comments li h4{
    margin-top:0px;
    margin-bottom:20px;
    font-size:14px;
    color:#000;
}

section#comments li time{
    display:block;
    margin-bottom:20px;
    font-size:12px;
    color:#888;
}

section#comments li .content{
    margin-bottom:20px;
}

/*
 | sidebar
*/

section#sidebar{
    float:right;
    width:30%;
}

section#sidebar aside#sidebar-block{
    margin-top:50px;
    font-size:12px;
    line-height:18px;
}

section#sidebar aside#sidebar-block h3{
    text-transform:uppercase;
    color:#777;
    font-family:"OpenSansBold", Helvetica, Sans-Serif, Arial;
    font-size:14px;
    margin-top:0px;
    margin-bottom:20px;
}

section#sidebar aside#sidebar-block h3 a{
    color:#777;
    text-decoration:none;
}

section#sidebar aside#sidebar-block.twitter{
    display:block;
}

section#sidebar aside#sidebar-block.twitter li{
    margin-bottom:20px;
}

section#sidebar aside#sidebar-block.twitter li .tweet{
    margin-bottom:5px;
    font-size:12px;
}

section#sidebar aside#sidebar-block.twitter li .time{
    font-size:11px;
    color:#000;
}

section#sidebar aside#sidebar-block.twitter li .time a{
    color:#000;
    text-decoration:none;
}

section#sidebar aside#sidebar-block.menu{
    display:block;
    margin-top:55px;
}

section#sidebar aside#sidebar-block.menu li{
    line-height:25px;
    font-family:"OpenSansBold", Helvetica, Sans-Serif, Arial
}

section#sidebar aside#sidebar-block.menu li.active a{
    color:#000;
}

section#sidebar aside#sidebar-block.menu li a{
    font-size:16px;
    color:#888;
    font-weight:900;
    text-decoration:none;
}

section#sidebar aside#sidebar-block.menu li a:hover{
    color:#999;
}

section#sidebar aside#sidebar-block.menu li ul{
    display:none;
    position:absolute;
}

section#sidebar aside#sidebar-block.menu li:hover ul{
    display:block;
}

section#sidebar aside#sidebar-block.search{
    display:block;
}

section#sidebar aside#sidebar-block.search input{
    padding:10px;
    width:90%;
    border:1px solid #eee;
    margin:0px;
}

/*
 | footer
*/

footer#main-footer{
	width:100%;
    height:50px;
    line-height:50px;
    border-top:2px solid #000;
}

/*
 | fonts 
*/


@font-face {
    font-family: 'BitstreamVeraSansRoman';
    src: url('../fonts/Vera-webfont.eot');
    src: url('../fonts/Vera-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Vera-webfont.woff') format('woff'),
         url('../fonts/Vera-webfont.ttf') format('truetype'),
         url('../fonts/Vera-webfont.svg#BitstreamVeraSansRoman') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'BitstreamVeraSansOblique';
    src: url('../fonts/Vera-Italic-webfont.eot');
    src: url('../fonts/Vera-Italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Vera-Italic-webfont.woff') format('woff'),
         url('../fonts/Vera-Italic-webfont.ttf') format('truetype'),
         url('../fonts/Vera-Italic-webfont.svg#BitstreamVeraSansOblique') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'BitstreamVeraSansBold';
    src: url('../fonts/Vera-Bold-webfont.eot');
    src: url('../fonts/Vera-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Vera-Bold-webfont.woff') format('woff'),
         url('../fonts/Vera-Bold-webfont.ttf') format('truetype'),
         url('../fonts/Vera-Bold-webfont.svg#BitstreamVeraSansBold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'BitstreamVeraSansBoldOblique';
    src: url('../fonts/Vera-Bold-Italic-webfont.eot');
    src: url('../fonts/Vera-Bold-Italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Vera-Bold-Italic-webfont.woff') format('woff'),
         url('../fonts/Vera-Bold-Italic-webfont.ttf') format('truetype'),
         url('../fonts/Vera-Bold-Italic-webfont.svg#BitstreamVeraSansBoldOblique') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'OpenSansBold';
    src: url('../fonts/OpenSans-Bold-webfont.eot');
    src: url('../fonts/OpenSans-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/OpenSans-Bold-webfont.woff') format('woff'),
         url('../fonts/OpenSans-Bold-webfont.ttf') format('truetype'),
         url('../fonts/OpenSans-Bold-webfont.svg#OpenSansBold') format('svg');
    font-weight: normal;
    font-style: normal;

}