/*
Theme Name: MIA
Theme URI: http://nrksuper.no/mia
Description: Theme for nettdrama MIA
Version: 0.4
Author: Fredrik Thoresen
Author URI: http://nrksuper.no
*/

/*
@import url(http://fonts.googleapis.com/css?family=Droid+Sans);
*/

@import url(http://fonts.googleapis.com/css?family=Bevan&v2);


#main-wrapper {
		font-family: Arial, Helvetica, sans-serif;
		background-color:#9c9c9c;
		background-image:url(img/s5/header_se5.jpg);
		background-repeat: no-repeat; /* ie refuses elsewise */
}

#miawrapper {
	 background:white;
	 margin:10px;
	 border:1px solid #ababab;
}
 #content a, #pagecontent a, #aside a {
	color:#9a208e;
}


#content a:hover, #pagecontent a:hover, #aside a:hover {
	color:#c8387c;
}

#content {
	float:left;
	width:576px;
	margin-left:20px;
	margin-top:20px;
	font-size:15px;
	letter-spacing:0.02em;
	color:#636363;
}
#pagecontent {

	width:957px;
}

#pagecontent p, #pagecontent h2{
		margin:10px;
		padding-top:1em;
}

h1 a, h2 a {
	color: #000 !important;
	font-family:'Bevan', serif;
}

h2 {
	font-weight:normal;
	line-height:1.3em;
	color:#9a208e;
}

.single {
	
	border-bottom:none;
	margin-bottom:10px;
}

.single h2 {
	line-height:1.6em;

	font-size:30px;
		font-family:'Bevan', serif;
	
}

.single .metarow {
	margin: 6px 0;
}

.single .pubinfo {
	width:320px;
}

.archive-title {
	margin-bottom:20px;
	font-weight:bold;
}



.excerpt_text {
	line-height:1.4em;
}

#header {
height:256px;
display:block;
}

.dramatextlogo { /* hides blog name but keeps the title for search engines */
font-size: 0;
text-indent: -1000px; 
}

#dramalogo {
	float:left;
	margin:21px 25px;
}
#dramafeed {
float:right;
margin-right:20px;
margin-top:20px;
color:#fff;
font-size:12px;
}

#dramafeed a {
	color:#000;
}


#respond {
	margin:10px 0;
	background:#E5E5E5;
	width:100%;

}

#respond h3 {padding:19px 0 0 19px;	font-family:'Bevan', serif;font-size:2em;font-weight:normal;
}

#comments {
	clear:both;
	padding-top:19px;
}

#comments textarea{
	/*width:100%;*/
}

#comments input, textarea {
	background:#fff;
	padding:3px;
	display:inline;
}



#comments #submit {
	background:#c8387c url(img/meny.png) repeat-x;
	float:right;
	border:1px solid white;
	text-transform:uppercase;
	color:white;
	border:1px solid #8E8E8E;
		-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	font-weight:bold;
	padding:3px;
	margin-right:30px;
}

#comments #submit:hover {
	background:#c8387c;
	float:right;
	border:1px solid white;
	text-transform:uppercase;
		color:white;
			border:1px solid #8E8E8E;
		-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	cursor:pointer;

}


#commentform label {
	margin-left:10px;
}
#commentform input {
	margin-right:0;
	font-size:13px;

}


.comment-author {
	font-weight:bold;
	background:#BFBFBF;
	height:29px;
	color:#000;
}
.comment-author a{
	color:#9a208e !important;
	font-weight:normal;
}
.fn {
	font-size:1.3em;
}

#cancel-comment-reply-link {padding-left:20px;}

.comment-meta a {
	color:#fff !important;
}


.comment-body {

}

.comment-body p {
	padding:5px;
}

li.comment {
	margin:5px auto;
}


.children .comment-author {
	background:#eee;
}

.commentlist {clear:both;}

.commentlist .reply a {
background:url(img/svar_mia_off.png) no-repeat scroll 0 0 transparent;	
color:#9a208e !important;
}

.commentlist .reply a:hover {
background:url(img/svar_mia_on.png) no-repeat scroll 0 0 transparent;	
color:#c467af !important;
}



.article{
	display:block;padding-bottom:30px;min-height:120px;
}

.datetop {font-size:2em;color:#ad8acc;font-weight:bold;margin-bottom:5px;padding-top:20px;}

.post_content {
	margin-top:10px;
}
.post_content p, .post_content ul, .post_content ol {
	padding-bottom:1em;
	text-align:left;
}

.post_content ul {list-style-type:circle; padding-bottom:1.1em;margin-left:30px;}
.post_content ol {list-style-type:decimal;padding-bottom:1.1em;margin-left:30px;}


.dramafront .post_content {
margin-bottom:60px;
}

.featured h2 {
	margin:5px 0;
	font-size:2.3em;
	
}

#aside {
	float:left;
	width:333px;
	margin-left:15px;
	margin-top:20px;
		list-style:none;

}

.dramawidget {
	background:#E5E5E5;
	/*border:1px solid #ababab;*/
	margin:0 10px;
	margin-bottom:30px;
}
.dramawidget h3 {color:#fff;padding:8px;font-size:19px;background:#9a208e;margin:0;	font-family:'Bevan', serif;
font-weight:normal;text-transform:uppercase;}
.dramawidget img {
	padding:0;
	margin:0;
}

.dramawidget div, .dramawidget ul {padding:5px;}

#sisteVideoer {padding:0 !important;}

.dramafront h2 {line-height:1em;font-weight:normal;font-size:2.1em;}

/* Meta box and meta row fields */

.metabox {
	float:left;
	width:142px;
	min-height:128px;
	margin:0 15px 30px 0;
	/*position:relative;*/
	border-bottom:4px solid #e5e5e5; /* should be overwritten by meta_name*/
}

.metabox li {
	line-height:1.8em;
}

.metabox li > a {
	display: block;
	cursor:pointer;
	margin-left:-20px;
	padding-left:20px;
}

.metarow {
margin:6px 0 6px 192px;
height:24px;
font-size:12px;
}


.metarow li{
	float:left;
	height:24px;
	padding-right:10px;
}

.metarow li > a {
	cursor:pointer;
	margin-left:-20px;
	padding-left:20px;

}

.meta_admin {border-bottom:4px solid #431a42 !important;}
.meta_marie {border-bottom:4px solid #925A97 !important;}
.meta_iben {border-bottom:4px solid #ad8acc !important;}
.meta_alexandra {border-bottom:4px solid #d6beed !important;}

.pubinfo {
padding-left:10px;
width:220px;
}

.metarow .article_meta {
display:block;
	padding-left:10px;
}

.metabox .article_meta {
	border-bottom:4px solid #e5e5e5;
	padding-left:10px;
}
.metarow .article_meta {
	padding-left: 40px;
}

.meta_comment, .metabox .meta_comment {
	padding-left:20px;
	margin-left:10px;
	
}
.metabox .meta_comment, .metabox .meta_share {
	margin:5px;
}


.meta_comment {
background:url(img/s4/snakkeboble.png) 3px no-repeat;
}

.meta_share {
background:url(img/del_off.png) 0 2px no-repeat;
	padding-left:20px;
}

.meta_share:hover {
background:url(img/del_on.png) 0 2px no-repeat;
}

.metarow .meta_share {
	float:right;
}


.fullwidth {
	margin:6px 0 6px 0px;
}

.fullwidth .article_meta {
			width:178px;

}


.widget {
	margin-bottom:20px;
}




#recent_activity_box {
	clear:both;
	margin-bottom:10px;
}

#recent_activity_box ul{
	margin-right:10px;
	float:left;
}

#recent_activity_box .widget {
	min-height:220px;
	float:left;
	width: 266px;
	border-right:2px solid white;
	background:#e5e5e5;
padding:10px;
}


.widget_tag_cloud {
	float:left;
}
/*
.widget_tag_cloud h3 {
	background:url(img/meny.png) repeat-x;
	font-size:15px;
	height:20px;
	padding:4px;
	font-weight:bold;
	color:#fff;
	margin-bottom:10px;
	text-align:left;
}
*/
#recent_activity_box h2 {
	background:url(img/meny.png) repeat-x;
	font-size:15px;
	height:20px;
	padding:4px;
	font-weight:bold;
	color:#fff;
	margin-bottom:10px;
	text-align:left;
}


.recentcomments {
	margin-bottom:1em;
}

.widget_tag_cloud {
	text-align:center;
}

.content_splitter {
	clear:both;
	color:#925A97;
	border-top:1px solid #E5E5E5;
	margin-bottom:30px;
}


.latest_author_post {
	color:#000;
	padding:10px;
border:7px solid #e5e5e5;
background:#9a208e;
height:136px;
}




.latest_author_post h3{
	font-size:20px;
line-height:1em;	text-transform:uppercase;

}


.latest_author_post li {
padding-bottom:8px;
}

.latest_author_post .datestamp {
	line-height:1px;
	font-weight:bold;
}


#aside .marie {
	background:#9a208e url(img/s4/pers_boks_marie.jpg);

}

#aside .iben {
	background:#9a208e url(img/s4/pers_boks_iben.jpg);
}

#aside .alexandra {
	background:#9a208e url(img/s4/pers_boks_alex.jpg);
}

.widget_text p {padding:5px;}

.latest_author_post a {
	color:#fff !important;
}

.latest_author_post img {
	float:right;
	margin-top:-5px;
}

.latest_author_post p {
	overflow:hidden;
	height:60px;
	padding-right:5px;
	line-height:1.2em;
}

#stemme {
		background:url(img/sisteboks_bg.png) repeat-x;
	height:300px;

}


.forsidearkiv {
display:inline;	
}

.forsidearkiv li {float:left; margin-right:20px;}

/* color codes for each single author
 * Marie-farge: 00fe0d;
Iram-farge: 00f6ff;
Adriana-farge: fbfe00;

.admin a {color:#fff !important;text-shadow:0 0 3px black; }
.marie a {color:#00fe0d !important;text-shadow:0 0 3px black; }
.iben a		{color:#00f6ff !important;text-shadow:0 0 3px black;}
.alexandra a	{color:#fbfe00 !important;text-shadow:0 0 3px black;}
 */
.prev_posts_img {
	float:left;padding:0 10px 10px 0;
}


 

.pollbar {
	background:#c8387c url(img/meny.png) repeat-x;
	height:12px;
}

.widget_polls-widget .button{
	background:#c8387c;
}

.wp-polls {
	background:#e5e5e5;
	color:#535353;
}

.wp-polls .Buttons {
	background:#431a42;
	color:#fff;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	text-transform:uppercase;
}
.wp-polls .Buttons:hover{
	background:#c8387c;
	color:white;
}

.wp-polls li {
	padding-top:7px;
}
.wp-polls h3 {
	font-size:18px;
	color:#441b42;
	font-weight:normal;
	padding-top:25px;
	padding-bottom:15px;
	text-align:center;
	}



#aside .wp-polls p a {
	color:#535353;
}

#aside .wp-polls p a:hover {
color:magenta;
}





/* -- NAVIGATION --*/
div.navigation {width:100%;height:auto;float:left;clear:both;padding: 10px 0px;}

.nav-next {padding:5px;background:#9a208e;float:right;clear:none;width:180px; text-align:right;}
.nav-prev {padding:5px;background:#9a208e;float:left;clear:none;width:180px; text-align:left;}
.nav-prev:hover {}
.navigation {color:#000;margin-bottom:20px;}
.navigation a {color:#FFFFFF !important;font-weight:bold;}
.navigation a:hover {color:#fff !important;}






/* Del på sosiale nettverk */

.bubbleInfo {
    position: relative;
	
}
.trigger {

}


/* Bubble pop-up */

.popup {
	width:122px;
	height:60px;
	background:#E5E5E5;
	position: absolute;
	display: none;
	z-index: 50;
	padding:10px;
	border-collapse: collapse;
	line-height:1.7em;
}

.popup a img{
	padding:2px 4px;
}

.authorpageheader {
	
	color:#fff;
	height:199px;
	margin-bottom:50px;
}

.authorpageheader h1 {
	text-transform:uppercase;
	padding:0 0 0 10px;
	font-size:3em;
}
.authorpageheader p {
	padding:0 10px;
}

.archive_marie {
	/*background:#be38a2;*/
	background:url(img/s4/marie_bg.jpg) no-repeat;
}

.archive_iben {
	/*background:#de75c8;*/
	background:url(img/s4/iben_bg.jpg) no-repeat;
}

.archive_alexandra {
	/*background: #ffb6f0;*/
	background:url(img/s4/alexandra_bg.jpg) no-repeat;
}

.blivenner {
	width:274px;
	height:50px;
	background:url(img/bli_venn_off.png) no-repeat;
	margin-left:20px;
	
}
.blivenner:hover {
	width:274px;
	height:50px;
	background:url(img/bli_venn_on.png) no-repeat;
}

.blivenner p{
	/*padding-top: 16px;padding-left:47px;*/
}
.blivenner a {
	display:block;overflow:hidden;height:50px;width:274px;padding-top:16px;padding-left:35px;
}


/** The Post Thumbnails Container **/
.post-thumbnail {
width: 182px;
height: 102px;
float: left;
margin:0 10px 3px 0;
}

/** For The Thumbnail Hover Image **/
.post-thumbnail-frame {
background: url(img/playikon.png) 50px 10px no-repeat;
width: 182px;
height: 102px;
position: absolute;
}

.post-blog {
width: 182px;
height: 102px;
position: absolute;
}

.post-thumbnail-frame:hover {
background: url(img/playikon_on.png) 50px 10px no-repeat;

}

.admin-comment {background:#fff;}

.admin-author {background:#eee;height:50px;}
/*.comment-author-admin .comment-author {background: #be38a2;}*/

#comments_head {margin-bottom:30px;display:block;}


.persongallery {background:#eee;color:#000;padding:5px;text-transform:capitalize;margin-top:29px;} 

.vennegalleri li {float:left;padding:22px;}



/* =Menu
-------------------------------------------------------------- */

#dramamenu {

	width: 980px;
margin-top:-33px;
	float:left;

}
#dramamenu .menu-header,
div.menu {
	font-size: 16px;
	margin-left: 12px;
}
#dramamenu .menu-header ul,
div.menu ul {
	list-style: none;
	margin: 0;
}
#dramamenu .menu-header li,
div.menu li {
	float:left;
	position: relative;
}
#dramamenu a {
	display:block;
	text-decoration:none;
	color:#aaa;
}
#dramamenu ul ul {
	display:none;
	position:absolute;
	top:44px;
	left:0;
	float:left;
	z-index: 99999;
}
#dramamenu ul ul li {

}
#dramamenu ul ul ul {
	left:100%;
	top:0;
}
#dramamenu ul ul a {


	width: 160px;

}
#dramamenu li:hover > a,
#dramamenu ul ul :hover > a {
	color:#fff;

}
#dramamenu ul li:hover > ul {
	display:block;
}



#dramamenu {
	font-weight:bold;
}


/* needed for ie7 horizontal menu */
#dramamenu li {
	display:inline;
}

#dramamenu li a{
	font-weight:bold;
	background:#000;
	border:1px solid #ababab;
	border-bottom:white;
	float:left;
	color:#fff;
	margin-left:10px;
	padding:12px 12px 10px 12px;
}

.current_page_item a{
	background:#FFF !important;
	border: 1px solid #ABABAB !important;
	border-bottom:1px solid white !important;
	color:#000 !important;
}

#dramamenu li a:hover {
	color:#000;
	background:#9a208e;
}

#dramamenu li a:active {
	color:black;
}


#dramamenu .dramasok {float:right;margin-right:10px;border:1px solid #ababab;border-bottom:none;padding:7px;
		background:#9a208e;
}
#dramamenu input {background:white;font-size:14px;padding:1px;}
#dramamenu .dramasok fieldset {
	border:0;
}
.soketekst {
	width:120px;
}

#dramamenu .sokeknapp {
	background:#000;
	color:#fff;
	border:1px solid #fff;
	padding:3px;
}

#dramamenu .sokeknapp:hover{
	background:#c8387c url(img/byline_liten_rosa.png) repeat-x;
}


#personlapp {padding:20px 10px;background-image:url(img/liste_bg.jpg);font-size:small;}
#personlapp strong {color:#4f211b;display:block;float:left;padding-right:10px;}