/*

	Title: Tom Krcha's - FlashRealtime.com default screen styles
	Author: robin@yellowmedia.cz
	Copyright: 2009, YellowMedia Creative, s.r.o.  All rights resevered. Please don't steal.
	
*/

@import "reset.css";

body {
	font-family: "Lucida Grande", Helvetica, sans-serif;
	font-size: 12px;
	color: #333;
	background: black url("../images/bg-html.gif") repeat-y center top;
	text-align: left;
}

hr {
	display: none;
}

p {
	line-height: 19px;
	margin-bottom: 20px;	
}

p, h2, h3, h1, h4, li {
	/*display: none;*/
}

textarea {
	width: 100%;
}

/* @group Links */

a {
	color: #cb0100;
	text-decoration: none;
	border-bottom: 1px solid #ddd;
	padding-bottom: 1px;
}

a:hover {
	color: #930100;
}

/* @end */

/* @group Headers */

h2 {
}

h3, h2#postcomment, h2#comments  {
	font-family: "Lucida Grande", Helvetica, sans-serif;
	/*font-family: Georgia, serif;*/
	font-weight: bold;
	font-size: 24px;
	letter-spacing: -1px;
}

h4 {
	font-size: 18px;
}

/* @end */

/* @group Wrapper */

div#root {
	background: url("../images/bg.jpg") no-repeat top center;
}

div#wrapper {
	width: 880px;
	margin: 0 auto;
	text-align: left;
	background: url("../images/bg-footer.jpg") no-repeat center bottom;
}

div.in {
	padding: 60px 20px;
}

.cleaner {
	clear: left;
}

/* @end */

/* @group Top */
	
	div#top h1 a {
		border: 0;
		padding: 0;
	}

	div#top h1 img {
		margin: 61px 0 0 217px;
		-webkit-opacity: 1;
		opacity: 1;
		-moz-opacity: 1;
	}
	
	div#top h1 a:hover img {
		-webkit-opacity: 0.7;
		opacity: 0.7;
		-moz-opacity: 0.7;		
	}
	
	div#top h2 {
		font-size: 13px;
		float: right;
		width: 140px;
		line-height: 18px;
		margin: -30px 75px -30px 0;
		font-style: italic;
		font-family: Georgia, serif;
		font-weight: normal;
	}

/*@ end */

/* @group Main */
	
	div#main {
		width: 520px;
		float: left;
		margin-left: 28px;	
	}
	
	div#main div.item h3 {
		border-bottom: 1px solid #ccc;
		padding-bottom: 10px;
		margin-bottom: 10px;
		text-align: center;
	}
	
	div#main div.item h3 a {
		padding: 0;
		border: 0;
	}
	
	div#main div.item h4 {		margin-bottom: 20px;
		font-size: 12px;
		font-family: Georgia, serif;
		text-align: center;
		font-weight: normal;
		letter-spacing: 3px;
		color: #777
	}
	
/*@ end */

/* @group Sidebar */
	
	div#sidebar {
		width: 281px;
		float: left;
	}
	
	div#sidebar h3 {
		font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
		font-weight: bold;
		font-size: 22px;
		margin-bottom: 20px;
		text-align: center;
		
		/*border-bottom: 1px solid #ccc;*/
	}
	
	div#sidebar ul {
		margin-bottom: 20px;
		border-top: 0px solid #ccc;
	}
	
	div#sidebar ul li {
		list-style: none;
		line-height: 18px;
		border-bottom: 1px solid #ccc;
		padding: 5px 0;
	}
	
	div#sidebar ul li a {
		border: 0;
		padding: 0;
	}
	
	div#sidebar div#events {
		width: 228px;
		height: 340px;/*298px;*/
		background: url(../images/bg-events.gif) no-repeat top center;
	}
	
	div#sidebar div#events ul {
		padding: 18px 20px 20px 20px;
	}
	
	div#sidebar div#events ul li {
		list-style: none;
		font-size: 11px;
		line-height: 16px;
		margin-bottom: 5px;
	}
	
	div#flags {
		text-align: center;
		margin: 20px 0;
	}
	
	div#flags a {
		border: 0;
		padding: 0;
	}
	
	div#flags img {
		position: relative;
		left: -2px;
		margin-right: 6px;
	}
	
	div#sidebar h4 {
		border-bottom: 1px solid #ccc;
		padding-bottom: 10px;
		margin-bottom: 10px;
	}

/*@ end */

/* @group Footer */
	
	div#footer {
		clear: left;
		
	}
	
	div#footer div.in {
		text-align: left;
		padding: 80px 0 20px 30px;
	}
	
	div#footer div.in p {
		margin: 0;
		color: #666;
		font-size: 11px;
		line-height: 16px;
	}
	
	div#footer div.in p a {
		color: #999;
		padding: 0;
		border: 0;
	}
	
	div#footer div.in p a:hover {
		color: white;
	}

/*@ end */

h2#postcomment, h2#comments { margin-bottom: 20px; }
ol#commentlist li { margin-bottom: 20px; border-bottom: 1px solid #ccc; padding: 20px; background: #ede7c1; }
ol#commentlist li img.avatar { float: left; border: 1px solid #ccc; padding: 3px; background: white; margin: 0 20px 20px 0 }
ol#commentlist li p, label small { display: inline; font-family: Georgia, serif; font-style: italic; font-size: 14px; }
ol#commentlist li p cite { display: block; margin-top: 20px; font-family: Monaco, monospace; font-size: 11px; font-style: normal; }
ol#commentlist li.comment-author-tom { background: #eee; }


div#main img.alignleft { float: left; margin: 0px 10px 5px 5px }

li { line-height: 22px }

cite {
		display: block;
		background: #b28744;
		padding: 20px;
		border: 1px solid #694720;	
}

cite a {
		color: #e5d48b;
		border-color: #694720;
		border-style: dashed;	
}

em {
	font-style: italic !important;
}