/* Styles for Fena blog - All rights reserved
Created by: Yiannis Konstantakopoulos - hello@porcupine.gr 
----------------------------------------------------*/

/* Reset by E. Meyer
http://meyerweb.com/eric/thoughts/2008/01/15/resetting-again/
----------------------------------------------------*/
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,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend
{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
}

body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: 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;
}

/* =Structure
----------------------------------------------------*/

body{
	text-align: center;
	font-size: 62.5%;
	font-family: Helvetica, Arial, Verdana, sans-srif; 
	color: #444;
	background: #fff;
}


/* =top
----------------------------------------------------*/
#head_container{
	float: left;
	width: 100%;
	background: #000;
	color: #aaa;
}

#head{
	width: 96em;
	text-align: left;
	margin: 0 auto;
}

#mast_head{
	width: 24em;
	float: left;
	text-align: right;
	display:inline;
    overflow:hidden;
}

#sub_head{
	width: 72em;
	float: left;
	display:inline;
    overflow:hidden;
}

#nav{
	width: 72em;
	float: left;
	margin: 1em 0 0 0;
}

/* =top_links
----------------------------------------------------*/
#head_container a{
	color: #afa811;
	text-decoration: none;
	padding: .2em;
}

#head_container a:hover{
	color: #000;
	background: #afa811;
	text-decoration: none
}

#mast_head h1 a:hover{
	text-decoration: none;
	background: none;
}

/* =nav
----------------------------------------------------*/
#add_nav{
	width: 24em;
	float: left;
}

#add_nav ul{
	margin: 0 0 0 2em;
}

#add_nav ul li{
	display: inline;
	font-size: 1.1em;
	margin: 0 0 0 1em
}

#add_nav ul li a.selected{
	color: #000;
	background: #afa811;
	text-decoration: none
}

#main_nav{
	width: 48em;
	float: right;
	text-align: right;
}

#main_nav ul li{
	display: inline;
	background: url(./themes/site_themes/fena/main_nav_deco.jpg) center right no-repeat;
	font-size: 1.1em;
	margin: 0 0 0 1em;
	padding: 0 2.5em 0 0;
}

#main_nav ul li.last{
	display: inline;
	background: none;
	margin: 0 0 0 1em;
	padding: 0;
}

#main_nav ul li a.selected{
	color: #000;
	background: #afa811;
	text-decoration: none
}

/* =search
----------------------------------------------------*/
#search{
	width: 60em;
	float: right;
	text-align: right;
	margin: 1em 0 .5em 0;
}

#search input.text{
	border: 1px solid #930;
	margin: 2em .5em 0 0;
}

#search input.button{
	border: none;
	margin: 0
}


/* =content
----------------------------------------------------*/
#content_container{
	float: left;
	width: 100%;
	background: #fff;
	color: #333;
}

#content{
	width: 96em;
	text-align: left;
	margin: 0 auto;
}

div.entry{
	float: right;
	width: 50em;
	display:inline;
    overflow:hidden;
    margin: 0 19em 0 2em;
}

div.entry_details{
	float: right;
	width: 22em;
	text-align: right;
	display:inline;
    overflow:hidden;
}

div.author_img{
	float: right;
	margin: 6em 1em 1em 0;
	padding: .2em .5em;
	border: 1px solid #bfe5ea;
}

div.entry_misc{
	clear: right;
	float: right;
	margin: 0 1em 0 0;
}

/* =comments
----------------------------------------------------*/
#comments_container{
	float: left;
	width: 100%;
	background: #fff;
	color: #333;
}

#comments_box{
	width: 96em;
	text-align: left;
	margin: 0 auto;
}

div.comments{
	clear: both;
	float: left;
	width: 96em;
}

div.comment_author{
	float: right;
	width: 22em;
	text-align: right;
	display:inline;
    overflow:hidden;
}

div.comment_visitor{
	float: right;
	width: 22em;
	text-align: right;
	display:inline;
    overflow:hidden;
}

div.comment{
	float: right;
	width: 50em;
    margin: 0 19em 3em 2em;
    background: url(./themes/site_themes/fena/comment.gif) no-repeat;
   	display:inline;
    overflow:hidden;
}

div.comments h2{
	font-size: 1.4em;
	font-weight: normal;
	margin: 1em 0 2em 0;
	padding: 1em 0 0 0;
	color: #0098aa;
	border-bottom: 1px solid #bfe5ea;
}

div.comment p{
	font-size: 1.1em;
	padding: 1em 0 0 2em;
	line-height: 1.6em;
}

div.comment_author p, div.comment_visitor p{
	font-size: 1.1em;
	padding: 0 0 .5em 0;
}

div.comment_author img{
	font-size: 1.2em;
	margin: 0 0 .5em 0;
	border: 3px solid #930;
}

div.comment_visitor img{
	font-size: 1.2em;
	margin: 0 0 .5em 0;
	border: 3px solid #aaa;
}

/* =comment_area
----------------------------------------------------*/
#comment_area{
	clear: both;
	float: left;
	width: 96em;
}

#comment_area h2{
	font-size: 1.4em;
	font-weight: normal;
	margin: 1em 0 2em 0;
	padding: 1em 0 0 0;
	color: #0098aa;
	border-bottom: 1px solid #bfe5ea;
}

#actual_form{
	float: right;
	width: 50em;
    margin: 0 19em 3em 2em;
   	display:inline;
    overflow:hidden;
}

#actual_form p{
	font-size: 1.1em;
	padding: .5em 0;
	line-height: 1.6em;
}

#actual_form input.field{
	width: 30em;
	background: #f3fafb;
	border-top: 1px solid #dff2f4;
	border-right: 1px solid #bfe5ea;
	border-bottom: 1px solid #bfe5ea;
	border-left: 1px solid #dff2f4;
}

#actual_form input.field:hover, #actual_form input.field:active{
	width: 30em;
	background: #fff;
	border-top: 1px solid #dff2f4;
	border-right: 1px solid #bfe5ea;
	border-bottom: 1px solid #bfe5ea;
	border-left: 1px solid #dff2f4;
}

#actual_form textarea{
	background: #fff;
	border-top: 1px solid #dff2f4;
	border-right: 1px solid #bfe5ea;
	border-bottom: 1px solid #bfe5ea;
	border-left: 1px solid #dff2f4;
}

#actual_form input.button{
	background: #000;
	color: #afa811;
	border: 1px solid #930;
}

#instructions{
	float: right;
	width: 24em;
	background: #e6f5f7;
	border: 1px solid #bfe5ea;
	text-align: right;
	margin: 2em 0 0 0;
	padding: .5em 0;
	display:inline;
    overflow:hidden;
}

#instructions p{
	margin: 1em 1em 1em 1em;
}

#instructions p.add_space{
	margin: 2em 1.5em 2em 1em;
	line-height: 2em
}

/* =content_links
----------------------------------------------------*/
#content a, #comments_box a{
	color: #930;
	text-decoration: none;
	padding: .2em;
}

#content a:hover, #comments_box a:hover{
	color: #fff;
	background: #930;
	text-decoration: none;
}


/* =content typo
----------------------------------------------------*/
div.entry h2{
	font-size: 1.8em;
	margin: 1em 0;
	text-shadow: 3px 3px 5px #aaa;
	line-height: 1.4em;
}

div.entry h3{
	font-size: 1.4em;
	margin: 1em 0;
}

div.entry p{
	font-size: 1.2em;
	padding: 0 0 1em 0;
	line-height: 1.6em;
}

div.entry_misc p{
	font-size: 1.1em;
	padding: 0 0 .5em 0;
}

div.entry ul{
	margin: 1em 0 1em 0em;
}

div.entry ul li{
	background: url(./themes/site_themes/fena/list_item.jpg) center left no-repeat;
	padding: .5em 0 .5em 1.5em;
	font-size: 1.2em
}

div.entry ol{
	margin: 1em 0 1em 3em;
}

div.entry ol li{
	list-style: decimal-leading-zero;
	padding: .5em 0 .5em .1em;
	font-size: 1.2em;
}

div.entry blockquote{
	background: #f1f1f1;
	font: 1.2em Georgia, Times,"Times New Roman", serif;
	font-style: italic;
	margin: 0 0 1em 0;
	padding: 1em;
	line-height: 1.6em;
	border-bottom: 3px solid #aaa
}

div.entry ul.social{
	list-style: none;
}

div.entry ul.social li{
	background: none;
	display: inline;
	margin: 0 1.5em 0 0;
	padding: 0;
}
/* =footer
----------------------------------------------------*/
#foot_container{
	float: left;
	width: 100%;
	background: #000;
	color: #aaa;
}

#foot{
	width: 96em;
	text-align: left;
	margin: 0 auto;
}

#multimedia{
	float: left;
	width: 24em;
	height: 20em;
	margin: 0 3em 0 0;
}

#categories{
	float: left;
	width: 20em;
	margin: 0 3em 0 0;
}

#recent{
	float: left;
	width: 22em;
	margin: 0 6em 0 0;
}

#misc{
	float: left;
	width: 14em;
}

#flickr{
	clear: left;
	float: left;
	width: 96em;
}


/* =footer_links
----------------------------------------------------*/
#foot a{
	color: #afa811;
	text-decoration: none;
	padding: .2em;
}

#foot a:hover{
	color: #000;
	background: #afa811;
	text-decoration: none;
}

#foot a.null{
	background: none;
}


/* =footer_typo
----------------------------------------------------*/
#foot h2{
	font-size: 1.2em;
	text-transform: uppercase;
	color: #aaa;
	border-bottom: 1px solid #333;
	font-weight: normal;
	letter-spacing: .1em;
	margin: 2em 0 1em 0;
}

#foot ul li{
	font-size: 1.1em;
	padding: 0 0 1em 0;
}

#foot #recent ul li{
	font-size: 1.1em;
	margin: .5em 0 1em 0;
	padding: 0 0 .5em 0;
	line-height: 2em;
	border-bottom: 1px solid #333;
}

/* =flickr
----------------------------------------------------*/
#flickr_badge_wrapper {background-color:#000000;border: none}
#flickr_badge_source {padding:0 !important; font: 11px Arial, Helvetica, Sans serif !important; color:#666666 !important;}
#flickr_badge_wrapper img {border: 1px solid #333; margin: 0 3.8em 0 0}
#flickr a, #flickr a:hover {text-decoration: none; background: none;}


#end_titles{
	clear: left;
	float: left;
	width: 96em;
	margin: 2em 0;
}

#identity{
	float: left;
	width: 48em;
}

#identity ul li{
	display: inline;
	padding: 0 1em 0 0;
}

#credits{
	float: right;
	width: 24em;
}

#credits p{
	margin: 0 0 1em 0;
}

/* =misc
----------------------------------------------------*/
div.clear{
	float: left;
	width: 100%;
	clear: both;
}

div.divider{
	float: left;
	width: 100%;
	height: 4em;
	background: url(./themes/site_themes/fena/divider.jpg) center center no-repeat
}

/* =contact
----------------------------------------------------*/
#contact{
	float: left;
	width: 60em;
	text-align: left;
	margin: 0 0 2em 27em;
	background: url(./themes/site_themes/fena/contact.jpg) bottom right no-repeat;
}


#contact h2{
	font-size: 1.8em;
	margin: 1em 0;
	text-shadow: 3px 3px 5px #aaa;
}

#contact p{
	font-size: 1.2em;
	padding: 0 0 1em 0;
	line-height: 1.6em;
}


span.help{
	color: #666
}

#contact_form p{
	font-size: 1.1em;
	padding: .5em 0;
	line-height: 1.6em;
}

#contact_form input.field{
	width: 30em;
	background: #f3fafb;
	border-top: 1px solid #dff2f4;
	border-right: 1px solid #bfe5ea;
	border-bottom: 1px solid #bfe5ea;
	border-left: 1px solid #dff2f4;
}

#contact_form input.field:hover, #contact_form input.field:active{
	width: 30em;
	background: #fff;
	border-top: 1px solid #dff2f4;
	border-right: 1px solid #bfe5ea;
	border-bottom: 1px solid #bfe5ea;
	border-left: 1px solid #dff2f4;
}

#contact_form textarea{
	background: #fff;
	border-top: 1px solid #dff2f4;
	border-right: 1px solid #bfe5ea;
	border-bottom: 1px solid #bfe5ea;
	border-left: 1px solid #dff2f4;
}

#contact_form input.button{
	background: #000;
	color: #afa811;
	border: 1px solid #930;
}


.LV_validation_message{
    margin:0 0 0 .5em;
}

.LV_valid {
    color:#666;
}
	
.LV_invalid {
    color:#333;
}
    
.LV_valid_field,
input.LV_valid_field:hover, 
input.LV_valid_field:active,
textarea.LV_valid_field:hover, 
textarea.LV_valid_field:active {
    border: none;
}
    
.LV_invalid_field, 
input.LV_invalid_field:hover, 
input.LV_invalid_field:active,
textarea.LV_invalid_field:hover, 
textarea.LV_invalid_field:active {
    border: none;
}


/* =images
----------------------------------------------------*/
img.left{
	float: left;
	margin: .5em 1em .5em 0;
	padding: .5em;
	border: 1px solid #bfe5ea
}

img.right, a img.right{
	float: right;
	margin: .5em 0 .5em 1em;
	padding: .5em;
	border: 1px solid #bfe5ea
}

p.center{
	text-align: center;
}

img.center{
	margin: .5em 0;
	padding: .5em;
	border: 1px solid #bfe5ea;
}

#content p.center a:hover{
	color: #fff;
	background: #fff;
	text-decoration: none;
}

#content .entry a:hover img{
	background: #fff;
	text-decoration: none;
}

#content .entry a.lightbox img{
background: #fff;
text-decoration: none;
}

/* =card
----------------------------------------------------*/
#card-form {
	float: left;
	margin: 2em 0;
	font-size: 1.1em;
	line-height: 1.6em
}

#card-form .text-box{
	width: 20em;
	float: left;
	margin: 0 2em 1em 0;
}

#card-form .text-box input{
	background: #f3fafb;
	border-top: 1px solid #dff2f4;
	border-right: 1px solid #bfe5ea;
	border-bottom: 1px solid #bfe5ea;
	border-left: 1px solid #dff2f4;
}

#card-form .text-box input:hover, #card-form .text-box input:active{
	background: #fff;
	border-top: 1px solid #dff2f4;
	border-right: 1px solid #bfe5ea;
	border-bottom: 1px solid #bfe5ea;
	border-left: 1px solid #dff2f4;
}

#card-form .text-box input.button{
	background: #000;
	color: #afa811;
	border: 1px solid #930;
}


/* =newsletter
----------------------------------------------------*/
div.newsletter{
	float: left;
	margin: 1em 0 0 0;
	line-height: 1.5em;
	font-size: 1.1em;
	width: 100%
}

div.newsletter input{
	background: #eee;
}

div.newsletter input.button{
	background: #333;
	color: #aaa;
	border: 1px solid #666;
	margin: 0 0 3em 0;
}