/* Reset */

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, sub, sup, tt, var,
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-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}

body {
	line-height: 1;
	color: black;
	background: white;
}

ol, ul {
	list-style: none;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}

caption, th, td {
	text-align: left;
	font-weight: normal;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}

blockquote, q {
	quotes: "" "";
}




/* Global */

html {height:100%;margin-bottom:1px;}

body {
	background: #282726 url('./i/main_bg.gif') center repeat-y;
	font-family: "lucida grande", "lucida sans unicode", helvetica, arial, sans-serif;
	color: #555555;
	font-size: 100%;
	}


a:link { color: #08f705; }

a:visited { color: #08ac06; }

a:hover { color: #ff00aa; }

input, textarea {
	font-family: "lucida grande", "lucida sans unicode", helvetica, arial, sans-serif;
	}

input {
	}

textarea {
	}

hr {
	border: 1px dotted #DADADA;
	height: 1px;
	clear: both;
	margin: 10px 0px;
	}

code {
	color: green;
	background: #FAFAFA;
	padding: 0 3px;
	border: 1px solid #EAEAEA;
	}

/* Site Specific */

.container {
	clear: both;
	font-size: 1.0em;
	line-height: 1.0em;
	margin: 0 auto;
	padding: 0;
	position: relative;
	top: 0px;
	left: 0px;
	text-align: left;
	width: 924px;
	}


/* Header & Profile */



#header {
	margin: 0 auto;
	width: 924px;
	height: 58px;
	background: url('./i/header_bg.gif') repeat-x;
	position: relative;
}

	#header a#button_home,
	#header a#button_home:link,
	#header a#button_home:visited {
		display: block;
		width: 73px;
		height: 34px;
		text-indent: -1000em;
		overflow: hidden;
		background: url('./i/home_button.gif') 0 0 no-repeat;
		position: absolute;
		left: 0;
		top: 0;
		text-decoration: none;
	}
	
	#header a#button_home:hover {
		display: block;
		width: 73px;
		height: 34px;
		text-indent: -1000em;
		overflow: hidden;
		background: url('./i/home_button.gif') 0 -34px no-repeat;
		position: absolute;
		left: 0;
		top: 0;
		text-decoration: none;
	}

	#header a#button_profile,
	#header a#button_profile:link,
	#header a#button_profile:visited {
		display: block;
		width: 103px;
		height: 34px;
		font-family: "lucida grande", "lucida sans unicode", helvetica, arial, sans-serif;
		letter-spacing: -1px;
		color: #FFF;
		font-size: 24px;
		line-height: 34px;
		font-weight: bold;
		text-align: left;
		background: url('./i/profil_button.gif') 0 -34px no-repeat;
		position: absolute;
		right: 0;
		top: 0;
		text-indent: 29px;
		text-decoration: none;
	}
	
	#header a#button_profile:hover, #header a#button_profile.on {
		background: url('./i/profil_button.gif') 0 0 no-repeat;
		text-decoration: none;
	}
	
	
	#header a#button_tags,
	#header a#button_tags:link,
	#header a#button_tags:visited {
		display: block;
		width: 115px;
		height: 34px;
		font-family: "lucida grande", "lucida sans unicode", helvetica, arial, sans-serif;
		letter-spacing: -1px;
		color: #FFF;
		font-size: 24px;
		line-height: 34px;
		font-weight: bold;
		text-align: left;
		background:  url('./i/tags_button.png') 0 -34px no-repeat;
		position: absolute;
		right: 86px;
		top: 0;
		text-indent: 29px;
		z-index: 100;
		text-decoration: none;
	}
	
	
	#header a#button_tags:hover, #header a#button_tags.on {
		background: url('./i/tags_button.png') 0 0 no-repeat;
		text-decoration: none;
	}
	
	
	
	
	
	
	
		

	#header h1 {
		padding-left: 74px;
		font-family: "lucida grande", "lucida sans unicode", helvetica, arial, sans-serif;
		letter-spacing: -1px;
		color: #FFF;
		font-size: 24px;
		line-height: 34px;
		font-weight: bold;
		text-align: left;
	}



.accordion {
	margin: 0 auto;
	width: 924px;
	background: #32262C url('./i/accordion_bg.gif') top left repeat-x;
}

#profile {
}


.wrap {
	padding: 12px;
}


#tags h2 {
		font-family: "lucida grande", "lucida sans unicode", helvetica, arial, sans-serif;
		letter-spacing: -1px;
		color: #FFF;
		font-size: 18px;
		background: url('./i/tags_h2_bg.gif') repeat-x;
		font-weight: bold;
		display: inline;
		line-height: 24px;
}

#tags ul {
	
	list-style: none;
}

#tags ul li {
	list-style: none;
	display: inline;
}

#tags ul li a,
#tags ul li a:link,
#tags ul li a:visited {
		font-family: "lucida grande", "lucida sans unicode", helvetica, arial, sans-serif;
		letter-spacing: -1px;
		color: #FFF;
		font-size: 18px;
		background: url('./i/tags_li_bg.gif') 0 0 repeat-x;
		font-weight: bold;
		display: inline;
		line-height: 30px;
		text-decoration: none;
}


#profile h2 {
		font-family: "lucida grande", "lucida sans unicode", helvetica, arial, sans-serif;
		letter-spacing: -1px;
		color: #FFF;
		font-size: 18px;
		background: url('./i/tags_h2_bg.gif') repeat-x;
		font-weight: bold;
		display: inline;
		line-height: 24px;
}

#profile_pic {
	position: absolute;
}

#profile_box {
	padding: 2px 0 0 80px;
	height: 100px;
}
#profile_image .desc {
	color: #FFF;
	font-family: Verdana, sans-serif;
	font-size: 12px;
	line-height: 18px;
	padding-top: 12px;
	width: 500px;
}



#profile-tags {
	position: absolute;
	top: 12px;
	right: 12px;
	width: 200px;
}


#profile-tags li a,
#profile-tags li a:link,
#profile-tags li a:visited {
		font-family: "lucida grande", "lucida sans unicode", helvetica, arial, sans-serif;
		letter-spacing: -1px;
		color: #FFF;
		font-size: 18px;
		background: url('./i/tags_li_bg.gif') 0 0 repeat-x;
		font-weight: bold;
		display: inline;
		line-height: 30px;
		text-decoration: none;
}



.item {
	
}



/* Body */

#body {
	border-width: 20px;
	background: #282726;
}



	/* Home/breakdcrumb bar */

	#body .home {
		font-size: 0.8em;
		padding: 20px 0;
		border-bottom: 2px solid #ddd;
		}


	/* Blog items */

	#body #blog-items {
		height: 231px;
		margin: 20px 0 0;
		padding: 30px 20px 20px;
		width: 900px;
		}

		#body #blog-items #latest {
			float: left;
			width: 680px;
			}

			#body #blog-items #latest h2 {
				font-size: 1.8em;
				font-weight: bold;
				margin: 5px 0 15px;
				}
			
			#body #blog-items #latest small {
				color: #626262;
				display: block;
				font-size: 0.7em;
				margin-bottom: 20px;
				}
			
			#body #blog-items #latest p {
				color: #000;
				font-size: 0.875em;
				line-height: 1.8em;
				}

				#body #blog-items #latest .readmore {
					margin-top: 20px;
					}

				#body #blog-items #latest .readmore a {
					background: #0066cb;
					color: #fff;
					font-size: 0.8em;
					padding: 3px 5px;
					}
				
				#body #blog-items #latest .readmore a:hover {
					background: #333;
					}

		#body #blog-items #recent {
			float: right;
			width: 180px;
			}

			#body #blog-items #recent h2 {
				background: url('/favicon.ico') no-repeat;
				color: #000;
				font-size: 1.06em;
				font-weight: bold;
				padding-left: 20px;
				margin-bottom: 15px;
				}
				
				#body #blog-items #recent h2 a {
					color: #000;
					}
			
			#body #blog-items #recent li {
				font-size: 0.875em;
				margin-bottom: 10px;
				}
				
				#body #blog-items #recent li h3 {
					font-weight: normal;
					}

					#body #blog-items #recent li h3 a {
						display: block;
						padding: 5px 0;
						}

					#body #blog-items #recent li h3 .selected {
						background: #0066cb url('i/bg-gen.png');
						border: 1px solid #fff;
						color: #fff;
						font-weight: normal;
						padding: 4px 7px;
						}
				
				#body #blog-items #recent li small {
					color: #626262;
					font-size: 0.8em;
					}
				
				#body #blog-items #recent li .readmore {
					font-size: 0.9em;
					font-weight: bold;
					}
	
	/* All items */
	
	#body #items {
		float: left;
		margin: 0 0 0 2px;
		}

		#body #items li {
			background: url('./i/item_bg.png') repeat-x;
			display: inline;
			float: left;
			padding-bottom: 1px;
			width: 300px;
			height: 258px;
			margin: 0 0 10px 10px;
			overflow: hidden;
			}
    #body #items li:hover {

			background: url('./i/item_bg_hover.png') repeat-x;
    }

			#body #items li.first {
				clear: left;
				margin-left: 0;
				}
			
			#body #items li .meta {
				font-family: Verdana, sans-serif;
				font-size: 12px;
				height: 37px;
				line-height: 37px;
				overflow: hidden;
				padding-left: 35px;
				color: #FFF;
				background-position: center;
				}

				#body #items li .meta a {
				font-weight: bold;
					}
				
				#body #items li .meta a:hover {
				font-weight: bold;
					}
			
			#body #items li .box {
				cursor: pointer;
				height: 221px;
				position: relative;
				}

				/* Twitter */

				#body #items li .twitter {
					}


					
					#body #items li .twitter .content {
						color: #fff;
						font-weight: bold;
						font-size: 18px;
						font-family: "lucida grande", "lucida sans unicode", helvetica, arial, sans-serif;
						padding: 25px 15px;
						line-height: 24px;
						letter-spacing: -1px;
						}
					
					#body #items li .twitter .content a {
						text-decoration: none;
						color: #FFF;
						}
				
				/* Video */
				
				#body #items li .video {
					}

					#body #items li .video .content {
						color: #fff;
						font-weight: bold;
						font-size: 14px;
						line-height: 40px;
						text-indent: 10px;
						font-family: "lucida grande", "lucida sans unicode", helvetica, arial, sans-serif;
						letter-spacing: -1px;
						}
					
					#body #items li .video .content a {
						color: #fff;
						text-decoration: none;
						letter-spacing: -1px;
						}
				
				/* Photo */
				
				#body #items li .photo {
					height: 184px;
					}

					#body #items li .photo_content {
						
						color: #FFF;
						font-size: 12px !important;
						font-family: Verdana, sans-serif;
						height: 18px;
						line-height: 18px;
						padding: 10px;
						font-weight: normal !important;
						width: 280px;
						}
					
					
					#body #items li .photo_content a {
						color: #fff;
						text-decoration: none !important;
						font-weight: bold;
						}
				
				/* Blog */
				
				#body #items li .blog {
					}

					#body #items li .blog .title {
						background: #0066cb url('i/bg-gen.png');
						border: 1px solid #ececec;
						color: #fff;
						font-weight: bold;
						padding: 10px 20px;
						}

						#body #items li .blog .title a {
							color: #fff;
							}
					
					#body #items li .blog .content {
						font-size: 0.85em;
						padding: 10px 20px;
						}
				
				/* Generic */
				
				#body #items li .gen {
					}

				.three_lines {
					width: 280px;
					padding: 25px 15px;
					height: 72px;
					display: table-cell; vertical-align: middle;
				}

					#body #items li .gen .title {
						color: #fff;
						font-weight: bold;
						font-size: 18px;
						font-family: "lucida grande", "lucida sans unicode", helvetica, arial, sans-serif;
						/*padding: 25px 15px;*/
						
						line-height: 24px;
						letter-spacing: -1px;
						}

						#body #items li .gen .title a {
							color: #fff;
							text-decoration: none;
							}
					
					#body #items li .gen .content {
						font-size: 12px;
						font-family: Verdana, sans-serif;
						color: #FFF;
						padding: 0 15px;
						}
	
	/* Pagination */


	
	/* Single Template */
	
	#body #main_container {
		background: #fff;
		border: 1px solid #ececec;
		margin: 20px 0;
		padding: 20px;
		width: 898px;
		}

		/* Breadcrumb */
		
		#body #main_container .breadcrumb {
			font-size: 0.8em;
			padding: 0 0 20px;
			margin-bottom: 30px;
			border-bottom: 2px solid #ddd;
			}

		#body #main_container #single_container {
			width: 900px;
			}

			#body #main_container #single_container h2 {
				font-size: 1.8em;
				font-weight: bold;
				margin: 5px 0 15px;
				}
				
			#body #main_container #single_container small {
				color: #626262;
				display: block;
				font-size: 0.7em;
				margin-bottom: 20px;
				}
			
			#body #main_container #single_container p {
				font-size: 0.8em;
				line-height: 1.8em;
				margin-bottom: 15px;
				}
			
			#body #main_container #single_container em, #body #main_container #single_container i {
				font-style: italic;
				}
			
			#body #main_container #single_container strong, #body #main_container #single_container b {
				font-weight: bold;
				}
			
			#body #main_container #single_container ul, #body #main_container #single_container ol {
				margin-bottom: 15px;
				}

				#body #main_container #single_container ul {
					list-style-type: disc;
					}
				
				#body #main_container #single_container ol {
					list-style-type: decimal;
					}

				#body #main_container #single_container li {
					font-size: 0.8em;
					line-height: 1.8em;
					margin-left: 25px;
					}

/*********************** FOOTER *******************************/

#footer {
	width: 924px;
  margin: 0 auto;
	background: #282726 url('./i/footer_bg') 0 0 repeat-x;
}

#footer a:link {
	text-decoration: underline;
}

#footer a:visited {
	text-decoration: underline;
}

#footer a:hover {
	text-decoration: none;
}

#footer a:active {
	text-decoration: underline;
}

#footer .wrap {
	margin: 0;
	padding: 0 !important;
	}

#footer h6, address {
	font: normal normal bold 11px/15px "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
}

#footer h6 {
	padding: 10px 0 0 12px;
	text-indent: 0;
	text-transform: uppercase;
	text-align: left;
	color: #ff00aa;
	word-spacing: normal;
	letter-spacing: normal;
}

#footer address {
	margin: 0 10px 0 10px;
	padding: 0 0 22px 0;
	color: #fff;
	text-transform: none;
	text-align: left;
	color: #fff;
	word-spacing: 0.313;
	letter-spacing: normal;
}



/*
 * -----------------------------------------------------------------------------
 * PAGINATION
 * -----------------------------------------------------------------------------
 */

#pagination {
	width: 924px;
	height: 21px;
	background: url('./i/pagination_bg.png') 0 0 repeat-x;
	line-height: 21px;
	font-size: 14px;
	font-family: Verdana, sans-serif;
	color: #FFF;
	text-indent: 11px;
	margin: 13px 0 6px 0;
	font-weight: bold;
}


#pagination a:link,
#pagination a:visited {
	color: #08f705;
	text-decoration: none;
	font-weight: bold;
}

#pagination a:hover {
	text-decoration: underline;
}


/*#body #pagination {
		border-top: 2px solid #ddd;
		clear: both;
		font-size: 0.8em;
		font-weight: bold;
		float: left;
		margin-top: 20px;
		margin-bottom: 30px;
		padding: 20px 0;
		width: 940px;
		}

		#body #pagination a {
			background: #0066cb;
			color: #fff;
			font-weight: normal;
			padding: 1px 5px;
			}
		
		#body #pagination a:hover {
			background: #333;
			}*/