/*  
Theme Name: Whoismanu
Theme URI: http://www.whoismanu.com/
Description: The WordPress theme for whoismanu.com.
Version: 1.0
Author: Manuel Flury
Author URI: http://www.whoismanu.com/
*/


/***** common parts between blog and photoblog *****/
body {
	background-color: #020202;
	color: #aaaaaa;
	font-family: "Lucida Grande", Verdana, Helvetica, sans-serif;
	font-size: 11px;
}


/*this is the frame around the whole page*/
#container{
	background-color: #262626;
	width: 700px;
	margin: 30px auto;
	padding: 0px;
	
}


/*** define central formates****/

/*general link appearance*/
a{
	text-decoration: none;
	margin: 0px;
	padding: 0px;
	color: #aaaaaa;
	font-weight: bold;
}

a:hover{
	color: #FA1313;
	text-decoration: underline;	
}


/*per default we dont want a border around images*/
img{
	border: none;
}

code.block{
	display: block;
	margin: 5px;
}


/*** form tags ***/
input, textarea{
	background-color: #181818;
	color: #aaaaaa;
	border: 1px solid #666666;
	
}

input{
  width: 230px;
}

#paypal{
	width: auto;
	border: none;
	margin-bottom: 10px;
	margin-left: 15px;
}

.center{
	text-align: center;
}


input #submit{
	border: 1px solid #020202;
}
/*** end form tags ***/

/*accents (dots and question mark) for page look and feel*/
.accent{
	color: #FA1313;
}

/*used to clear floats*/
.clearing {
	margin: 0px;
	padding: 0px;
  	height: 0px;
  	clear: both;
}

/*invisible elements*/
.invisible{
	display: none;
}



/*** end of central formats ***/

/*** bottom part containing pagetitle, tagline and main navigation ***/
/*container holding the pieces together*/
#bottomcontainer{
	position: relative;
	font-family: Helvetica,  Arial, sans-serif;
	margin: 0px;
	margin-top: 0px;
	width: 700px;
	height: 150px;
	padding: 0px;
	border-top: 1px solid red;
}

/*this one contains page title and tagline*/
#teaser{
	color: #020202;
	padding: 0px;
	margin: 0px;
	position: absolute;
	bottom: 45px;
	left: 0px;
	width: 700px;
	z-index: 10;
}


/*the pagetitle*/
#teaser h1{
	font-size: 60px;
	font-weight: bold;
	letter-spacing: 0.3em;
	position: absolute;
	bottom: 0px;
	left: -16px;
	width: 700px;
	z-index: 20;	
	margin: 0px;
	padding: 0px;
	/*line-height: 0.5em;*/
	/*border: 1px solid green;*/
	
}

/*the pagetitle should not appear as link*/
#teaser h1 a{
	color: #020202;
}

/*we dont want links in bottomcontainer to be underlined*/
#bottomcontainer a:hover{
	text-decoration: none;
}

/*the tagline*/
#tagline{
	font-size: 28px;
	font-weight: normal;
	letter-spacing: 0.2em;
	word-spacing: 0.1em;
	text-align: right;
	padding: 0px;
	margin: 0px;
	position: absolute;
	/*border: 1px solid green;*/
	bottom: 50px;
	left: 8px;
	width: 700px;
	z-index: 11;	
}

/*** main navigation ***/
/*title of the current page*/
.current{
	position: absolute;
	bottom: 0px;
	left: -9px;
	margin: 0px;
	padding: 0px;
	font-size: 124px;
	color: #181818;
	font-weight: bold;
	letter-spacing: 5px;
	/*z-index: 3;*/
	
}

/*the main navigation*/
ul.mainnav{
	position: absolute;
	bottom: 25px;
	left: -2px;
	list-style-type: none;
	margin: 0;
	padding: 0;
	font-size: 22px;
	letter-spacing: 6px;
	z-index: 3;
}

.mainnav li {
	float: left;
	margin: 0;
	padding: 0;
	border: none;
	/*line-height: 0.5em;*/
}

.mainnav a{
	font-weight: normal;
}

/*we dont want this to change color*/
.mainnav a:hover{
	color: #aaaaaa;
}
/*same for the accent*/
.mainnav .accent{
	margin-left: -4px;
	margin-right: 4px;
	color: #aaaaaa;
}

/*however on hover the accent shoud change color*/
.mainnav a:hover .accent{
	color: #FA1313;
}

/***end main navigation***/

/*the footer*/
#footer{
	background-color: #020202;
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 700px;
	height: 30px;
	z-index: 2;
	display: block;
	text-align: right;
	font-size: 9px;
	font-family: "Lucida Grande", Verdana, Helvetica, sans-serif;
}

#footer a{
	font-weight: normal;
}

/*** end of bottom part ***/

/*** comment related ***/
/*container for comments and comment form*/

.comment_number{
	font-size: 84px;
	float: right;
	font-weight: bold;
	color: #303030;
	
	position: relative;
	top: 30px;
	text-align: right;
	line-height: 0px;
	z-index: 1;
	
}

.photoblog_links{
	float:left;
	font-size: 9px;
	padding-top: 8px;
}

.photoblog_links a:hover{
	text-decoration: underline;
}


.admin_comment_number{
	font-size: 84px;
	float: right;
	font-weight: bold;
	color: #403333;
	
	position: relative;
	top: 30px;
	text-align: right;
	line-height: 0px;
	z-index: 1;
	
}

.foreground{
	position: relative;
	margin: 0;
	padding: 0;
	z-index: 100;
}

ul.commentlist{
	list-style-type: none;
	padding: 0px;
	margin: 0px;
}

.commentlist li.photoblog{
	padding: 10px;
	margin: 0px;
	background-color: #090909;
}

.commentlist li.alt{
	background-color: #262626;
	border-bottom: 1px solid #020202;
}

/*form to post comments*/
#comment_form{
	background-color: #262626;
	padding: 10px;
}

.commentlist li.blog{
	padding: 10px;
	background-color: #262626;
	border-top: 1px solid #020202;
}

#blog_container .commentlist li.alt{
	background-color: #181818;
	border-bottom: none;
}

/*form to post comments*/
#blog_comment_form{
	background-color: #262626;
	padding: 10px;
	border-top: 1px solid #020202;
}


.comment_title{
	padding: 10px 0px;
}

#respond{
	font-weight: bold;
}

/*** end comment related***/

/*meta data for the post*/
.postmetadata{
	text-align: justify;
	padding: 0px;
	margin-top: 5px;
	font-size: 11px;
}

/***** end of common parts *****/


/***** photoblog styles *****/

/*** the content part ***/
#content{
	padding: 0px;
	margin: 0px;
	line-height: 1.2em;
	background-color: #020202;
}

/*textarea in photoblog should be fixed size*/
#content textarea{
	width: 400px;
}


/*caption below the photo*/
.caption{
	padding-top: 5px;
	padding-bottom: 20px;
	text-align: right;
}

/*title part of the caption*/
.photo_title{
	display: inline;
	font-size: 11px;
}

/*used only for the photos archive page*/
.content_container{
  margin: 0px;
  padding: 10px 35px;
  background: #020202;
}

.thumbnail{
	width: 82px;
	height: 60px;
	float: left;
	padding: 0px;
	margin: 4px 4px;
	text-decoration: none;
	display: inline; /*needed for stupid explorer*/
}

.left{
	
}

.right{
	
	//text-align: right;
}

.thumb_single{
	height: auto;
}

.thumbnail img{
	border: 1px solid #020202;
	margin: 0px;
	padding: 0px;
}

.thumbnail a:hover img{
	border: 1px solid #FA1313;
	text-decoration: none;
}

.thumbnail a:hover p{
	text-decoration: underline;
	margin: 0px;
	padding-top: 5px;
}

.thumbnail a p{
	margin: 0px;
	padding-top: 5px;
}


.text_content_frame{
	font-size: 11px;
	margin-top: 0px;
	
	padding: 0px;
	padding-bottom: 10px;
	background-color: #090909;
	
}

.page_text{
	padding: 20px;
}

.page_text h2{
	font-weight: bold;
	font-size: 14px;
	margin: 0px;
	margin-bottom: 20px;
	padding: 0px;
}


.page_text h3{
	font-weight: bold;
	font-size: 12px;
	margin: 0px;
	padding: 0px;
}

.page_text ul{
	list-style-type: none;
	
}


/*container for information: description (if available + meta)*/
.photo_info{
	width: 456px;
	float: left;
	padding: 0px 30px;
	margin-bottom: 0px;
	
}


/***** end of photoblog styles *****/




/***** blog styles *****/


/*container for content and sidebar*/
#blog_container {
	border-bottom: 10px solid #020202;
	background: #090909 url(http://www.whoismanu.com/wp-content/themes/whoismanu/images/blog_bg.gif) repeat-y 0 0;
}

/*** content ***/

/* general definitions and positioning of the contents block */
#blog_content{
	width: 530px;
  	float: left;
  	margin-right: -170px;
  	border-right: 2px solid #020202;
  	background-color: #262626;
	padding: 0px;
	overflow: hidden;
}

#blog_container #comments{
	border-top: 1px solid #020202;
	margin: 0px;
	padding-top: 15px;
	font-weight: bold;
}

#blog_container img{
	margin: 20px;
}


/*post titles*/
#blog_content h2{
  margin-top: 5px;
  font-weight: normal;
	font-size: 19px;
}

#blog_content h2 a{
  font-weight: normal;
}


/*subtitles such as comments*/
#blog_content h3{
	font-size: 16px;
	margin-top: 30px;
}

/*container holding the post together*/
.post{
	padding: 10px;
	padding-bottom: 0px;
	border-top: 2px solid #020202;
	border-bottom: 1px solid #181818;
	margin: 0px;
}

.post_content{
  line-height: 1.5em;
}

.post_content a{
	text-decoration: underline;
}

.post_navigation{
	padding: 10px;
	border-top: 2px solid #020202;
}

#form_wrap{
	margin-top: 10px;
	margin-bottom: 10px;
}

/*date of the post in index view*/
.post_date{font-size: 11px;}

.blog_postmetadata{
  text-align: justify;
  font-size: 11px;
  border-top: 1px solid #020202;
  padding: 10px 0px;
  margin-top: 20px;
}

a.screenshot{
	float: left;
	margin: 0px;
	margin-right: 3px;
	margin-top: -10px;
	padding: 0px;
	width: 138px;
}

.update{
	border: 1px solid;
	margin-top: 10px;
	padding: 5px;
}
/*** end content ***/

/*** sidebar ***/

/*general definitions and positioning of sidebar*/
#sidebar{
	float: right;
	width: 168px;
	font-size: 12px;
	line-height: 1.5em;
	margin: 0px;
	padding: 0px;
	padding-top: 10px;
	background-color: #171717;
}

/*general sidebar link definitions*/
#sidebar a{
	font-weight: normal;
}

/*headers in sidebar*/
#sidebar h5{
	font-size: 16px;
	margin: 0px;
	padding: 10px 15px;
}

#sidebar ul{
  padding: 0px 5px;
  margin: 0px;
  list-style-type: none;
}

#sidebar li{
	margin: 0px;
	padding: 0px;
}

/*inner lists containing the links*/
#sidebar .linklist{
	padding: 0px 30px;
	margin: 0px;
	margin-bottom: 20px;
	list-style-type: square;
}

#sidebar .nomarker{
	list-style-type: none;
}


#sidebar img{
	margin: 0px 10px 30px 10px;
	padding: 0px;
}


.smalllink{
	font-size: 9px;
}

.ads{
  margin-left: auto;
}

/*** end sidebar ***/

/***** end of blog styles *****/