/*
THEME NAME: Sandbox
THEME URI: http://www.plaintxt.org/themes/sandbox/
DESCRIPTION: Rich with powerful and dynamic semantic class selectors, Sandbox is a canvas for CSS artists
VERSION: 1.6
AUTHOR: <a href="http://andy.wordpress.com/">Andy Skelton</a> &amp; <a href="http://www.plaintxt.org/">Scott Allan Wallick</a>
AUTHOR URI:
TAGS: sandbox, microformats, hcard, hatom, xoxo, widgets, blank slate, starter theme, minimalist, developer
*/


/* Bernhard's CSS */


/* Bernhard's standard layout */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin: 0; padding: 0; }
table,table.layout { border-collapse: collapse; border-spacing: 0; } 
fieldset,img { border: 0; }
address,caption,cite,code,dfn,em,strong,th,var { font-style: normal; font-weight: normal; }
ol,ul { list-style: none; }
caption,th { text-align: left; }
h1,h2,h3,h4,h5,h6 { font-size: 100%; font-weight: normal; }
q:before,q:after { content: ''; }
abbr,acronym { border: 0; }


/* standard page stuff */
body { background: url('images/background.jpg') repeat-x #595959;
	font-family: Arial;	font-size: 12px;
	color: #3a3a3a;
}

#wrapper {
	width: 990px;
	margin-left: auto; margin-right: auto; }

#main-container {
	position: absolute; /* positioning anchor - substract 22px */
	width: 990px;	
}

#main-inner-container { background: url('images/bg_content.gif') repeat-y;
	margin-top: 22px;
}

#header {
	background: url('images/header.jpg') no-repeat;
	width: 990px; height: 224px;

}

/* hiding the link text to avoid touching php files */
#blog-title a { display: block; font-size: 0px; color: #d6d6d6;
	width: 670px; height: 138px;
	position: relative; left: 9px; top: 9px; z-index: 5;
}

#blog-extra-title { position: absolute; left: 473px; top: 125px; width: 228px; }

#blog-extra-title .title {
	display: block;
	color: #f47324; font-size: 24px;
	padding-right: 9px; margin-right: 8px; margin-top: 2px;
	border-right: solid 2px #f47324;
	width: 45px;
	z-index: 1;
	float: left;
	height: 28px;
} 

#blog-extra-title .date { color: #535456; font-size: 13px; }


#medienforum-logo {	position: absolute; left: 717px; top: 218px; }
#medienforum-logo a {
	background: url('images/elements.gif') -2566px -41px no-repeat;
	width: 245px; height: 62px;
	text-decoration: none;
	display: block;
}

/* search box in header */
#secondary #search { display: none; } /* using the search widget */

.widget_search { position: absolute; left: 683px; top: 106px;
	background: url('images/elements.gif') -1957px 0px no-repeat;	
	/*width: 177px;*/
	width: 300px;
	height: 58px;
}
.widget_search div { margin-top: 30px; margin-left: 7px; vertical-align: top; }
.widget_search label { display: none; }
.widget_search .text { width: 241px; height: 17px;
	position: relative; top: 0px;
	border-top: solid 2px #9a9a9a; border-left: solid 2px #9a9a9a;
	border-right: solid 1px #aaaaaa; border-bottom: solid 1px #aaaaaa;
	color: #3a3a3a; font-size: 11px;
	padding-top: 2px; padding-left: 5px;
}
*html .widget_search .text { top: 0px; } /* IE6 needs a kick in the b... */

.widget_search .button {
	position: relative; top: 2px;
	background: url('images/elements.gif') 0px 0px no-repeat;
	width: 29px; height: 22px; border: 0px;
}

#archive-list {
	position: absolute; left: 690px; top: 112px;
	background: url('images/elements.gif') -51px 0px no-repeat;
	width: 113px; height: 22px;
	border: 0px;
	color: #3a3a3a;	font-size: 11px; font-weight: bold;
	text-align: left;
	z-index: 2;
}

#archive-list span { /* FireFox 3 button text alignment push */
	padding: 0px; margin: 0px; padding-left: 5px; padding-top: 4px;
	display: block;
	height: 22px;

}

#archive-list::-moz-focus-inner{ padding: 0; border: none}

*html #archive-list { padding-left: 10px; } /* IE6 pusher */



.skip-link { display: none; } /*  skip-links are for lazy buts */



/* categories navigation */

.widget_categories {
	position: absolute;
	top: 183px;	left: 19px;
	vertical-align: bottom;
	width: 940px;
}


.widget_categories h3 { display: none; }


.widget_categories ul {
	display: inline;
	list-style-position: inside;
}

.widget_categories ul li {
	margin: 0px; padding: 0 0px;
	float: left;
	list-style: none;
	background: url('images/elements.gif') 0px -23px no-repeat;
	text-align: center; 
}


.widget_categories ul li.cat-item-14 {
	background: none; } /* no list style on first list item */

.widget_categories a { 
	font-family: Verdana; font-size: 13px; 
	color: White; text-decoration: none;
	margin: 0px; padding: 3px 24px;
	margin: 0px 2px;
}
.widget_categories a:hover {
	background-color: #ee8213;
}

/* @note make sure to display only current submenu of current category */
.widget_categories ul ul { display: none; }
div.sidebar ul ul li { list-style-type: none; }


/* subcategories as submenues  */
.subcategory-container { 
	display: none;
	position: absolute;	z-index: 2;
	margin-left: 10px; margin-top: 13px;
}

/* main submenu gets right under the main category */
.mainsubmenu-container { position: absolute;
	left: 30px; top: 212px; z-index: 3;
}

.subcategory-container a, .mainsubmenu-container a {
	color: #3a3a3a; font-size: 11px; text-decoration: none;
	padding: 4px 35px;
}
.subcategory-container a:hover, .mainsubmenu-container a:hover {
	background-color: #e96c0c;
	color: White;
}

.subcategory-container ul, .mainsubmenu-container ul {
	display: inline;
	list-style-position: inside;
}
.subcategory-container ul li, .mainsubmenu-container ul li {
	padding: 0 3px;
	float: left;
	border-left: solid 1px White;
}

.subcategory-container li.first { border-left: solid 0px White; }


/* content */

#header { margin-bottom: 0px!important; }

#content-container {
	background: url('images/bg_content.gif') repeat-y;
	width: 990px;
	min-height: 300px;
	height: auto !important;  /* IE6 min-height */
	height: 300px;
}

/* specific floats for the sidebar in the right */
#container {
	float: left;
	margin: 20px -277px 0 0; /* 270 = sidebar width + 7 margin-right*/
	width: 976px;
	background: url('images/sidebar_gradient_bottom.jpg') no-repeat right bottom;
	min-height: 416px;
	height: auto !important; /* IE6 min-height */
	height: 416px;
}

.post, #content .page,
#content .attachment  { 
	margin-left: 9px; padding-left: 20px; width: 620px;
	margin: 0px 0px 2px 9px;
	padding-left: 24px;
	background: url('images/elements.gif') -672px -54px no-repeat;
}


.inner-post-container { border: solid 1px #dedede; background-color: #eaeaea; }


.post h2, .post h3, #content .page h2, #content .page h3, div.attachment h3 {
	display: block;
	height: 33px;
	border: solid 1px White;
	color: #3a3a3a; font-size: 18px;
}

.post h2 a, .post h2 span, .post h3 a, .post h3 span, div.attachment h3 span,
 #content .page h2, #content .page h3 {
	color: #3a3a3a; text-decoration: none;
	display: block;
	padding-left: 10px;
	padding-top: 6px;
	height: 27px;
}

.post h2 a:hover, .post h3 a:hover { background-color: #e2e2e2; }

#content h2.page-title { color: #878787; font-size: 18px; margin-left: 32px; }

#content h2.page-title span { color: #e76f0a; }

.single-view #comments h3 {
	color: #3a3a3a; font-size: 18px; margin-left: 32px;
}

#content h2.page-title { margin-bottom: 15px !important;  }
#content h2 a { text-decoration: none; color: #e76f0a; }


/* important-tagged posts */
.tag-important { background-position: -2573px -260px; }
.tag-important .inner-post-container { border-color: #e76f0a; }
.tag-important h2 a { background-color: #e76f0a; color: White !important; }
.tag-important

.post h2, .post h3, #comments h2, #comments h3, 
 #content .page h2, #content .page h3 { margin-left: 0px !important; }

.single-view #comments h3 { clear: both; padding-top: 12px; }

#content .archive-meta { margin-left: 32px; }


.post .entry-date { float: left; /* the bubble */
	width: 78px; height: 47px;
	background: url('images/elements.gif') -205px 8px no-repeat;
	color: White;
	font-size: 15px;
	padding-top: 20px;
	padding-left: 22px;
}

/* content formatting */


.post .entry-content,  #content .page .entry-content  {
	margin-left: 100px;
	min-height: 40px;
	height: auto !important; /* IE6 min-height */
	height: 40px;
	padding: 15px 45px 15px 0px;
	font-size: 11px;
}

/* TinyMCE image alignment */
.entry-content .alignright { float: right;  padding: 3px 0px 3px 15px; }
.entry-content .alignleft { float: left;   padding: 3px 15px 3px 0px; }
.entry-content .centered { float:none; text-align: center; padding: 8px;  }


.entry-content em { font-style: italic; }
.entry-content strong { font-weight: bold; }
.entry-content ul, ol {  margin: 5px 0px; margin-left: 15px; }
.entry-content ul li { list-style-type: disc; margin-left: 15px; }
.entry-content ol li { list-style-type:decimal; margin-left: 15px; }

.thumbnail { float: right; position: relative; left: 20px;  padding-bottom: 13px; }

.tag-no-bubble .entry-date { display: none !important; }
.tag-no-bubble .entry-content { margin-left: 13px; }
.tag-no-bubble .thumbnail { float: left; left: 0px; padding-right: 10px;}

#multimedia-sidebar .thumbnail-link { width: 219px; display: block; text-align: center; margin-bottom: 5px; }
#multimedia-sidebar .thumbnail { float: none; position: static; left: 0px; padding-bottom: 0px;  }


.single-view .post .entry-content, .not-found .entry-content, 
 #content .page .entry-content, #content .page .entry-content,
.attachment .entry-content {
	min-height: 200px;
	height: auto !important; /* IE6 min-height */
	height: 200px;	
	margin-left: 13px;
	color: #3a3a3a;
}

/* hide navigation on index pages */

body.archive .navigation, body.category .navigation, body.home .navigation,
body.search-results .navigation {
	display: none;
}


.navigation { font-size: 11px;
	margin-left: 35px; padding-top: 5px; margin-bottom: 20px;
	width: 615px;
}
.navigation a { text-decoration: none; color: #e76f0a; }
.navigation .nav-previous { float: left; }
.navigation .nav-next { float: right; }

.wp-pagenavi {
	text-align: center;
	width: 700px;
	color: #3a3a3a;
	margin-bottom: 0px;
	position: relative;
	top: -10px;
}
.wp-pagenavi .pages {
	display: block; padding: 0px; margin-bottom: 20px;
	position: relative;
	top: 34px; left: -2px;
}

*html .wp-pagenavi .pages { top: 43px; } /* IE6 positioning */

.wp-pagenavi .current {
	display: inline-block;
	position: relative; top: -25px;
}

*html .wp-pagenavi .current {  margin-bottom: 8px; }

.wp-pagenavi a {
	background-color: #f8f8f8;
	border: solid 1px #dedede;
	padding: 2px 1px; margin: 5px;
	text-decoration: none;
	color: #3a3a3a;
	display: inline-block;
	position: relative; top: -25px;
}

.wp-pagenavi a:hover {
	background-color: #e76f0a;
	color: White;
}


.single-view #comments {
	margin-left: 32px;	
}

.single-view .form-label {
	font-size: 11px !important; margin-top: 5px;
}




#commentform input, #commentform textarea, #content .blog-search input  {
	font-size: 11px; color: #3a3a3a; width: 300px;
	padding: 4px; border: solid 1px #dedede; font-family: Arial;
	margin-top: 2px;
}

#commentform textarea { width: 613px; }

.single-view .button, #container .blog-search .button {
	margin: 10px 0px; margin-top: 10px!important;
	background: url('images/elements.gif') -2565px 0px no-repeat;
	width: 126px !important; height: 29px;
	display: block;
	font-size: 15px !important; color: White !important; text-decoration: none;
	padding-top: 0px;
	border: 0px !important;
}

/* not found and 404 */
.not-found .entry-content {
		
}
#content .blog-search { margin-top: 20px; }
#content .blog-search input { margin-left: 20px; width: 530px; }
#content .blog-search  .button { margin-top: 5px !important; margin-left: 435px !important; }


#comments .comment { font-size: 11px; color: #3a3a3a; border-bottom: solid 1px #dedede;
	width: 640px; padding-bottom: 7px; }
#comments .avatar { display: none; }
#comments .comment-author { font-size: 14px; font-weight: bold; }
#comments a { color: #e76f0a; text-decoration: none; }
#comments .comment-meta {  color: #3A3A3A; margin-bottom: 5px;}

.post .entry-content .more-link { margin-top: 5px; display: none; }

.post .entry-content a, #content .page .entry-content a  { color: #e76f0a; text-decoration: none;  }
.single-view .post .entry-content p { padding-bottom: 8px; }
.single-view #nav-above { display: none; }


.post .entry-meta, .entry-meta {
	border: solid 1px White;
	display: block;
	padding: 3px 15px 1px 4px;
	width: 542px;
	clear :both;
}

.single-view .entry-meta, .attachment .entry-meta { width: auto; }
	 
.entry-meta, .entry-meta a, .wp-pagenavi .pages  { 
	color: #878787; font-size: 9px; text-decoration: none;
}
.entry-meta a:hover { color: #e76f0a; } 
.entry-meta .meta-sep { padding: 0px 5px; }

.entry-meta .comments-link { float: right;  }

.entry-meta .edit-link a { color: #a70000; }


.meta-more {
	position: relative;
	left: 554px; top: -30px;
	width: 66px;
	background: url('images/elements.gif') -312px -2px no-repeat;
}
.meta-more a {
	display: block;
	width: 50px; height: 24px;
	text-decoration: none; color: White; font-size: 15px;
	padding-top: 7px; padding-left: 17px;
}
.meta-more a:hover { font-weight: bold; }


/* special posts, emphasized by tagging */

.tag-multimedia .inner-post-container {
	background: url('images/elements.gif') -1308px 0px no-repeat #ededed;
}


/* standard photo gallery */
/* thumbnails should be around 130px; */
.gallery dt {
	float: left;
	padding: 5px;
	vertical-align: middle;
}

div.entry-attachment { padding: 15px 15px 15px 0; text-align: center; }


#nav-images {  
	width: 350px;
	margin-top: 10px; margin-left: 163px;
	height: 135px;
}

#nav-images .nav-next { float: right; }
#nav-images .nav-previous { float: left; }

#nav-images .nav-next a { padding-right: 40px; display: block;
	background: url('images/elements.gif') -2773px -151px no-repeat; }

#nav-images .nav-previous a { padding-left: 35px; display: block;
	background: url('images/elements.gif') -2857px 8px no-repeat; }
	
#nav-images .nav-previous img  { border: solid 2px #e76f0a; border-left: none; }
#nav-images .nav-next img { border: solid 2px #e76f0a; border-right: none;  }

/*
#primary { background: url('images/sidebar_gradient_bottom.jpg') no-repeat right bottom; }*/
 /* needs check, if sidebar is longer then content*/


div.sidebar {
	/* background-color: #e3e3e2; */
	float: right;
	overflow: hidden;
	width: 270px;
	margin-right: 15px;
	display: inline;
	margin-bottom: -2px; /* IE6 */
}
div.sidebar ul.xoxo  {
	background: url('images/sidebar_gradient_top.jpg');
	background-repeat:no-repeat !important;
	background-color: #e3e3e3;
}


/* twitter stuff */


.Latest_tweets_widget, #multimedia-sidebar ul {
	margin: 0px 12px;
	padding-top: 5px; /* could be margin if IE6 wouldn't be so bitchy */
	display: inline-block;
}

.Latest_tweets_widget { padding-top: 43px; } /* padding to medienforum logo */


.Latest_tweets_widget .widgettitle {
	display: block;
	width: 271px; height: 39px;
	background: url('images/elements.gif') -2567px -116px no-repeat;
	position: relative; left: -12px;
	padding-bottom: 5px;
}

.Latest_tweets_widget .widgettitle a {
	position: absolute; display: block;
	width: 270px; height: 42px;
}
.Latest_tweets_widget .widgettitle a span { display: none; }


.Latest_tweets_widget li, #multimedia-sidebar li  {
	margin-bottom: 6px;
	background: url('images/elements.gif') -401px 0px no-repeat;
}

.Latest_tweets_widget .tweet-published, #multimedia-sidebar .post-title  {
	color: #878787; font-size: 9px;
	text-align: right;
	padding-top: 5px;
	width: 235px;
}

.Latest_tweets_widget .twitter-created-container, #multimedia-sidebar .content {
	padding: 15px 13px 9px 13px;
	color: #3a3a3a; font-size: 11px;
	width: 220px;
}

.Latest_tweets_widget .tweet-footer, #multimedia-sidebar .footer {
	background: url('images/elements.gif') -674px 0px;

	width: 245px; height: 5px;
	font-size: 1px; line-height: 0px; 
}

.Latest_tweets_widget a { color: #3a3a3a; font-weight: bold; text-decoration: none; }
.Latest_tweets_widget a:hover { color: #e76f0a; }



/* footer and page-links */

#footer { 
	clear: both;
	background: url('images/footer.gif') no-repeat bottom;
	width: 990px; height: 33px;
}


#footer #main-url { margin: 0 -500px 0 0;
	width: 250px;
	float: left;
	margin: 6px 0px 0px 18px;
	display: inline;
	float: left;
}

#footer #old-blog-url {
	display: none; 
	padding-top: 6px;
	text-align: center;
}
#footer #old-blog-url a { margin-right: 25px; }

#footer, #footer a {
	color: #3a3a3a;
	font-size: 11px;
	text-decoration: none;
}
#footer a:hover { color: #e76f0a; }


#footer #menu {
	float: right;
	text-align: right;
	margin: 6px 290px 0px 18px;
	display: inline;
}

#footer #menu ul {
	list-style-position: inside;
	text-align: right;
}


#footer #menu ul li {
	margin: 0px; padding: 0px 10px;
	display: inline-block;
	float: left;
	list-style: none;
	background: url('images/elements.gif') 0px -47px no-repeat;
}
#footer .page-item-58 { background: none!important; }



#generator-link, #theme-link { display: none; }


.widget_archive { display: none; } /* temp !!!!! */


#rss-links { position: absolute; left: 00px; top: 0px; } /* IE6 pusher */

#rss-links h3 { display: none; }

#rss-links .rss-latest-posts a {
	position: absolute; left: 878px; top: 72px;
	display: block;
	width: 102px; height: 22px;
	padding-top: 12px;
	background: url('images/elements.gif') -256px -69px  no-repeat;
	text-decoration: none;
	font-weight: bold; font-size: 13px;

	color: #e76f0a;
}

#rss-links .rss-all-comments { display: none; }

div.footer-clear { clear: both; }

/* multimedia-sidebar */
#multimedia-sidebar h3 {
	height: 40px;
	margin-top: 12px;
	background: url('images/elements.gif')  -958px 0px no-repeat;	
}

#multimedia-sidebar .content { padding-bottom: 15px; }
#multimedia-sidebar .link a {
	background: url('images/elements.gif') -2565px 0px no-repeat;
	width: 101px; height: 24px;
	display: block;
	font-size: 15px; color: White; text-decoration: none;
	padding-top: 5px; padding-left: 25px;
	margin-left: 115px;
	position: relative;	top: 1px;
}



#archives {
	position: absolute; display: none;
	left: 690px; top: 134px;
}
.show-archives { display: block !important; }

#archives h3 { display: none; }

#archives ul { border: solid 1px #c4c4c4; }

#archives a {
	display: block;	
	color: #3a3a3a;	text-decoration: none;
	width: 150px;
	padding: 3px 5px;
	background-color: #eaeaea;
	font-size: 11px;
}
#archives a:hover { background-color: #e76f0a; color: White; }

.category-feed-icon { width: 27px; height: 15px;
	background: url('images/elements.gif') -2709px 0px no-repeat;
	position: absolute; left: 668px; top: 238px;	
}
.category-feed {
	position: absolute; left: 0px; top: 238px;	
	text-align: right;
	width: 700px;
}

.category-feed a  {
	font-size: 11px; color: #e76f0a; text-decoration: none;
	display: block;
	height: 15px;
	text-align: right;
	padding-right: 37px;
}


.image-404 {
	width: 81px;
	height: 60px;

	float: left;
	background: url('images/elements.gif') -2570px -170px no-repeat;
	margin-right: 5px;
	margin-bottom: 7px;
	margin-left: 20px;
	
}

.searchform-404  { clear: both; }

.error404 .entry-content { margin-top: 5px; }