/*
Theme Name: Kosmonauts
Theme URI: http://deepdarknoise.net
Description: A sweet Kosmic theme for the band Kosmonauts
Version: 2 (WP2.6.2)
Author: Kilian McMahon
Author URI: http://deepdarknoise.net/
Tags: kosmonauts, band, music, cool,
*/

/*
	RESET
*/
* {
	margin: 0;
	padding: 0;
}

html, body {

}

body {
	width: 100%;
	height: 100%;
	font-family: "Trebuchet MS", sans-serif; 
	font-size: 12px;
	color: #808080;
	/*
	background-image: url("/images/bg.png");
	background-position: top center;
	background-repeat: repeat-y;
	*/
}

img {
	border: 0;
}

h1, h2, h3 {
	color: #333;
	margin: 5px 0 5px 0;
}

h3 {
	margin: 10px 0 0 11px;
}

p {
	margin: 0 0 10px 0;
	font-size: 14px;
}

a {
	color: #333;
	text-decoration: none;
}

a:hover {
	color: #74c5cf;
}

ul {
	list-style-type: square;
}

#container {
	position: absolute;
	top: 20px;
	left: 50%;
	width: 960px;
	height: auto;
	margin: 0 0 0 -480px;
}
/*
////////////////////////////////////////////////////////////////   HEADER   ///////////////////////////////////////////////////////////////////////
*/
#header {
	float: left;
	clear: both;
	width: 960px;
	height: 130px;
	border-bottom: 10px solid #808080;
}

#logo {
	position: absolute;
	top: 0;
	left: 0;
	width: 366px;
	height: 122px;
}

#nav {
	position: absolute;
	top: 88px;
	left: 210px;
	height: 34px;
}

#menu_start {
	float: left;
	width: 34px;
	height: 34px;
}

#menubar {
	float: left;
	width: 638px;
	height: 34px;
	background-color: #74c5cf;
}

#buttons {
	list-style-type: none;
}

#buttons li {
	float: right;
	margin-right: 4px;
}

#buttons li a {
	height: 34px;
	display: block;
}

#link_blog {
	width: 59px;
	background: url("/images/menu_btn_blog.png") no-repeat 0 0;
}

#link_blog:hover {
	background-position: 0 -34px;
}

#link_downloads {
	width: 132px;
	background: url("/images/menu_btn_downloads.png") no-repeat 0 0;
}

#link_downloads:hover {
	background-position: 0 -34px;
}

#link_contact {
	width: 108px;
	background: url("/images/menu_btn_contact.png") no-repeat 0 0;
}

#link_contact:hover {
	background-position: 0 -34px;
}

#menu_end {
	float: left;
	width: 34px;
	height: 34px;
}

#rss_btn {
	float: left;
	margin-left: -13px;
	background: url("/images/menu_btn_rss.png") no-repeat 0 0;
	width: 56px;
	height: 34px;
}

#rss_btn:hover {
	background-position: 0 -34px;
}
/*
////////////////////////////////////////////////////////////////   MEDIA SIDEBAR   ////////////////////////////////////////////////////////////////
*/
#left {
	float: left;
	clear: left;
	width: 220px;
	margin-top: 20px;
}

#twitter_div {
	float: left;
	clear: left;
	width: 100%;
	background-color: #F0F0F0;
}

#twitter_div ul {
	width: 180px;
	margin: 20px 0 0 20px;
}

#twitter_div ul li {
	margin-bottom: 10px;
}

#twitter-link {
	float: right;
	margin: -5px 15px 5px 0;
}

#vidsPics {
	float: left;
	clear: left;
	width: 100%;
	margin-top: 20px;
	background-color: #EDEDED;
}

#vidsPics h3 {
	color: #74c5cf;
	font-size: 16px;
	font-family: Courier;

}

/*
	Images are wrapped in divs classed "flickr_badge_image"
	with ids "flickr_badge_imageX" where "X" is an integer
	specifying ordinal position. Below are some styles to get you started!
*/
#titleFlickr{
	margin: 10px 0 0 16px;
	

}

#module_flickr {
	width: 200px;
	height: 388px;
	margin: 10px auto 0 auto;
	padding: 5px 0 0 0;
	background-color: #C0C0C0;

}

#flickr_badge_wrapper {
	width: 200px;
	height: 380px;
	margin: 0 0 0 3px;
	
	
}

.flickr_badge_image {
	float: left;
	margin: 10px 5px 5px 10px;
}

.flickr_badge_image img {
	border: 2px solid #808080 !important;
}

#video {
	width: 201px;
	margin: 10px auto 0 9px;
}

#vid_link {
	float: right;
	margin: 0 10px 10px 0;
}
/*
////////////////////////////////////////////////////////////////   BODY   /////////////////////////////////////////////////////////////////////////
*/
#content {
	float: left;
	width: 460px;
	margin: 20px 24px 0 24px;
	border-left: 1px solid #808080;
	border-right: 1px solid #808080;
	padding: 0 19px 0 19px;
}

.post p {
	margin-bottom: 20px;
}

.post_time {
	font-size: 11px;
	font-weight: bold;
	color: #74c5cf;
	margin: -2px 0px 0px 7px;

}

.auth_link{
	font-size: 13px;

}

/*
////////////////////////////////////////////////////////////////   MAIN SIDEBAR   /////////////////////////////////////////////////////////////////
*/

#right {
	float: right;
	width: 190px;
	margin-top: 20px;
}

#search {
	width: 100%;
	height: 25px;
	margin: 0 0 17px 0;
	background: url("/images/bg_searchbox.png") no-repeat;
}

#search #s {
	margin: 6px 0 0 7px;
	border: 0;
	width: 170px;
	color: #333;
	background: none;
}

.sidebar-title {
	margin: 5px 0 0 5px;

}

#vidPicsHeader{
	margin: 5px 0 0 5px;

}

#module_wpRecent {
	width: 100%;
	background-color: #F0F0F0;
}

#wrap_recent_posts{
	width: 155px;
	margin: 10px 0 5px 25px;
}

#module_wpRecent a {
	font-weight: bold;
}







/*
////////////////////////////////////////////////////////////////   FOOTER   ///////////////////////////////////////////////////////////////////////*/
#footer {
	float: left;
	clear: both;
	width: 960px;
	height: 190px;
	margin-top: 30px;
	border-top: 10px solid #74CACF;
	background-color: #F0F0F0;
	font-weight: bold;
	color: #444444;
}

#footer a {
	color: #959595;
}

#footer a:hover {
	color: #74c5cf;
}

#footer li {
	display: list-item;
	list-style-type: none;
	float: left;
	top: 0px;
}

#foot_head_love {
	float: left;
	margin: 0;
}

#love_text {
	float: left;
	width: 100px;
	height: 150px;
	margin: 15px 0 0 50px;
}

#love_text li {
	width: 90px;
	float: left;
	margin: 0 0 0 15px;
}

#foot_head_add {
	float: left;
	margin: 0;
}

#add_text {
	float: left;
	width: 170px;
	height: 150px;
	margin: 15px 0 0 60px;
}

#add_text li {
	width: 90px;
	float: left;
	margin: 0 0 0 20px;
}

#foot_head_members {
	float: left;
	margin: 0;
}

#members_text {
	float: left;
	width: 100px;
	height: 150px;
	margin: 15px 0 0 60px;
}

#members_text li {
	width: 90px;
	float: left;
	margin: 0 0 0 15px;
}

#foot_head_site {
	float: left;
	margin: 0;
}

#site_text {
	float: left;
	width: 140px;
	height: 150px;
	margin: 15px 0 0 170px;
}

#site_text li {
	width: 120px;
	float: left;
	margin: 0 0 0 20px;
}



/*
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////   SINGLE PAGE   //////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
*/



#single_wrapper {
	float: left;
	width: 720px;
	margin: 20px 0 0 20px;
	border-right: solid #808080 1px;
}

#single_title {
	border-left: solid #CCCCCC 5px;
	color: #333333;
	font-family: Courier;
	font-size: 26px;
	font-weight: bold;
	padding-left: 5px;
	width: 500px;
}

#content_wrapper {
	width: 600px;
	height: auto;
	margin: 0 0 0 0px;
	padding: 10px 0 2px 15px;
	border-left: solid #74c5cf 5px;
}

#post_dateTime{
	margin: -30px 0 30px 0;
	font-weight: bold;
	color: #808080;
	border-left: solid #CCCCCC 5px;
	padding: 0 0 5px 6px;
	


}

#next_previous li{
	list-style: none;
	list-style-type: none;

}

/*
/////////////////////////////////////////////////////////////////    COMMENTS    //////////////////////////////////////////////////////////////////
*/

#comments{
	margin: 0 0 20px 30px;
	border-bottom: 5px solid #CCCCCC;
	width: 125px;
	color: #808080;
	margin-left: 0px;
}

#leave_reply{
	border-bottom: 5px solid #CCCCCC;
	color: #808080;
	margin-right: 60px;

}

#other_posts{
	border-bottom: 5px solid #CCCCCC;
	color: #808080;
	width: 110px;


}

#author{
	background-color: #FFF;
	border: 1px solid #74c5cf;
	padding: 3px 0 3px 3px;
}

#email{
	background-color: #FFF;
	border: 1px solid #74c5cf;
	padding: 3px 0 3px 3px;
}

#url{
	background-color: #FFF;
	border: 1px solid #74c5cf;
	padding: 3px 0 3px 3px;
}

#comment{
	background-color: #FFF;
	border: 1px solid #74c5cf;
	padding: 3px 0 3px 3px;
}

#submit{
	background:#F0F0F0; 
	border:1px solid #808080; 
	border-radius:2px; -moz-border-radius:2px; 
	-webkit-border-radius:2px; 
	color:#333; 
	font-size: 12px; 
	width: 120px;


}
#submit:hover{
	color: #fff;
	background-color: #74c5cf;


}
#next_previous{
	margin: 0 0 0 15px;

}

#nextPrevious_posts h2{
	border-bottom: 5px solid #CCCCCC;
	color: #808080;
	width: 110px;
	

}

ol.commentlist { width: 630px; list-style:none; margin:0 0 0 30px; padding:0; text-indent:0; }
ol.commentlist li { border:1px solid #808080; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; height:1%; margin:0 0 10px; padding:5px 7px 5px 57px; position:relative; }
ol.commentlist li.alt { }
ol.commentlist li.bypostauthor {}
ol.commentlist li.byuser {}
ol.commentlist li.comment-author-admin {}
ol.commentlist li.comment { }
ol.commentlist li div.comment-author { padding:0 170px 0 0; }
ol.commentlist li div.vcard { font:bold 14px/1.4 helvetica,arial,sans-serif; }
ol.commentlist li div.vcard cite.fn { font-style:normal; }
ol.commentlist li div.vcard img.avatar { border:2px solid #808080; left:7px; position:absolute; top:7px; }
ol.commentlist li div.vcard img.avatar-32 {}
ol.commentlist li div.vcard img.photo {}
ol.commentlist li div.vcard span.says {}
ol.commentlist li div.commentmetadata {}
ol.commentlist li div.comment-meta { font:bold 10px/1.4 helvetica,arial,sans-serif; position:absolute; right:10px; text-align:right; top:5px; }
ol.commentlist li p { font:normal 12px/1.4 helvetica,arial,sans-serif; margin:0 0 1em; }
ol.commentlist li div.comment-meta a { color:#333; text-decoration:none; }
ol.commentlist li div.comment-meta a:hover { color:#000; }
ol.commentlist li ul { font:normal 12px/1.4 helvetica,arial,sans-serif; list-style:square; margin:0 0 1em; padding:0; text-indent:0; }
ol.commentlist li div.reply { background:#F0F0F0; border:1px solid #808080; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; color:#fff; font:bold 9px/1 helvetica,arial,sans-serif; padding:5px;  text-align:center; width:36px; }
ol.commentlist li div.reply:hover { background:#74c5cf; border:1px solid #333; }
ol.commentlist li div.reply a { margin-top: 10px; color:#333; text-decoration:none; text-transform:uppercase; }
ol.commentlist li div.reply a:hover { color:#333; text-decoration:none; text-transform:uppercase; }
ol.commentlist li ul.children { list-style:none; margin:1em 0 0; text-indent:0; }
ol.commentlist li ul.children li { }
ol.commentlist li ul.children li.alt {}
ol.commentlist li ul.children li.bypostauthor {}
ol.commentlist li ul.children li.byuser {}
ol.commentlist li ul.children li.comment {}
ol.commentlist li ul.children li.comment-author-admin {}
ol.commentlist li ul.children li.depth-2 { margin:0 0 .25em; }
ol.commentlist li ul.children li.depth-3 { margin:0 0 .25em; }
ol.commentlist li ul.children li.depth-4 { margin:0 0 .25em; }
ol.commentlist li ul.children li.depth-5 {}
ol.commentlist li ul.children li.odd {}
ol.commentlist li.even { background:#fff; color: #808080; }
ol.commentlist li.odd { background:#E5E5E5; color: #333; }
ol.commentlist li.parent { }
ol.commentlist li.pingback { }
ol.commentlist li.pingback.parent { }
ol.commentlist li.pingback div.vcard { padding:0 170px 0 0; }
ol.commentlist li.thread-alt { }
ol.commentlist li.thread-even {}
ol.commentlist li.thread-odd {}




/*
////////////////////////////////////////////////////////////////   SINGLE SIDEBAR   ///////////////////////////////////////////////////////////////
*/


#single_sidebar {

	float: right;
	width: 190px;
	margin: 20px 0 0 0;
	
	
}

#module_categories {
	width: 190px;
	height: 240px;
	margin: 0 0 20px 0;
	padding: 10px 0 0 0;
	background-color: #EDEDED;
	

}

#head_categories{
	margin: 0 0 0 15px;

}


#cat_wrap{
	width: 150px;
	margin: 15px 0 0 40px;

}

#module_categories ul {
	margin: 0 0 0 0;
	list-style-type: square;
	font-size: 10px;
	font-weight: normal;


}

#module_categories ul a{
	font-size: 17px;
	color: #74c5cf;
}

#module_categories ul a:hover{
	font-size: 17px;
	color: #333333;
}

#head_tags {
	margin: 0 0 0 15px;

}

#module_tagCloud {
	width: 190px;
	height: 110px;
	padding: 10px 0 0 0;
	margin: 0 0 25px 0;
	background-color: #EDEDED;

}

#cloud_wrap{
	width: 150px;
	margin: 10px 0 20px 20px;

}

#cloud_wrap a{
	font-size: 17px;
	color: #74c5cf;

}

#cloud_wrap a:hover {
	font-size: 17px;
	color: #333333;

}



/*
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////   SINGLE PAGE   //////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
*/


#tag_page_wrap{
	width: 600px;
	margin: 30px 0 0 40px;
}

#post_title {
	margin: 20px 0 0 0;

}



/*
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////   CUSTOM PAGE   //////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
*/



#post_page{

	width: 600px;

}

#page_wrap{
	width: 400px;
	
}

#page_wrap .post {
	width: 100px;

}
#page_sidebar{
	width: 190px;
	float: right;
	margin: 0 0 230px 0;
}

#page_sidebar #right {
	float: right;
	width: 190px;
	
}





/*
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////   CREW PAGES   ///////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
*/

#crew_pics{
	float: left;
	margin: 80px 0 80px 20px;
}

#crew_pic_kilian{
	float: left;
	margin-left: 20px;
}

#crew_pic_patrick{
	float: left;
	margin-left: 20px;
}

#crew_pic_simon{
	float: left;
	margin-left: 20px;
}

#crew_pic_sinead{
	float: left;
	margin-left: 20px;
}



#crew_columns h2 {
	background-color: #74c5cf;
	color: #808080;
	padding: 3px 3px 3px 6px;
	width: 100%;
	


}



#bio_column1 {
	float: left;
	width: 250px;
	height: 1000px;
	margin: 20px 0 0 0;
}


#member_pic {
	
	float: left;
	margin: 0;
}

#member_info {
	float: left;
	

}

#bio_column2 {
	float: left;
	width: 380px;
	margin: 16px 0 0 40px;
	font-size: 14px;

}

#bio_column2_info {
	margin: 15px 0 0 15px;

}


#bio_column2_addMe b {
	color: #74CACF;

}

#bio_column2_info b {
	color: #333333;
}

#bio_column2 ul {
	color: #808080;
	font-size: 12px;
	margin: 0 0 0 10px;
	list-style-type: none;


}


#bio_column3 {
	float: left;
	width: 240px;
	height: 800px;
	margin: 17px 0 0 40px;
	

}



#member_bio {
	float: left;
	width: 250px;
	margin: 20px 0 0 0;
	font-size: 13px;

}