/*
Theme Name: OpenCourse
Theme URI: http://web.uni-frankfurt.de/dz/neue_medien/opencourse/index.html
Description: Based on Starkers (which is based on Twenty Ten)
Version: 1.1
Author: studiumdigitale
Author URI: http://www.studiumdigitale.uni-frankfurt.de
Tags: opencourse, studiumdigitale, uni frankfurt, goethe
*/

@import "css/reset.css";
@import "css/typography.css";
@import "css/layout.css";




div#access
{
	float:	left;
	width:	180px;
	margin:	0;
	padding: 240px 0 0 0;
}

div#content
{
	margin:		0 410px 0 180px;
	padding:	240px 8px 40px 8px;
}

div#sidebar
{
	float:		right;
	width:		410px;
	padding:	20px 0 0 0;
}


div#footer
{
	border-top:	1px dotted #505050;
	margin:		20px 0 0 0;
}





body
{
	font-family:	Arial, Helvetica, sans-serif;
	font-size:		13px;
	color:			#505050;
}



#blog_title
{
	height:		70px;
	margin:		-135px 0 0 0;
/*	padding: 140px 0 0 0;*/
}

#top_prev_next_post_links
{
	height:		48px;
	overflow:	hidden;
	margin:		0 0 -15px 0;
}


#loop_header
{
	margin:	40px 0 -56px 0;
}
#loop_with_header
{
	margin-top:	-16px;
}

#blog_title h1, #blog_title a
{
	font-size:			16px;
	font-family:		Arial, Helvetica, sans-serif;
	font-weight:		bold;
	color:				#505050;
	text-decoration:	none;
}


#blog_title p
{
	font-size:		32px;
	font-family:	Arial, Helvetica, sans-serif;
	font-weight:	bold;
	color:			#CC0066;
}


#access a
{
	margin-left:	60px;
}


a
{
	color:				#CC0066;
	text-decoration:	none;
}
a:hover
{
	text-decoration:	underline;
}




.menu .children
{
	margin:	2px 0 4px 8px;
}



.xoxo
{
	margin:	50px;
}
.xoxo h3
{
	margin: 8px 0 2px 0;
}
label.screen-reader-text
{
	display:	none;
}


.blog_post h2
{
	font-size:	14px;
}

.blog_post ul, .blog_post ol
{
	margin-left:	24px;
}
.blog_post ul li
{
	list-style:	disc;
}
.blog_post ol li
{
	list-style:	decimal;
}

.blog_post, #respond
{
	margin:	32px 0 0 0;
}
.blog_post_comments
{
	margin:	32px 0 0 0;
}

/*.blog_post_comments .depth-1, .blog_post_comments .depth-2, .blog_post_comments .depth-3*/
.comment
{
	margin:	16px 0 0 0;
}

.blog_post_comments .children
{
	margin-top:		4px;
	border-left:	1px dotted #A0A0A0;
	padding-left:	24px;
	padding-top:	4px;
	margin-left:	0px;
}



.blog_post p, #content p
{
	margin:		8px 0 0 0;
	overflow:	hidden;
}


.blog_post_content, .comment-body
{
	margin:	8px 0 8px 0;
}


.comment-form-comment label
{
	display:	block;
}

.comment-form-comment #comment
{
	width:	96%;
}

.form-allowed-tags code
{
	display:	block;
	margin:		4px 0 0 0;
}

.comment-form-author input, .comment-form-email input, .comment-form-url input
{
	position:	absolute;
	left:		350px;
}



.next_post_link
{
	float:			right;
	margin-right:	0px;
	width:			50%;
	text-align:		right;
}

.prev_post_link
{
	width: 50%;
}