/*  







Theme Name: Movie World







Theme URI: http://www.TemplatePanic.com







Description: Wordpress theme with menu in sidebar and bottom. Widget ready.







Author: Effi







Author URI: http://www.EffiHaryanti.com















*/















/*-------------------- General --------------------*/























body { margin: 0; padding: 0; background: #b7b7b7; font: 10px Verdana, Arial, Trebuchet, Sans-Serif; color: #000; text-align: left; line-height: 190%; }















h1, h2, h3, h4, h5, h6 { margin: 0; font-style: normal; font-weight: normal; background: transparent; color: #222; }















h1 { font-size: 2.2em; }







h2 { font: 1.4em Verdana, Arial, Trebuchet, Sans-Serif; }







h3, h4, h5, h6 { font-size: 1.0em; }















a, a:link { color: #0077CC; text-decoration: none; font-weight: bold;}







a:visited { text-decoration: none; color: #004a80;}







a:hover, a:active { color: #004a80; text-decoration: underline; }















blockquote { margin: 10px; padding: 0px 0px 10px 50px; background: url(images/blockquote.gif) no-repeat left top; }







code{ display:block; overflow:auto; text-align:left; margin: 10px 0 10px 0; padding: 5px 10px 5px 10px; }















small { font-size: 0.8em; }















img { padding:5px; border:0; }







img.right { float: right; margin:5px 0 5px 5px; }







img.left { float: left; margin:5px 5px 5px 0; }







a img {border:none;}















.left { float: left; }







.right { float: right; }







.center { text-align: center; margin: 26px 0 0px 0px; }







.center2 { text-align: center; margin: 10px 0 20px 0px; }







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







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















.navigation { display:block; margin: 10px 50px 50px 50px; }























/*-------------------- Layout --------------------*/























#outline { width: 975px; margin: 0 auto; padding: 0; background: #fff; font-size: 1.3em; }















#wrapper { float: left; background: #fff url(images/bg.jpg) repeat-y 0 0; width: 977px; margin: 0 !important; margin: -15px 0 0 0; /* IE hack */ padding: 0; }



.tauler {width: 580px; height: 600px; border: none; margin-top: 14px;  margin-bottom: 20px;}

.populars ul { text-align: left; padding: 0px 0px 0px 15px; font-size: 0.89em; list-style-type: bullet; }

.inicials { text-align: left; padding: 0px 0px 0px 0px; font-size: 12px; list-style-type: none; }

.llibre {
width: 530px;height: 650px; margin-left: 20px; margin-right 0px; padding: 0px;
}

/*-------------------- Header --------------------*/























#header { width: 977px; height: 162px; background: #252525 url(http://www.galeria3d.net/portada/p.jpg) no-repeat left top; }







#header .blogtitle { width: auto; height: 162px; }







#header h1 { padding: 18px 0 0 34px; letter-spacing:2px;color: #f7f7f7; font-size: 24px; float: left; font-weight: normal;}







#header h1 a { color: #f7f7f7; text-decoration: none; font-weight: normal;}







#header h1 a:hover { color: #f7f7f7; text-decoration: underline; }







#header h3 { color: #f7f7f7; letter-spacing:0px; padding: 0 25px 0px 0; float: right; font-size: 14px; }







#header h4 { letter-spacing:0px; padding: 0 0px 5px 0; font-size: 14px; color:#000; }















#navbar { clear: both; float: right; width: 977px; height: 48px; background: url(images/nav.jpg) no-repeat 0 0; }















ul.menu { float: left; margin: 0; padding: 0 13px; list-style-type: none; }







ul.menu li { float: left; }







ul.menu li a { float: left; display: block; height: 38px; padding: 5px 15px 0 22px; line-height: 28px; color: #fff; font-size:1.1em;}







ul.menu li a:link, ul.menu li a:visited { color: #73BBFF; }







ul.menu li a:hover, ul.menu li a:active { color: #ccc; }















ul.menu li.current_page_item a:link,







ul.menu li.current_page_item a:visited,







ul.menu li.current_page_item a:hover,







ul.menu li.current_page_item a:active { color: #fff; text-decoration: none; font-weight: bold; }























/*-------------------- Pages --------------------*/























#content { float: left; width: 660px; height: 100%; }















.pages { float: left; width: 660px; }







.pages-border { clear: both; width: 100%; height: 6px; }















.page-previous { float: left; padding: 10px 0 16px 30px !important; padding: 0 0 15px 30px; /* IE hack */ }







.page-next { float: right; padding: 10px 30px 16px 0 !important; padding: 0 30px 15px 0; /* IE hack */ }















.page-title { width: 600px; margin: 10px 0 0 0; }







.page-title h2.page-title-border { padding: 0 0 0 30px; line-height: 48px; color: #222;}




















/*-------------------- Post --------------------*/























.post { padding: 12px 60px 0px 60px; background: transparent; }







.postentry { text-align: left; }






.posttitle a:link, .posttitle a:visited, .posttitle a:hover, .posttitle a:active {  font-size: 16px;}




.postmeta { margin: 6px 40px 20px 0px; font-size: 12px; font-family: Verdana, Arial, Trebuchet, Sans-Serif; color: #333; border-bottom: 1px #333 dotted; width: 540px;}















.post .title { float: left; width: 560px; }































/*-------------------- Comments --------------------*/























.commentpage { margin: 0 30px 0 0px; padding: 0; }















#comments { margin: 0; padding: 0; }















.comments-num { padding: 0 0 0px 0; }















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







#commentlist li { padding: 20px 25px 0 0; border-bottom: 1px solid #fff; background: #fff; }







.alt { background-color: #fff !important; background-image: none !important; }















.comment-title, .comment-meta, .comment-text { margin: 0 0 0 30px; }







.comment-title, .comment-title a, .comment-title a:hover{ color: #666; }







.comment-meta, .comment-meta a, .comment-meta a:hover { color: #333; }















h2#postcomment { margin: 20px 0 0 0; padding: 0 0 0px 0; font-size: 14px;}















.postcomment { clear: both; margin: 0px 0 20px 70px; }















.postcomment input, .postcomment textarea { border: 1px solid #aaa; }







.postcomment input:hover, .postcomment textarea:hover { border: 3px solid #ccc; }







.postcomment input#author, .postcomment input#email, .postcomment input#url { width: 80% !important; width: 400px; /* IE hack */ height: 18px; }















.postcomment textarea#comment { width: 80% !important; width: 400px; /* IE hack */ height: 100px; }















.postcomment input#submit { width: auto; height: 25px; padding: 2px 10px 3px 10px; background: #f2f2f2 url(images/submit.gif) repeat 0 0; }







.postcomment input#submit:hover { background: #f2f2f2 url(images/submit_hover.gif) repeat 0 0; }	























/*-------------------- Sidebar --------------------*/























#sidebar { float: right; width: 280px; margin-right: 20px; margin-top: 4px; margin-bottom: 10px; padding: 0; font-size: 12px; background: #ededed;}















#sidebar h2 { font-size: 1.2em; list-style-type: none; color:#222; height: 30px; margin: 0px 0 0px 0; padding: 5px 0 3px 10px; background: url(images/sidebar-title.gif) no-repeat; }















#sidebar p { clear: both; margin: 0; padding: 0 0 0px 12px; }







#sidebar form { clear: both; margin: 0; padding: 0 0 0px 20px; }







#sidebar ul { clear: both; margin: 0; padding: 2px 0 5px 22px; list-style-type: bullet; }




#sidebar ul li { clear: both; padding: 2px 0 5px 3px;}




#sidebar #linkcat-2 { list-style-type: none; }







#sidebar #linkcat-2 h2 { background: none; color: #666; }







#sidebar #linkcat-2 ul { background: none; }















.searchform { width: 144px; height: 20px; text-align: right; }







input#s { width: 110px; height: 18px; font-weight: bold; font-size: 12px; margin: 9px 0px 0 22px !important; margin: 1px 0 0 1px; /* IE hack */ padding: 1px 0 0 2px; color: #0077CC; border: 1px solid #333; background: #ffffff;}























/*-------------------- Bottom --------------------*/























#bottom { clear: both; float: left; width: 977px; height: 100%; margin: 0; padding: 0; background: url(images/bottom-bg.jpg) repeat-y 0 0; text-align: left; color: #f2f2f2; font-size: 11px; }







#bottom-divs { float: left; clear: both; margin: 0; padding: 20px; }















#bottom-left { width: 30%; padding: 20px 0 20px 30px; float: left; }







#bottom-mid, #bottom-right { width: 30%; padding: 20px 0 20px 20px; float: left; }















#bottom h2 { margin: 0 0 10px 0; padding: 0 8px; font-size: 1.6em; color: #f2f2f2; }















#bottom h3 { margin: 0; padding: 10px 10px; font-size: 1em; color: #999; text-align: center; }







#bottom h3:hover { color: #f2f2f2; }















#bottom ul { margin: 0; padding: 0; list-style-type: none; border-top: 1px solid #f2f2f2; }







#bottom ul li { line-height: 26px; }







#bottom ul li a { display: block; padding: 0 10px; color: #fff; text-decoration: none; }







#bottom ul li a:hover { color: #fff; text-decoration: underline; }







#bottom-sep { clear: both; }























/*-------------------- Footer --------------------*/























#footer { clear: both; height: 56px; background: url(images/footer.jpg); width:977px; color: #fff; text-align: left; font-size: 1.0em;}















#footer p { margin: 0; padding: 5px 0px 0px 0px;  line-height: 100%; font-weight: normal; }







#footer a { color: #73BBFF; text-decoration: none; }







#footer a:hover { color: #CCC; text-decoration: underline; }