@charset "utf-8";

/*
Theme Name: Massidea
*/

* {margin:0px; padding:0px;}

/* General */
html { background:#0089CF; /* Chrome background fix */ }
body {
	background:#0089CF;
	font:80%/135% Arial, Helvetica, sans-serif;
	color:#333;}

a {text-decoration:none; color:#0089CF;}
a:visited, a:hover, a:active {text-decoration:none; color:#0089CF;}	

p {margin:10px 0px 10px 0px;}
h2, h3, h4, h5, h6 { margin:10px 0px 10px 0px;}
img { border:none; }
hr { display:none; }

.clear { clear:both; }

ul { margin:20px 0px 20px 20px;}

.dot-line-720 { background:transparent url("img/gray_dot_line_720.png") no-repeat; height:1px; }
.dot-line-500 { background:transparent url("img/gray_dot_line_500.png") no-repeat; height:1px; }
.dot-line-200 { background:transparent url("img/gray_dot_line_200.png") no-repeat; height:1px; }

.left { float:left; }
.right { float:right; }
.center { text-align:center; }

#wp-users-background { background:#0089CF url("img/bg.jpg") repeat-x; }
#wp-challenges-background { background:#D21034 url("img/bg.jpg") repeat-x; }
#wp-ideas-background { background:#4B9B07 url("img/bg.jpg") repeat-x; }
#wp-visions-background { background:#FFC726 url("img/bg.jpg") repeat-x; }

#wp-container { 
	width:750px;
	margin:0 auto;
	padding:0px 1px 20px 1px;
	background:#fff;}
	
	
/* Header */
#wp-header { 
	background:#003580;
	height: 94px;}

/* Header logo */
#wp-header h1 { margin:0px 0px 0px 15px; padding:0px; }

#wp-header h1 a, #wp-header h1 a:visited { 
	position:absolute;
	background:transparent url("img/massidea_logo.png") no-repeat;
	width:256px; height:94px;
	}
	
/* Poistetaan tekstisisältö */
#wp-header h1 span { 
	text-ident:-9999px; 
	display:block; 
	margin:0px; padding:0px; 
	width:0px; height:0px; 
	overflow:hidden;}
	
/* Search */
#wp-header #search a, #wp-header #search a:visited { color:#fff; }
#wp-header #search a:hover { text-decoration:underline; }
#wp-header #search { float:left; color:#fff; margin:5px 20px 0px 290px; }
#wp-header #search input.top_search_field { width:350px; margin:0px 10px 10px 0px; padding:2px; float:left;}
#wp-header #search #search-top { text-align:right; width:358px; margin:4px 0px 4px 0px;}

#wp-header #search #search-field { float:left; width:358px; }
#wp-header #search #search-submit  { float:right; width:50px; }

#wp-header #search input#submitsearch  { margin-left:20px; }

#wp-header #search #select { width:358px;}	
	
/****************/

#login_box{
	position: absolute;
	text-align: left;
	display: none;
	border: 1px solid #cccccc;
	background: #eeeeee;
	color: #333333;
	width: 240px;
	height: 156px;
	font-family: Arial;
	font-size: 11px;
	font-weight: bold;
	padding: 6px;
	margin-top:-3px;
	padding-left: 8px;
	z-index: 1000;
	margin-left:270px;
}

#login_box input{
	width: 232px;
}

#login_box_openid{
	position: absolute;
	text-align: left;
	border: 1px solid #cccccc;
	color: #333333;
	display: none;
	background: #eeeeee;
	width: 240px;
	height: 90px;
	font-family: Arial;
	font-size: 11px;
	font-weight: bold;
	padding: 6px;
	padding-left: 8px;
	z-index: 1000;
}

#login_box input.login_box_field { background:#fff; border:1px solid #999; padding:2px; }

#login_box #login { margin-top:10px; }
#login_box #login input#loginsubmit {margin-right: 6px; width: 70px; float:left; }
#login_box .top_right_box_links {  margin:0px 5px 0px 5px; }
#login_box .top_right_box_openid {margin-top: -43px; margin-right: 45px; float:right; }
#login_box input#openid_action { margin-right: 6px; }

#login_box a {text-decoration:none; color:#0089CF !important;}
#login_box a:visited, #login_box a:hover,#login_box a:active {text-decoration:none; color:#0089CF !important;}	

#add_content_menu a:link {text-decoration: none; color: #333333;}
#add_content_menu a:visited {text-decoration: none; color: #333333;}
#add_content_menu a:hover {text-decoration: none; color: #333333;}
#add_content_menu a:active {text-decoration: none; color: #333333;}


/* Sub menu in top of the content area */
#add_content_menu{
	position: absolute; 
	margin-top: 23px; 
	overflow: visible; 
	display: none; 
	width: 126px; 
	border: 1px solid #cccccc; 
	vertical-align: middle; 
	font-size: 12px; 
	font-weight: bold; 
	margin-left:35px;
	font-family: Arial;
}



div.hidden_menu_row{
	width: 100px; 
	float:left
}


#add_content_menu_challenge{
	background: #eeeeee; 
	width: 126px; 
	border-bottom: 1px solid #cccccc;
}

#add_content_menu_idea{
	background: #eeeeee; 
	width: 126px; 
	border-bottom: 1px solid #cccccc;
}

#add_content_menu_vision{
	background: #eeeeee; 
	width: 126px;
}

div.hidden_menu_red{
	float:left; 
	width: 17px; 
	height: 17px; 
	background: #D21034;
	margin-right: 6px;
}

div.hidden_menu_green{
	float:left; 
	width: 17px; 
	height: 17px; 
	background: #4B9B07; 
	margin-right: 6px;
}

div.hidden_menu_yellow{
	float:left; 
	width: 17px; 
	height: 17px;
	background: #FFC726; 
	margin-right: 6px;
}


/****************/
	
	
/* Menu */
#wp-menu { margin:14px 0px; height:48px; border-bottom:5px solid #ccc; font-size:.9em; line-height:1.3em; font-weight:bold; position:relative; }
#wp-menu ul { list-style:none; margin:0px 0px 0px 16px; padding:0px;}
#wp-menu ul li { float:left; margin:0px 15px 0px 0px;}

#wp-menu ul li a, #wp-menu ul li a:visited { text-decoration:none;  height:48px; display:block; max-width:80px; }
#wp-menu ul li a:hover { height:43px; }

#wp-menu ul li a { color:black; border-bottom:5px solid black;}
#wp-menu ul li a:hover { color:black; border-bottom:10px solid #333;} 
	
#wp-menu ul li.red a { color:#D21034; border-bottom:5px solid #D21034; }
#wp-menu ul li.red a:hover { color:#D21034; border-bottom:10px solid #D21034; }

#wp-menu ul li.green a { color:#4B9B07; border-bottom:5px solid #4B9B07; }
#wp-menu ul li.green a:hover { color:#4B9B07; border-bottom:10px solid #4B9B07; }

#wp-menu ul li.orange a { color:#FFC726; border-bottom:5px solid #FFC726; }
#wp-menu ul li.orange a:hover { color:#FFC726; border-bottom:10px solid #FFC726; }
	
#wp-menu ul li.blue a { color:#0089CF; border-bottom:5px solid #0089CF; }
#wp-menu ul li.blue a:hover { color:#0089CF; border-bottom:10px solid #0089CF;} 

#wp-menu ul li.deepblue a { color:#003581; border-bottom:5px solid #003581; }
#wp-menu ul li.deepblue a:hover { color:#003581; border-bottom:10px solid #003581;} 

/* Menu --> Left */
#wp-menu ul.left { float:left; }
	
	#wp-menu ul li#challenges { width:60px;}
	#wp-menu ul li#ideas { width:35px; }
	#wp-menu ul li#visions { width:60px; }


/* Menu --> Right */
#wp-menu div.right { float:right;}
	#wp-menu div#addnewcontent { width:200px; margin-top:5px; text-align:center;}
	#wp-menu div#addnewcontent input#add_content_button { margin-right:36px; position:Absolute; width:130px; right:0;}


/***************/

#wp-content {
	font-size:1em;
	float:left;
	margin:0px 14px 0px 16px;
	width:auto;}
	
#wp-content h2 { 
	font-size:1.5em; line-height:1.3em; color:#000;}
	
#wp-content h2 a, #wp-content h2 a:visited { 
	display:block;}
	
#wp-content.narrow { width:500px; }

#wp-content .entry {
	 background:transparent url("img/gray_dot_line_500.png") no-repeat bottom;
	 padding-bottom:5px;
	 margin-bottom:20px;
	 }
	 
	 
#wp-content p.postmetadata { font-size:11px; font-weight:bold; }

#wp-content #archive-info { margin-bottom:20px;
	 background:transparent url("img/gray_dot_line_500.png") no-repeat bottom;
	 padding-bottom:1px;
	 margin-top:-6px;
	 }
	 
#wp-content #page-head { margin-bottom:20px;
	 background:transparent url("img/gray_dot_line_500.png") no-repeat bottom;
	 padding-bottom:1px;
	 margin-top:-12px;
	 }
#wp-content #page-head h2 { font-size:1.5em;}
	 
	 
.singlepage-navigation { height:20px; margin-top:20px;}
.alignleft { float:left; margin:0px 10px 0px 0px;}
.alignright {float:right; margin:0px 0px 0px 10px;}


#wp-content .blogauthor { margin:10px 0px 15px 0px;
background:transparent url("img/gray_dot_line_500.png") no-repeat bottom; 
padding-bottom:20px;}
#wp-content .blogauthor .avatar { float:left; }
#wp-content .blogauthor .description { width:400px; float:right;}
#wp-content .blogauthor .description .meta { margin-bottom:5px; font-weight:bold; font-size:15px; }


/***************/

/* Sidebar */ 
#wp-sidebar {
	width:200px; float:right; 
	margin-right:13px;}

#wp-sidebar h2 { 
	font-size:1.15em; 
	background:transparent url("img/gray_dot_line_200.png") bottom no-repeat;
	padding:0px 0px 5px 0px;
	}
	
#wp-sidebar ul li { list-style:none; line-height:1.6em;}
#wp-sidebar ul { margin:10px;}
#wp-sidebar #blogmenu ul li { list-style:none; }
#wp-sidebar #blogmenu { margin-bottom:20px; }

#wp-sidebar .box h2 { font-size:1.2em; margin:3px 3px 4px 0px; padding:0px; background:none;}
#wp-sidebar .box h4 { font-size:.9em; margin:3px 3px 3px 7px; padding:0px;}
#wp-sidebar .box h5 { font-size:1em; margin:0px 3px 0px 0px; padding:0px;}
#wp-sidebar .box-content { background:#f2f2f2;font-size:.9em; border:1px solid #ccc; padding:0px 10px 0px 10px;}

#wp-sidebar #blog-sidebar-search { width:130px; }

#wp-sidebar .rss  { background:transparent url("img/rss.png") top left no-repeat; padding-left:25px; height:35px; display:block;}

/**************/

input.submit-button {
font-size:12px; font-weight:bold;
background:#f5f5f1 url("img/submit.jpg") bottom repeat-x !important; 
border:1px solid #003c74;
padding:2px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
cursor:pointer;}


#commentform label {
	font-size: .9em;
	font-weight:bold;
	color: #333;
	margin: 0 20px 0 0;
	display:block;
	float:left;
	width:70px;
}

.comment {
	margin:35px 0px 25px 0px;
	font-size:.9em;
	line-height:1.8em;
}

.comment a.count, .comment a.count:visited { color:#000; }

.comment .avatar {
	float:left;
	border:0px solid #000;
	margin:0px 10px 5px 0px;
}

.comment .message { 
	width:395px; 
	background:#eeeeee;
	margin:0px 0px 0px 75px;
	padding:10px 15px 3px 15px;
	}
.comment .author.message {
	
	}
	
.comment .avatarcolumn {
	background:#fff url("img/comment.jpg") no-repeat 6px right;
	width:75px;
	height:40px;
	float:left;
	}

.textarea, .textinput {
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
}

.textarea {
	width: 490px;
	height: 150px;
	background:#f8f8f8;
	border: 1px solid #ccc;
	padding: 4px;
	resize: none;
}

.textinput {
	padding: 4px;
	width: 400px;
	background:#f8f8f8;
	border: 1px solid #ccc;
}

#submit {
	font-size:12px; font-weight:bold;
background:#f5f5f1 url("img/submit.jpg") bottom repeat-x !important; 
border:1px solid #003c74;
padding:2px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
cursor:pointer;}
#submit:hover { cursor:pointer; background:#444; }


.postmetacontainer { margin-top:25px; }

.postmetadata {
	margin:0px 0px 10px 0px;
	font-weight:bold;
	font-size:.9em; line-height:1.6em;
}

.avatar-left {
	float:left;
	margin:0px 20px 0px 0px;
	width:75px;
	height:100px;
	text-align:left;
}

.avatar-left img { border:none; }

.entrymetadata {
	color:#666;
	margin:0px 0px 10px 0px;
	line-height:1.1em;
	width:405px;
	float:right;
}

.postmetadata a, .postmetadata a:visited, .entrymetadata a, .entrymetadata a:visited {
	 text-decoration:none; border-bottom:1px solid #ddd; }
.postmetadata a:hover {
	border-bottom:1px solid #e96f02; color:#e96f02; }



/*************/

	
/* Footer */
#wp-footer { margin-top:10px; padding:0px 16px 5px 16px; color:#999;}

#wp-footer #wp-footer-menu { height:26px; width:490px;  margin:0px auto 0px auto; color:#000;}
#wp-footer #wp-footer-menu ul { list-style:none; width:490px; display:inline;}
#wp-footer #wp-footer-menu ul li { float:left; margin:0px 5px 0px 5px;  display:inline;}

#wp-footer .left { float:left; width:340px; margin-bottom:10px; padding-left:10px;}
#wp-footer .right { float:right; width:360px; margin-bottom:10px;}