/*
Theme Name: Dorian Blogg theme
Version: 1.0
Author: Alex Kerber
Author URI: http://www.alexkerber.com.com/
*/

@charset "UTF-8";
/* CSS Document */

* { padding: 0; margin: 0; }

html,body {
margin:0;
padding:0;
height:100%; /* needed for container min-height */
}

/* Global stuff */

body { 
background: url('images/bg.png') repeat-y top center #000;
}

body, td, div, p, li {
-webkit-text-size-adjust:none; font-family:Helvetica, Arial, Verdana, sans-serif; font-size: 11px;
line-height: 1.2em;
color:#555;
}

img {
border: none;
border-width: 0;
}

form {
margin: 0;
padding: 0;
}

h1, h2, h3 {

}

h1 {
font-size: 4em;
text-align: center;
}

h2 {
font-family: garamond;
background: #000;
font-style: italic;
font-weight: 100;
padding: 0px 5px 0 0;
margin: 0;
font-size: 3em;
text-transform: uppercase;
color: #fff;
line-height: 1em;
letter-spacing: -3px;
display: inline;
}


h3 {
font-size: 1.3em;
}

p {
margin: 3px 0 10px 0;
}

a {
  text-decoration: none;
  font-weight: bold;
}
a:link, a:active {
  color: #006991;
}
a:visited {
  color: #006991;
}
a:link:hover, a:active:hover, a:visited:hover {
  color:#00aeef;
  -webkit-transition: color 0.3s ease-out;
}

small {
font-family: Arial, Helvetica, Sans-Serif;
font-size: 0.9em;
line-height: 1.5em;
}

code {
font: 1.1em 'Courier New', Courier, Fixed;
}

.clear {
clear: both;
float: none;
}

p img {
padding: 0;
max-width: 100%;
}

/* Content stuff */

#page {
width: 1000px;
margin: 0 auto;
}

#header {
position: relative;
background: url('images/header.png') repeat-y top center; 
margin: 0 auto;
width: 966px;
height: 202px;
}

#header .backtohome {
position: absolute;
width: 375px;
height: 160px;
left: 320px;
top: 21px;
}

#header .menubox {
position: absolute;
width: 230px;
left: 41px;
bottom: 33px;
}

#header .menubox-categories {
margin: 0;
padding: 0;
}

#header .menubox a {
  text-decoration: none;
  font-weight: bold;
}
#header .menubox a:link, a:active, a:visited {
  color: #6b6a6a;
}
#header .menubox a:link:hover, a:active:hover, a:visited:hover {
  color:#bf1b89;
  -webkit-transition: color 0.3s ease-out;
}


#header .menubox li {
list-style: none;
display: block;
}

#header .radio {
position: absolute;
left: 149px;
top: 21px;
}

#header .signup {
position: absolute;
right: 57px;
top: 40px;
}

#header .rss {
position: absolute;
right: 75px;
bottom: 33px;
}

#header .facebook {
position: absolute;
right: 43px;
bottom: 33px;
}


#content {
}

.entry {
-webkit-text-size-adjust:none; font-family:Helvetica, Arial, Verdana, sans-serif; font-size: 11px; line-height: 1.2em;
padding-top: 5px;
overflow: hidden;
}

.navigation {
position: relative;
margin: 0 auto;
background: url('images/navigation.png') repeat-y top center; 
width: 966px;
height: 102px;
}

.navigationRight {
position: absolute;
right: 218px;
top: 44px;
}

.navigationRight .desc {
font: 15px;
color: #fff;
font-weight: bold;
text-transform: uppercase;
position: absolute;
right: -80px;
top: 18px;
}

.navigationLeft {
position: absolute;
left: 214px;
top: 44px;
}

.navigationLeft .desc {
font: 15px;
color: #fff;
font-weight: bold;
text-transform: uppercase;
position: absolute;
left: -63px;
top: 18px;
}

.navigationBack {
position: absolute;
left: 214px;
top: 44px;
}

.navigationBack .desc {
font: 15px;
color: #fff;
font-weight: bold;
text-transform: uppercase;
position: absolute;
left: -93px;
top: 18px;
}

.post-tagcloud {
position: absolute;
font-size: 12px;
left: 62px;
top: 15px;
width: 849px;
height: 146px;
color: #fff;
text-transform: uppercase;
padding: 0;
text-align: center;
}

.tagcloud a {
color: #999;
font-size: 12px;
text-decoration: none;
text-transform: uppercase;
font-weight: bold;
}

.tagcloud a:hover {
color: #fff;
}

.tagcloud ul li {
list-style: none;
display: inline;
margin: 0 2px 2px 0;
}

.tagcloud {
position: relative;
margin: 0 auto;
background: url('images/tagcloud.png') repeat-y top center; 
width: 977px;
height: 161px;
}

.footer {
position: relative;
font-size: 12px;
width: 977px;
height: 351px;
background: url('images/footer.png') repeat-y top center; 
border: none;
padding: 0;
margin: 0 auto;
margin-bottom: 50px;
color: #999999;
}

.footer .footerlinks {
position: absolute;
left: 137px;
top: 15px;
width: 699px;
}

.footer .footerlinks .content{
position: relative;
font-weight: bold;
float: left;
width: 213px;
margin: 10px;
overflow: hidden;
}

.post-footerlinks {
margin: 0;
padding: 0;
}

.footer .footerlinks a {
color: #999;
position: relative;
top: -50px;
font-size: 12px;
text-decoration: none;
text-transform: uppercase;
font-weight: bold;
}

.footer .footerlinks a:hover {
color: #fff;
}

.footer .footerlinks ul li {
list-style: none;
}

.tagcloud {
position: relative;
margin: 0 auto;
background: url('images/tagcloud.png') repeat-y top center; 
width: 977px;
height: 161px;
}

.footer .copyright {
color: #999;
text-transform: uppercase;
font-weight: bold;
font-size: 9px;
position: absolute;
width: 100%;
bottom: 55px;
right: 65px;
text-align: right;
}

.post {
color:#2b2a2a; background: url('images/post_bg.png') repeat-y top center; 
position: relative;
height: 709px;
width: 966px;
margin: 0 auto;
top: -9px;
overflow: hidden;
}

.post .left {
position: absolute;
width: 460px;
height: 620px;
left: 22px;
bottom: 42px;
overflow: hidden;
}

.post .headersection  {
position: absolute;
width: 388px;
height: 27px;
top: 83px;
right: 59px;
}

.post .share  {
position: absolute;
right: 0px;
top: 0px;
width: 52px;
height: 27px;
}

.post .right {
position: absolute;
width: 388px;
right: 59px;
bottom: 65px;
overflow: hidden;
}

.post .categorieswrapper {
width: 325px;
}

.post .post-tags {
margin: 0;
padding: 0;
}

.post .post-categories {
margin: 0;
padding: 0;
}

.post .categories a {
color: #fff;
font-size: 10px;
text-decoration: none;
text-align: center;
text-transform: uppercase;
font-weight: bold;
padding: 3px;
overflow: hidden;
}

.post .categories ul li {
background: #999;
list-style: none;
float: left;
display: inherit;
margin: 0 2px 2px 0;
}

.date {
position: absolute;
font-size: 9px;
bottom: 0;
right: 0;
color: #999;
text-transform: uppercase;
}

.post hr {
display: block;
}

/*	Using 'class="alignright"' on an image will (who would've
thought?!) align the image to the right. And using 'class="centered',
will of course center the image. This is much better than using
align="center", being much more futureproof (and valid) */

img.centered {
display: block;
margin-left: auto;
margin-right: auto;
}

img.alignright {
padding: 4px;
margin: 0 0 2px 7px;
display: inline;
}

img.alignleft {
padding: 4px;
margin: 0 7px 2px 0;
display: inline;
}

.alignright {
float: right;
}

.alignleft {
float: left;
}

.aligncenter {
margin-left: auto;
margin-right: auto;
}

/* Banner */

#banner {
width: 1000px;
padding-top: 8px;
padding-bottom: 16px;
}

/* Forms */

div.ddf {
width: 100%;
padding-top: 10px;
text-transform: uppercase;
height: 300px;
}

.success
{
font-size: 12px;
font-weight: bold;
width: 100%;
height: 300px;
text-transform: uppercase;
color: 000;
}

div.ddf .error
{
font-weight: bold;
width: 100%;
text-transform: uppercase;
color: #ff0000;
}

label
{
width: 85px;
float: left;
text-align: left;
margin-left: 10px;
margin-right: 10px;
display: block;
font-weight: bold;
padding: 5px;
}

input
{
color: #000;
background: url('images/field_bg.png') repeat-x top left #f6f6f6;
border: 1px solid #ccc;
width: 170px;
padding: 5px;
margin-bottom: 10px;
overflow: hidden;
}

.submit input
{
border: 0;
color: #000;
margin-left: 10px;
margin-top: 15px;
width: 65px;
height: 27px;
background: url('images/send.png') top left;
text-indent:-9999px;

}