/*
Theme Name: Cinemagic
Theme URI: http://www.free-wordpress-theme.net/
Description: Movies related WP theme.
Use the Options Panel to customize the sections of this theme. To add a thumbnail to the post, add to each post a custom field with the name "thumbnail" and having as value the link to the desired image. To add an image for the sliding gallery on the home page, add to each post a custom field with the name "slide" and having as value the link to the desired image.
Need help? Ask for support at http://www.free-wordpress-theme.net/.
Version: 1.1
Author: V
Author URI: http://www.wordpress-solutions.net/
Tags: white, grey, 2 columns layout, post excerpts, post thumbnails, ads ready, widget ready, fixed width.	
*/


/*============================================================
	General Specifications
==============================================================*/

body {
  	font-size: 12px;
	font-family: Georgia, Verdana, Arial, Sans-Serif;
	background: #efefef;
	color: #000;
	text-align: center;
	margin: 0;
	padding: 0;
	}

#page {
	background: #fff;
	text-align: left;
	margin: 0px auto;
	padding: 0;
	width: 960px;
	overflow: hidden;
	}

.depth-1 {
	border: 1px solid #ddd;
    	}

small {
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 10px;
	line-height: 15px;
	}

h2.title, h2.title a, h2.title a:hover, h2.title a:visited, #sidebar h2 {
	font-size: 22px;
	font-weight: bold;
	margin: 0 5px;
	text-decoration: none;
	color:#343434;
	text-align: left;
	}

h1, h2, h3 {
	font-family: Georgia, 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
	}

h1, h1 a, h1 a:hover, h1 a:visited {
	font-size: 22px;
	font-weight: bold;
	margin: 0px;
	text-decoration: none;
	color:#000;
	}

h2, h2 a, h2 a:hover, h2 a:visited {
	font-size: 18px;
	font-weight: bold;
	margin: 0px;
	text-decoration: none;
	color:#000;
	}

h3, h3 a, h3 a:hover, h3 a:visited {
	font-size: 16px;
	font-weight: bold;
	margin: 0px;
	text-decoration: none;
	color:#000;
	}

h4, h4 a, h4 a:hover, h4 a:visited {
	font-size: 15px;
	font-weight: bold;
	margin: 0px;
	text-decoration: none;
	color:#000;
	}

h5, h5 a, h5 a:hover, h5 a:visited {
	font-size: 14px;
	font-weight: bold;
	margin: 0px;
	text-decoration: none;
	color:#000;
	}

h6, h6 a, h6 a:hover, h6 a:visited {
	font-size: 13px;
	font-weight: bold;
	margin: 0px;
	text-decoration: none;
	color:#000;
	}

a, a:visited{
	color: #a97433;
	text-decoration: none;
	}

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

code {
	font: 12px 'Courier New', Courier, Fixed;
	}

acronym, abbr, span.caps {
	font-size: 10px;
    	cursor: help;
	}

acronym, abbr {
	border-bottom: 1px dashed #999;
	}

blockquote {
	width: 550px;
	margin: 15px 30px 0 10px;
	padding: 1px 15px;
	background:#ccc;
	font-style: oblique;
	}

blockquote cite {
	margin: 5px 0 0;
	display: block;
	}

.center {
	text-align: center;
	}

.hidden {
	display: none;
	}

hr {
	display: none;
	}

.navigation {
  	display: block;
	text-align: center;
	margin-top: 0px;
	margin-bottom: 10px;
    	font-weight: bold;
    	}

#searchh {
    	width:210px;
	background: none;
	color: #efefef;
	font-size: 12px;
	font-family: Georgia, Times New Roman, Trebuchet MS;
    	margin: 0px auto;
	padding: 10px 2px 1px 4px;
	border:none;
	text-align: left;
	}

#searchform {
    	width:200px;
	background: #efefef;
	color: #000;
	font-size: 12px;
	font-family: Georgia, Times New Roman, Trebuchet MS;
    	margin: 0px 5px 0px 2px;
	padding: 2px 2px 1px 2px;
	}

#submit {
	background: url(images/go.png) top no-repeat;
	width: 40px;
	height: 28px;
	color: #fff;
	font-size: 12px;
	font-family: Georgia, Times New Roman, Trebuchet MS;
	margin: 0px;
	padding: 2px 4px;
	font-weight: bold;
	border: none;
    	}

.entry form { /* This is mainly for password protected posts, makes them look better. */
	text-align:center;
	}

select {
	width: 130px;
	}

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

#srch {
	float:right;
	margin-top: 0px;
  	margin-right:10px;
	width: 210px;
	padding: 0;
	}

#header {
	background: url(images/header.png) top no-repeat;
	margin: 0px;
	padding: 0;
	height: 115px;
	width: 960px;
	float: left;
	}

#description {
	float: left;
	margin:30px 0 0 220px;
	}

#headad{
	width: 460px;
	height: 60px;
	float: right;
	margin: 30px 15px 0 0;
	}

#linkad{
	width: 750px;
	height: 23px;
	float: left;
	margin: 0;
	padding: 7px 0 0 210px;
	background: url(images/linkad.png) top no-repeat;
	}


/*===================================================================
	Menu bar
=====================================================================*/
	
#menu_bar {
	background: url(images/menu.png) top no-repeat;
	width:960px;
	height: 40px;
	padding:0px;
	margin:0px;
	text-transform: uppercase;
	float: left;
	}

ul#navlist {
	margin:0;
	white-space: nowrap;
	float:left;
	width:700px;
	padding-left: 0px;
	padding-right: 10px;
	}

ul#navlist li {
	display:inline;
	list-style-type: none;
	}

ul#navlist li.hom a:hover{
	background: url(images/home.png) top left no-repeat;
	}

ul#navlist li a {
	background: url(images/line.png) top right no-repeat;
	font-family:georgia;
	font-size:14px;
	font-weight:bold;
	text-align:center;
	color: #efefef;
	height:25px;
	margin:0;
	padding:17px;
	display:block;
	float:left;
	text-decoration: none;
	}

ul#navlist li a:hover {
	background: url(images/hover.png) top left repeat-x;
	color: #6d6d6d;
	}

/*==============================================================
	Gallery
===============================================================*/

#gallery{
	background: url(images/gallery.png) top no-repeat;
	width:900px;
	height:190px;
	float:left;
	margin:0px;
	padding: 0 30px;
	}

#myslides{
	background: none;
	}

.stepcarousel{
	position: relative; 
	overflow: scroll;
	width: 878px; 
	height: 175px; 
	margin: 10px 10px 0px 11px;
	background:none;
	}

.stepcarousel .belt{
	position: absolute; 
	left: 0;
	top: 0;
	}

.stepcarousel .panel{
	float: left; 
	overflow: hidden; 
	margin: 10px 6px ;
	width:210px; 
	background:#343434;
	height:150px;
	border:1px solid #000;
	}

.stepcarousel .panel p{
	text-align: left;
	overflow: hidden; 
	margin: 5px 5px ; 
	}

.stepcarousel .panel h2{
	overflow: hidden; 
	margin: 0px 5px ; 
	font-size:12px;
	font-weight:normal;
	text-align:center;
	text-transform: capitalize;
	}

.stepcarousel .panel h2 a:visited ,.stepcarousel .panel h2 a:link{
	color:#e8e7e7;
	}

.stepcarousel .panel img{
	background:#343434; 
	margin: 5px 5px 2px 5px; 
	padding:0px;
	height: 120px;
	overflow: hidden;
	}

/*==============================================================
	Home
===============================================================*/

#home{
	width:960px;
	margin-top:0px;
	float: left;
	}
	
#feattop{
	width: 960px;
	height: 33px;
	float: left;
	background: url(images/feattop.png) top no-repeat;
	}

#feat{
	width: 960px;
	height: 243px;
	float: left;
	background: url(images/feat.png) top repeat-y;
	}

#featbot{
	width: 960px;
	height: 33px;
	float: left;
	background: url(images/featbot.png) top no-repeat;
	}

#recent{
	background: url(images/post.png) top no-repeat;
	width: 630px;
	float: left;
	margin: -5px 0 0 21px;
	text-align: justify;
	font-size: 13px;
	}

#sidead{
	position: absolute;
	margin: -5px 10px 0 683px;
	}

#sidehorztop{
	width: 960px;
	height: 125px;
	float: left;
	background: #1e1e1e url(images/sidebarhorztop.png) top no-repeat;
	margin: 5px 0 0 0;
	}
	
#sidehorz{
	width: 960px;
	margin: 0;
	background: #1e1e1e url(images/sidehorz.png) top repeat-y;
	float: left;
	}

.widg{
	width: 300px;
	float: left;
	margin: -115px 0 10px 10px;
	padding: 0 10px 0 0;
	color: #ccc;
	}

.widg ul, .widg ul ol {
	margin:0;
	padding: 0 0 0 5px;
	}

.widg li {
	list-style-type: disc;
	list-style-image: url(images/bullet.png);
	list-style-position: inside;
	}

.widg ul li {
	list-style-type: none;
	margin-bottom: 5px;
	}

.widg ul p, .widg ul select {
	margin: 5px 0 8px;
	}

.widg ul ul, .widg ul ol {
	margin: 5px 0 0 10px;
	}

.widg ul ul ul, .widg ul ul ol {
	margin: 0 0 0 10px;
	}

ol li, .widg ul ol li {
	list-style: decimal outside;
	}

.widg ul ul li, .widg ul ol li {
	margin: 3px 0 0;
	padding:0px;
	}

.widg ul li li {
	padding: 0px 0px 5px 10px;
	margin: 0px;
	} 

.widg h2, .widg h2 a, .widg h2 a:visited, .widg h2 a:hover{
	color: #efefef;
	font-size: 22px;
	text-align: center;
	margin: 0 0 10px 0;
	}

.widg a, .widg a:visited{
	color: #ccc;
	}

.widg a:hover{
	color: #fff;
	}

/*==============================================================
	Positioning of the ads banners
================================================================*/

#ad250 /* banners in the inner sidebar*/ {
	width:250px;
	margin: 0 0 0 -5px;
	}

.ads_small {
	width: 270px;
	float: right;
	margin: -5px -12px 0px 0;
	}

.ads_small img {
	padding: 1px;
	}

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

#film{
	width: 960px;
	height: 31px;
	margin: 0;
	float: left;
	background: url(images/film.png) top no-repeat;
	}

#pbody {
	background: url(images/feat.png) top repeat-y;
	width:960px;
	margin-top:0px;
	float: left;
	}

#content {
	width:630px;
	margin:-4px 0px 0px 21px;
	float:left;
	overflow: hidden;
	}


/*==========================================================================
	The actual Blog post look
============================================================================*/

.post {
	background: url(images/post.png) top no-repeat;
	width:630px;
	float: left;
	margin: 0px;
	text-align: justify;
	font-size:14px;
	padding: 0;
	}

.ptitle{
	float: left;
	width: 600px;
	padding: 15px 15px 0 15px;
	}

.entry {
	float: left;
	width: 600px;
	padding: 0 15px;
	margin: 0px;
	}

.date {
	background: url(images/time.png) left no-repeat;
	padding-left: 20px;
	color: #a97433;
	}

.cat {
	background: url(images/categ.png) left no-repeat;
	padding-left: 20px;
	}

.comm {
	background: url(images/comm.png) left no-repeat;
	padding-left: 20px;
	}

.postmetadata {
	width: 570px;
	padding: 15px 15px 0 15px;
	margin: 0;
	float: left;
	font-size: 12px;
	line-height: 20px;
    	clear: both;
    	}

.post hr {
	display: block;
	}

.smallattachment {
	text-align: center;
	float: left;
	width: 128px;
	margin: 5px 5px 5px 0px;
	}

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

.clear {
	clear: both;
	}

.entry ul {
	margin-left: 0px;
	padding: 0 0 0 30px;
	list-style-type: disc;
	list-style-image: url(images/bullet2.png);
	list-style-position: inside;
	padding-left: 10px;
	text-indent: 5px;
	}

.entry li {
	margin: 7px 0 8px 10px;
	}

.entry ol {
	padding: 0 0 0 35px;
	margin: 0;
	}

.entry ol li {
	margin: 0;
	padding: 0;
	}

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

#sidebar{
	float:left;
	width: 260px;
	padding:0;
	margin: -4px 0 0 27px;
	font-family: georgia;
	font-size: 12px;
	overflow: hidden;
	color: #000;
	}

#sidebar h2 {
	width:240px;
	padding: 7px 5px 0 5px;
	margin: 0 0 15px 0;
	float: left;
	font-size:22px;
	text-align: center;
	}

.side{
	width:250px;
	padding: 10px 5px 0px 5px;
	background: url(images/side.png) top no-repeat;
	float: left;
	}

#sidebar a, #sidebar a:visited {
	color:#182052;
	text-decoration: none;
	}

#sidebar a:hover {
	color:#a97433;
	text-decoration:none;
	}

#sidebar form {
	margin: 0;
	}

#sidebar ul, #sidebar ul ol {
	margin:0;
	padding: 0 0 0 5px;
	}

#sidebar li {
	list-style-type: none;
	}

#sidebar ul li {
	list-style-type: disc;
	list-style-image: url(images/bullet2.png);
	list-style-position: inside;
	margin-bottom: 5px;
	}

#sidebar ul p, #sidebar ul select {
	margin: 5px 0 8px;
	}

#sidebar ul ul, #sidebar ul ol {
	margin: 5px 0 0 10px;
	}

#sidebar ul ul ul, #sidebar ul ul ol {
	margin: 0 0 0 10px;
	}

ol li, #sidebar ul ol li {
	list-style: decimal outside;
	}

#sidebar ul ul li, #sidebar ul ol li {
	margin: 3px 0 0;
	padding:0px;
	}

#sidebar ul li li {
	padding: 0px 0px 5px 10px;
	margin: 0px;
	} 

/*Sidebar search form*/

#sidebar #searchform #s {
	width: 108px;
	padding: 2px;
	}

#sidebar #searchsubmit {
	padding: 1px;
	}

/* Calendar */

#wp-calendar {
	width: 250px;
	margin: 0px;
	padding: 0px;
	empty-cells: show;
	}

#wp-calendar #next a {
	padding-right: 10px;
	text-align: right;
	}

#wp-calendar #prev a {
	padding-left: 10px;
	text-align: left;
	}

#wp-calendar a {
	display: block;
	}

#wp-calendar caption {
	width: 250px;
	margin-left: 0px;
	padding-top: 10px;
	text-align: center;
	}

#wp-calendar td {
	padding: 3px 0;
	text-align: center;
	}

#wp-calendar #prev a, #wp-calendar #next a {
	font-size: 9pt;
	}

#wp-calendar a {
	text-decoration: none;
	}

#wp-calendar caption {
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	margin-bottom: 5px;
	}

#wp-calendar th {
	font-style: normal;
	text-transform: capitalize;
	text-align: center;
	}


/*================================================================
    Begin Comments
==================================================================*/

#replies {
	padding:0px;
	}

#respond{
	float: left;
	width: 600px;
	padding: 0 15px;
	margin: 0px;
	}

h3.comments{
	font-size: 18px;
	color: #000;
	text-align: center;
	margin: 20px 10px 30px 10px;
	}

ol.commentlist {
	margin:0;
	padding:0;
	}

.commentlist li {
	list-style:none;
	margin-bottom:14px;
	}

.commentlist cite {
	background: #ccc;
	float: left;
	width: 600px;
	padding: 10px 15px;
	display:block;
	font-style:normal;
	}	

.commentlist cite img {
	float:left;
	margin-right:9px;
	}

.commentlist .author {
	font: small-caps bold 16px Georgia, "Times New Roman", Times, serif;
	}

.commentlist .time {
	background: url(images/time.png) bottom left no-repeat;
	padding-left:20px;
	}

.commenttext {
	background: #efefef;
	float: left;
	width: 600px;
	padding: 0 15px;
	margin: 0 0 10px 0;
	}

#commentform input {
    	background: #efefef;
	color: #000;
	width: 170px;
	padding: 2px;
	margin: 5px 5px 1px 0;
	}

#commentform {
    	margin: 5px 10px 0 0;
	}

#commentform textarea {
    	background: #efefef;
	color: #000;
	width: 450px;
	padding: 2px;
	}

#respond:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	}

#commentform #submit {
	margin: 0 0 5px auto;
	float: left;
	background: url(images/go.png) top no-repeat;
	width: 40px;
	height: 28px;
	border: none;
	}

#commentform p {
	margin: 5px 0;
    	font-weight: normal;
	line-height: 14px;
	text-transform: none;
    	font-family: Georgia,'Lucida Grande', Verdana, Arial, Sans-Serif;
	}

.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
	}

/*=======================================================================
	Footer
=========================================================================*/

#footer {
	background: #1e1e1e;
	width:940px;
	float:left;
   	padding:10px;
	clear: both;
    	text-align: center;
	border-top: 1px solid #ccc;
	color: #ccc;
	}

#footer a, #footer a:visited{
	color: #ddd;
	}

#footer a:hover{
	color: #898989;
	}

/*===============================================================
    Begin Images
=================================================================*/

p img {
	padding: 0;
	max-width: 100%;
	}

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
  display: block;
   	float: right;
   	}

.alignleft {
    display: block;
   	float: left;
	}

a img {
	border: none;
	}


/*=================================================================
    Captions
===================================================================*/

.aligncenter, div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
	}

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
	}