/*
	Theme Name: ROGER LiVE
	Theme URI: http://www.roger-live.com
	Description: ROGER LIVE is adapted by <a href="http://www.roger-live.com">Marco Siebertz</a><BR>&radic; Please read: <a href="http://creativecommons.org/licenses/by-nc-sa/2.5/">http://creativecommons.org/licenses/by-nc-sa/2.5/</a><br> 
	Version: 1.0
	Author: Marco Siebertz
	Author URI: http://www.rogermagazine.net
*/



/*---Seitenraster und Flaechen---*/

body {
background-color: #333333;	
}

#pageHeader { 
	background-image: url(images/header.gif);
	background-color: white;
	max-width: 840px;
	height: 141px;
	background-repeat: no-repeat;
	position: relative;
	margin-top: 30px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px; 
	}

#pageHeaderlink { 
	background-image: url(images/header.gif);
	background-color: white;
	width: 840px;
	height: 141px;
	position: absolute;
	top: 0px;
	left: 0px;
	}

#pageHeaderlinkblog { 
	background-image: url(images/linkblog.gif);
	background-color: white;
	width: 20px;
	height: 43px;
	position: absolute;
	top: 98px;
	left: 697px;
	}

#pageHeaderlinkwho { 
	background-image: url(images/linkwho.gif);
	background-color: white;
	width: 20px;
	height: 35px;
	position: absolute;
	top: 106px;
	left: 737px;
	}


#mainlayer {
	position: absolute;	
	background-color: white;
	padding: 10px 0 20px 20px; /*top right bottom left*/
	margin-top: 141px;
	margin-bottom: 10px;
	width: 460px;
}
	
#teaser_1 {
	position: absolute;
	top: 15px;
	left: 20px;
	border-style: solid;
	border-color: #cccccc;
	border-width: 1px;
	background-color: yellow;
	background-image: url(Teaser_Rotation_1/rotator.php);
	width: 55px;
	height: 55px;
	}

#teaser_2 {
	position: absolute;
	top: 15px;
	left: 90px;
	border-style: solid;
	border-color: #cccccc;
	border-width: 1px;
	background-color: yellow;
	background-image: url(Teaser_Rotation_2/rotator.php);
	width: 55px;
	height: 55px;
	}

#teaser_3 {
	position: absolute;
	top: 15px;
	left: 160px;
	border-style: solid;
	border-color: #cccccc;
	border-width: 1px;
	background-color: yellow;
	background-image: url(Teaser_Rotation_3/rotator.php);
	width: 55px;
	height: 55px;
	}	
#teaser_4 {
	position: absolute;
	top: 15px;
	left: 230px;
	border-style: solid;
	border-color: #cccccc;
	border-width: 1px;
	background-color: yellow;
	background-image: url(Teaser_Rotation_4/rotator.php);
	width: 55px;
	height: 55px;
	}
#teaser_5 {
	position: absolute;
	top: 15px;
	left: 300px;
	border-style: solid;
	border-color: #cccccc;
	border-width: 1px;
	background-color: yellow;
	background-image: url(Teaser_Rotation_5/rotator.php);
	width: 55px;
	height: 55px;
	}
#teaser_6 {
	position: absolute;
	top: 15px;
	left: 370px;
	border-style: solid;
	border-color: #cccccc;
	border-width: 1px;
	background-color: yellow;
	background-image: url(Teaser_Rotation_6/rotator.php);
	width: 55px;
	height: 55px;
	}

#pt-random{
	position: relative;
	margin-bottom: 0px;
	margin-top: 10px;
	font-size:70%;
	color: black;
	text-align:left;
	}
	
#sidebar_1 {
	position: absolute;
	top: 0px;
	left: 480px;
	background: white; 
	background-image: url(images/background_linklist.gif);
	background-repeat: repeat;
	width: 165px;
	font: 10px verdana #A50069;
	padding: 50px 5px 50px 10px;
	font-size:80%;
	color:#6C534A;
	text-align:left;
	}
	
#sidebar_2 {
	position: absolute;
	top: 0px;
	left: 660px;
	background-color: yellow;
	background-image: url(images/background_linklist2.gif);
	background-repeat: repeat;
	width: 165px;
	font: 10px verdana #A50069;
	padding: 50px 5px 50px 10px;
	font-size:80%;
	color:#6C534A;
	text-align:left;
	}
	

#footer {
	background-color: white;
	position: relative;
	margin-bottom: 0px;
	width: 458px;
	font-size:70%;
	color: black;
	padding-top: 40px;
	text-align:left;
	}

textarea {
	width: 440px;
	}

/*---Sidebar manuell----*/

.submenu {
}

.submenu a {
	display: inline;
	width:100%;
	background-repeat:no-repeat;
	padding:1px;
	padding-left:0px;
}

.submenu a:hover {
	background-color:#ffffff;
}


.submenu ul {
	list-style-type: none;
	border-bottom-width:0px;
	border-left-width: 0px;
	border-right-width:0px;
	border-top-width:0px;
	border-style: solid;
	padding:0px 5px 0px 10px;
	width:140px;
	text-align:left;
	border-color:#cccccc;
	}

.submenu li li{
	width:110px;
	padding:0px 0px 0px 10px;
	margin:0px;
	border-bottom: 1px solid #cccccc;
}


.submenu li{
	width:110px;
	padding:0px 0px 0px 10px;
	margin:0px;
}

.submenu h2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	color: #333333;
	}

.commentlist p {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	color: #333333;
	}

	
/*-------UNESCO SITE-------*/	
/* @group Blog Post */
        
/*
#content {
	font-family: Georgia, "Times New Roman", Times, serif;
	line-height: 140%;
	}
*/

.cleaner {
    clear: both;
        }
/* this fixes a bug in safari. it ignores the margin unless a div has height. this applies height then removes it */

.cleaner-alt {
margin: -1px -1px 0px 0px;
height: 0px;
clear: both;
overflow:hidden;          
	}
	

	
.float img {
	float:left;
	}

.float-right {
	float:right;
	}


.blog-post {
	margin:20px -50px 0 0; 
	padding:17px 0px 0px 0;
	}
.post-info p {
	margin:0px;
	}
.blog-post h4 {
	font-size:16px;
	width:400px;
	margin:0px;
	padding: 0px 0px 0px 0px;
	}
.blog-post-body {
	clear:both;
	margin:0px 0 0px 0;
	padding:14px 0 0 0;
	line-height: 140%;
	}
.blog-post-body p {
	font-size:12px;
	margin:0 0 12px 0;
                        }
.blog-post-body div.embedded-video {
	text-align:center;
	margin:0 0 15px 0;
	}
.blog-post-body img, img.embedded-image {
	margin: 0px 10px 10px 0;
	background:#fff;
	padding:1px;
	border:1px solid #ccc;
	}
div.votes {
	height:22px;
	font-style:italic;
	color:#808080;
	}



p.post-info {
	font-family: Arial, Helvetica, sans-serif;
	color:#808080;
	margin:0px;
	padding:0px;
	font-size:11px;
	}	
p.themes {
	color:#808080;
	font-size:11px;
	margin:0px;
	}
.post-info a {
	text-decoration:none;
	color:#4d4d4d;
	}
.post-info a.light {
	color:#808080;
	}						
.post-info a:hover {
	color:#0089bf;
	}
           
                                               
                       
/* @group Links */
a {
	color:#0089bf;
	text-decoration: none;
	font-weight: normal;
	}

a:hover {
	text-decoration: none;
	font-weight: normal;
	}
		
a.blue {
	color:#0089bf;
	text-decoration: none;
	font-weight: normal;
	}

a.blue:hover {
	text-decoration:none;
	font-weight: normal;
	}

a.red-italic {
	color:#ee3424;
	text-decoration:underline;
	font-style:italic;
	}
                                               
/* @end */


/*---Font---*/

body {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	/*margin: 0 0 0 0; top right bottom left*/	
	}

p {
	width: 80%;
	}
	
#commentform {
	font-family: Arial, Helvetica, sans-serif;
	color:#808080;
	margin:0px;
	padding:0px;
	font-size:11px;
	}
	
li {
	list-style-type: none;
	line-height: 150%;	
	}


h1, h2, h3, h4, h5 {
	font-weight:normal;
	}

h1 {

	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	font-weight: bold;
	color: #000000;
	}

h2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	font-weight: normal;
	color: #0099cc;
	}

h4 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	color: #0099cc;
	}
/*---meine CSSs zuende---*/