/*  
Theme Name: Ambient Moonlight
Theme URI: http://yovko.net/ & http://www.ambientdefocus.com
Description: The original <a href="http://yovko.net">YOVKO.NET</a> theme since 2007. Inspired by jowra.com, yovko.net and several others.
Version: 0.9.1
Author: George Ivanov
Author URI: http://www.ambientdefocus.com/
*/


/* --- INITIALIZING --- */

html, body, form, fieldset {
	margin: 0;
	padding: 0;
	font: 100%/120% Verdana, Arial, Helvetica, sans-serif;
}

h1, h2, h3, h4, h5, h6, p, blockquote, pre, ul, ol, dl, li, dd, address {
	margin: 0;
	padding: 0;
}

form label {
	cursor: pointer;
}

.inside {
	width:740px;
	margin:0px auto;
	}
	
fieldset {
	border: none;
}

input, select, textarea {
	font-size: 100%;
	border: none;
}

/* --- STANDARD ELEMENTS --- */

html, body { height: 100%; background: url(background.png) top center repeat-y #e9e9e9; text-align: center; }
body {
	width: 766px;
	margin: 0 auto;
	padding: 0 53px;
	background: url(images/background.png) top center repeat-y transparent;
	font-size: 70%;
	font-family: Verdana, Arial, Helvetica, 'Trebuchet MS', Verdana, 'Lucida Sans', 'Lucida Sans Unicode', sans-serif;
}

body div#toolTip { position: absolute; z-index: 1000; width: 220px; background: url(images/favicon.png) top left no-repeat #fffdf9; border: 1px solid #C04000; text-align: left; padding: 2px 5px 2px 23px; min-height: 1em; }
body div#toolTip p { line-height: 1.2em; color: #295959; width: 220px; text-transform: uppercase; font-size: 93%; font-family: 'Trebuchet MS', Verdana, Arial, Helvetica, 'Lucida Sans', 'Lucida Sans Unicode', sans-serif; }
body div#toolTip p em { display: block; width: 220px; color:#786; font-style: normal; }
body div#toolTip p em span { color: #295959; }

h1, h2, h3  { font-weight: normal; font-variant: small-caps; font-family: Georgia, Arial, Verdana, Tahoma, Helvetica, 'Trebuchet MS', 'Lucida Sans', 'Lucida Sans Unicode', sans-serif; line-height: 1.1em; }
h1 { padding-top: 40px; }
h2 { padding-top: 20px; font-size: 145%; }
h3 { padding-top: 15px; }
h1, h1 a, h2, h2 a, h3, h3 a { color: #295959; }

p { line-height: 1.5; }

a { text-decoration: none; color: #c04000; }

a.orange { color: #c04000 !important; }

#thumbz img { border: 1px solid #d9d9d9; background-color: #f9f9f9; padding: 4px; margin: 4px 4px 0 0; }
#thumbz a:hover img { border: 1px solid #9a8; background-color: #f0f5f0; }

acronym { border-bottom: 1px dashed #cdb; }
small { font-size: 93%; }

/* --- HEADER --- */


#header-link { display: block; width: 834px; height: 200px; }

/* --- MENU --- */

#menu { position: absolute; bottom: 0; right: 0; padding: 0 15px 19px 0; list-style-type: none; float: right; font-size: 110%; }
#menu li { float: left; }
#menu a { color: #888; }
#menu a:hover { color: #c04000; }
#menu .active { color: #c04000; }
#menu .separator { margin: 0 10px; }

/* --- CONTENT --- */

#content { width: 545px; float: left; text-align: justify; }
#content img { margin: 4px 8px 0 0; }
#content img.normal { float: none; margin: 0; }
#content img.c { display: block; margin-left: auto; margin-right: auto; }
#content img.r { float: right; }
#content img.l { float: left; }
#content p { padding: 15px 0 0 0; color: #393939; }
#content p em { font-family: Georgia, 'Trebuchet MS', 'Times New Roman', Times, serif; line-height: 1.3; color: #444; }
#content h1, h1 a, h2, h2 a, h3, h3 a { color: #295959 !important; }
#content ol, ul { margin-left: 2.5em; }
#content ol { padding-top: 15px; }
#content .narrow-column { width: 260px; padding-top: 20px; }
#content .narrow-column a { color: #393939; }
#content .narrow-column a:hover { color: #c04000; }
#content .narrow-column ul { list-style-type: none; margin: 10px 0 20px 0; }
#content .narrow-column li {  color: #786;  background: url(images/dot.gif) bottom left repeat-x transparent; padding: 5px 0; }
#content .postmeta { clear: both; margin-top: 15px; padding-top: 5px; text-transform: uppercase; font-family: 'Trebuchet MS', Verdana, Arial, Helvetica, 'Lucida Sans', 'Lucida Sans Unicode', sans-serif; color: #786; background: url(images/dot.gif) top left repeat-x transparent; font-size: 93%; }
#content.archive p { color: #786; }
#content.archive a { color: #333; }
#content.archive a:hover { color: #c04000; }

p.description { font-family: Georgia, 'Trebuchet MS', 'Times New Roman', Times, serif; color: #595959 !important; font-style: italic; margin: 0 25px; line-height: 1.3em !important; }
p.description img { float: none !important; }

p.download { background: url(images/download.jpg) no-repeat 0px -60px; width: 335px; margin: 15px 25px 0 25px; padding: 0 0 0 65px !important; float: none }
p.download:hover { background-position: -60px 0px; }

#content .center { text-align: center; }

.navigation { font-size: 11px; padding: 4px 0 0 0;}
.alignleft { float: left; text-align: left; }
.alignright { float: right; margin-top: -1px; text-align: right; }

/* --- SIDEBAR --- */

#sidebar { text-align: left; padding-top: 20px; width: 185px; float: right; color: #786; }
#sidebar h2 { padding-top: 13px; }
#sidebar ul { list-style-type: none; margin: 10px 0 20px 0; }
#sidebar ul ul ul { list-style-type: none; margin: 0 0 0 0; }
#sidebar ul ul ul li { padding-left: 10px; }
#sidebar li { padding-top: 5px; }
#sidebar a { color: #393939; }
#sidebar a:hover { color: #c04000; }
#sidebar input { border: 1px solid #e0e0d0; }
#sidebar .art { background-image: none; }
#sidebar .art img { margin: 2px 8px 0 0; }
#sidebar .art a { float: left; }
#sidebar .art p { line-height: 1.1; }
#sidebar img.moonphase { float: left; }

/* --- FOOTER --- */

#footer {
	width: 766px;
	clear: both;
	text-align: center;
	text-transform: uppercase;
	font-family: 'Trebuchet MS', Verdana, Arial, Helvetica, 'Lucida Sans', 'Lucida Sans Unicode', sans-serif;
	color: #888;
	padding: 35px 0 10px 0;
	font-size: 93%;
}

#footer a {	color: #345; }
#footer a:hover { color: #c05900; }
#footer .left { float: left; width: 200px; text-align: left; }
#footer .center { text-align: center; }
#footer .right { float: right; width: 200px; text-align: right; }



/* --- GENERAL --- */

#sideblog p { margin: 0.5em 0; color: #393939 !important; }
#sideblog p a { color: #c05900 !important; }

.noborder { border: none; padding: 0; }
.gravatar { margin: 4px 8px 0 0; float: left; }
.clear { clear: both; }
.left { float: left; }
.right { float: right; }
.center { float: none !important; }
.feed { background: url(images/feed.png) left center no-repeat; padding-left: 18px; }
.navigation { padding-top: 20px; }
.via { text-align: right; }
.feedicon { border: none !important; padding: 0; margin-bottom: -2px; width: 22px; height: 11px; }


/* --- ADDITIONAL REDEFINITIONS */
/* ============================ */

#content pre {
	border-top: 1px dashed #bca;
	border-bottom: 1px dashed #bca;
	margin: 1em 0 0 0;
	padding: 10px;
	background-color: #F2F4F0;
}

#content code { font-size: 125%; text-align: left; }
#content p { font-size: 110%; line-height: 1.5; }
#content li {  font-size: 110%; line-height: 1.5;}
#content blockquote p {
	margin: 1em 3em 0 2em;
	padding: 10px;
	font-style: italic;
	font-family: Georgia, 'Trebuchet MS', 'Times New Roman', Times, serif;
	background-color: #F2F4F0;
	border-top: 1px dashed #bca;
	border-bottom: 1px dashed #bca;
	color: #495039;
}
#author, #email, #url, code. {
	border: none;
	width: 230px;
	padding: 3px 3px 3px 0;
	font-family: Verdana, Arial, Helvetica, 'Trebuchet MS', Verdana, 'Lucida Sans', 'Lucida Sans Unicode', sans-serif;
	font-size: 93%;
	background: url(images/dot.gif) bottom left repeat-x;
}
#content label { color: #786; }
#content .posting-details {
	clear: both;
	line-height: 1.2em;
	color: #675;
	margin-top: 15px;
	background: url(images/dot.gif) top left repeat-x;
}
#comments  {
	text-align: center;
	padding: 10px 0;
	margin: 20px 0 0 0;
	background-color: #F2F4F0;
	color: #495039;
}
#respond  {
	text-align: center;
	padding: 10px 0;
	margin: 20px 0 0 0;
	background-color: #F2F4F0;
	color: #495039;
}
#comment  {
	background-color: #FFF;
	border: 1px solid #bca;
	border-right: 1px solid #bca;
	font-family: Verdana, Arial, Helvetica, 'Trebuchet MS', Verdana, 'Lucida Sans', 'Lucida Sans Unicode', sans-serif;
	padding: 5px;
	width: 530px;
}

#submit {
	width: 543px;
	padding: 2px;
	background: #FFFFFF;
	text-align: center;
	text-decoration: none;
	border: 1px solid #bca;
	border-right: 1px solid #bca;
	font-weight: bold;
	cursor: pointer;
}


#submit:hover { /*-- does not work in IE --*/
	background-color: #EFEDED;
}

#content .allowed-tags { color: #786; margin: 3px 0; padding: 0; line-height: 1em; }
#content p.reply { margin: 5px 0; padding: 0; }

/* --- COMMENTS --- */

#content ul.commentlist { list-style-type: none; margin: 25px 0 0 0; }
#content ul.commentlist li { background: url(images/dot.gif) bottom left repeat-x; padding-bottom: 10px; margin-bottom: 20px; font-size: 93% !important; line-height: 1.2em !important; }
#content ul.commentlist li.alt { }

/* --- SEARCH --- */

#s {
	width: 164px;
	padding: 3px 3px 3px 0;
	color: #786;
	font-family: Verdana, Arial, Helvetica, 'Trebuchet MS', Verdana, 'Lucida Sans', 'Lucida Sans Unicode', sans-serif;
	font-size: 11px;
	height: 15px;
	vertical-align: middle;
}

/* --- PHOTOBLOG LATEST PIC --- */
.photoblog {
	border: 1px solid #d9e9c9;
	padding: 3px;
	background: #ffffff;
        display: block;
        margin-left: auto;
        margin-right: auto;
}

/* --- COMMENT EDIT BUTTONS --- */
#ed_toolbar {
 	background: #F2F4F0;
 	border: 1px solid #F2F4F0;
 	padding-left: 5px;
	}
#ed_bold {
 	background: url(images/bold.gif) no-repeat top;
 	height: 22px;
 	width: 22px;
	border: 0px none;
	margin-left: 5px;
	}
#ed_italic {
 	background: url(images/italic.gif) no-repeat top;
	height: 22px;
 	width: 22px;
 	border: 0px none;
 	margin-left: 5px;
	}
#ed_link {
 	background: url(images/link.gif) no-repeat top;
 	height: 22px;
 	width: 22px;
 	border: 0px none;
 	margin-left: 5px;
	}
#ed_close{
 	background: url(images/close.gif) no-repeat top;
 	height: 22px;
 	width: 22px;
 	border: 0px none;
 	margin-left: 25px;
}
/* classes "tagX" for formatting the different font-sizes */

.tag1 { font-size: 11px; color: #479;} /* smallest font */
.tag2 { font-size: 13px; color: #659;}
.tag3 { font-size: 15px; color: #859;}
.tag4 { font-size: 17px; color: #a59;}
.tag5 { font-size: 19px; color: #b49;}
.tag6 { font-size: 21px; color: #b49;}
.tag7 { font-size: 23px; color: #c3a;}
.tag8 { font-size: 25px; color: #d2a;}
.tag9 { font-size: 27px; color: #e1a;} /* largest font */
