/* 
Theme Name: Floz
Theme URI: http://www.chait.net/
Description: A modification of David Chait's "DarkNight 2.0 Theme"
Author: Florian Knorn
Author URI: http://www.florian-knorn.com
Version: 2.0
.
Thanks to the original author!
.
*/

body {
	font:small "Trebuchet MS",Trebuchet,Verdana,Sans-Serif;
	background-color: black;
	text-align: center;
	margin: 0;
	color: #ccc;
	padding-bottom: 1em;
}

a:link {
	color:#9ad;
	text-decoration: none;
}

a:visited {
	color:#9ad;
	text-decoration: none;
}

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

a img {
	border-width:0;
}

acronym, abbr {
	border-bottom: 1px dashed #333;
}

acronym, abbr, span.caps {
	cursor: help;
	font-size: 90%;
	letter-spacing: .07em;
}

blockquote {
	border-left: 5px solid #ccc;
	margin-left: 1.5em;
	padding-left: 5px;
}

cite {
	font-size: 90%;
	font-style: normal;
}

h2 {
	margin:1.5em 0 .75em;
	font:bold 78%/1.4em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
	text-transform:uppercase;
	letter-spacing:.2em;
	color:#777;
	text-align: left;
}

h3 {
	text-align: left;
}

ol#comments li p {
	font-size: 100%;
}


/* classes used by the_meta() */
ul.post-meta {
	list-style: none;
}

ul.post-meta span.post-meta-key {
	font-weight: bold;
}

/*
.credit {
	clear: both;
	border-top: double 3px #aba;
	color: #fff;
	font-size: 11px;
	margin: 10px 0 0 0;
	padding: 3px;
	text-align: center;
}

.credit a:link, .credit a:hover {
	color: #fff;
}
*/

.date-header {
	margin:.25em 0 .75em;
	text-align: left;
	font:bold .75em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
	text-transform:uppercase;
	letter-spacing:.2em;
	}

.meta li, ul.post-meta li {
	display: inline;
}

.meta ul {
	display: inline;
	list-style: none;
	margin: 0;
	padding: 0;
}


.meta, .feedback, .facebook, .morepics {
	font:78%/1.4em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
	text-transform:uppercase;
	letter-spacing:.1em;
	}

.meta {
	display: inline;
	font-size: .75em;
	font-style:normal;
	color:#777;
	margin-right:.6em;
	text-align: left;
}

.feedback, .facebook, .morepics {
	display: inline;
	margin-left:.6em;
	margin-right:.6em;
}

.post {
	margin:1em 0 1.5em 0;
	text-align: left;
}

.post-title {
	margin:.25em 0 0 0;
	font-size:20px;
	line-height:1.4em;
	color:#ad9;
	}

.post-title a {
	text-decoration:none;
	color:#ad9;
	}
.post-title a:hover {
	color:#fff;
	}

.raquo :before {
	content: '» ';
}


#breadcrumb {
	margin:.65em 0 0 0; /* margin: .65em 0 1em */
	font-size:20px;
	line-height:1.4em;
	color:#ad9;
	text-align: left;
	font-weight: bold;
}
#breadcrumb a {
	text-decoration:none;
	color:#ad9;
	}
#breadcrumb a:hover {
	color:#fff;
	}

.post p {
	margin:0 0 1em 0;
	line-height:1.5em;
	text-align: justify;
	position: relative;
	z-index: 4;
}

.post img {
	margin-top: 4px;
	line-height: 0px
}

.post blockquote {
	/*margin:1em 20px;*/
	margin: 0px;
	text-align: justify;
	border-left: 1px dotted #333;
	border-right: 1px dotted #333;	
	padding-left: 16px;
	padding-right: 16px;
	font-style: italic;
	position: relative;
	z-index: 4;
}


.post blockquote p {
	margin:.75em 0;
}

#commentform {
	text-align: left;
}

#commentform input, #commentform textarea {
	color: #ccc;
	background: #333;
	border: 1px solid #ccc;

	background: #111;
	border: 1px solid #777;
	color: #fff;
}

#commentform textarea {
	width: 100%;
}

#rap {
	width:740px;
	margin:0 auto;
	padding:0;
	text-align:left;
}

#menu {
	width:200px;
	float:right;
	margin-top:4em;
	margin-right: 15px;
}

#content {
	width:510px;
	float:left;
	margin: 0 15px 20px 15px;
}

#top {
	text-align:center;
	width:660px;
	margin:0 auto 10px;
	border:1px solid #444;
}

#header {
	text-align:center;
	border:1px solid #333;
	padding: 20px;
	font-size:200%;
	line-height:1.2em;
	color:#ccc;
	letter-spacing:.2em;
	text-transform:uppercase;
}

#top #header {
	margin:5px 5px 0;
	padding:20px 20px .25em;
	border-width:1px 1px 0;	
}

#header a {
	color:#ccc;
	text-decoration:none;
}

#header a:hover {
	color:#ad9;
}
	
#description {
	margin:0 5px 5px;
	padding:0 20px 20px;
	border:1px solid #333;
	border-width:0 1px 1px;
	font:78%/1.4em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
	text-transform:uppercase;
	letter-spacing:.2em;
	color:#777;
	}
	
#menu p {
	color:#999;
	line-height:1.5em;
}

#menu form {
	margin-bottom: 10px;
}

#menu input {
	background: #111;
	border: 1px solid #777;
	color: #fff;
	letter-spacing: -0.05em;
}

#searchform form {
	margin: 0;
}

#searchform input {
	background: #111;
	border: 1px solid #777;
	color: #fff;
	letter-spacing: -0.05em;
}

#menu ul {
	margin:1.5em 0 .75em;
	padding:0 0 1.5em;
	list-style: none;
	font:bold 78%/1.4em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
	text-transform: uppercase;
	letter-spacing:.2em;
	color: #077;
	line-height:1.5em;
}

.widgettitle {
	text-transform: uppercase;
	letter-spacing:.2em;
	line-height:1.5em;
	margin:1.5em 0 .75em;
	font:bold 1em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
	text-transform:uppercase;
	letter-spacing:.2em;
	color:#777;
	text-align: left;
}

#menu ul li {	
	margin:1.5em 0 .75em;
	padding-bottom: 15px;
	border-bottom:1px dotted #333;
	text-align: left;
}

#menu ul ul {
	font-variant: normal;
	font-weight: normal;
	line-height: 100%;
	list-style-type: none;
	margin: 0;
	padding: 0;
	text-align: left;
	font-size: 120%;
	text-transform: none;
	letter-spacing: 0;
}

#menu ul ul li {
	border: 0px none;
	letter-spacing: 0;
	margin-top: .25em;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:115%;
	font-size:100%;
	padding-top:0;
	padding-bottom:0;
	margin-bottom: 0px;
}

#menu ul ul ul.children {
	border: 0px none;
	font-size: 100%;
	padding-left: 4px;
}

.post blockquote p {
	margin:.75em 0;
	}

.block {
	text-align: justify;
	position: relative;
	z-index: 4;
}

.exiftable {
	position: relative;
	z-index: 4;
	width: 90%;
	margin: 12px auto 25px;
	border: 1px solid #191919;
}


.left {
	margin-right: 20px;
	margin-bottom: 16px;
	float: left;
	line-height: 0px;
}

.left a {
	position: relative;
	z-index: 5;
}

.right {
	margin-left: 20px;
	margin-bottom: 16px;
	float: right;
	line-height: 0px;
}

.right a {
	position: relative;
	z-index: 5;
}

#navcontainer {  
	margin: 10px auto 10px auto; 
	padding: 0;  
	height: 20px;
	font-size: 9pt;
	text-align: center;
	width: 945px;
}

#navcontainer ul {
	border: 0;
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-align: center;
}

#navcontainer ul li {
	display: block;
	float: left;
	text-align: center;
	padding: 0;
	margin: 0;
}

#navcontainer ul li a {
	text-decoration: none;
	color: #9ad;
	height: 16px;
	border: 0;
	padding: 0;
	margin: 0;
	display: block;
	text-align: center;
	font-family: verdana, arial, sans-serif;
}


.fk {
	width: 118px;
}

#navcontainer a:hover {
	text-decoration: underline;
	color: #9ad;
}

#navcontainer a:active {
	text-decoration: none;
	color: #9ad;
}

#navcontainer a {
	text-decoration: none;
	color: #9ad;
}

object {
	margin-top: 4px;
}

table.table-wrapper {
	border: 1px solid #333;
	background-color: black;
	color: #ccc;
	width: 780px;
	margin: 0px auto;
	padding: 0;
}

.flickr_badge_image img {
	border: 1px solid #333333 !important;
	margin-top: 20px;

}

.storycontent {
	margin-bottom: 20px;
}

.single {
	margin-bottom: 0;
}

table.nb {
	width: 100%;
	vertical-align: top;
	border-spacing: 0px;
	margin: .5em;
}

table.nb td {
	padding-bottom: 1px;
	vertical-align: top;
}

.grey {
	text-transform:uppercase;
	color: #777;
	padding-bottom: 15px !important;
}

.text {
	padding-bottom: 15px !important;
}

ul#gblist {
	margin-right: 45px;
	list-style:none
}

#gblist li {
	text-align: left;
	border-bottom: 1px dotted #333;
	display: block;
	margin: 15px 0;
	padding-bottom: 15px;
}

#gblist li p {
	text-align: justify;
	margin-left:15px;margin-right:15px;
}

#gblist cite {
	margin-left:15px;margin-right:15px;
}

#commentlist li {
	text-align: left;
	padding: 0 1em 1em;
}

#commentlist li ul {
	border-left: 1px solid #ddd;
	font-size: 110%;
	list-style-type: none;
}

.ul {
	text-decoration: underline !important;
}

.publist dd {
	margin-bottom: 2em;
}

.dashline {
	width: 100%;
	margin: 1em 0 2em;
	padding: 0;
	border-top: 1px dotted #333;
	position: relative;
	z-index: 5;
}



/* ----- WP PAGE NUMBERS ----- */
#wp_page_numbers ul, #wp_page_numbers li, #wp_page_numbers a {
	padding: 0;
	margin: 0;
	font:78%/1.4em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
	text-transform:uppercase;
	letter-spacing:.1em;
	display: inline;
	font-size: 12px;
	font-style:normal;
	color:#777;
	margin-right:.2em;
	text-align: left;
}

#wp_page_numbers {
	margin-top: 10px;
	width: 100%;
}
#wp_page_numbers ul {
	width: 100%;
}
#wp_page_numbers li {
	float: left;
	display: block;
	width: 21px;
}

#wp_page_numbers a {
	padding: 3px;
	padding-left: 5px;
	padding-right: 5px;
	display: block;
	color: #9ad;
}

#wp_page_numbers li a:hover {
	text-decoration: underline;
}

#wp_page_numbers li.space {
	color: #9ad;
	padding: 3px;
	padding-left: 5px;
	padding-right: 5px;
}

#wp_page_numbers li.first_last_page {
	font-style: italic;
}

#wp_page_numbers li.active_page a {
	text-decoration: underline;
}

#wp_page_numbers li.active_page a:hover  {
	text-decoration: underline;
}

#wp_page_numbers li.page_info {
	float: left;
	display: block;
	padding: 3px;
	padding-right: 5px;
	width: auto;
}

.allpics {
	margin-top: 25px;
}

.allpics a img {
	padding: 1px;
	filter:alpha(opacity=67);
	-moz-opacity:0.67;
	-khtml-opacity: 0.67;
	opacity: 0.67;
}

.allpics a:hover img {
	filter:alpha(opacity=100);
	-moz-opacity:1;
	-khtml-opacity: 1;
	opacity: 1;

}

.vmiddle {
	vertical-align: middle;
}

.yapb-latest-images-link {
	text-transform: none !important;
	line-height:normal;
	letter-spacing:normal;
	font: small "Trebuchet MS",Trebuchet,Verdana,Sans-Serif;
	float: right;
	height: 2em;
}

.yapb-latest-images a img {
	border: 1px solid black !important;
	padding-top: 2px;
	padding-left: 2px;
	filter:alpha(opacity=67);
	-moz-opacity:0.67;
	-khtml-opacity: 0.67;
	opacity: 0.67;
}

.yapb-latest-images a:hover img {
	filter:alpha(opacity=100);
	-moz-opacity:1.0;
	-khtml-opacity: 1.0;
	opacity: 1.0
}