@charset UTF-8;
/*
Theme Name: Dorian Blogg theme
Version: 2.0
Author: Alex Kerber
Author URI: http://www.alexkerber.com/
*/

/* 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:0 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.4em;
  line-height: 1.8em;
}

p {
  margin:3px 0 10px;
}

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 .3s ease-out;
}

small {
  font-family:Arial, Helvetica, Sans-Serif;
  font-size:.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:290px;
  top:20px;
}

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

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

#header .menubox a:link:hover,a:active:hover,a:visited:hover {
  color:#bf1b89;
  -webkit-transition:color .3s ease-out;
}

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

#header .twitter {
  position:absolute;
  left:41px;
  top:38px;
}

#header .facebook {
  position:absolute;
  left:75px;
  top:38px;
}

#header .rss {
  position:absolute;
  left:108px;
  top:38px;
}

#header .subscription {
  position:absolute;
  right:23px;
  top:20px;
  height: 160px;
  width: 280px;
}

#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:0;
  top:0;
  width:52px;
  height:27px;
}

.post .share .addtoany_list {
  list-style:none;
}

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

.post .shop {
  position:absolute;
  width:388px;
  right:59px;
  bottom:65px;
  overflow:scroll;
  font-size:6px;
}

.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;
  margin: 0 auto;
  text-align: center;
  padding-top:8px;
  padding-bottom:16px;
}

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

div.ddf .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;
}

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

div.ddf 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;
}

div.ddf .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;
}

.eshopshowproduct .onsale {
  display: none;
  visibility: hidden;
}


.eshopshowproduct .sale {
  text-transform: uppercase;
  font-weight: bold;
}
.eshopshowproduct img {
  display: none;
  visibility: hidden;
}

.magenta {
  color: #e6007e;
}

.cyan {
  color: #009fe3;
}

.grey {
  color: #818181;
}