/*  

Theme Name: The Other Hollywood - A Halloween Event

Version: 1.0

Description: Designed by <a href="http://iacobionut.com">Iacob Ionut</a> for Creative Mafia.

Author: Iacob Ionut

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

*/

/* ====================== Global ========================== */


body  {
	font-family: Helvetica, Arial, Sans-serif;
	font-size: 13px;
	line-height: 1.5;
	background:#000;
	color: #fff;
}

h2, h3, h4, h5, h6  {
	margin: 10px 0;
}

h1  {font-size: 54px ; margin:20px 0;}
h2  {font-size: 34px; clear:both;}
h3  {font-size: 22px}
h4  {font-size: 18px}
h5  {font-size: 16px}
h6  {font-size: 15px}
h2 span{font-size:22px;}

p  {
	margin: 3px 0 10px 0;
}

ul, ol  {
	margin: 0;
	padding: 0;
}

a{text-decoration:none; color:#fff;}
a:hover{text-decoration:underline;}

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

/* ================= Header ====================== */

#container{
	width:980px;
	
	margin:0 auto;
	background:url(images/body.jpg) no-repeat;
	padding:0 0 110px 0;
}

#inner-container{
	padding:0 20px;
}

#menu, #footer-menu{
	background:#000;
	list-style:none;
	height:40px;
	padding:0 20px;
}

#menu li, #footer-menu li{
	float:left;
	padding:0 15px;
	margin:10px 0 0 0;
	text-transform:uppercase;
	font-size:15px;
	font-weight:bold;
	border-right:1px solid #fff;
}

#menu li a , #footer-menu li a{
	color:#fff;
}

#menu li a:hover, #footer-menu li a:hover{
	text-decoration:none;
}

#logo{ width:420px;padding:0 20px; float:left;}
#video{width:500px;float:left;margin:25px 0;padding:0 20px 0 0;}
#logo img {
	width:420px;
	margin:25px 0;
}

#ticket{
	float:left;
	width:100%;
	padding:3px 0 0 35px;
}

/* ======================== Blog ======================= */

#blog{
	float:left;
	width:610px;
	padding:30px 0 0 0;
}

.post{
	padding:0 25px;
}
#gallery-blog .post{
	padding:10px 25px;
}
.post p{
	text-align:justify;
}

/* ======================== Sidebar ======================= */

#sidebar {
	float:right;
	width:330px;
	padding:30px 0 0 0;
	font-size:12px;
}

#sidebar h2{
	font-size:26px;
	font-weight:normal;
	text-decoration:underline;
}

#inner-sidebar{
	padding:0 20px;
}

#social{
	width:290px;
}

#ads{
	margin:30px 0 0 0;
}

#ads ul li{
	margin:0 0 10px 0;
}

#blogroll{
	margin:30px 0 0 0;
	list-style:none;
}

ul.blogroll li{
	padding:7px 0;
}

/* ========================== Footer ================== */
#footer-container{
	width:980px;
	margin:0 auto;
}

#footer-menu{
	padding-bottom:10px;
}

#gallery-blog{
	float:left;
	width:940px;
	padding:30px 0 0 0;
}