/*  

Theme Name: Blue Mist

Theme URI: 

Description: WP Blue Mist theme designed by <a href="http://www.aoemedia.de">AOE media GmbH</a>. A beautiful, slightly depressive, moody theme for serious blogs. Now also widget ready.

Version: 1.53

Author: AOE media GmbH

Author URI: http://www.aoemedia.de

Tags: two-columns, fixed-width, blue, dark, custom-header

	By downloading and using this theme, you agree to the following terms:

    - All variations of this theme have to remain GPL

    - You may use this theme for personal or commercial projects

    - You may modify, translate or distribute



For support requests please contact: wordpress(at)aoemedia.com. Requests through other channels (website etc.) can unfortunately not be responded to.



*/



html, body, div, span,iframe,

h1, h2, h3, h4, h5, h6, p, blockquote, pre,

a, abbr, acronym, address, cite, code,

del, dfn, em, font, ins,strong,ol, ul, li,

fieldset, form, label, legend,

table, caption, tbody, tfoot, thead, tr, th, td {

margin: 0;

padding: 0;

border: 0;

outline: 0;

font-weight: inherit;

font-style: inherit;

font-size: 100%;

font-family: inherit;

vertical-align: baseline;

}

:focus {

outline: 0;

}

body {

line-height: 1;

color: black;

background: white;

}

ol, ul {

list-style: none;

}

table {

border-collapse: separate;

border-spacing: 0;

}

caption, th, td {

text-align: left;

font-weight: normal;

}

blockquote:before, blockquote:after,

q:before, q:after {

content: "";

}

blockquote, q {

quotes: "" "";

}





/* Main styles

*******************************/

html {

	height: 100%;

	margin-bottom: 1px;/* force vertical scrollbars */

}



body {

	color: #ffff99;

	font-size: 100%;

    background:#FDC846 url(images/bg.gif) 0 0 repeat-x;

}



/* Default fonts

*******************************/

body,

input,

select		{ font-family: Tahoma, Arial, Helvetica, sans-serif; }



textarea,

pre,

code { font-family: Consolas, Monaco, "Courier New", Courier, monospace; }



/* Header elements

*******************************/

h1,

h2,

h3,

h4,

h5,

h6 {
	font-weight:normal;
	color:#ffff99;
	font-family:Georgia, "Times New Roman", Times, serif;
}

h1 {

    font-size: 125%;

    color:#000;

    line-height:1;

    font-family: Verdana, Arial, Helvetica, sans-serif;

}

h2 {

    font-size: 2.08em;

}

h3 {

    font-size: 1.5em;

    padding-bottom:.6em;

}

h4 { font-size: 1.3em; }

h5 { font-size: 1.2em; }

h6 { font-size: 1.1em; }



/* Text elements

*******************************/

p			  { margin: 0 0 1em 0; text-align: left; line-height:1.8; }

p.last 		  { margin-bottom:0; }

p.first		  { margin-top:1em; }

p.img		  { float: left; margin:0 1em 1em 0; padding:0; }



blockquote    {

    margin:0 0 1em 1em;

    padding-left:1em;

    border-left:2px solid #ffff99;

}

strong        { font-weight: bold; }

em            { font-style: italic; }

pre           { border: 1px solid #ddd; margin-bottom: 1.2em; padding:1.2em; }

ins           { text-decoration:none; } /*remove underline from text*/

del           { text-decoration:line-through; }

acronym       { border-bottom:1px dotted #666; }

dl {

    line-height:1.8;

    margin-bottom:1.2em;

}

/*links*/

a:link,

a:visited,

a:focus,

a:hover,

a:active	{ color: #ffff99; text-decoration: underline; cursor:pointer; }

a:hover		{ color:#ff6600; }

a:active,

a:focus     { outline: 0; } /*remove border in ff*/



/* decorate lists in posts */

#content .post ul,

#content .post ol {

    margin: 0 0 1em 2em;

}



#content .post ul {

    list-style-type:disc;

}



#content .post ol {

    list-style-type:decimal;

}



#content .post ul li,

#content .post ol li {

    line-height:2;

}



input, textarea{

	border:1px solid #ffff99;

	font-size:12px

}



img {

    border:0;

    outline:0;

}



/* Wordpress aligning

*******************************/

.aligncenter {

   display: block;

   margin-left: auto;

   margin-right: auto;

}



.alignleft {

    float:left;

    margin: 0 1em 1em 0;

}



.alignright {

   float: right;

   margin: 0 0 1em 1em;

}



.wp-caption img {

   margin: 0;

   padding: 0;

   border: 0 none;

}



.wp-caption {

    border:1px solid #ffff99;

    text-align:center;

    padding-top:4px;

}

.wp-caption p.wp-caption-text {

    font-size:.92em;

    text-align:center;

}



/* Text align

*******************************/

.t-right 	{ text-align: right; }

.t-left 	{ text-align: left; }

.t-center 	{ text-align: center; }

.t-justify 	{ text-align: justify; }



/* Other

*******************************/

.clear:after {

    content: ".";

    display: block;

    height: 0;

    clear: both;

    visibility: hidden

}



.zoom {

    overflow:hidden;

}





#root{

	width:770px;

	margin:0 auto;

}



#header {

    font-family: Verdana, Arial, Helvetica, sans-serif;

    background:url(images/header.jpg) no-repeat 0 0;

    height:136px;

    position:relative;

}



#header .pages {

    position:absolute;

    bottom:20px;

    left:25px;

    overflow:hidden;

    font-size:.92em;

    line-height:1.2;

}



#header .pages span {

    display:block;

    height:21px;

    width:5px;

    background-position:0 0;

    background-repeat:no-repeat;

    float:left;

}



#header .pages ul {

    float:left;

    background:#7A9635;

    opacity:.8;

    padding:4px 0;

}



#header .pages .left {

    background-image:url(images/header-pages-left.png);

}



#header .pages .right {

    background-image:url(images/header-pages-right.png);

}



#header .pages li {

    float:left;

    padding:0 12px;

}



#header .pages li a {
	color:#ffffff;
	text-decoration:none;
	font-weight: bold;
	font-size: 75%;
}



#header .pages li a:hover {

    text-decoration:underline;

}



#header h1 {

	padding:35px 0 4px 25px;

}



#header h1 a {

    color:#0e1415;

    text-decoration:none;

}



#header h1 a:hover {}



#header .description {

    font-size:.92em;

    padding-left:25px;

    color:#4b6e76;

}



#about{
	padding-left:40px;
	padding-top:30px;
	width:485px;
	color:#FF0000;
}



#about h3 {

	font-size:19px;

	color:#A9BF75;

	padding-bottom:10px;

}



#about p {

    font-size:0.75em;

    line-height:1.8;

}



#header .search {

	color:#635b5c;

    font-size:.92em;

	padding-top:18px;

	float:right;

	padding-right:18px;

}

#header .search input.s {

	width:115px;

	color:#444;

    height:17px;

    vertical-align:middle;

    border:1px solid #a2c1c6;

    font-size:1em;

    padding:0 2px;

    background:#cae4e5;

}



#header .search input.button {

    vertical-align:middle;

    padding:2px;

    border:0;

}



#main{

    margin-top:20px;

    overflow:hidden;

}



#sidebar {

	margin-top:0px;

    background:#5F7929;

    padding:10px 5px 15px 10px;
	
	background-image:url(images/logo120px.gif) no-repeat 0 0;

    

}



#left-box {

    width:200px;

    /*background:url(images/left-top.gif) 0 0 no-repeat; */

    float:right;

}



#main-block{

	width:550px;

	float:left;

    /*background:url(images/main-top.gif) 0 0 no-repeat; */

}



#content {

    background:#5f7929;

    margin-top:0px;

    padding:16px 24px;

    min-height:620px;

    height:auto!important;

    height:620px;

    overflow:visible;

}



#sidebar .box {

    margin-bottom:240 px;

}



#sidebar ul {}



#sidebar li{

    margin:0;

	font-size:.92em;

}



#sidebar li li {

    padding:0 0 0 18px;

    font-size:1em;

}



#sidebar li a {

    padding:0 0 0 18px;

    background:url(images/li.gif) 0 6px no-repeat;

}



#sidebar li a:hover {

    background-image:url(images/li-hover.gif);

}



#sidebar li li a {

    background:url(images/sub-li.gif) 0 6px no-repeat;

}



#sidebar li li a:hover {

    background-image:url(images/sub-li-hover.gif);

}



#sidebar .meta li a {

    background-image:url(images/meta-li.gif);

}



#sidebar li a {
	color:#FFFFFF;
	line-height:2;
}

#sidebar li a:hover {

	color:#fff;

}

.box input.text {

    border:1px solid #A2C1C6;

    background:#CAE4E5;

    padding:1px;

    color:#303030;

    width:100px;

}

.box input {

    font-size:.92em;

}

.box .tags {

    line-height:1.4;

}

.box .textwidget {

    font-size:.92em;

    line-height:1.4;

}

#left-block #recentcomments {

    font-size:.92em;

}

#left-block #recentcomments li {

    background:none;

    padding-left:0;

}

#sidebar #recentcomments li a {

    background:none;

}

#wp-calendar {

    width:150px;

    font-size:.92em;

}



#wp-calendar caption {

    padding:0 0 4px 0;

    font-weight:bold;

}



#wp-calendar th,

#wp-calendar td {

    padding:2px;

    text-align:center;

}



#wp-calendar thead th {

    background:#465B62;

}



#wp-calendar #prev {

    text-align:left;

    padding-top:4px;

}



#wp-calendar #next {

    text-align:right;

    padding-top:4px;

}



















#content .post {

    overflow:hidden;

    margin-bottom:1.5em;

    clear:both;

}



#content .title {

    overflow:hidden;

}



#content .title h2 {

    padding-bottom:4px;

    float:left;

}



#content .title h2 a {

    text-decoration:none;

}



#content .title h2 a:hover {

    color:#fff;

}



#content .title .comments {

    padding-top:10px;

    float:right;

    font: 1.08em normal "Times New Roman", Times, serif;

}



#content .title .comments,

#content .title .comments a {

    color:#ffea9f;

    text-decoration:none;

    

}



#content .date,

#content .category  {

    float:left;

}



#content .comments {

    float:right;

}



#content .postdata {

    font-size:0.92em;

    font-family:Verdana, Arial, Helvetica, sans-serif;

    padding:8px;

    background:#5F7929;

    margin:4px 0 8px;

    overflow:hidden;

}



#content .category a {

    color:#fff;

    font-weight:bold;

    text-decoration:none;

}



#content .entry {

    font-size:.92em;

}



#content .entry .more-link {

    font-weight:bold;

}



/* Comments

 *******************************/

.comments-list {

    font-size:.92em;

}



#leavecomment {

    padding-top:1em;

}



.comments-list .avatar {

    margin-bottom:4px;

    vertical-align:middle;

}



.comments-list li {

    padding:18px;

    line-height:1.2;

}



.comments-list li.graybox {

    background:#465B62;

}



.comments-list cite {

    font-weight:bold;

    font-style:normal;

}



.comments-list small {

    font-size:.83em;

}



.comments-list .comment {

    margin-top:8px;

}



#commentform input.text,

#commentform textarea {

    padding:2px;

	color:#444;

    border:1px solid #a2c1c6;

    background:#cae4e5;

}



#commentform input.text {

    width:200px;

}



#commentform input.button {

    border:0;

}



#commentform textarea {

    width:400px;

}











#footer{
	margin-top:16px;
	height:20px;
	padding:10px 30px 0;
	font-size:75%;
	/*background:url(images/footer-back.gif) no-repeat 0 0; */
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#4b4b4b;
	overflow:hidden;
}



#footer img {

    vertical-align:middle;  

}



#footer .copyright {

    float:left;

    line-height:1.8;

}



#footer .links {

    float:right;

}



#footer .links a {

    margin-left:16px;

	font-weight:bold;

    color:#4D646C;

}



#footer .links a:hover {

    text-decoration:none;

}



.navigation {

	font-weight:bold;

	font-size:.92em;

    overflow:hidden;

    line-height:1.2;

}