/* 
Theme Name: Florida Studio
Author: Simone Tolomelli
Theme URL: 
Description: Tema per il lancio del corto Florida [Studio]
Author URI: 
Version:

*/


/* regole generali =========================================*/

/* Neutralize styling: 
   Elements we want to clean out entirely: */
   
html, body, form {margin: 0; padding: 0;}
html {font-size:100%;}
img {border:0;}
label {cursor:auto}
h1, h2, h3, h4 {margin: 0; padding: 0;}
ul {list-style: none;}

/* Miscellaneous conveniences: */
fieldset { border: none;padding:0; margin:0}
input, select, textarea {font: 12px Arial, Helvetica, sans-serif;}
.clear {clear:both;}
br.clear {clear:both; line-height:0; height:0}
.left {float:left}
.right {float:right}
.center {text-align:center}
.nascosto {display:none;}

.alignleft {float:left; margin-right:5px;}
.alignright {float:right; margin-left:5px;}

p {margin:1em 0;}


/* Apply styles  ========================================= */
body {font: 12px/1.3 Arial, Helvetica, sans-serif; background:#fff; color:#000; text-align: center;}

/*link*/
a, a:visited  {color:#637A2C; text-decoration:none;}
a:hover  {color:#000;text-decoration:none; outline:none;}


/*titoli*/
h1 {font-size:24px; margin:10px 0 10px 0; color:#637A2C; font-weight:normal}
h2 {font-size:24px; margin:0;}
h3 {font-size:13px; color:#000;}


/* struttura  */
.container {width:960px; margin: 0px auto; text-align:left; position:relative}
#lang {position: absolute; top:28px; right:0}
#mainCol {width:530px; float:left;}
#sidebar {width:400px; float:right; padding-left:10px }
#footer {width:960px; margin: 10px auto;text-align:center; padding:10px 0; border-top:1px solid #000;}
#content {background: url("images/filetto.gif") 548px 0 repeat-y; float:left}
	
/************************************************
*	Header  									*
************************************************/
	
/****	menu  */
ul.menu { margin:20px 0 ; padding: 0px;  float:left; font-size:12px; text-transform:uppercase; text-align:right; width:100%; border-top:1px solid #000;border-bottom:1px solid #000; } 
ul.menu li { float: left; margin: 0 0 -1px; font-weight:bold} 
ul.menu li a { color:#000; text-decoration:none;line-height:12px; display:block; padding:8px 15px 8px;}
ul.menu li a:hover {color:#637A2C; text-decoration:none;}
ul.menu li.current_page_item a, ul.menu li.current_page_parent a {color:#637A2C; text-decoration:none; background:url("images/bg_menu.gif") center bottom no-repeat}


/************************************************
*	Testata, logo,  lancio hp e fascia pagine interne*
************************************************/

#topHp {width:960px; float:left; border-bottom:1px solid #000; padding:20px 0; margin-bottom:20px}
#topHp .left {width:480px; height:329px; float:left;}
#topHp .left h1, #topHp .left h2 {display:none;}


#header { padding-bottom:20px; background:#FFF}
#header h1, #header h2 {display:none;}


/* HP - ultimo post in evidenza */
#inEvidenza {width:470px; height:298px; float:right;}
#inEvidenza h2 {margin-top:-5px}
#inEvidenza  p { margin:8px 0 5px}
#inEvidenza .meta {font-size:11px; color:#666; margin-bottom:10px; text-align:right; border-top: #000 1px dotted;}
#inEvidenza .categoria {font-size:11px; color:#666; margin-bottom:10px; }
#inEvidenza .meta a, #inEvidenza .categoria a {font-weight:bold}


/*social e bottone*/
#social {position:absolute; top:340px; right:0; width:470px;}
#social div {width:75px; float:left; text-align:center; font-size:11px}
#social img {display:block; margin:0 auto}
#social a {color:#000}
.post #social {position:relative; width:500px; top:10px}
.post #social div {width:80px; float:left; text-align:center; font-size:11px}
#butt {position: absolute; top:277px; left:625px}


/************************************************
*	MainCol     								*
************************************************/


/* post */
.post {margin-bottom:30px;}
.post h2 a, .post h2 {color:#000; font-size:24px; text-decoration:none; font-weight:normal; margin:0}
.post .meta {font-size:11px; color:#666; border-top: #000 1px dotted; padding-top:5px; text-align:right }
.post .categoria {font-size:11px; color:#666; margin-bottom:10px; }
.post .meta a {font-weight:bold}
.post .tag { padding:2px 4px; clear:both; margin-bottom:5px;}
.post p {margin-bottom:10px;}
.post ul li {padding:3px 2px 3px 18px; background: url("images/bg_list.gif") 0 5px no-repeat;}
.post blockquote {padding:10px 20px; margin:10px 30px;  background:#637A2C; line-height:170%; color:#fff; clear:both;}
.post blockquote a {color:#fff;}
.post object, .post embed {margin-bottom:20px}
.post .gallery { padding: 25px; background:#eaeaea; float:left; margin-top:5px}
.post .gallery img { float:left; margin:5px; border:#ccc 1px solid; padding:1px}

/* post pagina singola */
.post-header {width:540px; margin-top:30px; float:left;}
.post-header .post-avatar {width:60px; float:left;}
.post-header .post-right {width:470px; float:right; color:#999;}
.post-header .post-title {}
.post-header .post-date {text-transform:uppercase;}
.post-header .post-cat {text-transform:uppercase;}


/* commenti e contatti*/
h3#comments, h3#respond { margin:40px 0 10px; }

#commentform {}
#commentform label{display:block; color: #666; font-size:13px;}
#commentform label small {color:#000;}
#commentform p {padding: 6px 0px;margin: 0px;}
#commentform input{width: 200px; border: 1px solid #ccc;padding: 3px; margin-bottom: 6px;}
#commentform textarea {width:520px; height:200px; border: 1px solid #ccc;padding: 2px; margin-top: 3px;}
#commentform textarea:focus, #commentform input[type="text"]:focus {background: #f4f4f4;}
#commentform #submit {background: #3d3d3d; border:#000 1px solid; width:auto; font: bold 14px Arial, Helvetica, sans-serif;color: #FFF;border: none;float:right;padding:3px 6px 1px;}

.commentlist { margin: 10px 0px; padding:10px 0; padding-left: 20px; line-height: 130%; } 
.commentlist li{ padding: 5px 10px; position: relative; border-bottom:1px solid #ccc; } 
.commentlist .avatar { position: absolute; top: 5px; right: 5px; border: solid 1px #ededed; padding: 1px; background: #fff; } 
.commentlist .alt { background: #f2f2f2; } 
.commentlist cite, .commentlist cite a, .commentlist cite a:visited { font-weight: bold; font-style: normal; font-size: 12px; color: #3991ee; } 
.commentlist small { margin-bottom: 5px; display: block; font-size: 87%; color:#666;}
.commentlist small a {color:#666;}

.navigation {width:540px;}
.navigation a {font-weight:bold; text-decoration:none;}
.navigation .previous-entries {float:left;}
.navigation .next-entries {float:right;}


.contactform {margin-top:40px; clear:both}
.contactform input {width: 200px; border: 1px solid #ccc;padding: 3px; margin-bottom: 20px;}
.contactform textarea {width:520px; height:200px; border: 1px solid #ccc;padding: 2px; margin-top: 3px; margin-bottom:5px}
.contactform input#contactsubmit {width:auto; float:right;background: #3d3d3d; border:#000 1px solid; width:auto; font: bold 12px Arial, Helvetica, sans-serif;color: #FFF;border: none;float:right;padding:3px 4px 2px; margin-right:3px}

/************************************************
*	Sidebar      								*
************************************************/
#sidebar {}
#sidebar h2, #sidebar h2 a {font-size:18px; margin-bottom:5px; color:#637A2C; font-family:Arial, Helvetica, sans-serif font-weight:normal; text-transform:uppercase;}
#sidebar h2 img {vertical-align:middle; margin-right:5px}
#sidebar a {color:#000; text-decoration:none;}
#sidebar a:hover {color:#637A2C;} 

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

#sidebar ul li {list-style-type:none; padding:0;}
#sidebar ul li ul li, #sidebar .submenu li {padding:3px 2px 3px 18px; background: url("images/bg_list.gif") 0 5px no-repeat;}

#altriBlog {margin-bottom:20px; padding-bottom:10px; background: url("images/dot_o.gif") bottom repeat-x;}

.box {margin-bottom:40px; position:relative;}
.hover_gallery {position:absolute; top:30px; left:0;}
#recent-comments a.url {font-weight:bold; color:#000;}

/*flickr badge*/
#flickr_badge_uber_wrapper {text-align:center; width:400px; background:#eaeaea; float:left; padding:5px 0 15px}
#flickr_badge_wrapper {margin-left:10px}
.flickr_badge_image {margin:0 10px 10px 10px;}
.flickr_badge_image img {float:left; margin:5px; padding:1px; border:#ccc 1px solid}


/************************************************
*	Footer      								*
************************************************/

#footer {font-size:11px; color:#666;}	
#footer img {vertical-align:middle;}	


/************************************************ */
/*paginazione*/
.paginazione {margin:0 0 10px; position:relative; height:20px; width:540px}
.paginazione .nav-left {position:absolute; top:0; left:0}
.paginazione .nav-right {position:absolute; top:0; right:0}

/*corto*/
.corto {text-align:center}
.subs {text-align:right; text-transform:uppercase; padding-right:120px; bottom-margin:50px;}
#video_rating {text-align:right; text-transform:uppercase; padding-right:120px; bottom-margin:50px;}

/* Service */
div.hidden {display:none}