/*
Theme Name: Milanda Midnight Sky
Theme URI: http://www.milanda.eu/midnight/
Description: Milanda Midnight Sky Wordpress Theme by Mila Vasileva.
Version: 2.2
Author: Mila Vasileva
Author URI: http://www.milanda.eu/
Tags: fixed width, two columns, widgets, dropdown topmenu, theme options, custom background image and color, 7 color schemes, brown, black, red, blue, yellow, green, purple, featured content slider, sticky posts slider
	
	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; }
h1 { font-size: 24px; }
h2 { font-size: 20px; }
h3 { font-size: 16px; }
h4 { font-size: 14px; }
h5 { font-size: 12px; }
h6 { font-size: 10px; }
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; }

#blogname h1 a { font-size:48px; position:absolute; top:30px; }
#blogname h2 { font-size:24px; position:absolute; top:10px; }

#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:20px; 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:14px; height:25px; line-height:25px; 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 */



/* 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; }
#header-big-banner li, #footer-big-banner li { list-style-type:none; }
/** 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; }


/*** DROPDOWN MENU STYLES ***/
ul.sf-menu { margin-left:10px; }
.sf-menu, .sf-menu * { margin:0; padding:0; list-style:	none; }
.sf-menu { line-height:1.0; }
.sf-menu ul { position:absolute; top:-999em; width:15em; }
.sf-menu ul li { width:100%; }
.sf-menu li:hover {	visibility:inherit; }
.sf-menu li { float:left; position:relative; }
.sf-menu a { display:block;	position:relative; }
.sf-menu li:hover ul, .sf-menu li.sfHover ul {left:0; top:2.5em; z-index:99; }
ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul { top:-999em; }
ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul { left:15em;	top:0; }
ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul { top:-999em; }
ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul { left:10em; top:0; }

.sf-menu { float:left; }
.sf-menu a { padding: .75em 1em; text-decoration:none;}
.sf-menu a, .sf-menu a:visited  { color:#ffffff; }
.sf-menu li { /** background: #cccccc; **/ }
.sf-menu li li { background:#333333; }
.sf-menu li li li {	background:#666666; }
.sf-menu li:hover, .sf-menu li.sfHover, .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {	background:#555555;	color:#ffffff; outline:0;text-decoration:none; }

.sf-menu a.sf-with-ul {	padding-right: 	2.25em;	min-width:1px; }
.sf-sub-indicator {	position:absolute; display:block; right:.75em; top:1.05em; width:10px; height:10px; text-indent:-999em;	overflow:hidden; background:url('images/arrows-ffffff.png') no-repeat -10px -100px; }
a > .sf-sub-indicator { top:.8em; background-position: 0 -100px; }
a:focus > .sf-sub-indicator, a:hover > .sf-sub-indicator, a:active > .sf-sub-indicator, li:hover > a > .sf-sub-indicator, li.sfHover > a > .sf-sub-indicator {	background-position: -10px -100px;}

.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }
.sf-menu ul a:focus > .sf-sub-indicator, .sf-menu ul a:hover > .sf-sub-indicator, .sf-menu ul a:active > .sf-sub-indicator, .sf-menu ul li:hover > a > .sf-sub-indicator, .sf-menu ul li.sfHover > a > .sf-sub-indicator { background-position: -10px 0; }

.sf-shadow ul { 	background:	url('images/shadow.png') no-repeat bottom right; padding: 0 8px 9px 0; -moz-border-radius-bottomleft: 17px;	-moz-border-radius-topright: 17px;	-webkit-border-top-right-radius: 17px;	-webkit-border-bottom-left-radius: 17px; }
.sf-shadow ul.sf-shadow-off { background: transparent; }

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; 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:link 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; }


.sf-menu a, .sf-menu a:visited  { color:#d7c4b7; }
.sf-menu li { /** background: #cccccc; **/ }
.sf-menu li li { background:#3f2816; }
.sf-menu li li li {	background:#31160f; }
.sf-menu li:hover, .sf-menu li.sfHover, .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {	background:#573625;	color:#ffffff; }

/** 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, img, .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;
}
	/** 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 **/