/*

Theme Name: NoHook
Theme URI: http://www.pixelfarm.ch
Description: Customized Wordpress Design for No Hook Blog
Version: 1.0.2
Author: Reno
Author URI: http://www.pixelfarm.ch
Tags: keine

*/


html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {

	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}


body {
line-height: 1;
}


ol, ul {
list-style: none;
}


blockquote, q {
quotes: none;
}


blockquote:before, blockquote:after,

q:before, q:after {
content: '';
content: none;
}


/* remember to define focus styles! */

:focus {
outline: 0;
}


/* remember to highlight inserts somehow! */

ins {
text-decoration: none;
}


del {
text-decoration: line-through;
}


/* tables still need 'cellspacing="0"' in the markup */

table {
border-collapse: collapse;
border-spacing: 0;
}


/* css reset ends */



*{
margin: 0;
padding: 0;
}


body{
font-family: Georgia, Arial, Helvetica, Sans-Serif;
     color:#6f6f6f;
background-color: #ffffff;
}


a{
text-decoration: none;
outline-color: invert;
outline-style: none;
border: none;
color: #b7012c

;
}


a img{
border: none;
}


.clear{
clear: both;
}


div#page_wrap{
	width: 980px;
	margin: 0 auto;
}


div#header{
font-size: 12px;
}


div#header div.blog_title{
float: left;
}


div#main_navi{
  position:relative;
     top:-75px;
float: left;
     padding-left:130px;
height: 40px;
width: 550px;
}


/* END div#header */

div#main{
	width: 680px;
float: left;
display: inline;
margin: -50px 25px 30px 10px;
}


div#main div.post{
     font-family:Georgia, sans-serif;

color: #888;
line-height: 23px;
margin-bottom: -40px;
}


/* sticky post */
div#main div.sticky{
background-color: #0d0d0d;/* if a post is set as sticky post, it'll have a darker bg color */}


div#main div.post div.date{
	font-size: 11px;
line-height: 18px;
font-family: Arial, Georgia, sans-serif;
text-align: right;
vertical-align: right;
color: #b7012c

;
height: 75px;
width: 100px;
margin-left: 10px;
margin-top: 16px;
padding-top: 4px;
_position: relative;/* ie6 fix */
margin-right: 12px;
position:relative;
left:5px;
top:10px;
}


div#main div.post div.date a{
color: #b7012c

;
text-decoration: none;
}


div#main div.post div.date a:hover{
color: #b7012c

;
text-decoration: underline;
}


div#main div.post div.title{
margin-left: 125px;	
margin-bottom: 0px;
margin-top: 16px;
_margin-top: 0;/*ie6 fix*/
*+margin-top: 0;/*ie7 fix*/
position:relative;
top: -100px;
}


		div#main div.post div.title h2{
			font-family: Arial, Verdana, sans-serif;
			font-size: 18px;
			font-weight: normal;
			letter-spacing: 1px;
			color: #313131;
			width: 550px;
			line-height: 25px;
            padding-bottom:5px;
			}

			
			div#main div.post div.title h2 a{
				color: #313131;
				}

				
			div#main div.post div.title h2 a:hover{
				color: #b7012c

;
				}

				
			div#main div.post div.title div.postmeta{
			font-size: 12px;
			color: #666;
			width: 580px;
			overflow: hidden;
			}

			
			div#main div.post div.title div.postmeta a{
				color: #666;
				border-bottom: 1px solid #131313;
				text-decoration: none;
				}

				
			div#main div.post div.title div.postmeta a:hover{
				color: #b7012c

;
				border-bottom: 1px solid #b7012c

;
				text-decoration: none;
				}

				
			div#main div.post div.entry{
                position:relative;
                top: -100px;
                margin-left: 125px;
				width: 550px;
				overflow: hidden;/* in case large img or video */
				_width: 550px;
				font-size: 12px;
				}

				div#main div.post div.no_result{
				padding: 20px;
				}

			
				div#main div.post div.no_result p.no_result{
				margin-bottom: 0;
				}

				
				div#main div.post div.entry a{
				color: #b7012c

;
				border: none;
				text-decoration: none;
				}

				
				div#main div.post div.entry a:hover{
				text-decoration: underline;
				}

				
				div#main div.post div.entry p{
				margin-bottom: 0px;
				}

				
				
		/* 20090629 add h1-h6 style in entry */
		div#main div.post div.entry h1{ font-size: 20px; margin-bottom: 5px; }

		div#main div.post div.entry h2{ font-size: 18px; margin-bottom: 5px; }

		div#main div.post div.entry h3{ font-size: 16px; margin-bottom: 5px; }

		div#main div.post div.entry h4{ font-size: 15px; margin-bottom: 5px; }

		div#main div.post div.entry h5{ font-size: 14px; margin-bottom: 5px; }

		div#main div.post div.entry h6{ font-size: 12px; margin-bottom: 5px; }

		
		div#main div.post div.entry ul,
		div#main div.post div.entry ol{
			padding-bottom: 24px;
			margin-left: 40px;
			margin-right: 40px;
			}

			
		div#main div.post div.entry ul{
			list-style-type: disc;
			}

			
		div#main div.post div.entry ol{
			list-style-type: decimal;
			}

			
			div#main div.post div.entry ul li,
			div#main div.post div.entry ol li{
				padding: 1px 0;
				list-style: inside;
				}

				
		div#main div.post div.entry blockquote{
			padding: 35px 20px 10px 50px;
			margin: 0 15px 24px 15px;
			background-color: #181818;
			border-top: 1px solid #2a2e2f;
			border-bottom: 1px solid #2a2e2f;
			color: #999;
			}

			
			div#main div.post div.entry blockquote p{
				margin-bottom: 8px;
				}

				
		div#main div.post div.entry code{
			font-family: "Courier New", mono;
			background-color: #181818;
			border-left: 1px solid #2a2e2f;
			color: #ff0000;
			padding: 5px 10px;
			display: block;
			}

			
		/* 20090629 add table layout */
		div#main div.post div.entry table{
			margin-bottom: 20px;
			border-collapse:collapse;
			border: 1px solid #2a2e2f;
			background-color: #181818;
			color: #999;
			}

			
			div#main div.post div.entry table td,
			div#main div.post div.entry table th{
				padding: 2px 5px;
				border: 1px solid #2a2e2f;
				}

div#main div.navigation{
	font-size: 13px;
	}

	
	div#main div.navigation a{
		display: block;
		color: #ccc;
		padding: 0 5px;
		background-color: #ffffff;
		line-height: 28px;
		}

		
		div#main div.navigation .left a:hover,
		div#main div.navigation .right a:hover{
			color: #b7012c

;
			background-color: #fff;
			}

			
	div#main div.navigation .left{
		float: left;
		}

		
	div#main div.navigation .right{
		float: right;
		}


/* END div#main */



div#footer{
color: #666;
font-size: 12px;
}


div#footer div.footer_wrapper{
	width: 960px;
	margin: 0 auto;
	padding: 18px 0;
	/* position: relative; */
	}

	
	div#footer div.footer_left{
		width: 980px;
		}

	
	div#footer div.footer_left a{
		color: #888;
		text-decoration: none;
		}

		
	div#footer div.footer_left a:hover{
		color: #b7012c

;
		}


/* END div#footer */



div#sidebar{
width: 260px;
float: left;
display: inline;/* fix double margin */
margin-bottom: 30px;
     margin-top: -40px;
overflow: hidden;
font-size: 12px;
background-color: #ffffff;
}


div#sidebar ul{
	background-color: #ffffff;
	}

	div#sidebar ul li h2{
		font-size: 16px;
		line-height: 30px;
		color: #888;
		background-color: #ffffff;
		padding: 5px 10px;
		font-weight: normal;
		}

	div#sidebar ul li a{
		font-size: 12px;
		line-height: 18px;
		color: #b7012c

;
		font-weight: normal;
		
		}

	div#sidebar ul li ul{
		list-style-type: none;
		color: #888;
		line-height: 10px;
		}

		div#sidebar ul li ul li{
			padding-top: 2px;
			padding-bottom: 2px;
			padding-left: 26px;
			padding-right: 10px;
			background-position: left bottom;
			}

		
		div#sidebar ul li ul li a{
			background: none;
			display: inline;
			line-height: 26px;
			text-decoration: none;
                             color: #b7012c

;
			}

		div#sidebar ul li ul li a:hover{
			color: #000;
			}


/* END div#sidebar */



/* modify div#sidebar for default widget */



div#sidebar ul li ul li.rc a{
display: inline;
}


div#sidebar ul li.widget,

div#sidebar ul li.widget_archive,

div#sidebar ul li.widget_categories, 

div#sidebar ul li.widget_search, 

div#sidebar ul li.widget_tag_cloud div, 

div#sidebar ul li.widget_text{/* sidebar_list_bg fix */
     
}


div#sidebar ul li.widget h2 a{
color: #ccc;
     line-height: 10px;
}


div#sidebar ul li.widget_archive select, 

div#sidebar ul li.widget_categories select{/* dropdown view */
margin: 15px 26px;
}


div#sidebar ul li.widget_categories ul li{
line-height: 10px;
}


div#sidebar ul li.widget_categories h2{

background: url(images/cus/categories.gif) no-repeat;

background-position:0px 12px;

color:transparent;
font-size:0px;
height: 35px;
}


div#sidebar ul li.widget_archive h2{

background: url(images/cus/archiv.gif) no-repeat;

background-position:0px 12px;

color:transparent;
font-size:0px;
height: 35px;
}


div#sidebar ul li.widget_calendar h2{

background: url(images/cus/calendar.gif) no-repeat;

background-position:-10px 12px;

color:transparent;
font-size:0px;
height: 35px;
}


/* calendar widget */

div#sidebar ul li.widget_calendar div#calendar_wrap{
padding: 15px 26px;
}


#wp-calendar {

color: #888;
width: 95%;
font-family: Arial, sans-serif;
}


#wp-calendar caption {
padding: 5px;
letter-spacing: 2px;
}


#wp-calendar th, #wp-calendar td {
padding: 5px;
text-align: center;
}


#wp-calendar th{
border-bottom: 1px solid #999;
     background-color: #eee;
border-top: 1px solid #999;
}


#wp-calendar td {
background: transparent;
}


#wp-calendar td, table#wp-calendar th {
padding: 3px 0;
}


#wp-calendar a {
color: #b7012c

;
}


#wp-calendar a:hover {
          text-decoration: underline;
}


#wp-calendar #prev{
text-align: left;
padding-left: 5px;
}


#wp-calendar #next{
text-align: right;
padding-right: 5px;
}


#wp-calendar #prev, #wp-calendar #next, #wp-calendar tfoot tr td.pad{
border-top: 1px solid #999;
}


#wp-calendar #prev a, #wp-calendar #next a{
color: #888;
}


#wp-calendar #next a:hover{
color: #b7012c

;
}


#wp-calendar #prev a:hover{
color: #b7012c

;
}


#wp-calendar td#today{
color: #fff;
background-color: #cdcdcd;
font-weight: bold;
}


/* multi-level category */

div#sidebar ul li ul li ul li,

div#sidebar ul li ul li ul.children li{
background: none;
}


div#sidebar ul li ul li ul li:hover,

div#sidebar ul li ul li ul.children li:hover{
background: none;
}


/* widget rss */

.widget_rss a{
color: #ccc;
}


/* widget search */

li.widget_search #search{/* 090627fix */
padding: 10px 30px;
}


li.widget_search form#searchform{
width: 200px;
height: 25px;
border: none;
background-color: #fff;
position: relative;
}


li.widget_search form#searchform .searchinput{
	position: absolute;
	top: 5px;
	left: 8px;
	color: #666;
	font-size: 13px;
	width: 165px;
	border: 0;
	}

li.widget_search form#searchform .button{
	position: absolute;
	top: 0px;
	left: 175px;
	background: url(images/mag.gif) no-repeat;
	height: 25px;
	width: 25px;
	border: 0;
	cursor: pointer;
	}


/* tag cloud */

div#sidebar ul li.widget_tag_cloud div{
padding: 10px 16px;
}


div#sidebar ul li.widget_tag_cloud div a{
color: #ccc;
}


div#sidebar ul li.widget_tag_cloud div a:hover{
color: #b7012c


}


/* textwidget */

.textwidget{
padding: 10px 26px;
line-height: 18px;
}


.textwidget p{
margin-bottom: 10px;
line-height: 16px;
}


.textwidget a, .textwidget p a{
color: #b7012c

;
text-decoration: none;
}


.textwidget a:hover, .textwidget p a:hover{
text-decoration: underline;
}


/* END modify div#sidebar */



div#main div#comments{
margin-bottom: 10px;
     margin-left: 125px;
}


div#main div#comments h3{
	float: left;
	font-size: 16px;
	color: #888;
	line-height: 24px;
	font-weight: normal;
	}

div#main div#comments .add_your_comment a{
	float: right;
	font-size: 16px;
	color: #888;
	line-height: 24px;
	font-weight: normal;
	}

div#main div#comments .add_your_comment a:hover{
	color: #b7012c

;
	}


div#main ol.commentlist{
margin-left: 125px;
font-size: 12px;
color: #888;
overflow: hidden;
}


div#main ol.commentlist li{
	margin-bottom: 15px;
	background-color: #ffffff;
	border: 1px solid #eee;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	padding: 20px 20px 15px 20px;
	}

	div#main ol.commentlist li ul{
		list-style-type: none;
		margin-left: 60px;
		margin-top: 6px;
		}

		div#main ol.commentlist li ul.children li{
			background-color: #fff;
			border-left: 1px solid #eee;
			border-top: 0;
			border-bottom: 0;
			border-right: 0;
			}

	div#main ol.commentlist li div.vcard{
		float: left;
		}

	div#main ol.commentlist li div.vcard div.left{
		width: 56px;
		margin-right: 5px;
		}

		div#main ol li div.left img{
			border: 1px solid #444;
			display: block;
			height: 48px;
			width: 48px;
			}

		div#main ol li div.left div.reply a{
			background: url(images/reply.gif) no-repeat 0 0;
			display: block;
			height: 0;
			padding-top: 17px;
			width: 41px;
			overflow: hidden;
			margin-left: 5px;
			margin-top: 5px;
			}

		div#main ol li div.left div.reply a:hover{
			background-position: 0 -17px;
			}

	div#main ol.commentlist li div.right{
		float: left;
		line-height: 20px;
		width: 80%;/* 3-level or less thread comments display well. 4 or more leves may have some issue. */
		}

		div#main ol.commentlist li div.right p a{
			color: #888;
			text-decoration: none;
			border-bottom: 1px solid #ccc;
			}

		div#main ol.commentlist li div.right p a:hover{
			color: #b7012c

;
			border-bottom: 1px solid #b7012c

;
			}

		div#main ol li div.right div.commentmetadata{
			font-size: 12px;
			color: #999;
			border-bottom: 1px solid #eee;
			padding-bottom: 3px;
			margin-bottom: 8px;
			}

			div#main ol li div.right div.commentmetadata a{
				color: #888;
				text-decoration: none;
				font-weight: bold;
				}

			div#main ol li div.right div.commentmetadata a:hover{
				color: #b7012c

;
				}

		div#main ol li div.right p{
			margin-bottom: 20px;
			}


div#main .comments_navi{
font-size: 12px;
}


div#main .comments_navi .alignleft{
	float: left;
	}

div#main .comments_navi .alignright{
	float: right;
	}

	div#main .comments_navi .alignleft a, 
	div#main .comments_navi .alignright a{
		display: block;
		color: #888;
		border: 1px solid #eee;
		padding: 0 5px;
		background-color: #fff;
		line-height: 28px;
		}

	div#main .comments_navi .alignleft a:hover, 
	div#main .comments_navi .alignright a:hover{
		color: #b7012c

;
		background-color: #fff;
		}


div#main div#respond{
	background-color: #fff;
	border: 1px solid #999;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	color: #888;
	padding: 15px 20px;
	margin-top: 15px;
	margin-left: 125px;
}


div#main div#respond div.h3_cancel_reply{
	margin-bottom: 5px;
	}

div#main div#respond h3{
	font-size: 16px;
	color: #888;
	line-height: 24px;
	font-weight: normal;
	float: left;
	display: inline;/* fix double margin */
	}

	div#main div#respond span.cancel-comment-reply{
		float: right;
		display: inline;/* fix double margin */
		padding-top: 6px;
		}

	div#main div#respond span.cancel-comment-reply a{
		font-size: 12px;
		color: #999;
		text-decoration: none;
		}

	div#main div#respond span.cancel-comment-reply a:hover{
		color: #b7012c

;
		}

div#main div#respond form#commentform{
	}

	div#main div#respond form#commentform p{
		font-size: 12px;
		color: #999;
		padding: 3px 0;
		}

		div#main div#respond form#commentform p a{
			color: #888;
			border: 0;
			}

		div#main div#respond form#commentform p a:hover{
			border-bottom: 1px solid #eee;
			}

	div#main div#respond div.input_area{
		padding: 15px 30px;
		}

		div#main div#respond div .message_input{
			font-family: "Trebuchet MS", "Lucida Grande", Arial, sans-serif;
			background-color: #eee;
			border: 2px solid #aaa;
			color: #888;
			font-size: 13px;
			padding: 5px;
			height: 120px;
			width: 98%;
			}

	div#main div#respond div.user_info{
		font-size: 12px;
		line-height: 16px;
		display: block;
		padding: 0 30px;
		}

		div#main div#respond div.user_info div.single_field{
			display: inline;
			float: left;
			width: 33%;
			}

			label.desc{
				display: block;
				color: #999;
				padding-bottom: 4px;
				}

				label.desc abbr{
					color: #b7012c

;
					border: 0;
					}

			div#main div#respond div.user_info input.comment_input{
				background-color: #eee;
				color: #666;
				border: 2px solid #aaa;
				padding: 2px 3px;
				width: 90%;
				}

	div#main div#respond div.submit_button{
		margin: 15px 30px 0;
		}

		div#main div#respond form#commentform div.submit_button input.button{
			display: block;
			background: url(images/submit.gif) no-repeat 0 0;
			width: 76px;
			height: 28px;
			padding: 0;
			border: 0;
			/*text-indent: -9999px; 20090708 no text button*/
			color: #333;/*20090708 no text button*/
			font-size: 11px;/*20090708 no text button*/
			cursor: pointer;
			float: left;
			}

		div#main div#respond form#commentform div.submit_button input.button:active{
			background-position: 0 -28px;
			color: #fff;/*20090708 no text button*/
			}

		div.submit_button span.key{
			float: left;
			margin-left: 10px;
			padding-top: 6px;
			font-size: 12px;
			line-height: 16px;
			color: #333;
			}


.nocomments{
color: #ccc;
font-size: 16px;
}


/* END single page */

/*---------------- WordPress Generated Classes -------------------*/



.aligncenter,

div.aligncenter{
display: block;
margin-left: auto;
margin-right: auto;
}


.alignleft{
float: left;
}


.alignright{
float: right;
}


img.alignleft{
display: inline;
margin-bottom: 2px;
margin-right: 6px;
padding: 3px;
}


img.alignright{
display: inline;
margin-bottom: 2px;
margin-left: 6px;
padding: 3px;
}


.wp-caption {
border: 1px solid #1f2223;
text-align: center;
background-color: #0d0d0d;
padding-top: 4px;
margin: 10px;
/* optional rounded corners for browsers that support it */
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}


.wp-caption img {
margin: 0;
padding: 0;
border: 0 none;
}


.wp-caption p.wp-caption-text {
font-size: 12px;
line-height: 17px;
padding: 0 4px 5px;
margin: 0;
color: #ccc;
}


div#main div.post div.entry div.wp-caption p{
margin-bottom: 3px;
padding: 5px;

}
 



/*------------------------ Archives Page ------------------------*/



ul.archiveslist{
color: #ccc;
font-size: 13px;
}


div#main div.post div.entry  ul.archiveslist li a{
color: #ccc;
}


div#main div.post div.entry  ul.archiveslist li a:hover{
color: #CC0000;
}


/*------------------------ Links Page ------------------------*/



.linkpage{
background-color: #131313;
padding: 10px 15px;
}


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


.linkpage ul li{
float: left;
margin-bottom: 10px;
}


.linkpage ul li ul li{
float: left;
width: 130px;
text-align: center;
margin: 5px 12px;
line-height: 180%;
background-color: #202020;
}


.linkpage ul li ul li a{
color: #ccc;
display: block;
text-decoration:none;
border: 1px solid #1f2223;
font-size: 12px;
}


.linkpage ul li ul li a:hover{
background-color: #0d0d0d;
border: 1px solid #1f2223;
color: #CC0000;
}


.linkpage ul li h3{
margin-bottom: 5px;
margin-left: 12px;
}


/*------------------------ Strong ------------------------*/



div.strong{
color: #fff;
font-size: 18px;
padding: 10px 0;
margin-bottom: 25px;
}


div.strong .keyword{
color: #CC0000;
}


/*------------------------ Sticky Footer ------------------------*/

/*--------------- Code from www.cssstickyfooter.com -------------*/



html, body, #page_wrap{
height: 100%;
}


body > #page_wrap{
height: auto; min-height: 100%;
}


#container{
padding-bottom: 48px;/* must be same height as the footer */
}


#footer{
position: relative;
margin-top: -48px; /* negative value of footer height */
height: 48px;
clear:both;

}