/* 
stylesheet, www.choreographics.eu
08/20.10, Filip Chudzinski 
*/

@media only screen and (max-device-width:480px) {body{-webkit-text-stroke:0 black;}}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,links {
	margin: 0;
	padding: 0;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

fieldset,img,abbr {
	border: 0;
}

address,caption,cite,code,dfn,em,h1,h2,h3,h4,h5,h6,strong,th,var {
	font-style: normal;
	font-weight: normal;
}

ol,ul {
	list-style: none;
}

caption,th {
	text-align: left;
}

q:before,q:after {
	content: '';
}

a {
	text-decoration: none;
	outline: none;
}

/* --- body --- */

body {
	font-family: 'Lucida Grande','Lucida Sans Unicode','Lucida Sans Regular', Calibri, Verdana, sans-serif;
	font-size: 11px;
	line-height: 16px;
	color: #353535; 
	text-align: left;
	background: #b9b9ba url(http://images.choreographics.eu/__v5.2/book_background11.jpg) repeat-x top fixed;	
}

#book {
	margin: 0px auto; padding: 48px 0px 0 0;
	width: 960px; height: auto; 
	display: block; clear: both; overflow: hidden;
}

#header_box {
	margin: 0; padding: 0; position: fixed;
	width: 200%; height: 34px; display: block;
	z-index: 13;
	background: #0c0c0c url(http://images.choreographics.eu/__v5.2/body_background_header.png) repeat-x;
}

#header {
	margin: 0 auto;
	width: 960px; height: 34px; line-height: 33px; display: block;
	z-index: 12;
	color: #fff; font-size: 9px; text-align: right;


}

#header a {
	color: #fff;
}

#footer {
	margin: 0 auto; padding: 0 0 72px 0; 
	width: 980px; height: 33px; line-height: 14px; display: block;
	color: #fff; font-size: 9px; 
}

#chapter {
	margin: 0; padding: 0; 
	width: 980px; clear: both;
	}
	
#chapter_posts {
	margin: 0; padding: 0; 
	width: 980px; clear: both;
	min-height: 120px;
	}

#chapter_heroes {
	margin: 0; padding: 0; 
	width: 980px; clear: both;
	}
	
#chapter_twitter {
	margin: 0; padding: 0; 
	width: 980px; clear: both;
	}

#column01 {
	padding: 0;
	display: inline;
	float: left; 
	width: 140px;
	}
	
#column02 {
	padding: 0;
	display: inline;
	float: left; 
	width: 220px;
	}
	
#column03 {
	padding: 0;
	display: inline;
	float: left; 
	width: 460px;
	}
	
#column_elements {
	margin: 0; padding: 0; 
	width: 680px;
	display: inline;
	float: left; 
	}
	
#column_elements_elsewhere {
	margin: 0; padding: 24px 0 0 0; 
	width: 680px;
	display: inline;
	float: left; 
	background: url(http://images.choreographics.eu/__v5.2/body_separator_solid.png) repeat-x bottom;

	}
	
#column_elements_featured {
	margin: 0 0 0 0; padding: 0; 
	width: 680px;
	display: inline;
	float: left; 
	}
	
#column_elements_twitter {
	margin: 0 0 0 0; padding: 24px 0 26px 0; 
	width: 680px; display: inline; 
	float: left; min-height: 30px;
	background: url(http://images.choreographics.eu/__v5.2/body_separator_solid.png) repeat-x bottom;
	}
	
#column04 {
	padding: 0;
	display: inline;
	float: left; 
	width: 140px;
	}
	
#column50_left {
	margin: 12px 0; padding: 0 12px 0 0;
	width: 218px; display: block;
	float: left;
}

#column50_right {
	margin: 12px 0; padding: 0 0 0 12px;
	width: 218px; display: block;
	float: right;
}
	
#post {
	margin: 0; padding: 12px 0 12px 0;
	width: 680px; height: 110px; display: block;
	background: url(http://images.choreographics.eu/__v5.2/body_separator_solid.png) repeat-x bottom;
}

#post_thumb {
	margin: 0 26px 12px 0; padding: 0;
	float: left; cursor: pointer;
	width: 136px; height: 109px; display: block;
}

#post_meta {
	margin: 0; padding: 0;
	float: left; 
	width: 220px; height: 120px; display: block;
}

#post_meta_title {
	margin: -3px 0 0 0; padding: 0;
	font-size: 14px;  
	text-shadow: #fff 0px 1px 1px; font-weight: bold;
	width: 220px; height: 66px; display: block;
	color: rgb(102, 102, 102); 
	
}

#post_meta_title_single {
	margin: 0px 0 12px 0; padding: 0;
	font-size: 14px; line-height: 12px;
	text-shadow: #fff 0px 1px 1px;  font-weight: bold;
	width: 100%; display: block; color: #353535; 
}

#post_meta_details {
	margin: 0 0 0 0; padding: 0;
	width: 100%; height: 40px; display: block;
	color: rgb(102, 102, 102);
}

#post_content {
	margin: 0 0 0 0; padding: 0 0 0 0;
	float: left; color: rgb(102, 102, 102);
	width: 460px; height: auto; display: block;
}

#post_content_comments {
	margin: 0 0 0 0; padding: 18px 0 18px 0;
	float: left; color: #353535;
	width: 460px; height: auto; display: block;
	background: url(http://images.choreographics.eu/__v5.2/body_separator_dotted.png) bottom center repeat-x;
}

#post_fragments {
	margin: 0 0 12px 0; padding: 0 0 0 0;
	float: left; color: #9c9e9f; overflow: hidden;
	width: 680px; height: 432px; display: block;
}

#post .date {
	margin: 0; padding: 0;
	font-size: 9px; display: block;
	color: rgb(102, 102, 102);
}

#post .realm_desc {
	margin: -3px 0 0 0; padding: 0;
	font-size: 9px;  font-weight: normal; 
	color: rgb(102, 102, 102); text-shadow: none;
}

#post .realm {
	margin: -3px 0 0 0; padding: 0;
	font-size: 9px;  font-weight: normal;
	color: #368be9; text-shadow: none;
}

#post .ratings {
	margin: -3px 0 0 0; padding: 0;
	font-size: 9px; display: block;
	color: #9c9e9f;
}

#post .comments a:hover {
	color: #368be9;	
	border-bottom: none;
}

#post .comments a {
	margin: -3px 0 0 0; padding: 0;
	font-size: 9px; display: block;
	color: #9c9e9f;
}

#post_thumbnail {
	margin: 0 18px 0 0; height: 0;
	height: 109px; width: 136px;
	float: left; display: block;
}

/* --- text --- */

a {
	color: #353535;
}

a:hover {
	color: #368be9;
	border-bottom: none;
}

.light {
	color: rgb(102, 102, 102);
}

.italic {
	font-style: italic;
}

.bold {
	font-weight: bold;
}

.serif {
	font-family: Georgia, Times, serif;
}

.serif_light {
	font-family: Georgia, Times, serif;
	color: #9c9e9f;
}

.serif_bold {
	font-family: Georgia, Times, serif;
	font-weight: bold;
}

.serif_italic {
	font-family: Georgia, Times, serif;
	font-style: italic;
}

.serif_italic_light {
	font-family: Georgia, Times, serif;
	font-style: italic;
	color: #9c9e9f;
}

.highlight {
	color: #fff;
	background-color: #2f7ee6;
	padding: 0 3px 0 3px;
}

.colored {
	color: #368be9;
	font-weight: bold;
}

.counter {
	margin: 0; padding: 0;
	font-size: 9px; display: block;
	color: rgb(102, 102, 102); 
}

#square {
	margin: 0 0 0 3px; padding: 0;
	color: #000;
}

#separator_solid {
	margin: 18px 0 18px 0; padding: 0;
	height: 2px; width: 100%; display: block; text-indent: -9999px;
	background: url(http://images.choreographics.eu/__v5.2/body_separator_solid.png) repeat-x;
}

#separator_dotted {
	margin: 12px 0 12px 0; padding: 0;
	height: 2px; width: 100%; display: block; text-indent: -9999px;
	background: url(http://images.choreographics.eu/__v5.2/body_separator_dotted.png) repeat-x;
}

#top-link   { 
    display:none; position:fixed; 
    bottom:0px; 
    height:48px; width: 100%;
    background-image: url(http://images.choreographics.eu/__v5.2/content_button_top_background.png);
	z-index: 10; text-align: center;
}

#top-link_button   { 
  	margin: 17px auto;
    height: 22px; width: 690px; text-indent: -9999px; cursor: pointer; display: block;
    background: url(http://images.choreographics.eu/__v5.2/content_button_top.png) no-repeat top right;
	z-index: 11;
}

#top {
	margin: 0; padding: 0; position: fixed;
	width: 100%; height: 33px; display: block;
	background: #0c0c0c url(http://images.choreographics.eu/__v5.2/book_background01.png) repeat-x top fixed;
	z-index: 12;
}

#dotsWrapper { /* required to avoid jumping */
  position: absolute;
  width: 200px;
}

#dots {
  position: absolute;
  top: 0; display: block;
  margin-top: 72px; width: 200px;
}

#dots.fixed {
  position: fixed;
  top: 0px;
}

.directory {
	overflow:auto; 
}

.directory a {
	margin: 0 18px 0 0; padding: 0;
	height: 90px; width: 70px;
	cursor: pointer; float: left;
	text-indent:-9999px; display: block;
	background-image: url(http://images.choreographics.eu/__v5.2/content_navigation_sprite.png);
	background-repeat: no-repeat;
}

#fragments{background-position:0 0;}
#fragments:hover,#fragments.hover{background-position:0 -90px;}
#fragments_{background-position:0 -180px;}

#notes{background-position:-70px 0;}
#notes:hover,#notes.hover{background-position:-70px -90px;}
#notes_{background-position:-70px -180px;}

#lifestream{background-position:-140px 0;}
#lifestream:hover,#lifestream.hover{background-position:-140px -90px;}
#lifestream_{background-position:-140px -180px;}

#about{background-position:-210px 0;}
#about:hover,#about.hover{background-position:-210px -90px;}
#about_{background-position:-210px -180px;}

#contact{background-position:-280px 0;}
#contact:hover,#contact.hover{background-position:-280px -90px;}
#contact_{background-position:-280px -180px;}

#chapter_headline a {
	padding: 0;
	height: 9px; width: 240px;
	cursor: pointer; text-indent:-9999px; display: block;
	background-image: url(http://images.choreographics.eu/__v5.2/content_headline_sprite.png);
	background-repeat: no-repeat;
}

#headline_about{background-position:0 0;}
#headline_about:hover,#headline_about.hover{background-position:0px -11px;}

.directory_thumb {
	overflow:auto; clear:both;
}

.directory_thumb a {
	margin: 0 18px 0 0; padding: 0;
	height: 22px; width: 70px;
	cursor: pointer; float: left;
	text-indent:-9999px; display: block;
	background-image: url(http://images.choreographics.eu/__v5.2/content_navigation_sprite.png);
	background-repeat: no-repeat;
}

#fragments_thumb{background-position:0 -68px;}
#fragments_thumb:hover,#fragments_thumb.hover{background-position:0 -158px;}
#fragments_thumb_off {background-image: url(http://images.choreographics.eu/__v5.2/content_navigation_fragments.png);}

#notes_thumb{background-position:-70px -68px;}
#notes_thumb:hover,#notes_thumb.hover{background-position:-70px -158px;}

#lifestream_thumb{background-position:-140px -68px;}
#lifestream_thumb:hover,#lifestream_thumb.hover{background-position:-140px -158px;}

#contact_thumb{background-position:-280px -68px;}
#contact_thumb:hover,#contact_thumb.hover{background-position:-280px -158px;}

#about_thumb{background-position:-210px -68px;}
#about_thumb:hover,#about_thumb.hover{background-position:-210px -158px;}

#elsewhere {
	margin: 0; padding: 0 12px 0 0;
	width: 140px; float: left; display: inline;
}

#elsewhere .title {
	font-size: 11px; 
}

#elsewhere .date {	
	margin: 0; padding: 0;
	font-size: 9px; display: block;
	color: #9c9e9f;
	}

#quotation_comments {
	margin: 0px 12px 0 0; padding: 0;
	float: left; display: block;
	width: 13px; height: 13px;
	background: url(http://images.choreographics.eu/__v5.2/type_quotation_comment.png) top left no-repeat;
	text-indent: -9999px;
}

.comment-author {
	margin: 0; padding: 0;
	font-size: 9px; line-height: 12px; display: block;
	color: #353535; 
}

.comment-date {
	margin: 0; padding: 0;
	font-size: 9px; line-height: 12px; display: block;
	color: #9c9e9f; float: left; font-weight: bold;
}

.comment-time {
	margin: 0; padding: 0;
	font-size: 9px; line-height: 12px; display: block;
	color: #9c9e9f; float: left; 
}

.comment-gravatar {
	margin: 0 12px 0 0; padding: 0;
	 height: 42px; display: block; float: left;
	-moz-border-radius: 3px; -webkit-border-radius: 3px; 
}

/* .textfield_input {
	background-color: #e8e8e8;
	border: 1px solid #E0E0E0;
	color: #474747;
	padding: 2px; 
	width: 180px;
	-moz-border-radius: 2px; -webkit-border-radius: 2px; 
}*/

.textfield_message {
	background-color: #1d1e1e;
	background: url('http://images.choreographics.eu/__v5.2/form_text.png') no-repeat top left;
	border: none;
	color: #fff; line-height: 16px;
	padding: 2px; 
	width: 246px; height: 111px;
	-moz-border-radius: 2px; -webkit-border-radius: 2px;
	
} 

.form_submit {
	height: 200px; width: 80px;
	background-image: url(http://images.choreographics.eu/__v5.2/button_senden.png)
	display: block;
}

#form_comments {
	width: 460px; display: block;
	height: 252px; 
}

#form_input {
	width: 260px;
	float: left; display: block;
}

#form_send {
	width: 80px;
	float: left; display: block;
}

.button_submit {
    border: none; margin: 12px 0 0 0;
    background: url('http://images.choreographics.eu/__v5.2/form_senden.png') no-repeat top left;
height: 42px; width: 250px;
     cursor: pointer;color: #9c9e9f;
}
.button_submit:hover {
    background: url('http://images.choreographics.eu/__v5.2/form_senden.png') no-repeat bottom left;
    color: #fff;
}

#badge_counter_fragments {
	position: absolute;
	margin: -18px 0 0 38px; padding: 0px 0 0 1px; text-align: center;
	width: 47px; height: 47px; display: block; line-height: 47px;
	background: url('http://images.choreographics.eu/__v5.2/content_badge_counter.png') no-repeat top left;
	text-shadow: #307fe7 0px -1px -1px; font-weight: bold; font-size: 14px; color: #fff;
	z-index: 11;
}

#badge_counter_notes {
	position: absolute;
	margin: -18px 0 0 126px; padding: 0px 0 0 1px; text-align: center;
	width: 47px; height: 47px; display: block; line-height: 47px;
	background: url('http://images.choreographics.eu/__v5.2/content_badge_counter.png') no-repeat top left;
	text-shadow: #307fe7 0px -1px -1px; font-weight: bold; font-size: 14px; color: #fff;
	z-index: 11;
}

label.inlined {
	margin: 0 0 6px 0; padding: 2px 0 0 0;
	background-color: transparent; display: block;
	position: relative; z-index: 2;
	width: 244px; height: 22px;
}

input.input-text {
	margin: 0 0 0 0; padding: 0 0 0 6px;
	background-color: transparent;
	border: none;
	position: relative; z-index: 2;
	top: -31px; color: #fff; 
	width: 244px; height: 22px;
}

label.inlined {
	padding-left: 6px;
	position: relative; z-index: 1;
	opacity: 0.75;
	-webkit-transition: opacity 0.15s linear;
	right: 0;
}

label.focus {
	opacity: 0.15;
}

label.has-text {
	opacity: 0.0;
	-webkit-transition-duration: 0.10s;
}

#form_input_text {
	margin: 0 0 6px 0;
	background: url('http://images.choreographics.eu/__v5.2/form_input.png') no-repeat top left;
	width: 250px; height: 22px;
}


textarea { 
     resize: none; 
}

#comments_gravatar {
	padding: 1px 0; margin: 0 12px 0 0;
	height: 40px; width: 28px; display: block; float: left;
	
/*	background: url('http://images.choreographics.eu/__v5.2/background_gravatar.png') no-repeat top left;*/
}

.wp-pagenavi a, .wp-pagenavi a:link {
	width: 24px; height: 26px; display: block;
	text-align: center; 
	padding: 5px 0; margin: 0 3px 0 0;
	text-shadow: #000 0px -1px -1px;
	text-decoration: none;
	color: #fff; float: left;
	background: url('http://images.choreographics.eu/__v5.2/pagination_schwarz.png')  no-repeat top left;
	}
	
.wp-pagenavi a:visited {

}
.wp-pagenavi a:hover {	
	color: #fff;
	text-shadow: #000 0px -1px -1px;
}
.wp-pagenavi a:active {

}
.wp-pagenavi span.pages {

}

.wp-pagenavi span.current {
	width: 24px; height: 26px; display: block;
	text-align: center; 
	padding: 5px 0; margin: 0 3px 0 0;
	text-shadow: #000 0px -1px -1px;
	text-decoration: none;
	color: rgb(102, 102, 102); float: left;
	background: url('http://images.choreographics.eu/__v5.2/pagination_schwarz.png')  no-repeat top left;
}
.wp-pagenavi span.extend {
	padding: 2px 4px 2px 4px; 
	margin: 2px;	
	border: 1px solid #000000;
	color: #000000;
}

#twitter_quote {
	margin: 0 6px 6px 0; padding: 0; float: left;
	height: 14px; width: 16px; display: block;
	background: url('http://images.choreographics.eu/__v5.2/content_quote.png')  no-repeat top left;
	
}

#kindwords {
	font-size: 9px; line-height: 14px;
	color: #9c9e9f; text-align: right;
}

#navigation_fragments_container {
	margin: 0 0 8px 0; padding: 0;
	display: block; height: 22px;
}

.navigation_fragments a {
	margin: 0 20px 0 0; padding: 0;
	height: 22px; width: 140px;
	cursor: pointer; float: left;
	text-indent:-9999px; display: block;
	background-image: url(http://images.choreographics.eu/__v5.2/content_navigation_sprite_fragments.png);
	background-repeat: no-repeat;
}

#fragments_text{background-position:0 0;}
#fragments_text:hover,#fragments_text.hover{background-position:0 -22px;}
#fragments_text_{background-position:0 -22px;}

#fragments_thumbs{background-position:-160px 0;}
#fragments_thumbs:hover,#fragments_thumbs.hover{background-position:-160px -22px;}
#fragments_thumbs_{background-position:-160px -44px;}

#fragments_all{background-position:-320px 0; float: right; margin: 0;}
#fragments_all:hover,#fragments_all.hover{background-position:-320px -22px;}
#fragments_all_{background-position:-320px -44px; float: right; margin: 0;}


#button_download_post {
	margin: 6px 0 6px 0; padding: 0;
	height: 21px; width: 70px; font-weight: bold;
	cursor: pointer; display: block;
	background: url(http://images.choreographics.eu/button_download_post.png) top left;
	background-repeat: no-repeat;
	text-indent: -999px;
}

#post_highlight {
	margin: 0; padding: 0;
	font-size: 14px;  
	text-shadow: #fff 0px 1px 1px; font-weight: bold;
	display: block;
	color: rgb(102, 102, 102); 
	
}

	.ssp-mobile-poster-content {
		/* Parent div of content underneath image */
	}
	.ssp-mobile-poster-label {
		/* "Media Gallery" text */ 
		visibility: hidden !important;
	}
	.ssp-mobile-poster-title {
		/* Album and gallery title */
		visibility: hidden !important;
	}
	.ssp-mobile-poster-description {
		/* Album and gallery description */  
		visibility: hidden !important;
	}
	.ssp-mobile-poster-button {
		/* "View Gallery" button */   
		visibility: hidden !important;        
	}
	
	
#badge_outdated {
	margin: 0; padding: 0;
	width: 110px; height: 109px; display: block;
	background: url(http://images.choreographics.eu/badge_outdated.png) no-repeat;
	position: fixed; right: 0; top: 0px;
	z-index: 100; text-indent: -9999px;
}