@charset "UTF-8";
/*
Theme Name: JungeRoemer.fm
Theme URI: http://www.jungeroemer.fm/
Description: JungeRoemer.fm Theme
Version: 0.1
Author: Marcel Mueller
Author URI: http://www.denisundich.de/
Tags: jungeroemer
*/

input:focus, input:active
{
	outline: none;
}

a:link, a:visited, a:active
{
	color: #009cff;	
	text-decoration: none;
}

a:hover
{
	/*color: #BFA450;*/
	color: #BFA450;
	text-decoration: none;
}

body
{
	background: url(images/bg-pattern.jpg) repeat;	
	font-family: Helvetica, Arial;
	font-size: 12px;
	color: #FFF;
	height: 100%;
}

#pageWrapper
{
	position: absolute;
	width: 1000px;
	top: 0;
	left: 50%;
	margin-left: -500px;
	padding: 0;
	height: auto; !important
	height: 100%;
	overflow: hidden;
	-webkit-box-shadow:0 0 32px rgba(0, 0, 0, 0.85); 
	-moz-box-shadow: 0 0 32px rgba(0, 0, 0, 0.85); 
	box-shadow:0 0 32px rgba(0, 0, 0, 0.85);
}

#pageBody
{
	width: 1000px;
	height: auto;
	background-color: #000;
	height: auto; !important
	height: 100%;
	overflow: hidden;
}

#pageFooter
{
	width: 1000px;
	height: 50px;
	background-color: #009cff;
	line-height: 50px;
	clear: both;
}

#pageContent
{
	margin-top: 10px;
	width: 630px;
	margin-left: 20px;
	float: left;
}

.pageSidebar
{
	width: 310px;
	margin-left: 670px;
	margin-top: 10px;

}

#pageHeader
{
	margin-left: 20px;
	padding-top: 10px;
	width: 960px;
	height: 110px;
	border-bottom: 2px solid #009cff;
}

/*
 *	Post Styles
 */
 
div.post .headline
{
	font-size: 22px;
	text-transform: uppercase;
}

div.post .headline a
{
	color: #FFF;
	text-decoration: none;
}

div.post .headline a:hover
{
	color: #BFA450;
	text-decoration: none;
}

div.post .postmeta
{
	font-size: 14px;
	color: #009cff;
}
 
.inline-icon { margin-right: 4px; vertical-align: top; height: 16px; width: 16px;}
.user-icon { background: transparent url(./images/icon-user.png) top left no-repeat; }
.cal-icon { background: transparent url(./images/icon-cal.png) top left no-repeat; }
.comment-icon { background: transparent url(./images/icon-comment.png) top left no-repeat; }
.posted-meta { white-space: nowrap; margin-right: 10px;}

div.post .postimage { background: #000; width: 630px; margin-top: 10px;}

div.post .postcontent, div.nocontentfound, div.post .postcontentlong
{
	color: #CCC;
	font-size: 14px;
	padding-top: 10px;
	line-height: 1.5em;
}

div.post .postcontentlong
{
	display: none;
}

div.post .postfooter
{
	font-size: 14px;
	margin-top: 10px;
	height: 25px;
	line-height: 25px;
}

div.post
{
	margin-bottom: 40px;	
}

.widget
{
	width: 310px;
	margin-bottom: 30px;
}

.widgetTitle
{
	text-transform: uppercase;
	border-bottom: 2px solid #009cff;
	font-size: 12px;
	margin-bottom: 5px;
}

.widgetContent
{
	color: #CCC;
	font-size: 14px;
	line-height: 1.5em;
}

.widgetContent ul
{
	list-style-type: none;	
	margin: 5px;
}

.widgetContent ul li a
{
	color: #CCC;
	text-decoration: none;
}

.widgetContent ul li a:hover
{
	color: #fff;
}

.sbookmark
{
	width: 310px;
	height: 68px;
	margin-bottom: -10px;
}

.sbookmark img
{
	padding: 10px 10px 0 10px;
}

.sbookmark-text
{
	line-height: 68px;
}

.clear
{
	clear: both;
}

.post-category
{
	float: left; 
	width: 505px;	
}

.post-readmore
{
	margin-left: 505px; width: 125px; background-color: #009cff; text-align: center;	
}

.post-readmore a
{
	color: #FFF;
	text-decoration: none;
}

.sidebarArchives a
{
	color: #CCC;
	text-decoration: none;
}

.archivesList
{
	list-style-type: none;	
	margin: 5px;
}

.archivesList li a:hover
{
	color: #fff;
}

h1
{
	margin: 0;	
	font-size: 28px;
}

.blue
{
	color: #009cff;	
}

.regular
{
	font-weight: normal;	
}

.uppercase
{
	text-transform: uppercase;	
}

.navlist li
{
	display: inline;
	list-style-type: none;
	padding-right: 30px;
	text-transform: uppercase;
	font-size: 14px;
}

.navlist li a
{
	color: #FFF;	
}

.navlist li a:hover
{
	color: #BFA450;	
}

.logo
{
	float: left;	
}

#navigation
{
	margin-left: 240px;
	margin-top: 75px;
}

.left
{
	float: left;	
}

.navlink
{
	text-align: center;	
	font-size: 14px;
	margin-bottom: 10px;
}

.navlink a
{
	color: #FFF;	
}

.commentlist
{
	padding: 0;
	margin: 0 0 30px 0;
	line-height: 180%;
	font-size: 100%;
}

.commentlist li.clist
{
	list-style-type: none;
	padding: 0 0 10px 0;
	margin: 0;
	display: block;
	margin: 20px 0 0 0;
	border-bottom: 1px dotted #009cff;
}

.commentlist li.clist-author
{
	list-style-type: none;
	padding: 0 0 10px 0;
	margin: 0;
	display: block;
	margin: 20px 0 0 0;
	border-bottom: 1px dotted #f0e372;
}

.commentlist li.clist-admin
{
	list-style-type: none;
	padding: 0 0 10px 0;
	margin: 0;
	display: block;
	margin: 20px 0 0 0;
	border-bottom: 1px dotted #7ef072;
}

.comment-author
{
	float: left;
	width: 100px;
	min-height: 150px;
}

.comment-author p
{
	font-size: 12px;
	line-height: 1.5em;
	padding: 0;
	margin: 0;
}

.comment-author span
{
	display: block;	
	color: #999;
}

.single-comment
{
	float: right;
	padding: 0 10px 0 10px;
	border: 1px solid #009cff;
	width: 440px;
	min-height: 150px;
	background: #111;
}

.single-comment-author
{
	float: right;
	padding: 0 10px 0 10px;
	border: 1px solid #f0e372;
	width: 440px;
	min-height:150px;
	background: #111;
}

.single-comment-admin
{
	float: right;
	padding: 0 10px 0 10px;
	border: 1px solid #7ef072;
	width: 440px;
	min-height: 150px;
	background: #111;
}

.single-comment p
{
	font-size: 12px;
	line-height: 1.5em;
	margin-bottom: 10px;
}

.comment-subline
{
	float: right;
	width: 460px;
	color: #999;
	text-align: right;
}

.comment-subline-author
{
	float: right;
	width: 460px;
	color: #999;
	text-align: right;
}

.comment-subline-admin
{
	float: right;
	width: 460px;
	color: #999;
	text-align: right;
}

.comment-subline a
{
	color: #009cff;
}

.comment-subline-author a
{
	color: #f0e372;
}

.comment-subline-admin a
{
	color: #7ef072;
}

.comment-subline a:hover, .comment-subline-author a:hover, .comment-subline-admin a:hover
{
	color: #BFA450;
}

.single-comment p img.wp-smiley{border:none;border:0;padding:0;background:none;float:inherit;margin:0;}

.avatar {float:left;padding:3px;border:1px solid #EAE9E9;background:#fff};

.replyarea
{
	width: 630px;	
}

.replyrow
{
	margin-left: 35px; width: 595px; margin-top: 15px; border-bottom: 1px dotted #333;
}

.replyleft
{
	width: 100px; float:left;
}

.replyright
{
	margin-left: 130px; width: 465px; padding: 0;
}

.replyright input
{
	margin: 0;
	padding: 0;
	width: 463px;
	border: 1px solid #999;
	background-color: #FFF;
	font-family: Helvetica, Arial;
	font-size: 14px;
}

.replyright input:hover
{
	border: 1px solid #009cff;
}

.replyright textarea
{
	margin: 0;
	padding: 0;
	width: 463px;
	border: 1px solid #999;
	background-color: #FFF;
	height: 150px;
	font-family: Helvetica, Arial;
	font-size: 14px;
}

.replyright textarea:hover
{
	border: 1px solid #009cff;
}

.replyright input.btn
{
	border: 1px solid #009cff;
	background-color: #009cff;
	height: 25px;
	color: #FFF;
	font-size: 14px;
	width: 465px;
	font-family: Helvetica, Arial;
}

.replyright input.btn:hover
{
	border: 1px solid #fff;
}

.replyright label.error
{
	display: block;
	margin: 0;
	padding: 0;
	text-align: center;
	line-height: 25px;
	width: 463px;
	height: 25px;
	background-color: red;
	border: 1px solid red;
	font-size: 14px;
	font-family: Helvetica, Arial;
	margin-top: 10px;
	text-transform: uppercase;
}

.cfi
{
	border: none;	
}

.red
{
	color: red;	
}

.widgetContent p
{
	padding: 0;
	margin: 0;
}

.pagesearch input, .widgetContent input
{
	color: #666;
	margin: 0;
	padding: 0;
	width: 308px;
	border: 1px solid #999;
	background-color: #FFF;
	font-family: Helvetica, Arial;
	font-size: 14px;	
	margin-top: 5px;
}

.pagesearch input:hover, .widgetContent input:hover
{
	border: 1px solid #009cff;	
}

.pagesearch input.btn, .widgetContent input[type="submit"]
{
	border: 1px solid #009cff;
	background-color: #009cff;
	height: 25px;
	color: #FFF;
	font-size: 14px;
	width: 310px;
	font-family: Helvetica, Arial;
	margin-top: 5px;
}

.pagesearch input.btn:hover, .widgetContent input[type="submit"]:hover
{
	border: 1px solid #fff;	
}

.comment_arrow
{
	position:absolute;top:25px;left:-17px;
}

.postshare
{
	width: 630px;
	vertical-align: top;
	border-top: 1px dotted #333;
	border-bottom: 1px dotted #333;
	padding: 10px 0px 10px 0px;
}

.postsharewrapper
{
	width: 140px;	
}

.tshare
{
	float: left;	
	width: 70px;
}

.fbshare
{
	float: right;
	width: 70px;
}

.imprint, .feed
{
	margin-left: 23px;	
}

.imprint a, .feed a
{
	color: #FFF;
	text-decoration: none;
}

.imprint a:hover, .feed a:hover
{
	color: #FFF;
	text-decoration: underline;
}

a {
	-o-transition-duration: .33s;
	-o-transition-property: color;
	-webkit-transition-duration: .33s;
	-webkit-transition-property: color;
	-moz-transition-duration: .33s;
	-moz-transition-property: color;
	transition-duration: .33s;
	transition-property: color;
}

input {
	-o-transition-duration: .33s;
	-o-transition-property: border-color;
	-webkit-transition-duration: .33s;
	-webkit-transition-property: border-color;
	-moz-transition-duration: .33s;
	-moz-transition-property: border-color;
	transition-duration: .33s;
	transition-property: border-color;
}

.pageSidebar ul.banner
{
	display: block;
	list-style-type: none;
	width: 310px;
	margin: 0 0 30px 0;
	padding: 0;
}

.pageSidebar ul.banner li, .pageSidebar ul.banner li.banneralt
{
	display: block;
	margin: 0 0 10px 5px;
	padding: 0;
	width: 300px;
}

ul.dlm_download_list
{
	list-style-type: none;	
	padding: 0;
	margin: 0;
}

.borderbox
{
	border: 1px solid #009cff;
	padding: 10px;
	background-color: #111;
}

ul.sidebarlogin_otherlinks
{
	list-style-type: none;
	display: block;
	margin: 10px 0 0 0;
	padding: 0;
}

p.rememberme
{
	margin: 10px 0 10px 0;
}

p.rememberme input.checkbox
{
	float: left;	
	width: 20px;
}

p.rememberme label
{
	float: right;	
	width: 290px;
}

ul.pagenav
{
	margin-left: 20px;	
}