/*
Theme Name: Dragons World
Theme URI: -
Description: -
Version: 1.0
Author: Rakard
Author e-mail: rakard@yandex.ru
*/

/* 
A: Universal Elements >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */

body {
  background: #eeeeec;
  color: #252525;
  margin:  0 auto;
  padding: 0;
  text-align: center; /* IE hack Part 1 */ 
}

/*
B: Structure >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
1. Header & Navigation ------------------------------------------------------>*/

#header {
  width: 950px;
  margin: 0 auto;
  padding: 5px;
  height: 160px;
  background: #fff;
  border-left: 1px solid #252525;
  border-right: 1px solid #252525;
}
 
#logo {
  float: left;
  width: 330px;
}
#searchform{
  float: right;
  padding: 10px 20px 0 0;
  width: 500px;
  text-align: right;
}

/*
2. Main Body (Index) -------------------------------------------------------->*/

#container {
  width: 950px;
  margin: 0 auto;
  padding: 5px;
  font: 12px verdana, arial, helvetica, sans-serif;
  font-size: 12px;
  background: #fff;
  border-left: 1px solid #252525;
  border-right: 1px solid #252525;
}

#content {
  float: right;
  width: 650px;
  margin:  0 10px 0 0;
  text-align: justify;
}

.post {
 margin: 0 20px 80px 10px;
}

/*
3. Main Body (Posts) -------------------------------------------------------->*/




/*
4. Additional Post Structure -----------------------------------------------> */

.meta {
  font-size: .9em;
  line-height: 18px;
  font-family: verdana,  arial, helvetica, sans-serif;
}

.feedback {
  float: right;
  font-size: 1.0em;
  line-height: 35px;
}

.author {
  width: 200px;
  float: right;
  text-align: right;
}

/*
5. Page Navigation ---------------------------------------------------------> */

.postnavigation {
 height: 45px;
}

.left {
 float: left;
 padding-left: 105px;
}

.right {
 float: right;
 padding-right: 105px;
}

.leftdouble {
 float: left;
 padding-left: 10px;
}

.rightdouble {
 float: right;
 padding-right: 10px;
}

/*
6. Sidebar -----------------------------------------------------------------> */

#sidebar {
  position: relative;
  float: left;
  width: 250px;
  margin: 0 0 0 10px;
  font-family: verdana,  arial, helvetica, sans-serif;
  font-size: 12px;
  text-align: left; /* IE hack Part 2 */
}

#sidebar ul {
  position: relative;
}

#sidebar ul li {
  list-style-type: none;
  list-style-image: none;
}

#sidebar ul, #sidebar ul li {
  margin: 0;
  padding: 0;
}

#sidebar ul li ul{
  margin: 0 5px 0 0;
  padding: 10px 5px 15px 5px;
}

#sidebar h2 {
  height: 19px;
  margin: 0 5px 0 0;
  padding:  0 0 1px 5px;
  color: #252525;
  font-family: verdana,  arial, helvetica, sans-serif;
  font-size: 14px;
  border-bottom: 1px solid #666666;
}

#sidebar ul li ul li{
  margin: 4px 10px 4px 10px;
  display: block;
  background: url(images/bullet.jpg) no-repeat;
  padding: 0 0 0 18px;
}

#sidebar ul li ul li a{
  display: block;
  height:1%; /* IE WIN */
}

#sidebar ul li ul li a:hover{
  text-decoration: underline;
}

#sidebar ul li ul li ul {
  margin: 0;
  padding: 0;
}

/*
7. Comments ----------------------------------------------------------------> */

#response {
 margin: 0px 10px;
}

#commentlist {
 padding: 0px 10px 0px 10px;
 margin: 0 10px;
 color: #7b7b7b;
 list-style-type: none; 
 text-align: justify;
}

#commentlist li  p{
 padding: 0px;
 margin: 8px 0px 0px 0px;
}

.commentname {
 width: 220px;
 float: left;
 font-size: 0.9em;
 margin: 0;
 padding: 0  0 2px 0;
}

.commentinfo{
 width: 250px;
 float: right;
 text-align: right;
}

.commenttext {
 clear: both;
 padding-top: 0px;
 margin: 0 0 70px 0;
 border-top: 1px solid #e4ebef;
 text-align: left;
 line-height:16px;
}

/*
8. Comment Form ------------------------------------------------------------> */



/*
9. Footer ------------------------------------------------------------------> */



/*
10. Credits ----------------------------------------------------------------> */

#footer {
  width: 950px;  
  margin: 0 auto;
  padding: 5px;
  height: 50px;
  background: #fff;
  border-left: 1px solid #252525;
  border-right: 1px solid #252525;
}

.clearer {
 clear: both;
 line-height: 0px;
}

/*
C: Typography >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
1. General ------------------------------------------------------------------>*/

a {
  color: #252525;
  text-decoration: none;
}

a:hover {
  color: #666666;
  text-decoration: underline;
}

h3 {
 text-align: left;
 color: #666666;
 margin: 3px 0 0 0;
 padding: 0;
 font-size: 11px;
 line-height: 26px;
 font-weight: normal;
}

img {
  border: 0px;
}


/*
2. Site Navigation ---------------------------------------------------------> */



/*
3. Main Body ---------------------------------------------------------------> */

.post, .singlepost{
 color: #252525;
 text-align: justify;
}

.posted {
 color: #red;
}

.title {
 text-align: left;
 height: 20px;
 color: #252525;
 display: block;
 text-decoration: none;
 font-size: 17px;
}

.title a:hover {
 color: #666666;
 text-decoration: underline;
}

.storycontent {
 border-bottom: 1px solid #666666;
 padding: 0 0 5px 0;
 font: 12px verdana, arial, helvetica, sans-serif;
 line-height: 18px;
}

/*
4. Site Navigation ---------------------------------------------------------> */




/*
5. Comments ----------------------------------------------------------------> */

.commentauthor {
 font-weight: bold;
 font-size: 1.2em;
 padding: 0 0 2px 0;
 margin: 0;
 color: #000000;
}

.commentauthor a{
 font-weight: bold;
 margin: 0;
 padding: 0 20px 0 0;
 background: url(images/bullet.jpg) no-repeat top right;
}

.commentdate {
 font-size: 0.8em;
 text-align: right;
 line-height: 18px;
 padding: 0;
 margin: 0;
}

#nocomment, #commentsclosed {
 text-align: center;
 color: #7b7b7b;
 font-size: 1.1em;
}


/*
6. Comments Form -----------------------------------------------------------> */



/*
7. Credits -----------------------------------------------------------------> */

p.credits {
 padding: 0px 0px;
 text-align: center;
 margin: 10px 0px; 
 color: #666666;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 11px;
}

/*
8. Search/Archives/Categories Results Pages --------------------------------> */



/*
9. 'Comment Edit' Buttons --------------------------------------------------> */



/*
10. Calander for Archives --------------------------------------------------> */

#wp-calendar {
 empty-cells: show;
 margin: 10px auto 0;
 width: 520px;
}

#wp-calendar #next a {
 padding-right: 10px;
 text-align: right;
 background-color:  #fff;
}

#wp-calendar #prev a {
 padding-left: 10px;
 text-align: left;
 background-color:  #fff;
}

#wp-calendar a {
 display: block;
 background-color: #E0EAEF;
}

#wp-calendar caption {
 text-align: center;
 width: 100%;
}

#wp-calendar td{
 padding: 3px 0;
 text-align: center;
}

#wp-calendar  th {
 padding: 3px 0;
 text-align: center;
 background-color: #f5f6f7;
}

/*
D: Hacks for IE >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
The following is the fix for 3-pixel-jog bug in IE. Hide from IE5-mac. Only
IE-win sees this. */

* html #content {
 /*margin-right: 7px;*/
}

* html #sidebar {
 height: 1%;
}
/* End hide from IE5/mac */


/* This piece of code is for clearing the floats without structural markup Don't
modify it ------------------------------------------------------------------> */

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

.clearfix {
 display: inline-table;
}

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


/* BEGIN E107 CORE CLASSES 
 copied from kubrick theme */
 
.spacer {
	padding: 2px 0 2px 0;
}

.smalltext {
	font-size: 10px;
}

.mediumtext {
	font-size: 12px;
}

.tbox{
	color: #252525;
	font-size: 11px;
}

td {
  background: none;
	font-size: 11px;
	font-style: normal;
	color:#252525;
	padding: 0px;
	text-align:left;
	line-height:1.3em;
}

.fborder {
	border: #c7c5c5 1px solid;
	background-color: transparent;
	
}

.forumheader{
	background-color: #F0F0F0;
	font-size: 12px;
	color:#000;
	padding: 4px;
	border: 1px solid #c7c5c5;
}

.forumheader2{
	background-color: transparent;
	font-size: 10px;
	color:#000;
	padding: 4px;
	border: #c7c5c5 1px solid;
}

.forumheader3{
	background-color: transparent;
	font-size: 10px;
	color:#000;
	padding: 4px;
	border: #c7c5c5 1px solid;

}

.forumborder{
	border:  #000080 1px solid;
	background-color: transparent;
}

.fcaption {
	border: #6c6c6c 1px solid;
	padding: 4px;
	background-color: #8a8a81;
	font-size: 12px;
	color:#fff;
	font-weight:bold;

}
.fcaption a{
	color:#fff;
}

.fixfuckedie {
	width: 95%;
}

#chatbox {
	width: 90%;
	margin-left: auto;
	margin-right: auto;
}

.helpbox {
	color:#000;
	font: 9px verdana, arial, helvetica, sans-serif;
	border: 0px none red;
	background-color: transparent;
}