/*  
Theme Name: CoolFlower
Theme URI: http://www.chml-srucnoc.com/coolflower/
Description: Cool swooshes and a nice layout. Looks pro and loads fast.
Author: Lighezan Alexandru
Author URI: http://www.chml-srucnoc.com
*/


/* General settings */
body {
text-align:center;
background: black url(images/tile.jpg);
margin:0;
	font-family: MS, Verdana, Futura, Arial, Helvetica;
}

#topper {
	margin: -19px auto 0;
	padding: 0;
	display: block;
}
a {text-decoration:none; color: #ffb884; } a:hover {color: #ebebeb;} ul {margin:0;padding:0;} ul li {list-style:none;}
* {margin:0;padding:0;}

/* End General */

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

#wrapper {
float:left;
width: 1000px;
position:relative;
background: #220b01 url(images/faux.jpg) repeat-y left top;
border-left: 1px solid #230c02;
border-right: 1px solid #190801;
}


/* Header & Navigation */

#nav {
width: 350px;
margin-left: -885px !important;
margin-left: -897px;
float:left;
height:auto;
	padding: 0;
}

#itms {
	display: block;
	top: 0;
	position: fixed;
	left: 50%;
	margin: 0 0 0 386px;
}

#twitter_div ul li {
	color: #ecd8ae;
	font: 13px/16px "Courier New", Courier, monospace;
	display: block;
	padding: 0;
	text-align: left;
	margin: 0;
}

#twitter_div {
	margin: 0 0 200px;
	padding: 0;
}

#twitter_div ul#twitter_update_list {
	width: 180px;
	display: block;
	margin: 0 0 0 141px;
	padding: 0;
	text-align: left;
}

#twitter_div ul#twitter_update_list li {
	text-align: left;
	padding: 10px 0;
	margin: 5px 0;
	border-bottom: 1px solid #560808;
}

#twitter_div ul#twitter_update_list li a {
	display: block;
	text-align: right;
	margin: 5px 0 0;
	color: #f98d12;
}

#header {
width: 350px;
	display: block;
	overflow: hidden;
	margin: 0;
}

#pumpkin {
	background: url(images/pumpkin.gif) no-repeat left bottom;
	display: block;
	position: absolute;
	bottom: -50px;
	left: 104px;
	width: 200px;
	height: 200px;
}

h1 {
font-size:40px;
color:#ffb884;
}
h1 a {
color: #ffb884;
font:40px;
	width: 350px;
	background-image: url(images/logo.jpg);
	height: 259px;
	display: block;
	text-indent: -9999999px;
}


h2, h2 a, h3, h4, h5 {
color: #ffb884;
display:block;
margin:0px;
padding:0;
text-align:right;
	font: bold 14px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

#header p {
	text-indent: -999999px;
	width: 350px;
	display: block;
}
h2 a{
width:98%;
float:left;
display: inline;
font:20px Georgia;
text-align:left;
margin-left:30px;
margin-bottom:15px;
}

h5 { width:93%; margin-left:7%;float:left; font-size:18px; display:block;  text-align:left;margin-top:15px;margin-bottom:15px;}

/* NAV LEFT */

#nav h3 {margin-top:10px; width: 320px; text-align:right;
	color: #830000;
	margin-right: 0;
	margin-bottom: 10px;
}

#nav ul, #nav ul li, #nav ul li ul {
height: auto;
}

#nav ul {
	margin: 0;
	padding: 0 30px 0 0;
	width: 320px;
	display: block;
}
#nav ul li { text-align:right; margin-top:25px; width:100%;}
#nav ul li ul {
	margin: 0;
}
#nav ul li ul li {
background:url(images/dotted.jpg) repeat-x bottom;
width: 320px;
font-size: 12px;
color: #ff7539;
height:25px;
overflow:hidden;
display: block;
	text-align: right;
	margin: 0;
}
#nav ul li ul li a {
color: #b73e28;
font-size: 12px;
display: inline;
	margin: 0;
}
#nav li a:visited {
background:url(images/icon.png) 200px -10px no-repeat;
}

#nav li a:hover {
background: url(images/icon.png) 200px 5px no-repeat;
color: #fcac6f;
}

#nav ul li ul li span {
width:90%;
margin-left:3%;
text-align: right;
color: #8e8e8e;
font-size:14px;
line-height: 1.2em;
margin-bottom: 10px;
}

#nav ul li ul li span a {
font-size:14px;
line-height: 1.2em;
color: #8e8e8e;
}
#nav ul li ul li span a:hover {color: #8e8e8e;}

#nav ul li  p {color: #2e4347; margin-left:70px; float:left; display:inline; text-align: right; padding-right:10px;}

/*NAV FOOTER*/
#footer ul {
margin-top:60px;
display:inline;
	padding: 0;
}

#footer ul li ul {
margin-top:2px;
	padding: 0;
}

#footer ul li {
width:250px;
margin-left: 16px;
background:none;
float:left;
display:inline;
}
#footer ul li ul li {
width: 220px;
margin-top:5px;
line-height:1em;
margin-left:0px;
display:block;
text-align:right;
}

#footer ul li ul li a{
color: #ff7139;
	float: right;
}


li.sponsor, #about ul li {
color:#fff8d4;
font-size: 15px;
height: 1.5em;
padding-top:4px;
text-align:right;
}

#about ul li {
text-align:left;
margin-left:20px;
font-size:16px;
margin-top:5px;
}
#about ul {margin-bottom:20px;}

#about {float:left; width:90%;}

/*POSTS DESIGN*/

#content {
width:535px;
margin-left: 350px;
float:left;
display:inline;
padding-top:20px;
padding-bottom:15px;
}

#content h2 a {
	color: #7c0807;
	font-size: 16pt;
}

.post { 
width: 505px;
margin-left:15px;
font: 14px Trebuchet MS;
float:left;
display: inline;
margin-top: 20px;
padding-bottom:60px;
background:url(images/separator.jpg) no-repeat bottom left;
}

.entry {
width: 90%;
float:left;
color: #ebebeb;
margin-left:5%;
text-align: left;
display:inline;
}

.entry h3 {
	text-align: center;
	text-transform: uppercase;
	color: #7c0807;
	font: normal normal 16px/21px Georgia, "Times New Roman", Times, serif;
	border-bottom: 1px solid #7c0807;
	margin: 0 0 10px;
}

.entry p{
float:none;
	font: 15px/21px Georgia, "Times New Roman", Times, serif;
	color: #fbc68e;
	margin: 0 0 1.5em;
}

.entry small {
display:block;
float:left;
background:url(images/date.jpg) no-repeat;
width: 60px;
height:47px;
color: #8e8e8e;
font-size:11px;
text-align:center;
display:inline;
	margin: 0 40px 1em 10px;
	padding: 2px 0 0;
}
.entry small span {
text-align:center;
float:left;
	width: 60px;
	padding-top: 0;
	font: 24px Georgia, "Times New Roman", Times, serif;
}

.entry ol {
	margin: 0 11px 0 30px;
}

.entry ol li {
	margin: 0;
	padding: 4px 8px 6px;
	font: 15px/18px "Lucida Grande", Lucida, Verdana, sans-serif;
	border-bottom: 1px dashed #56360d;
}

.postmetadata {
float:left;
width: 90%;
margin-left:5%;
margin-top:15px;
text-align:center;
color: #fff8d4;
}
.postmetadata a{
color: #fff8d4;
}

#sidebar {
width:24%;
margin-left:4%;
float:left;
}

#footer{
width:100%;
background: black url(images/footer.jpg) no-repeat;
padding-bottom:50px;
padding-top: 55px;
border-left: 1px solid #230c02;
border-right: 1px solid #190801;
	float: left;
}
#footer h4, #footer h4 a {color: #610108;
	font: 25px Georgia, "Times New Roman", Times, serif;
	margin: 0;
	float: right;
}

#searchform {
}
#searchform input, input#searchsubmit{
width: 180px;
border: 1px solid #470b0b;
font: 14px Georgia, "Times New Roman", Times, serif;
color: #975410;
background-color: #130601;
	margin: 10px 0 20px 30px;
	display: block;
	float: left;
	height: 20px;
	padding: 2px 0 0 2px;
}
input#searchsubmit {
	width: 70px;
	margin-left: 10px;
	margin-right: 0;
	height: 24px;
	padding: 0;
}

.navigation { float:left; width:90%; margin-left:5%; display:inline; margin-top:30px; color: #fff8d4;margin-bottom:10px;}
.navigation a { color:#fff8d4;}
.alignleft { float:left;}
.alignright { float:right;}

/* START COMMENTS DESIGN */
#author, #email, #url, textarea, #submit, .grey {
width:200px;
margin-top:7px;
border:1px solid #4a4a4a;
background-color:#2d2d2d;
color:white;
margin-left:20px;
float:left;
}
#submit { margin-left:125px;}
.grey {
width:150px;
margin-left:10px;
}
textarea { height:100px; margin-left:125px;}
small {margin-left: 15px;
}
#commentform {
margin-top:10px;
margin-bottom:35px;
padding:0;
margin-left:20px;
}
#commentform small {
width: 90px;
color:white;
text-align:right;
display:block;
float:left;
}
#commentform p {
width:100%;
float:left;
margin-top:10px;
}

.commentlist {
margin:0;
padding:0;
}
.commentlist li {
list-style:none;
}
.alt2, .alt {
width: 85%;
height:auto;
background-color:black;
float:left;
margin:0px 0px 15px 0px;
margin-left:5%;
display:inline;
position:relative;
text-align:left;
padding-top:7px;
padding-bottom:7px;
padding-left: 30px;
color:white;
font-style:italic;
border:1px solid #162e3d;
}
.alt {
background-color:#1A1A1A;
}
.commentlist cite {
margin-left:-15px;
}

/*END COMMENTS DESIGN */