/*
Theme Name: FilmGratis
Theme URI: http://wordpress.org/
Description: Tema per FilmGratis
Version: 1.0
Author: Fabio Sussetto
Author URI: http://flowergroove.net
Tags: 

*/

/* MEYER RESET v1.0*/

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,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}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}

/* GENERIC */

img { vertical-align:middle; }

.clearfix:after, .container:after {content:".";display:block;height:0;clear:both;visibility:hidden;max-height:0;}
.clearfix, .container {display:inline-block;}
* html .clearfix, * html .container {height:1%;}
.clearfix, .container {display:block;}
.clear {clear:both; height:0;}


a:link { text-decoration: none; color: #336600; }
a:visited { text-decoration: none; color: #336600; }
a:hover { text-decoration: underline; color: #F05407; }
a:active, a:focus { text-decoration: underline; color: #000; }

html { font-size: 13px; font-family: "Tahoma", Helvetica, Arial, sans-serif; }

body { 
    background:#fff url(img/bg2.gif) repeat-x; 
    color:#444; 
    padding-bottom:20px; 
    padding-top:10px;
}


#header { 
    width:925px; 
    height:160px; 
    margin:auto; 
    background:url(img/header-big.png); 
    position:relative; 
}


#logo { 
    background:url(img/logo.jpg); 
    position:absolute; 
    top:16px; 
    left:26px; 
}

#logo a { 
    display:block;
    width:361px; 
    height:70px; 
    text-indent:-10000px;
}

#page-nav { 
    position:absolute; 
    top:82px; 
    left:20px; 
    height:30px; 
	z-index:10;
}

#page-nav li { 
    list-style:none; float:left;
	display:inline;
    height:40px;
    text-transform:uppercase;
    background:url(img/page-nav-separator.gif) center right no-repeat; 
}

#page-nav li:last-child{ 
    background:transparent; 
}


#page-nav li a{ 
    color:#fff; 
    font-weight:bold; 
    height:28px; 
    padding:0 15px;
    display:block; 
    padding-top:12px;
    text-transform:capitalize;
} 
 
#page-nav li a:hover{ 
    text-decoration:none;
    color:#e1edc8;
    background:url(img/nav-over.jpg) repeat-x;
} 

#nav { 
    position:absolute; 
    top:115px; 
    left:20px; 
    height:30px; 
	z-index:10;
}

#nav li { 
    list-style:none; float:left;
    height:40px;
    text-transform:uppercase;
    background:url(img/nav-separator.gif) center right no-repeat; 
}

#nav li:last-child{ 
    background:transparent; 
}


#nav li a{ 
    color:#336600; 
    font-weight:bold; 
    height:28px; 
    padding:0 15px;
    display:block; 
    padding-top:12px;
} 
 
#nav li a:hover{ 
    text-decoration:none;
    color:#72AF36;
    background:url(img/nav-over.jpg) repeat-x;
} 

/*** ESSENTIAL STYLES ***/
#nav, #nav * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
#nav {
	line-height:	1.0;
}
#nav ul {
	position:		absolute;
	top:			-999em;
	/*width:			10em;*/ /* left offset of submenus need to match (see below) */
	background:#E1EFC2;
	border:1px solid #A3C35D;
	border-top:0;
	padding:5px;
	z-index:100;
}
#nav ul li {
	width: 97%;
	height:auto;
	clear:both;
	text-transform:none;
	background:transparent;
	padding:0 2px 5px 2px;
	border-bottom:1px solid #fefefe;
	margin:3px 0;
}

#nav ul li:last-child {
    border:0;   
    padding-bottom:0px;
    margin-bottom:0;
}

#nav ul li a{
	font-weight:normal;
	padding:0;
	font-size:12px;
	height:auto;
}

#nav li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
#nav li {
	float:			left;
	position:		relative;
}
#nav a {
	display:		block;
	position:		relative;
}
#nav li:hover ul,
#nav li.sfHover ul {
	left:			0;
	top:			35px; /* match top ul list item height */
	z-index:		99;
}
ul#nav li:hover li ul,
ul#nav li.sfHover li ul {
	top:			-999em;
}
ul#nav li li:hover ul,
ul#nav li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}
ul#nav li li:hover li ul,
ul#nav li li.sfHover li ul {
	top:			-999em;
}
ul#nav li li li:hover ul,
ul#nav li li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}

#rss {
    width:158px;
    height:21px;
    background:url(img/rss.png);
    position:absolute;
    text-indent:500px;
    right:-10px;
    bottom:15px;
top:-15px; 
}

#searchbox { 
    position:absolute;
    top:29px; 
    right:40px;
}

#searchbox span {
    display:block;
    margin-bottom:5px;
    color:#336600;
    padding-left:3px;
}

#s { 
    width:192px; 
    height:20px; 
    padding:3px 5px 0 5px;
    background:url(img/search-field.gif); 
    border:0; margin:0;
    color:#666;
    float:left;
}

#searchsubmit { 
    width:70px; 
    height:23px;
    float:left;
    border:0; margin:0; padding:0;
    margin-left:8px;
    cursor:pointer;
    background:url(img/search.gif);
}


#container { 
    width:885px; 
    padding:0 20px;
    margin:auto; 
    background:url(img/content-bg.png) repeat-y; 
}

#container-top {
    width:925px; 
    margin:auto; 
    height:25px;
    background:url(img/content-top.png) repeat-y; 
}

#scroller-container {
    position:relative;
    overflow:hidden; 
    margin-bottom:12px;
}

#scroller {
    height:328px;
    margin:auto;
    width:800px;
    overflow:hidden; 
}

#scroller ul {
    width:800px;
    height:328px;
    overflow:hidden; 
}

#scroller ul li {
    width:800px;
    height:328px;
    float:left;
    list-style:none;
    overflow:hidden; 
}

.scroll-film {
    width:194px;
    height:328px;
    background:url(img/scroll-bg.gif); 
    float:left;
    margin:0 3px;
    position:relative;
}

.scroll-thumb img {
    position:absolute;
    left:14px;
    bottom:31px;
    width:165px;
    height:250px;
}

.scroll-film h3 {
    color:#336600;
    position:absolute;
    top:7px;
    left:18px;
    width:165px;
}

.scroll-film-toolbar {
    position:absolute;
    bottom:8px;
    left:15px;
    width:165px;
    font-size:11px;
}

.scroll-film-continue {
    display:block;
    float:left;
}

.scroll-film-envelope, .scroll-film-facebook {
    display:block;
    text-indent:-10000px;
    float:right;
}

.scroll-film-envelope {
    margin-right:6px;
    width:21px;
    height:14px;
    background:url(img/envelope.gif);
}

.scroll-film-facebook {
    width:14px;
    height:14px;
    background:url(img/facebook.gif);
}

#prevBtn, #nextBtn {
    display:block;
    position:absolute;
    width:43px;
    height:324px;
    cursor:pointer;
}

#prevBtn a, #nextBtn a {
    display:block;
    height:324px;
    text-indent:-10000px;
}

#prevBtn {
    left:0;
    top:0;
    background:url(img/prev.gif);
}

#nextBtn {
    right:0;
    top:0;
    background:url(img/next.gif);
}

#footer {  
    width:865px; 
    margin:auto; 
    height:33px; 
    background:url(img/footer.png); 
    position:relative; 
    color:#fff; 
    font-size:11px;
    padding:14px 30px 0 30px;
}

#footer a{
    font-weight:bold;
    color:#fff;
}

.copy { float:left; width:50%; }
.credits{ float:right; width:50%; text-align:right; }

#content { 
    width:565px; 
    float:left; 
}

#sidebar { 
    width:318px; 
    margin-left:0px; 
    float:left; 
}

#sidebar-top { 
    margin-bottom:5px;
 }

#sidebar-top .textwidget { 
    background:#fff url(img/sidebar-top-bg.gif) repeat-y;
    padding:0 10px;
    
}

.side-top-top { 
    background:url(img/sidebar-top-top.gif);
    height:15px;
}

.side-top-bottom { 
    background:url(img/sidebar-top-bottom.gif) 0 bottom;
    height:15px;
}

.side-top-content {
    background:url(img/side-top-bg.jpg) repeat-y;
} 

.side { 
    width:158px; 
    float:left;
	display:inline;
}

.side-dx { 
    margin-left:2px;
	display:inline;
}

.page { 
    margin-bottom:15px; padding:0 0 15px 0;
}

.pagetitle { margin-bottom:15px; margin-left:20px; }
.no-results { margin-bottom:15px; margin-top:50px; margin-left:20px; }

#comments { 
    margin-left:10px;
    margin-top:10px;
 }

.post { 
    width:273px;
    height:153px;
    background:url(img/post-bg.gif);
    float:left;
    margin:4px 1px 4px 3px;
    position:relative;
	display:inline;
}

.post-excerpt { line-height:1.1em; font-size:11px;  }

.entry p { padding:0 0 10px 0; }
.entry ul, .entry ol { text-indent:0; margin-left:1.2em; margin-bottom:1.5em; }

.entry {  
    background:#fff url(img/post-bg.jpg) repeat-y; 
    line-height:1.2em; 
   
}

.post h2 {
    position:absolute;
    width:150px;
    left:105px;
    top:13px;
    font-size:12px;
}

.post-thumb {
    width:90px;
}

.post-thumb img {
    position:absolute;
    top:13px;
    left:14px;
    width:82px;
    height:125px;
}

.post-excerpt {
    position:absolute;
    top:52px;
    left:105px;
    width:150px;
    height:60px;
}

.postmetadata { padding:5px 0 0 0; }

.post-toolbar {
    position:absolute;
    top:125px;
    left:105px;
    width:150px;
}

.sociable {
    float:right;
}

.sociable div {
    display:inline;
}

.side-top-title { 
    color:#fff; width:316px; height:16px; 
    background:url(img/side-top-title.jpg); padding:7px;
    border-bottom:2px solid #fff;
 }

.side-title { 
    color:#fff; 
    width:134px; 
    height:28px; 
    padding:9px 10px 0 14px;
    background:url(img/sidebar-title.gif);
 }

.side-widget { 
    background:#fff url(img/sidebar-bg.gif) repeat-y;
    margin-bottom:10px;
 }

.side-widget ul { 
    padding:0 12px; 
}

.side-widget ul li { 
    list-style:none; 
    margin:auto;
    display:block;
    padding:6px 0;
    color:#999; 
    border-bottom:1px solid #e7e7e7;
}
.side-widget ul li:last-child { border:0; }

.side-widget .children {
    padding-right:0;
    padding-left:0;
    margin-top:5px;
    margin-bottom:5px;
}

.side-widget .children li {
    padding-left:0px;
    font-weight:normal;
    border-bottom:1px solid #e7e7e7;
}

.category-list li {
    font-weight:bold;
    border:0!important;
}

.category-list ul li {
    border-bottom:1px solid #e7e7e7 !important;
}

.textwidget ul {
    background:transparent;
    padding:0px;
}

.side-top {
    background:url(img/side-bg-top.jpg) center top; 
    height:18px;
}

.side-bottom {
    background:url(img/sidebar-bottom.gif) center bottom; 
    height:17px;
}

#sidebar-top .side-shade { height:0!important; }

.textwidget { 
    padding:0 13px;
}

.adv { margin-bottom:10px; }

#square-adv { background:#ececec url(img/adv.gif) bottom right no-repeat; height:250px; margin-bottom:10px; }

.even { background:#fff; }
.odd { background:#fff; }
.comment { 
    margin:10px 0;
    padding:10px;
    list-style:none;
    border:1px solid #dadada;
    -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; 
    -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px;
    -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px;
    -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px;
}

.comment-rss { 
    background:url(img/comment-rss.png) left center no-repeat; 
    padding:12px 0 18px 40px; 
    font-style:italic;
    color:#666;
}

.comment-author { width:50%; float:left; margin-bottom:10px; }
.comment-author cite { font-weight:bold; }
.comment-meta { width:50%; float:left; text-align:right; padding-top:8px; }
.comment-body p { clear:both; }

#respond h3 { margin:15px 0; }
#commentform p { margin-bottom:5px; }
#commentform label small { font-size:11px; color:#666; }
#comment { width:505px; height:150px; }

.navigation { margin:10px; padding-bottom:10px; }
.alignleft { float:left; }
.alignright { float:right;}

.nav-prev { float:left; width:50%; }
.nav-next { float:right;  width:50%; text-align:right; }

.hentry h3 { margin-bottom:5px; }
.hentry small { font-size:11px; color:#666; }

.adsense-banner { margin-bottom:10px; }

.related_post { margin:15px 0;; }
.related_post li { list-style:none; clear:both; margin-bottom:5px; }
.img_related_post { float:left; width:75px; }
.text_related_post { float:left; width:420px; }
.text_related_post a { display:block; margin-bottom:5px; font-weight:bold; }
#comments { clear:both; }


.film-archive {
    width:500px;
    margin:auto; margin-top:20px;
}

.film-archive li {
    list-style:none; float:left; width:235px;
    margin-right:15px;
}

.film-archive li ul {
    margin-left:15px;
    /*background:#eee;*/
    padding:10px;
}

.film-archive li ul li{
    margin-bottom:5px;
    padding:3px;
    width:180px;
    border-bottom:1px solid #eee;
    display:block;
    float:none;
}

.film-archive-letter { }

.film-archive-letter span{ font-weight:bold; display:block; background:#eee; padding:4px 8px; }

.hentry h3 a { color:#333; }

.film-archive-nav { margin:20px 0 0 10px; }
.film-archive-nav li { 
    list-style:none; float:left; padding:4px 10px 4px 0; margin-right:10px; 
    border-right:1px solid #ccc;
}

#respond { 
    padding-left:15px;
}


.single-title {
    width:531px;
    height:31px;
    font-size:15px;
    padding:16px 15px 0 15px;
    background:url(img/single-title.gif);
}

.single-post {
    background:url(img/single-bg.gif) repeat-y;
}

.single-entry{
    padding:15px;
}


.single-top {
    width:561px;
    height:17px;
    background:url(img/single-top.gif) center top;
}

.single-bottom {
    width:561px;
    height:17px;
    background:url(img/single-bottom.gif) center bottom;
}

.comment-form {
    background:url(img/single-bg.gif) repeat-y;
    padding:5px 15px;
}

#comment {
    width:530px;
}

#reply-title {
    margin-bottom:10px;
}

#submit-comment {
    background:url(img/submit-comment.png);
    width:134px;
    height:23px;
    border:0;
    cursor:pointer;
    margin-top:5px;
}

.commentlist {
    padding-left:5px;
    padding-right:8px;
}

.commentlist li {

}

.nocomments { margin-left:20px; }

.video-links {
   margin-top:15px;
}

.single-cover {
    margin-right:10px;
    margin-bottom:10px;
    float:left;
}

.single-cover img {
    width:280px;
    height:400px;
}

.video-links a { display:block; margin-top:10px; }

.single-entry p {
    padding-bottom:10px;
}

.page {
    padding:10px 20px 10px 10px;
}

.page-title {
    
}

.page-title h2 {
    font-size:17px;
    margin-bottom:20px;
    color:#336600;
}

#cat {
	width:140px;
	display:block;
	font-size:11px;
	margin:5px auto;
	padding:2px;
}

h3.hc {
	padding:4px 0 5px 0;
	margin:5px 0 0 0;
	font-size:15px;
	background:url(img/hc-title.gif);
	width:558px;
	height:19px;
	color:#fff;
	text-align:center;
}

.hc-box {
	width:556px;
	padding:0 0 10px 0;
	margin-bottom:10px;
	border:1px solid #BFCFA8;
	border-top:0;
    -moz-border-radius-bottomright: 12px; -webkit-border-bottom-right-radius: 12px;
    -moz-border-radius-bottomleft: 12px; -webkit-border-bottom-left-radius: 12px;
}

.hc-more {
	display:block;
	text-align:right;
	padding:0 15px 0 0;
	font-weight:bold;
}
