/*
Theme Name: Milanda Midnight Sky
Theme URI: http://www.milanda.eu/midnight/
Description: Milanda Midnight Sky Wordpress Theme by Mila Vasileva. WordPress 3.0 Custom Menus support, featured images (post thumbnails) support, Google Analytics and Google Adsense easy integration. 7 color schemes, custom background image and color options. Featured content slider on home page - Sticky Posts or Featured category. Custom 404 error message option.
Version: 2.4
Author: Mila Vasileva
Author URI: http://www.milanda.eu/
Tags: fixed-width, two-columns, custom-background, brown, black, red, blue, yellow, green, purple
	
	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/

body { width:100%;	height:100%; font-size: 16px; font-family:"Century Gothic", Arial, Helvetica, sans-serif; }

h1, h2, h3, h4, h5, h6 { font-weight: bold;	text-align:left; font-family:'Monotype Corsiva'; }
h1 { font-size: 36px; }
h2 { font-size: 30px; }
h3 { font-size: 24px; }
h4 { font-size: 20px; }
h5 { font-size: 14px; }
h6 { font-size: 12px; }
p { padding:5px 0px; }
small {	font-size:80%; }
code { font: 1.1em 'Courier New', Courier, Fixed; }
acronym, abbr, span.caps { font-size: 0.9em; letter-spacing: .07em;	}

a:link, a:visited, a:hover, a:active {	font-weight:bold; text-decoration:none;	}

.clear { clear: both; }

#wrapper { width: 980px; margin: auto; position: relative; }

#header { width: 980px; height:110px; position:relative; }

#site-image {height: 200px; position:relative; }
#blogname h1 a { font-size:48px; position:absolute; top:30px; left:120px; font-family:'Monotype Corsiva';}
#blogname h2 { font-size:24px; position:absolute; top:10px; left:120px; font-family:'Monotype Corsiva';}

#topmenu, #topmenu2 { font-size:14px; font-weight:bold; margin:10px 0px; width:980px; }

#page { width:980px; }
#breadcrumbs { display:block; height:24px; clear:both; margin-bottom:10px; padding-left:20px; font-size:12px; height:20px; line-height:20px; font-weight:bold; }

#main { width:640px; float:left; }

.mod-600 { width:640px; }

.entry { padding:20px; overflow:hidden; }

.entry img { width:auto; max-width:570px; height:auto; }

.post, .item { width:640px; text-align: justify; margin-bottom:10px; }
h2.pagetitle, h2.posttitle { font-size:30px; font-weight:bold; padding:20px; }

.created, .postmetadata { display:block; clear: both; padding:5px; font-size:12px; font-weight:bold; }

.wp-post-image { margin:10px; float:left; }

.pagetitle { font-size:24px; font-weight:bold; text-align:center; margin-bottom:10px; padding:10px; }
.big-button { font-size:24px; font-weight:bold; text-align:center; padding:10px; display:block; text-transform:uppercase; letter-spacing:1em; zoom:1; }

.post img, .item img { padding:5px; }

#sidebar { width:340px; float:right; }

#sidebar h2, .sitemap h3 { font-size:24px; height:30px; line-height:30px; font-weight:bold; text-align:center; }
.panel-300 { width:300px; float:right; text-align:center; margin:0px 0px 10px 0px; padding:10px; }

.sitemap { padding:10px; width:620px; }

#footer { width:980px; height:auto; position:relative; margin-bottom:10px; }
#copyright { padding:10px; width:200px; float:left; }

.navigation { display: block; padding:0 20px; margin-bottom:10px; }

img { padding: 0; max-width: 100%; }
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; }

/* Begin Form Elements */
form#searchform { float:right; width:300px; height:auto; text-align:right; font-size:14px; padding:10px; margin-bottom:10px; }

#searchform input#s { display:block; float:left; width: 180px; height:20px; padding:5px; margin:0; font-weight:bold; }

input#searchsubmit { height:32px; display:block; float:right; width:100px; font-size:14px; font-weight:bold; padding:5px; margin:0; }
input#searchsubmit:hover  { cursor:pointer; }

.entry form { /* This is mainly for password protected posts, makes them look better. */
text-align:center;
}

/* Comments **/
.commentlist li, #commentform input, #commentform textarea { font: 0.9em "Century Gothic", Arial, Sans-Serif;}
.commentlist li ul li { font-size: 1em; }
.commentlist li { font-weight: bold; }
.commentlist li .avatar { float: left; margin: 0px 10px 2px 0px; padding:3px; }
.commentlist cite, .commentlist cite a { font-weight: bold; font-style: normal; font-size: 1.1em; }
.commentlist p { font-weight: normal; line-height: 1.5em; text-transform: none; margin: 10px 5px 10px 40px; }
#commentform p { margin: 5px 5px 5px 20px;	}
.commentmetadata { font-weight: normal;	}

#comments-template { width:100%; margin:auto; margin-bottom:10px; }
#comments-template h3 { margin:20px; }
#commentform input, #commentform input#submit { width: 170px; font-size:14px; font-weight:bold; padding:5px; margin:0; }
#commentform input#submit { padding:5px; margin:10px 0 10px 20px; }	
#commentform input#submit:hover { cursor:pointer; }
#commentform textarea { width:590px; margin-left:20px; padding:5px; border:0; overflow:auto; font-weight:bold;}
#respond:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.alt { margin: 0; padding: 10px; }
.commentlist li { margin: 15px; padding: 5px; }
.commentlist li ul li {	margin: 10px; }
.children { padding: 0; }
.nocomments { text-align: center; margin: 0; padding: 0; }

/* Begin Calendar */
#wp-calendar #prev a, #wp-calendar #next a { font-size: 9pt; }
#wp-calendar a { text-decoration: none;	}
#wp-calendar caption {	font-size:14px;	font-weight:bold; text-align: center; }
#wp-calendar th { font-style: normal;text-transform: capitalize; }
#wp-calendar { empty-cells: show; margin: 10px auto 0;	width: 280px; }
#wp-calendar #next a { padding-right: 10px;	text-align: right; }
#wp-calendar #prev a { padding-left: 10px; text-align: left; }
#wp-calendar a { display: block; }
#wp-calendar caption { text-align: left; width: 100%; }
#wp-calendar td { padding: 3px 0; text-align: center; }
#wp-calendar td.pad:hover { /* Doesn't work in IE */
	/** background-color: #006600; **/}
/* End Calendar */

/** WordPress 3.0 **/
/* =Menus
-------------------------------------------------------------- */

#access, #access2 {	margin: 0 auto;	display:block; float:left; position:relative; z-index:10000; }
#access .menu-header,#access2 .menu-header, div.menu { font-size: 13px; margin-left: 12px; }
#access .menu-header ul, #access2 .menu-header ul, div.menu ul {	list-style: none; margin: 0; }
#access .menu-header li, #access2 .menu-header li, div.menu li {	float:left;	position: relative; }
#access a, #access2 a {	display:block;	text-decoration:none; padding:0 10px;	line-height:38px; }
#access ul ul, #access2 ul ul {	display:none; position:absolute; top:38px; left:0; float:left;	box-shadow: 0px 3px 3px rgba(0,0,0,0.7); -moz-box-shadow: 0px 3px 3px rgba(0,0,0,0.7); -webkit-box-shadow: 0px 3px 3px rgba(0,0,0,0.7); width: 180px; z-index: 99999; }
#access ul ul li, #access2 ul ul li { min-width: 180px; }
#access ul ul ul, #access2 ul ul ul { left:100%; top:0; }
#access ul ul a, #access2 ul ul a { background:#333; height:auto;	line-height:1em; padding:10px; width: 160px; }
#access li:hover > a, #access ul ul :hover > a, #access2 li:hover > a, #access2 ul ul :hover > a { color:#fff; background:#333; }
#access ul li:hover > ul, #access2 ul li:hover > ul  { display:block; }
#access ul li.current_page_item > a, #access2 ul li.current_page_item > a,
#access ul li.current-menu-ancestor > a, #access2 ul li.current-menu-ancestor > a,
#access ul li.current-menu-item > a, #access2 ul li.current-menu-item > a,
#access ul li.current-menu-parent > a, #access2 ul li.current-menu-parent > a {	/** color: #fff; **/ }

* html #access ul li.current_page_item a, * html #access2 ul li.current_page_item a,
* html #access ul li.current-menu-ancestor a, * html #access2 ul li.current-menu-ancestor a,
* html #access ul li.current-menu-item a, * html #access2 ul li.current-menu-item a,
* html #access ul li.current-menu-parent a, * html #access2 ul li.current-menu-parent a,
* html #access ul li a:hover, * html #access2 ul li a:hover { /** color:#fff; **/ }
/** End Menus **/

/* Begin Various Tags & Classes */
acronym, abbr, span.caps { cursor: help; }
blockquote { margin: 15px 30px 0 10px; padding-left: 20px; }
blockquote cite { margin: 5px 0 0; display: block;	}
.center { text-align: center; }
.hidden { display: none; }
.screen-reader-text { position: absolute; left: -1000em; }
/* End Various Tags & Classes*/



/* Captions */
.aligncenter, div.aligncenter { display: block;	margin-left: auto; margin-right: auto; }
.wp-caption { text-align: center; padding-top: 4px; max-width:100%; }
.wp-caption img { margin: 0; padding: 0; }
.wp-caption p.wp-caption-text {	font-size: 11px; line-height: 17px;	padding: 0 4px 5px; }
/* End captions */


/** Banners **/
#header-big-banner { width:468px; height:60px; padding:5px; margin:0; position:absolute; top:20px; right:0px; }
#footer-big-banner { width:728px; height:90px; padding:5px; margin:5px; float:left; margin-right:0px; position:relative; }
#header-big-banner li, #footer-big-banner li { list-style-type:none; padding:0px; margin:0px; position:absolute; top:5px; left:5px; }
/** End Banners **/


/** Sticky Posts **/
.sticky h2 { font-size:28px; margin:0; }
/** End Sticky Posts **/

.announce { padding:5px; margin:2px; }
.announce img { float:left; margin-right:10px; width:60px; height:60px; }
.announce h2 { font-size:18px; padding-top:10px; }

ul.share-this { padding:3px; float:right; }
ul.share-this li { display:block; float:left; width:32px; height:32px; margin:0px 3px; }


/** Ordered and Unordered lists in posts and pages **/
.entry ul, .entry ol { padding-left:20px; }
.entry ul li { list-style-type:disc; padding-left:5px; }
.entry ol li { list-style-type:decimal; padding-left:5px; }
/** End Ordered and Unordered lists in posts and pages **/



/** jQuery Tools 1.2 **/
/* container for slides */
.content-slider { background:none; position:relative; height:250px;	width:980px; margin:15px 0px 5px 0px; }
.content-slider div { display:none;	position:absolute; top:0; left:0; margin:20px 20px 20px 35px; padding:0px 25px; height:200px; width:870px; overflow:hidden; }
.content-slider h2 { font-size:30px; font-weight:bold; margin:0 0 20px 0;}
.slidetabs { width:980px; clear:both; text-align:center; margin-bottom:10px; }
.slidetabs a:link, .slidetabs a:visited, .slidetabs a:hover, .slidetabs a:active { width:90px; height:90px; margin:5px; display:inline-block; background:url(images/blank.gif);	position:relative; }
.slidethumb { position:absolute; top:0px; left:0px; z-index:100; display:block; width:80px; height:80px; }
.slidetabs a img { width:80px; height:80px; padding:5px; margin:0; }
.slidetabs a span.tooltip { display:none; padding:5px;	font-size:11px;	overflow:hidden; cursor:pointer; }
.slidetabs a:hover span.tooltip, .slidetabs a.current span.tooltip { display:block; width:70px; height:70px; margin:5px; position:absolute; top:0px; left:0px; z-index:1000; }
.forward, .backward { background:none; display:block; width:30px; height:60px; cursor:pointer; font-size:60px; line-height:60px; font-weight:bold; text-align:center; }
.forward { position:absolute; top:80px; right:5px; }
.backward { position:absolute; top:80px; left:5px; }
/** jQuery Tools 1.2 End **/


/** The Fun Starts Here **/
/** Colors **/

body {
background-color: #000000;
background-image: url(images/default.jpg);
background-position: top center;
background-repeat:no-repeat;
background-attachment:fixed;
color: #ffffff;
}
small {	color: #d7c4b7; }

a, a:link, a:visited {	color: #d7c4b7; }
a:hover, a:active {	color: #ffffff; }

#blogname h1 a:link, #blogname h1 a:visited { color:#d7c4b7; }
#blogname h1 a:hover, #blogname h1 a:active { color:#ffffff; }

#blogname h2 { color:#ae896f; }

.post h2 a:link, .post h2 a:visited { color:#d7c4b7; }
.post h2 a:hover, .post h2 a:active { color:#ffffff; }

h2.pagetitle a { color:#ffffff; }

.created { color: #d7c4b7; }

input#searchsubmit { color:#ffffff; }
input#searchsubmit:hover  { color:#000000; }

#commentform input, #commentform input#submit { color:#000000; }
#commentform input#submit { color:#ffffff; }	
#commentform input#submit:hover { color:#000000; }
#commentform textarea { color:#000000; }
.commentlist li { color:#ffffff; }

acronym, abbr {	border-bottom: 1px dashed #999;	}
blockquote { border-left: 5px solid #ddd;	}

.wp-caption { border: 1px solid #ddd; }

/** Menu colors **/
#access ul ul a, #access2 ul ul a { background:#3f2816; }
#access li:hover > a, #access ul ul :hover > a, #access2 li:hover > a, #access2 ul ul :hover > a { color:#ffffff; background:#573625; }

/** End Colors **/

/** CSS3 Gradients, Rounded corners and Shadows **/
	/** Gradients **/
.pagetitle, .navigation { zoom:1; }
#topmenu, #topmenu2, #breadcrumbs, .pagetitle, #sidebar h2, .navigation, form#searchform, .sitemap h3  {
background:-moz-linear-gradient(25% 75% 90deg, rgba(61,33,11,0.80), rgba(215,196,183,0.80));
background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(215,196,183,0.80)), to(rgba(61,33,11,0.80)));
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#CCd7c4b7,endColorstr=#CC3d210b); 
}
.post, .item, .panel-300, #footer, #comments-template, .commentlist li, .sticky, .sitemap, .content-slider, #header-big-banner {
background:-moz-linear-gradient(25% 75% 90deg, rgba(49,22,15,0.80), rgba(114,87,66,0.80));
background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(114,87,66,0.80)), to(rgba(49,22,15,0.80)));
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#CC725742,endColorstr=#CC31160f); 
}
#searchform input#s, #commentform input, #commentform textarea {
background:-moz-linear-gradient(25% 75% 90deg, rgba(255,255,255,0.80), rgba(174,137,111,0.80));
background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(174,137,111,0.80)), to(rgba(255,255,255,0.80)));
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#CCae896f,endColorstr=#CCffffff); 
}
input#searchsubmit, #commentform input#submit, #wp-calendar a:link, #wp-calendar a:visited, .big-button {
background:-moz-linear-gradient(25% 75% 90deg, rgba(51,51,51,1), rgba(215,196,183,1));
background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(215,196,183,1)), to(rgba(51,51,51,1)));
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#CCd7c4b7,endColorstr=#CC000000); 
}
input#searchsubmit:hover, #commentform input#submit:hover, #wp-calendar a:hover, #wp-calendar a:active, .big-button:hover  {
background:-moz-linear-gradient(25% 75% 90deg,  rgba(215,196,183,1), rgba(51,51,51,1));
background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(51,51,51,1)), to(rgba(215,196,183,1)));
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#CC515151,endColorstr=#CCd7c4b7); 
}


 	/** End Gradients **/
	/** Rounded Corners **/
#topmenu, #topmenu2, #breadcrumbs, .post, .item, .created, .postmetadata, .pagetitle, #sidebar h2, .panel-300, #footer, .navigation, form#searchform, #searchform input#s, input#searchsubmit, #comments-template, #commentform input, #commentform input#submit, #commentform textarea, .commentlist li, #wp-calendar a, .wp-caption, .sticky, .sitemap, .sitemap h3, .big-button, .content-slider, .slidetabs a, #header-big-banner {
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
border: 1px solid #d7c4b7;
}
	/** End Rounded Corners **/
	
	/** Shadows **/
#topmenu, #topmenu2, #breadcrumbs, .post, .item, .pagetitle, .panel-300, #footer, .navigation, form#searchform, #comments-template, .sticky, .sitemap, .big-button, .content-slider, .slidetabs a, #header-big-banner {
-moz-box-shadow: 2px 2px 6px #000000;
-webkit-box-shadow: 2px 2px 6px #000000;
box-shadow: 2px 2px 6px #000000;
}
.entry img, .textwidget img, #site-image img {
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
}
	/** End Shadows **/
	
	/** Text Shadows **/
#blogname h1, #blogname h2, #sidebar h2, h2, h3, #footer, .big-button, .content-slider { text-shadow:2px 2px 4px #333; }
	/** End Text Shadows **/
/** End CSS3 Gradients, Rounded corners and Shadows **/

/** Slider Thumbs Styling **/
.slidetabs a:link {
background:-moz-linear-gradient(25% 75% 90deg, rgba(49,22,15,0.80), rgba(114,87,66,0.80));
background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(114,87,66,0.80)), to(rgba(49,22,15,0.80)));
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#CC725742,endColorstr=#CC31160f);
}
.slidetabs a:hover {
background:-moz-linear-gradient(25% 75% 90deg, rgba(114,87,66,0.80), rgba(49,22,15,0.80));
background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(49,22,15,0.80)), to(rgba(114,87,66,0.80)));
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#CC31160f,endColorstr=#CC725742); 
}
.slidetabs a.current {
background:-moz-linear-gradient(25% 75% 90deg, rgba(114,87,66,1), rgba(49,22,15,1));
background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(49,22,15,1)), to(rgba(114,87,66,1)));
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FF31160f,endColorstr=#FF725742); 
}
.slidetabs a:hover span.tooltip, .slidetabs a.current span.tooltip {
	color:#ffffff;
	background:-moz-linear-gradient(25% 75% 90deg, rgba(51,51,51,0.8), rgba(215,196,183,0.8));
	background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(215,196,183,0.8)), to(rgba(51,51,51,0.8)));
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#CCd7c4b7,endColorstr=#CC000000); 
}
/** End Slider Thumbs Styling **/