/*  



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.5



Author: AOE media GmbH



Author URI: http://www.aoemedia.de



Tags: two columns, widgets, fixed width, blue, grey, dark grey, custom header, valid XHTML, valid CSS, widgets



	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



*/







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;



}



.text {

	margin-left: 20px;

	padding-left: 20px;

	margin-top: 20px;

	margin-right: 20px;

	margin-bottom: 20px;

	padding-top: 20px;

	padding-right: 20px;

	padding-bottom: 20px;

	line-height: 25px;

}







.text:hover a {font-family: arial; font-size:12px; color: #00b0c0; text-decoration: none}







:focus {



outline: 0;



}



body {



line-height: 1;



margin-left:10px;



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: -10px;/* force vertical scrollbars */



}







body {



	color: #000000;



	font-size: 60%;



    background:#705041  0 0 repeat-x;



}







/* Default fonts



*******************************/



body,



input,



select		{ font-family: arial; }







textarea,



pre,



code { font-family: arial; }







/* Header elements



*******************************/



h1,



h2,



h3,



h4,



h5,



h6 {



  font-weight:bold;



  color:#7fd431;



  font-family: Papyrus, cursive;



}



h1 {



    font-size: 2.58em;



    color:#000;



    line-height:1;



    font-family: Verdana, Arial, Helvetica, sans-serif;



}



h2 {



    font-size: 2.3em;



}



h3 {



    font-size: 1.8em;



    padding-bottom:.4em;



}



h4 { font-size: 1em; }



h5 { font-size: 1em; }



h6 { font-size: 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 #DBDBDB;



}



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: #ffffff; text-decoration: none; cursor:pointer; }



a:hover		{ color:#7fd431; }



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 #cecece;



	font-size:10px



}







img {



    border:0;



    outline:0;



}







/* Wordpress aligning



*******************************/



.aligncenter {



   display: block;



   margin-left: auto;



   margin-right: auto;



}







.alignleft {



    float:left;



    margin: 0 0em 0em 0;



}







.alignright {



   float: right;



   margin: 0 0 1em 1em;



}







.wp-caption img {



   margin: 0;



   padding: 0;



   border: 0 none;



}







.wp-caption {



    border:1px solid #eee;



    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:940px;



	margin:0 auto;



}







#header {



    font-family: arial;



	  font-weight: bold;



    background:url(images/header.jpg) no-repeat 0 0;



    height:219px;



    position:relative;



}







#header .pages {



    position:absolute;



    bottom:0px;



    left:60px;



    overflow:hidden;



    font-size:1.8em;



	



    line-height:1.2;



}







#header .pages span {



    display:block;



    height:21px;



    width:10px;



    background-position:0 0;



    background-repeaFt:no-repeat;



    float:left;



}







#header .pages ul {



    float:left;



    background:#;



   



    padding:2px 0;



}















#header .pages li {



    float:left;



    padding:0 16px;



}







#header .pages li a {



    color:#000;



	font-weight: bolder;



    text-decoration:none;



}







#header .pages li a:hover {



    text-decoration:none;



	font-weight: bolder;



    color: #7fd431;



}







#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:#e5f6eb;



}







#about h3 {



	font-size:19px;



	color:#e5f6eb;



	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:5px;

	



    overflow:hidden;



}







#sidebar {



	margin-top:10px;



    background:#705041;



    padding:15px 15px 15px 25px;



    



}







#left-box {



    width:130px;



    



    float:right;



}




#main-block{

	width:810px;
	float:left;
    
}







#content {



    background:#ffffff;



    margin-top:10px;



    padding:10px 15px;



    min-height:620px;



    height:auto!important;



    height:620px;



    overflow:visible;



}







#sidebar .box {



    margin-bottom:24px;



}







#sidebar ul {
font-size: 1.5em;
}







#sidebar li{



    margin:0;



	font-size: 1.5em;



}







#sidebar li li {



    padding:0 0 0 18px;



    font-size:1.5em;



}







#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:#dce4e6;



	line-height:4;



}



#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-top:10px;



    padding-bottom:10px;



    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.65em;



    font-family:Verdana, Arial, Helvetica, sans-serif;



    padding:1px;



    background:#;



    overflow:hidden;



}







#content .category a {



    color:#fff;



    font-weight:bold;



    text-decoration:none;



}







#content .entry {



    font-size:1.3em;



}







#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:5px;



    line-height:1.2;

color: #000000;

}







.comments-list li.graybox {



    background:#;



}







.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:30px;



    padding:15px 40px 0;



    font-size:.92em;



	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;



}



/*



CSS Name: Default Styles



Description: NextGEN Default Gallery Stylesheet



Author: Alex Rabe



Version: 1.43







This is a template stylesheet that can be used with NextGEN Gallery. I tested the



styles with a default theme Kubrick. Modify it when your theme struggle with it,



it's only a template design







*/







/* ----------- Album Styles Extend -------------*/







.ngg-albumoverview {



	margin-top: 10px;



	width: 100%;



	clear:both; 



	display:block !important;



}







.ngg-album {



    height: 100%;



    padding: 5px;



    margin-bottom: 5px;



    border: 1px solid #fff;



}







/* IE6 will ignore this , again I hate IE6 */



/* See also http://www.sitepoint.com/article/browser-specific-css-hacks */



html>body .ngg-album {



    overflow:hidden;



    padding: 5px;



    margin-bottom: 5px;



    border: 1px solid #cccccc;



} 







.ngg-album {



	overflow: hidden;



	padding: 5px;



	margin-bottom: 5px;



	border: 1px solid #cccccc;



}







.ngg-albumtitle {



	text-align: left;



 	font-weight: bold;



	margin:0px;



	padding:0px;



	font-size: 1.4em;



	margin-bottom: 10px;



}







.ngg-thumbnail {



	float: left;



	margin-right: 12px;



}







.ngg-thumbnail img {



	background-color:#FFFFFF;



	border:1px solid #A9A9A9;



	margin:4px 0px 4px 5px;



	padding:4px;



	position:relative;



}







.ngg-thumbnail img:hover {



	background-color: #A9A9A9;



}







.ngg-description {



	text-align: left;



}







/* ----------- Album Styles Compact -------------*/







.ngg-album-compact {



	float:left;



	height:180px;



	padding-right:6px !important;



	margin:0px !important; 



	text-align:left;



	width:120px;	



}







.ngg-album-compactbox {



	background:transparent url(albumset.gif) no-repeat scroll 0%;



	height:86px;



	margin:0pt 0pt 6px !important;



	padding:12px 0pt 0pt 7px !important;



	width:120px;



}











.ngg-album-compactbox .Thumb {



	border:1px solid #000000;



	margin:0px !important;



	padding:0px !important;



	width:91px; 



	height:68px;



}







.ngg-album-compact h4 {



	font-size:15px;



	font-weight:bold;



	margin-bottom:0px;



	margin-top:0px;



	width:110px;



}







.ngg-album-compact p {



	font-size:11px;



	margin-top:2px;



}







/* ----------- Gallery style -------------*/







.ngg-galleryoverview {



	overflow: hidden;



	margin-top: 10px;



	width: 100%;



	clear:both; 



	display:block !important;



}







.ngg-galleryoverview .desc {



/* required for description */



   margin:0px 10px 10px 0px;



   padding:5px;



}







.ngg-gallery-thumbnail-box {



	float: left;



}







.ngg-gallery-thumbnail {



	float: left;



	margin-right: 5px;



}







.ngg-gallery-thumbnail img {



	background-color:#FFFFFF;



	border:1px solid #A9A9A9;



	display:block;  



	margin:4px 0px 4px 5px;



	padding:4px;



	position:relative;



}







.ngg-gallery-thumbnail img:hover {



	background-color: #81a13e;



} 







.ngg-gallery-thumbnail span {



	/* Images description */



	font-size:90%;



	padding-left:5px;



	display:block;



}







.ngg-clear {



	clear: both;



}







/* ----------- Gallery navigation -------------*/







.ngg-navigation {



	font-size:0.9em !important;



	clear:both !important;



	display:block !important;



	padding-top:15px;



	text-align:center;



	



}







.ngg-navigation span {



	font-weight:bold;



	margin:0pt 6px;



}







.ngg-navigation a.page-numbers, a.next, a.prev, 



				span.page-numbers, span.next, span.prev {



	border:1px solid #DDDDDD;



	margin-right:3px;



	padding:3px 7px;



}







.ngg-navigation a.page-numbers:hover, a.next:hover, a.prev:hover, 



				span.page-numbers:hover, span.next:hover, span.prev:hover {



	background-color: #0066CC;



	color: #FFFFFF !important;



	text-decoration: none !important;



}







/* ----------- Image browser style -------------*/







.ngg-imagebrowser {



	



}







.ngg-imagebrowser h3 {



	text-align:center;



}







.ngg-imagebrowser img {



	border:1px solid #A9A9A9;



	margin-top: 10px; 



	margin-bottom: 10px; 



	width: 100%;



	display:block !important;



	padding:5px;



}







.ngg-imagebrowser-nav {



	padding:5px;



	margin-left:10px;	



}







.ngg-imagebrowser-nav .back {



	float:left;



	border:1px solid #DDDDDD;



	margin-right:3px;



	padding:3px 7px;



}







.ngg-imagebrowser-nav .next {



	float:right;



	border:1px solid #DDDDDD;



	margin-right:3px;



	padding:3px 7px;



}







.ngg-imagebrowser-nav .counter {



	text-align:center;



	font-size:0.9em !important;



}







/* ----------- Slideshow -------------*/



.slideshow {



	margin-left: auto; 



	margin-right: auto;



	text-align:center;	



}







.slideshowlink {



	



}







/* ----------- Single picture -------------*/



.ngg-singlepic {



	background-color:#FFFFFF;



	border:1px solid #A9A9A9;



	display:block;  



	margin:4px 0px 4px 5px;



	padding:4px;



	position:relative;



}







.ngg-left {



	float: left;



	padding-right:10px;



}







.ngg-right {



	float: right;



	padding-left:10px;



}







.ngg-center {



  	margin-left: auto !important;



    margin-right: auto !important;



}







/* ----------- Sidebar widget -------------*/



.ngg-widget,



.ngg-widget-slideshow {



	overflow: hidden;



	margin:0pt;



	padding:5px 0px 0px 0pt;



}







.ngg-widget img {



	border:2px solid #A9A9A9;



	margin:0pt 2px 2px 0px; 



	padding:1px; 



}







/* ----------- Related images -------------*/



.ngg-related-gallery {



	background:#F9F9F9;



	border:1px solid #E0E0E0;



	overflow:hidden;



	margin-bottom:1em;



	margin-top:1em;



	padding:5px;



}



.ngg-related-gallery img {



	border: 1px solid #DDDDDD;



	float: left;



	margin: 0pt 3px;



	padding: 2px;



	height: 50px;



	width:  50px;



}







.ngg-related-gallery img:hover {



	border: 1px solid #000000;



}