/*
------------------------------------------------------------------------
Theme Name: Online Movie
Theme URI: http://tibichi.ro
Description: Magazine style WordPress theme
Version:2.0
Author: Sebastian Tibichi
Author URI: http://tibichi.ro
------------------------------------------------------------------------
*/

/* ---------- 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,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}ol,ul{list-style:none}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}

/* ---------- STRUCTURE ---------- */
body{ background-color:#e5e5e5; font:14px Arial, Helvetica, sans-serif; color:#222;}
#container{ position:relative; padding-top:280px;}
.inside{ width:940px; margin:0 auto; position:relative; z-index:10;}
#page{ background-color:#fff; padding:20px; z-index:9;}
.content{ float:left; width:600px; overflow:hidden;}
.column{ width:290px; font-size:12px;}
div.column h2{ padding-top:22px; margin:0;}
div.column ul{ margin-left:30px;}

.aligncenter{display:block; margin:0 auto}
.alignleft, .go_left{float:left}
.alignright, .go_right{float:right}
.floatLeft{float:left}
.floatRight{float:right}
.clear{clear:both}

/* ---------- TYPO ---------- */
a{ color:#06c; text-decoration:underline;}
a:hover{ text-decoration:none;}
h1, h2{ font-size:30px; line-height:40px; margin-bottom:5px;}
h2{ font-size:21px; line-height:30px; color:#06c; padding-top:15px; margin:0 0 10px;}
h3, p{ line-height:20px; margin:12px 0 13px;}
h3{ font-size:17px; text-transform:uppercase; margin-top:17px;}
h3 a{ color:#222; text-decoration:none;}
h3 a:hover{ color:#06c; text-decoration:none;}
h3 span{ font-weight:normal; color:#048; text-transform:none; display:block;}
h3 small{ font-weight:normal; font-size:11px; color:#999; text-transform:none; display:block;}

blockquote{ font:italic 18px Georgia, serif; color:#999; padding:5px 0 10px 25px; margin:20px 0;}
blockquote p{ line-height:25px; margin:0;}
.post h1{ position:relative; z-index:1;}
.post h3 a{ text-decoration:underline;}
.post a:hover{ text-decoration:none;}
.post ul, .post ol{ line-height:20px; list-style-type:square; margin:10px 0 20px 50px;}
.post ol{ list-style-type:decimal;}
.post li{ margin-bottom:5px;}

#page .warning{ color:#c00;}

/* ---------- HEADER ---------- */
#header{ width:980px; height:80px; margin-left:-490px; overflow:hidden; position:absolute; top:200px; left:50%; z-index:10;}

#menu{ background:url(images/menu.png) top repeat-x #111; height:45px; padding:0 20px; overflow:hidden; position:relative;}
#menu ul{ font-size:12px; position:absolute; top:5px; right:230px;}
#menu li{ float:left; margin:0 0 0 20px; display:inline;}
#menu li a{ float:left; text-decoration:none; color:#fff; padding:9px 0; display:block;}
#menu li a:hover{ color:#08e;}

#logo{ background:url(images/logo.png) no-repeat; width:160px; height:45px; text-indent:-9999px; position:absolute; top:0; left:20px;}
h1.logo_h1{ margin-bottom:0;}

#header_search{ position:absolute; right:20px; top:10px;}
#header_search #s{ background-color:#fff; width:120px; color:#000; border:none; margin-right:5px; padding:3px 4px 4px; opacity:0.3; filter:alpha(opacity=30);}
#header_search #s:focus{ opacity:0.5; filter:alpha(opacity=50);}
#header_search #searchsubmit{ border:none; font-size:12px;}
#gg_text{ float:left; background-color:#fff; width:130px; font:13px Arial, Helvetica, sans-serif; color:#000; border:none; margin-right:5px; opacity:0.5; filter:alpha(opacity=50);}
#gg_text:focus{ opacity:1; filter:alpha(opacity=100);}
#gg_submit{ float:left; background:url(images/overlay.png) top repeat-x #06c; font:bold 11px Arial, Helvetica, sans-serif; color:#fff; border:none; border:1px solid #06c; padding:2px 7px; *overflow:visible; _width:0; cursor:pointer;}

#submenu{ background:url(images/menu.png) bottom repeat-x #06c; width:960px; height:35px; padding:0 10px; overflow:hidden;}
#submenu ul{ font-size:11px; margin-top:5px;}
#submenu li{ float:left; margin:0 7px 0 10px; display:inline;}
#submenu li a{ float:left; color:#fff; text-decoration:none; padding:5px 0; display:block;}
#submenu li a:hover{ color:#ff9; text-decoration:underline;}

#featured{ background-color:#fff; width:950px; height:150px; padding:10px 0 10px 10px; position:absolute; left:10px; top:-270px;}
.featured_post{ float:left; width:150px; height:150px; margin-right:8px; position:relative; display:inline;}
.featured_post img{ float:left; width:150px; height:150px;}
.featured_post .title{ font-weight:bold; font-size:11px; line-height:16px; text-transform:none; margin:0; position:absolute; bottom:0; left:0;}
.featured_post .title a{ background-color:#000; width:130px; height:32px; color:#fff; padding:6px 10px; display:block; opacity:0.8; filter:alpha(opacity=80);}
.featured_post .title a:hover{ color:#99c2eb; text-decoration:none;}
#bubble_arrow{ width:0; height:0; border:10px solid #e5e5e5; border-top-color:#fff; overflow:hidden; position:absolute; left:10px; bottom:-20px;}

/* ---------- SIDEBAR ---------- */
#sidebar{ float:right; width:300px;}
.sidebar_ad{ margin-bottom:15px; overflow:hidden;}

.widget{ background-color:#fff; width:270px; font-size:12px; color:#555; border:1px solid #cce0f5; border-bottom-width:2px; padding:0 14px 14px; margin-bottom:15px; overflow:hidden;}
.widget h5{ background:url(images/overlay.png) top repeat-x #e5effa; font-weight:normal; font-size:15px; color:#222; text-transform:uppercase; border-bottom:1px solid #cce0f5; padding:7px 0 7px 14px; margin:0 -14px 14px -14px;}
.widget .h5_rss a{ background:url(images/rss_16.png) right center no-repeat; padding-right:18px;}
.widget ul{ margin:-14px 0 -5px; overflow:hidden;}
.widget ul li{ width:100%; height:104px; border-top:1px dotted #cce0f5; padding:12px 0 0; margin:-1px 0 9px; overflow:hidden;}
.widget ul li .image{ float:left; width:104px; height:104px; background-color:#eee; margin-right:10px; position:relative;}
.widget a{ color:#06c; text-decoration:none;}
.widget a:hover{ text-decoration:underline;}
.widget ul li .title{ font-size:15px; line-height:20px; margin:0 0 3px; display:block;}
.widget ul li .copy{ font-size:11px; line-height:16px;}

.online_tag{ background-color:#06c; font-weight:bold; font-size:9px; color:#fff; text-transform:uppercase; line-height:13px; padding:1px 5px; opacity:0.85; filter:alpha(opacity=85); position:absolute; bottom:0; left:0;}

.subscribe, .box_office{ border-color:#eea;}
.subscribe h5, .box_office h5{ background-color:#ffc; border-bottom-color:#eea;}
.subscribe p{ color:#999; margin-bottom:5px;}

.box_office{ position:relative; overflow:visible;}
#box_office_icon{ position:absolute; top:6px; right:-33px;}
.box_office ol{ margin:0 0 -5px;}
.box_office ol li{ list-style:decimal; line-height:18px; padding-left:55px; margin:0 0 10px 20px; position:relative;}
.box_office ol li.bo_first{ font-weight:bold; color:#333;}
.box_office ol li.bo_first a{ color:#048;}
.box_office .online_tag{ top:2px; bottom:auto;}
.box_office a:hover .online_tag{ opacity:1; filter:alpha(opacity=100);}

/* ---------- FEEDBURNER ---------- */
#s, .feedburner_text{ float:left; background-color:#fafafa; width:210px; font:13px Arial, Helvetica, sans-serif; color:#222; border:1px solid #ddd; padding:4px; margin-right:5px;}
#searchsubmit, .feedburner_submit{ float:left; background:url(images/overlay.png) top repeat-x #06c; font:bold 14px Arial, Helvetica, sans-serif; color:#fff; border:none; border:1px solid #06c; padding:3px 7px; *overflow:visible; _width:0; cursor:pointer;}
.feedburner_text{ width:160px;}

/* ---------- HOMEPAGE ---------- */
#soon{ width:630px; height:190px; overflow:hidden;}
#soon_items{ width:700px; height:160px; overflow:hidden;}
#soon li{ float:left; margin:0 14px 0 0; display:inline;}
#soon li a{ float:left; height:160px; color:#fff; text-align:center; overflow:hidden;}
#soon li a:hover{ border-color:#ffc;}
h3#soon_title{ font-size:14px; text-align:center; padding:10px 30px 0 0; margin:0; clear:both;}
#soon span{ display:none;}

#latest{ float:left; width:420px; overflow:hidden;}
.latest_post{ float:left; width:420px; font-size:12px; margin:0 0 20px 0;}
.latest_post h3{ font-size:15px; text-transform:none; margin:0 0 5px;}
.latest_post .image{ float:left; width:104px; height:104px; position:relative;}
.latest_post .image a{ text-decoration:none;}
.latest_post .copy{ width:300px; height:100px; margin-left:115px; overflow:hidden;}
.latest_post p{ margin:-3px 0 0; display:inline;}

.date_icon{ background-color:#fff; width:15px; font-size:9px; color:#333; text-transform:uppercase; text-align:center; padding:3px 5px; position:absolute; left:0; bottom:0; opacity:0.9; filter:alpha(opacity=90); cursor:pointer;}
.date_icon span{ float:left; display:block; position:relative;}
.date_icon .day{ font-weight:bold; font-size:27px; color:#048; margin:0 3px 0 0;}
.date_icon .mon{ top:3px; margin-bottom:1px;}
.date_icon .yr{ font-weight:bold; font-size:13px;}

.middle_col{ float:right; width:160px;}
.middle_col h5{ font-size:15px; color:#06c; text-transform:uppercase; margin-bottom:15px;}

#ad160x600{ width:160px; height:600px; margin-bottom:20px;}

#future{ overflow:hidden; padding-bottom:5px;}
.future_post{ margin-bottom:15px;}
.future_post .title{ font-style:italic; font-size:11px; line-height:15px; text-decoration:none; margin-top:3px; display:block;}

#news{ margin-bottom:10px;}
#news h5{ margin-bottom:5px;}
#news li{ background-color:#e5effa; padding:5px; margin-bottom:1px;}
#news .title{ font-size:11px; line-height:16px; color:#048; text-decoration:none;}
#news .title:hover{ color:#06c; text-decoration:underline;}
#news .more{ font-size:11px; text-align:right; margin-top:5px; display:block;}

/* ---------- SEARCH ---------- */
.contents_table{ border-bottom:1px solid #eee;}
.contents_table li{ font-size:17px; border-top:1px solid #eee; padding:10px 0 0; margin:10px 0; overflow:hidden;}
.contents_table a{ text-decoration:none; margin:3px 0; display:block;}
.contents_table a:hover{ color:#06c;}
.contents_table .image{ float:left; width:58px; height:48px; text-align:right; margin-right:20px;}
.contents_table .copy{ font-size:12px;}

/* ---------- POST ---------- */
.post{ position:relative;}
.postMeta{ font:11px Tahoma, Arial, Helvetica, sans-serif; color:#999; padding-bottom:5px; margin-bottom:15px; overflow:hidden}
.postMeta a{ color:#999;}
.postMeta span{ border-right:1px solid #ddd; padding:0 10px 0 0; margin-right:10px;}
.postMeta span.comments{ background:url(images/comment.gif) no-repeat 0 2px #fff; border-right:none; padding-left:15px;}
.postMeta .author{ background:url(images/author.gif) no-repeat 0 0 #fff; padding-left:20px;}
.postMeta .author a{ text-transform:uppercase;}
.post_rating{ float:right;}
.postMeta-post .post_rating{ position:relative; top:-5px; margin-bottom:-5px;}
.postMeta-post .post_rating img{ margin-left:3px; position:relative; bottom:-4px; z-index:2;}

.first_image{ float:right; margin:15px 0 10px 20px;}
.landscape_image, .original_image{ margin:15px 0 10px;}
.multi_image{ float:left; margin:5px 20px 20px 0;}
.multi_image_right{ float:right; margin:5px 0 20px 20px;}
.caption{ font-size:11px; color:#999; text-align:center; margin-top:5px;}
.caption a, .caption a:visited{ color:#06c;}

.post_overview{ float:left; background-color:#e5effa; width:180px; font-size:12px; line-height:20px; border-bottom:2px solid #cce0f5; border-right:1px solid #cce0f5; padding:9px; margin:5px 20px 20px 0; position:relative;}
.post_overview strong{ color:#048;}
.post_overview span.bottom_arrow{ width:0; height:0; border:7px solid #fff; border-bottom-color:#e5effa; overflow:hidden; position:absolute; top:-14px; left:10px;}

.post_ad{ margin-bottom:20px;}
.post_trailer{ text-align:center; margin:12px 0 13px;}
.play_none{ display:none;}

ul.related_posts{ width:620px; margin:0; overflow:hidden;}
ul.related_posts .image{ display:block; position:relative;}
ul.related_posts li{ float:left; width:104px; list-style:none; margin:0 20px 0 0;}
ul.related_posts h3{ font-size:11px; line-height:15px; margin-top:5px;}
ul.related_posts h3 a{ text-decoration:none;}

.postShare{ padding-top:2px; margin-bottom:20px; clear:both;}
.postShare h3{ background:url(images/overlay.png) top repeat-x #ffc; font-weight:normal; text-align:center; border:1px solid #eea; border-bottom:none; padding:7px 0 5px; margin:0;}
.postShare h3 a, .postShare h3 a:visited{ background:url(images/rss_16.png) right center no-repeat; font-weight:bold; color:#06c; text-decoration:none; padding-right:20px;}
.postShare ul{ font-size:12px; border:1px solid #eea; border-bottom-width:2px; padding:0 10px; margin:0; overflow:hidden;}
.postShare li{ float:left; list-style:none; padding:10px; margin:0; display:inline;}
.postShare li a{ float:left; height:32px; line-height:32px; text-decoration:none; color:#999; padding-left:36px; display:block;}
.postShare li a:hover{ text-decoration:underline;}
.share-email a{ background:url(images/email_32.png) 0 0 no-repeat;}
.share-yahoo a{ background:url(images/yahoo_32.gif) 0 0 no-repeat;}
.share-twitter a{ background:url(images/twitter_32.png) 0 0 no-repeat;}
.share-facebook a{ background:url(images/facebook_32.png) 0 0 no-repeat;}
.share-rss{ border-left:1px solid #eea;}
.share-rss a{ background:url(images/rss_32.png) 0 0 no-repeat;}

.admin_actions{ position:absolute; top:4px; right:0; z-index:10;}
.admin_actions a{ background-color:#ffc; font-size:12px; color:#222; text-decoration:none; border:1px solid #eea; padding:3px 10px;}

/* ---------- COMMENTS ---------- */
#comments{ margin-bottom:30px;}
.commentlist, #commentform{ border:1px solid #eee; border-bottom-width:2px; padding:14px 14px 0;}
.commentlist a{ color:#06c;}
.commentwrap{ margin-bottom:20px; overflow:hidden;}
.commentmetadata{ float:left; width:90px; font-size:11px; color:#999; line-height:16px;}
.commentmetadata img{ background-color:#fff; border:1px solid #eee; padding:4px;}
.commentpost{ float:right; background-color:#fafafa; width:440px; font-size:12px; color:#555; border-bottom:2px solid #f5f5f5; border-right:1px solid #f5f5f5; padding:0 9px; position:relative;}
.commentpost span.arrow{ width:0; height:0; border:10px solid #fff; border-right-color:#fafafa; overflow:hidden; position:absolute; left:-20px; top:5px;}

#commentform{ padding:19px 14px 4px;}
#commentform, #commentform p{ overflow:hidden;}
#commentform label{ color:#999; margin-bottom:2px; display:block;}
#commentform label input, #commentform textarea{ background-color:#fafafa; width:300px; font:14px Arial, Helvetica, sans-serif; color:#222; border:1px solid #ddd; padding:6px 4px; margin-top:5px;}
#commentform textarea{ width:560px; margin-bottom:5px;}
.button{ background:url(images/overlay.png) top repeat-x #06c; font:bold 14px Arial, Helvetica, sans-serif; color:#fff; border:1px solid #06c; padding:4px 9px; width:auto; overflow:visible; cursor:pointer;}

/* ---------- FOOTER ---------- */
#footer .inside{ background:url(images/frame2.png) top repeat-x #e5e5e5; font-size:12px; color:#999; padding:20px 20px 10px;}
#footer a{ color:#666; margin:0 5px;}