/*
Theme Name: Jojomo
Theme URI: http://www.johannes-moser.com
Description: The theme for Johannes Moser's Website.
Version: 1.0
Author: Johannes Zapotoczky
Author URI: http://www.zapotoczky.com
Designer: Ido Vaginsky
Designer URI: http://www.lazooz.com/

All rights reserved.

*/

body {
	border: 0;
	margin: 0 auto;
	padding: 0;
}

.post {
	clear: both;
}

h2 { font-size: 17px; padding: 0px; margin:0; font-weight: normal; }
h2.postheader { color:#637275; }

#formarea { width: 210px; height: 279px; padding: 0 0 0 10px; }
#formarea { font-family: Arial; letter-spacing: 2px; }

#formarea h3 { font-weight: normal; color: #ffffff; padding: 20px 0 0 20px; margin: 0px; font-size: 14px; }
#formarea h4 { font-weight: normal; color: #666666; padding: 0px; margin: 0 10px; font-size: 12px;}

#formarea .input {  border: 1px solid #999999; background-color: #cccccc; width: 188px; margin: 10px 0; padding: 5px 10px; }
#formarea input.text { margin: 0 10px 10px 10px; border: 1px solid #999999; width: 166px; }
#formarea input.button { background-color: #000000; color: #ffffff; float: right; margin: 0 10px 10px 10px; border: 1px solid #999999; font-family: Arial; letter-spacing: 2px; }

a { color: #666666; }
a:hover { color: #333333; }



#global { border: 0;
	margin: 81px auto 0 auto;
	overflow: hidden;
}


	
	
/* .home_bg { width: 1024px; height: 460px; overflow: hidden; } */
embed, object { border: 0; margin: 0; padding: 0; z-index: 500;
 } 
 
#top { position: fixed; z-index: 1000; background-color: #ffffff; height: 80px; width: 100%; top: 0; }
* html #top { position: absolute; }

#menu { position: relative; top: 50px; z-index: 1000; width: 100%; height: 30px; background-image: url(./img/bg-menu2.png); background-position: center;
	border-bottom: 1px solid #ffffff; margin: 0; padding: 0px 0px 0 0; text-align: center; }
* html #menu { position: absolute; }

#menushadow { position: fixed; top: 81px; z-index: 1000; height: 10px; width: 100%;  background-image: url(img/menuschatten.png); z-index: 3; }
* html #menushadow { position: absolute; display: none;  }

#menu ul { float: right;  padding: 0 124px 0 0 ; margin: 0; border: 0; line-height: 10px; }

#menu li, #menu li a { list-style-type: none; float: left;
	padding: 0px 0 0 10px; margin: 0; border: 0; }
	


img { border: 0; }


#header { background-image: url(./img/bg_header.png); background-color: #2f3c4a; background-color: #ffffff;
	 border-bottom: 1px solid #ffffff; }

#homeheader { background: url(./img/jomo_home_bg_new.png) 50% 0 no-repeat ; border-bottom: 1px solid #ffffff;
	border: 0; margin: 0; padding: 0; }
#homeheader-left { background-image: url(./img/jomo_home_bg_left.jpg);
	width: 1024px; height: 460px; overflow: hidden; position: fixed; float: left; z-index: 1;
	border: 0; margin: 0; padding: 0; }
.home_bg { z-index: 50; }
.home_bg .container_12 { z-index: 50; }
.home_bg .container_12 .grid_12 object { z-index: 50; }

#header-life { display: block; background-image: url(./img/jomo_life.jpg); background-repeat: no-repeat; width: 1024px; height: 120px; }
#header-time { display: block; background-image: url(./img/jomo_time.jpg); background-repeat: no-repeat; width: 1024px; height: 120px; }
#header-news, #header-blog { display: block; background-image: url(./img/jomo_news.jpg); background-repeat: no-repeat; width: 1024px; height: 120px; }
#header-media { display: block; background-image: url(./img/jomo_media.jpg); background-repeat: no-repeat; width: 1024px; height: 120px; }
#header-discs { display: block; background-image: url(./img/jomo_discs.jpg); background-repeat: no-repeat; width: 1024px; height: 120px; }
#header-projects { display: block; background-image: url(./img/jomo_projects.jpg); background-repeat: no-repeat; width: 1024px; height: 120px; }
#header-newsletter, #header-outreach { display: block; background-image: url(./img/jomo_newsletter.jpg); background-repeat: no-repeat; width: 1024px; height: 120px; }
#header-contact { display: block; background-image: url(./img/jomo_contact.jpg); background-repeat: no-repeat; width: 1024px; height: 120px; }

#header-life, #header-time, #header-news, #header-media, #header-discs, #header-projects, #header-newsletter, #header-contact { overflow: hidden; }

#headline { border-top: 1px solid #fff; }
* #headline .inner { width: 900px; }

#content { background-color: transparent;  }
#content .inner { background-image: url(./img/bg_logo.png); background-repeat: no-repeat; 
	font-family: Verdana, Helvetica, Sans-Serif; font-size: 11px; line-height: 18px; letter-spacing: 0.5px; color: #222222;  }
	
#content #main {
	width: 561px;
	margin-top: 90px;
	float: left;
}	
	
#content #sidebar {
	float: left;
	margin-left: 40px;
	margin-top: 40px;
	width: 300px;
	/*background-color: #f6f6f6;*/
}

.more-link {
	color: #fff;
	text-decoration: none;
	padding: 2px 4px;
	background-color: #9eb7cb;
}

h2 a  {
	text-decoration: none;
	color: #637275;
}

#footline { border-top: 1px solid #ffffff;  background-image: url(./img/bg_footer.png); height: 25px; width: 100%; }

/*

#footer { border-top: 1px solid #ffffff;  background-image: url(./img/bg_footer.png); height: 25px;
	color: #ffffff; font-size: 10px; font-family: Verdana; }
#footer.inner { border: 0; margin: 0 0 0 -512px; padding: 0;
	text-align: left; overflow: auto;
	width: 1024px; left: 50%; }

*/

.clear { clear: both; }

.home, .life, .time, .news, .media, .discs, .photos, .blog, .projects, .newsletter, .outreach, .contact  { padding: 0 !important; 
	height: 30px; background-repeat: no-repeat; text-decoration: none; }
	
.home { background-image: url(./img/menu_home.gif); width: 53px; }
.home:hover, .life:hover, .time:hover, .news:hover, .photos:hover, .media:hover, .blog:hover, .discs:hover,
.projects:hover, .newsletter:hover, .outreach:hover, .contact:hover { background-color: #f5f5f5; }
.life { background-image: url(./img/menu_about.gif); width: 60px; }
.time { background-image: url(./img/menu_schedule.gif); width: 78px; }
.news { background-image: url(./img/menu_news.gif); width: 59px; }
.blog { background-image: url(./img/menu_blog.gif); width: 49px; }
.media { background-image: url(./img/menu_videos.gif); width: 64px; }
.photos { background-image: url(./img/menu_photos.gif); width: 66px; }
.discs { background-image: url(./img/menu_recordings.gif); width: 94px; }
.projects { background-image: url(./img/menu_projects.gif); width: 71px; }
.newsletter { background-image: url(./img/menu_newsletter.gif); width: 90px; }
.outreach { background-image: url(./img/menu_outreach.gif); width: 77px; }
.contact { background-image: url(./img/menu_contact.gif); width: 62px; }

.videoshl { background-image: url(./img/hl_videos.png); background-repeat: no-repeat; background-position: -3px 0px;  width: 561px; height: 21px; margin: 15px 0 35px 0px;  }
.timehl { background-image: url(./img/hl_time.png); background-repeat: no-repeat; background-position: -3px 0px;  width: 561px; height: 21px; margin: 15px 0 35px 0px;  }
.schedulehl { background-image: url(./img/hl_schedule.png); background-repeat: no-repeat; background-position: -3px 0px;  width: 700px; height: 21px; margin: 15px 0 35px 0px;  }
.recordiongshl { background-image: url(./img/hl_recordings.png); background-repeat: no-repeat; background-position: -3px 0px;  width: 561px; height: 21px; margin: 15px 0 35px 0px;  }
.photoshl { background-image: url(./img/hl_photos.png); background-repeat: no-repeat; background-position: -3px 0px;  width: 561px; height: 21px; margin: 15px 0 35px 0px;  }
.bloghl { background-image: url(./img/hl_blog.png); background-repeat: no-repeat; background-position: -3px 0px;  width: 561px; height: 21px; margin: 15px 0 35px 0px;  }
.abouthl { background-image: url(./img/hl_about.png); background-repeat: no-repeat; background-position: -3px 0px;  width: 561px; height: 21px; margin: 15px 0 35px 0px;  }
.lifehl { background-image: url(./img/hl_life.png); background-repeat: no-repeat; background-position: -3px 0px;  width: 561px; height: 21px; margin: 15px 0 35px 0px;  }
.timehl { background-image: url(./img/hl_time.png); background-repeat: no-repeat; background-position: -3px 0px;  width: 561px; height: 21px; margin: 15px 0 35px 0px;  }
.newshl { background-image: url(./img/hl_news.png); background-repeat: no-repeat; background-position: -3px 0px; width: 561px; height: 21px; margin: 15px 0 35px 0px;  }
.medihl { background-image: url(./img/hl_media.png); background-repeat: no-repeat; background-position: -3px 0px;  width: 561px; height: 21px; margin: 15px 0 35px 0px;  }
.dischl { background-image: url(./img/hl_discs.png); background-repeat: no-repeat; background-position: -3px 0px;  width: 561px; height: 21px; margin: 15px 0 35px 0px;  }
.projhl { background-image: url(./img/hl_projects.png); background-repeat: no-repeat; background-position: -3px 0px;  width: 561px; height: 21px; margin: 15px 0 35px 0px;  }
.newslhl { background-image: url(./img/hl_newsletter.png); background-repeat: no-repeat; background-position: -3px 0px;  width: 561px; height: 21px; margin: 15px 0 35px 0px; }
.outreahl { background-image: url(./img/hl_outreach.png); background-repeat: no-repeat; background-position: -3px 0px;  width: 561px; height: 21px; margin: 15px 0 35px 0px; }
.conthl { background-image: url(./img/hl_contact.png); background-repeat: no-repeat; background-position: -3px 0px;  width: 561px; height: 21px; margin: 15px 0 35px 0px;  }

.padleft { padding-left: 0px; }

.contactcontent p { padding:10px 0; margin:10px 0; border-bottom:1px solid #999999; }
.watchcontent p  { padding:0 0 30px 0; margin:0 0 30px 0; border-bottom:1px solid #999999; }
span.audioplayer_container { display:block; border:0; padding: 5px 0; margin: 5px 0; }

hr{ border: 0px; /* FŸr Firefox und Opera */
 border-top: solid 1px #999999;
 border-bottom: transparent;
 width: 475px;
}

table.cal { width: 700px; background-color: #bbbbbb; }
table.cal th { color: #ffffff; font-size: 14px; font-weight: normal; }
table.cal tr { }
table.cal td { background-color: #dddddd; padding: 5px 5px; vertical-align: top; }

#prefooter { border-top: 1px solid #ffffff; background-position: center;  background-image: url(./img/bg-prefooter.png); height: 14px; width: 100%; }

#langsel { width: 100%; text-align: right; font-family: Verdana, Sans-Serif; font-size:8px; padding: 0; color: #333333; }
#menuitems {}
ul#mediamenu { list-style-type: none; width: 100px; border: 0; padding: 0px 0 0 0; margin: 0; }
ul#mediamenu li { text-decoration: none; font-size: 12px; background-color: #999999;
	margin: 0px 0 10px 0;  }
a.mediamenu { text-decoration: none; color: #ffffff; display: block; padding: 0 0 0 20px; }
a.mediamenu_active { background-color: #333333; text-decoration: none; color: #ffffff; display: block; padding: 0 0 0 20px; }
a.mediamenu:hover { background-color: #555555; display: block; padding: 0 0 0 20px; }

#medinner { background-color: #bbbbbb; display: block; padding: 20px 0 0 0; }

#medmenu { float: left; padding: 0px 20px 0 0px; }

#medcontent { min-height: 150px; width: 561px; padding: 0px 0 0 0px; float: left; }

#newsreg { border: 3px solid #333333; width: 561px; height: 279px;
	background-image: url(./img/bg_newsletter.jpg); }
	

/* http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack */
.clearfix:after {
	clear: both;
	content:' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}

.clearfix {
	display: inline-block;
}

* html .clearfix {
	height: 1%;
}

.morenews {
	clear: both;
}

.clearfix {
	display: block;
}

.alignright, .align-right {
	float: right;
}

.navigation {
	overflow: hidden;
	margin-top: 10px;
	margin-bottom: 10px;
}

div.alignleft {
	float: left;
	margin-top: 5px;
	margin-right: 10px;
	width: 135px;
}

div.alignright {
	width: 410px;
}

div.alignleft img {
	border: 1px solid #c6c6c6;
}

.alignleft, .align-left {
	float: left;
}

#sidebar {
	overflow: hidden;
}

#sidebar img.alignleft {
	margin: 0 10px 10px 0;
	display: inline;
}

 
.content .item div.alignleft {
	float: left;
	margin-top: 5px;
	margin-right: 14px;
	width: 100px;
}

.content .item div.alignright {
	float: right;
	width: 480px;
}

.content .item img.alignleft, #sidebar img.alignleft {
	margin: 0 10px 10px 0;
	display: inline;
}

#sidebar h2 {
    display: block;
    height: 21px;
    padding-bottom: 12px !important;
    text-indent: -9999px;
    width: 300px;
}

#sidebar h2.latest {
    background: url("img/headers_sidebar/latest.png") no-repeat scroll 0 0 #fff;
	padding-bottom: 0;
}

#sidebar h2.facebook {
    background: url("img/headers_sidebar/facebook.png") no-repeat scroll 0 0 #fff;
	padding-bottom: 0;
}

#sidebar h2.iphone {
    background: url("img/headers_sidebar/iphone.png") no-repeat scroll 0 0 #fff;
	padding-bottom: 0;
}

#sidebar h2.signup {
    background: url("img/headers_sidebar/signup.png") no-repeat scroll 0 0 #fff;
	padding-bottom: 0;
}

#sidebar h2.twitter {
    background: url("img/headers_sidebar/twitter.png") no-repeat scroll 0 0 #fff;
	padding-bottom: 0;
}

#sidebar h2.upcoming {
    background: url("img/headers_sidebar/upcoming.png") no-repeat scroll 0 0 #fff;
	padding-bottom: 0;
}

#sidebar h2.video {
    background: url("img/headers_sidebar/video.png") no-repeat scroll 0 0 #fff;
	padding-bottom: 0;
}

#sidebar a {
	color: #6d8bae;
}

.widget_holder {
	overflow: hidden;
	margin-bottom: 20px;
}

#footer {
	border: 0;
	margin: 81px auto 0 auto;
	overflow: hidden;
}

#endfoot {
	font-family: Verdana, Helvetica, Sans-Serif; font-size: 10px;
	margin-bottom: 30px;
}

#endfoot ul {
	padding: 0 0 20px 0;
}

#endfoot a {
	color: #a3b5c7;
	text-decoration: none;
}

#endfoot ul li {
	font-size: 10px;
	border-right:1px solid #666;
	display:inline;
	margin: 0;
	padding:0 10px;
}

#endfoot ul li:first-child {
	padding-left: 0;
}

#endfoot ul li:last-child {
	border: none;
	white-space: nowrap;
}

#recordings-gallery {
    margin: auto;
}

#recordings-gallery .gallery-item {
    float: left;
    margin-top: 10px;
    text-align: center;
    width: 25%;
}

.socialicons {
	position: relative;
	height: 5px;
}

.fblike {
	display: inline;
	position: absolute;
	top: 9px;
}

.twlike {
	display: inline;
	position: absolute;
	top: 7px;
	left: 100px;
}