/*   

Theme Name: Amsterdam Nights

Theme URI: http://www.rollsroick.de/

Description: You can have it here and now. Your Blog in the look and feel of a warm summernight in Amsterdam.

Author: Oliver Roick

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

Version: 1.5





The CSS, XHTML and design is released under GPL:

http://www.opensource.org/licenses/gpl-license.php



*/





/* Da Basics */



body {

	background-color: #141C29;

	font-family: "Tahoma", Verdana, Geneva, Arial, Helvetica, sans-serif;

	font-size: 12px;

}



a, a:visited, a:link {

	color: #2E60A9;

}



a:hover {

	text-decoration: none;

	background-color: #FFF7D1;

}



a:active {

	background-color: #FFF7D1;

}



input, textarea {

	background-color: #FFF7D1;

}



input:focus, textarea:focus {

	background-color: #FFF;

}



#wrapper {

	background-color: #2D5FA8;

	background-image: url(images/bg_main.png);

	background-repeat: repeat-y;

	margin: 20px auto;

	width: 650px;

}





/* Header */



#head {

	height: 273px;

	width: 650px;

	background-image: url(images/bg_head.png);

}



#head div#blog_title {

	font-family: "Trebuchet MS", "Tahoma", Verdana, Geneva, Arial, Helvetica, sans-serif;

	font-size: 2.5em;

	color: #FCFFF7;

	position: relative;

	top: 170px;

	left: 30px;

}



#head div#blog_title a {

	color: #FCFFF7;

	text-decoration: none;

}



#head div#blog_title a:hover {

	background-color: transparent;

}





/*Main Content*/



#main {

	width: 425px;

	float: left;

	color: #141C29;

}



#main h1, #main h2 {

	margin: 0 20px 5px 47px;

	font-family: "Trebuchet MS", "Tahoma", Verdana, Geneva, Arial, Helvetica, sans-serif;

	font-size: 2.0em;

	font-weight: normal;

	color: #2E60A9;

}



#main h2 {

	font-size: 1.5em;

}



#main h1 a, #main h2 a {

	text-decoration: none;

}



#main p, #main div.navigation, #main ul, #main div.post_info, #main div.date, #main #searchform {

	margin: 0 20px 15px 50px;

	text-align: justify;

	line-height: 1.4em;

}



#main div.navigation {

	clear: both;

}



.left {

	text-align: left;

}



.right {

	text-align: right;

}



#main div.post_info {

	border-top: 1px dotted #141C29;

}



#main div.date {

	margin-bottom: 0px;

}





/* Sidebar */



#sidebar {

	float: left;

	width: 220px;

	margin: 20px 0 0 0;

	padding: 0;

	list-style: none;

	background-image: url(images/bg_sidebar_main.png);

	background-repeat: repeat-y;

}



#sidebar h4 {

	background-image: url(images/bg_sidebar_head.png);

	background-repeat: no-repeat;

	background-color: transparent;

	font-size: 1.3em;

	font-weight: normal;

	font-family: "Trebuchet MS", "Tahoma", Verdana, Geneva, Arial, Helvetica, sans-serif;

	margin: 0;

	padding: 25px 0 14px 20px;

}



#sidebar ul {

	margin: 0;

	padding: 0 0 40px 0;

	list-style: none;

	background-image: url(images/bg_sidebar_footer.png);

	background-repeat: no-repeat;

	background-position: bottom left;

}



#sidebar ul li {

	background: transparent;

	padding: 0 0 3px 30px;

}





/*Footer*/



#footer {

	width: 650px;

	background-image: url(images/bg_footer.png);

	background-repeat: no-repeat;

	background-color: #2D5FA8;

	clear: both;

	padding-top: 50px;

	padding-bottom: 30px;

	color: #FCFFF7;

}



#footer p {

	margin: 0 50px;

	font-size: 0.8em;

	line-height: 1.5em;

}



#footer a, #footer a:link, #footer a:visited, #footer a:hover, #footer a:active {

	color: #FCFFF7;

	background: transparent;

}





/* Comment Styles */



#commentform {

	margin-bottom: 40px;

}





#commentform input, #commentform textarea {

	width: 305px;

	margin: 0 20px;

	padding: 3px;

	color: #141C29;

	font-family: "Tahoma", Verdana, Geneva, Arial, Helvetica, sans-serif;

	font-size: 1.0em;

	line-height: 1.4em;

}



#commentform input[type=submit] {

	width: 13em;

	float: right;

}



#commentform label {

	display: block;

	padding-bottom: 3px;

}





#commentlist {

	margin: 0;

	padding: 0;

	margin: 0 20px 15px 50px;

	line-height: 1.4em;

	list-style-type: none;

}



#commentlist li {

	padding: 0;

	margin: 0 0 30px 0;

}



#commentlist li p {

	padding: 0;

	margin:  0 3px 10px 3px;

}



#commentlist cite {

	display: block;

	background-color: #FFF7D1;

	padding: 3px;

	font-style: normal;

	font-weight: bold;

	margin-bottom: 3px;

}



#searchform input[type=submit] {

	margin-top: 2px;

}





/*Comments Popup*/



#comments_popup {

	background-color: #FCFFF7;

	font-family: "Tahoma", Verdana, Geneva, Arial, Helvetica, sans-serif;

	font-size: 12px;

	margin: 0;

	padding: 0;

}



#comments_popup h1#header {

	background-color: #2D5FA8;

	margin: 0 0 20px 0;

	padding: 10px;

	font-family: "Trebuchet MS", "Tahoma", Verdana, Geneva, Arial, Helvetica, sans-serif;

	font-size: 2.5em;

	color: #FCFFF7;

}



#comments_popup h1#header a {

	color: #FCFFF7;

	text-decoration: none;

}



#comments_popup h1#header a:hover {

	background-color: transparent;

}



#comments_popup #main {

	width: 100%;

}



#comments_popup #main p, #comments_popup #main h2, #comments_popup #main #commentlist {

	margin: 0 10px 15px 10px;

	padding: 0;

}



#comments_popup #footer {

	background-color: #2D5FA8;

	background-image: none;

	width: 100%;

	padding: 10px 0;

}