/*
Theme name: Odeon Lloyd Cinema | SKIN 03 - Megane
Theme URI: http://www.odeon-lloyd.hu
Description: Budapest based cinema, part of Europa Cinemas and Hugarian Art Cinemas networks.
Version: 1.0
Author: Tamas SARI
Author URI: http://tamassari.com
Tags: cinema, movie, film
*/

@import "reset.css";
@import "typo.css";

body {background: url(images/fixed_background.jpg) fixed repeat-x; }
#site_container {
	width: 940px;
	height: 100%;
	margin-right: auto;
	margin-left: auto;
}


/* TOP -------------------------- */

#top {height: 92px;}
#odeon_logo {margin-left: 15px; margin-top: 10px; margin-bottom: 6px; float:left;}
#social_block {float: right; width: 174px; height: 32px; margin-top: 25px; background: url(images/social_bg-trans.png) transparent no-repeat; padding-top: 10px; padding-bottom: 10px; padding-left: 14px; padding-right: 12px; margin-right: 15px;}
ul#social_icons {display: inline;}
#social_icons li {float: left; margin-right: 4px;}

/* TOP end. ------------------------ */




/* HEADER -------------------------- */

#jFlowSlide {}
.slide {}

/* HEADER end .-------------------------- */



/* Search Area -------------------------- */

#search_area {height: 50px; width: 100%;}


#myController {float: right; margin-top: -2px;}
#myController li {float: left; display: inline; margin-left: 2px;}


#myController li a, .jFlowControl a, .jFlowPrev a, .jFlowNext a { 
display: block;
text-decoration: none;
height: 33px;
width: 33px;
font-size: small;
line-height: 2.5em;
text-align: center;
}


#myController li.jFlowControl a {background: url(images/btn_bg.jpg) no-repeat; color: black;}
#myController li.jFlowControl a:hover {background: url(images/btn_bg_hover.jpg) no-repeat; color: white;}
#myController li.jFlowSelected a {background: url(images/btn_bg_hover.jpg) no-repeat; color: white;}

#myController li.jFlowPrev a {background: url(images/btn_left.jpg) no-repeat;}
#myController li.jFlowNext a {background: url(images/btn_right.jpg) no-repeat;}
#myController li.jFlowPrev a:hover {background: url(images/btn_left_hover.jpg) no-repeat;}
#myController li.jFlowNext a:hover {background: url(images/btn_right_hover.jpg) no-repeat;}


/* Search Area end. -------------------------- */

/* Content Area start -------------------------- */
	
#left_col {float: left; width: 636px;}

#nav{
	
	height: 49px;
	width: 607px;
	background: url(images/bar_bg.jpg) repeat-x;
	font-size: 14px;
	margin-bottom: 6px;
	margin-left: 29px;
	
	}

#nav ul {list-style-type: none;}
#nav li {display: inline;}
#nav li a {float: left; text-decoration: none; color: white; padding: 15px;}
#nav li a:hover {background: url(images/bar_bg_hover.jpg) repeat-x;}
#nav li.current a {background: url(images/bar_bg_hover.jpg) repeat-x;}

#content {

	
	background-color: transparent;
	
}





.post {margin-bottom: 6px; padding: 30px; background-color: white; }
.page {margin-bottom: 6px; padding: 30px; border-bottom: 1px solid #CCC; background-color: white;}

p.tags img {vertical-align: text-bottom;}
p.post_credits img {vertical-align: text-bottom;}

#related_posts {margin-bottom: 10px;}

.border {border-bottom: 1px solid #ccc; margin-bottom: 15px;}

/* Comment  */
#comment_section {margin-top: 20px;}
textarea#comment {width: 570px;}


/* Content Area end -------------------------- */







/* SideBar Area start -------------------------- */

#side_bar {
	height: auto;
	width: 295px;
	background-color: transparent;
	float: right;
}


.bar_snippet {background: url(images/content_bg.jpg) repeat-x; background-color: white; margin-bottom: 7px; padding-bottom: 7px;}
.bar_snippet a img {margin-left: 20px; padding: 3px; margin-top: 5px; background-color: #555;}
.snippet_head {margin-left: 20px; width: 220px; height: 49px; background: url(images/bar_bg_hover.jpg) repeat-x; font-size: 14px; margin-bottom: 3px;}
.bar_snippet a img:hover {background-color: #777;}
.side_titles {padding: 15px; color: white;}
#mai_musor {text-align: left; margin-left: 19px; margin-top: 30px; margin-right: 20px; border-bottom: 1px solid #CCC;}
#mai_musor li {list-style: none; font-size: 14px; line-height: 1.4em; margin-top: 7px; margin-bottom: 7px; }
p.mai_musor_credits {font-size: 12px; font-style: italic;}
p.musor_credits {margin: 0px; padding: 0px; font-size: 12px; font-style: italic;}






/* RSS Hirlevel  */
#feed_form {margin-left: 20px; margin-top: 7px; padding-bottom: 7px;}
#feed_head {margin-left: 20px; width: 177px; height: 49px; background: url(images/feed_title_bg.jpg) repeat-x; font-size: 14px;}
#feed_title {padding: 15px; color: black;}
#feed_email_bg {background: url(images/feed_form_bg.jpg) no-repeat; border: none; width: 177px; height: 33px; float: left;}
#feed_email {background: transparent; border: none; font-size: 14px; padding: 7px; width: 160px;}
#feed_button { background: url(images/feed_button.jpg) no-repeat; width: 80px; height: 33px; border: none; vertical-align: top; margin-left: 5px;}
#feed_button:hover {background: url(images/feed_button_hover.jpg) no-repeat;}
#feed_text {font-size: 12px; margin-top: 12px; margin-right: 20px; line-height: 1.4em;}
#feedburner {font-size: 11px; margin-top: 3px; margin-bottom: 9px; text-align: right; color: #28464B;}
#feedburner  a {color: #28464B;}

/* Facebook WG  */
#facebook_wg {font-size: 11px; margin-top: -5px; text-align: right; color: #28464B; margin-bottom: 5px;}
#facebook_wg  a {color: #28464B;}
#facebook_wg  a:hover {text-decoration: underline;}

/* LINKS  */
#links li {padding-top: 5px;}
#links li a {margin-left: 34px; font-size: 14px; }
#links li a:hover {text-decoration: underline;}

#archives li {padding-top: 5px;}
#archives li a {margin-left: 34px; font-size: 14px; }
#archives li a:hover {text-decoration: underline;}

/* SideBar Area end -------------------------- */


#footer {
	clear: both;	
	height: 260px;
	width: 940px;
	background: url(images/footer_bg.jpg) repeat-x ;
}
#sponsor_logos {float: right; margin-right: 17px; margin-top: 185px;}
#credits {float: left; margin-left: 17px; margin-top: 185px; font-size: 12px; color: #ccc;}
p.footer a {color: #28464B;}
p.footer a:hover {text-decoration: underline;}