/*
Theme Name: heartfilms
Theme URI: -
Description: For heartfilms Wordpress theme.
Author: PILEWORKS
Author URI: http://pileworks.net
version: 2.0
Tags: three-column, widget-ready, blank
*/



/* basics */

*{margin:0; padding:0;}

html{
        background-image: url("images/background/background_2.gif");
        background-repeat: repeat;
}

body {
	font-family: "Helvetica Neue", Helvetica, Arial, Sans-Serif;
	font-size: 9pt;
        line-height: 1.3em;
	margin:0px;
        padding:0px;
        background-image: url("images/background/background_1.gif");
        background-attachment: fixed;
        background-position: 50%;
        background-repeat: no-repeat;
	}

	
h1 {font-size: 18pt;}
h2 {font-size: 14pt;}
h3 {font-size: 10pt;}
h4 {font-size: 9pt;}


img{ border: none; padding:0; 
     vertical-align: bottom;}
img a{border:none;}

img.left{ float: left; border: none; padding: 6px 0 0 0; }
img.right{ float: right; border: none; padding: 0 0 0 6px; }

blockquote{
	/*border-left:1px solid #A5ABAB;*/
	/*margin:15px;
	padding:0 12px 0 12px;*/
	}

code{
	font-family: "Helvetica Neue", Helvetica, Arial, Sans-Serif;
	}


/* links */

a{
	color:#ff84fe;
	text-decoration:underline;
	}

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



/* container */


#container {
	width:1000px;
	margin: 0 auto;
        padding:0;
	background:#000;
	color:#333;
	overflow: hidden;
        margin-bottom: 30px;
	}
	
/* header */

#header {
	background:#000;
  	width:960px; 
        margin-bottom: 20px;
	}

#header ul {
        overflow: hidden;
        zoom: 1;
        margin-left: 40px;
}

#header ul li {
        float: left;
        list-style: none;
        text-indent: -9999px;
}

#header ul li a {
        display: block;
        overflow: hidden;
        background: url(./images/header/banner.jpg) no-repeat;
}

#header ul li.banner1 a {
        width: 104px;
        height: 94px;
        background-position: 0 0;
}
#header ul li.banner1 a:hover { background-position: 0 -94px; }

#header ul li.banner2 a {
        width: 105px;
        height: 94px;
        background-position: -104px 0;
}
#header ul li.banner2 a:hover { background-position: -104px -94px; }

#header ul li.banner3 a {
        width: 95px;
        height: 94px;
        background-position: -209px 0;
}
#header ul li.banner3 a:hover { background-position: -209px -94px; }

#header ul li.banner4 a {
        width: 69px;
        height: 94px;
        background-position: -304px 0;
}
#header ul li.banner4 a:hover { background-position: -304px -94px; }

#header ul li.banner5 a {
        width: 62px;
        height: 94px;
        background-position: -373px 0;
}
#header ul li.banner5 a:hover { background-position: -373px -94px; }

#header ul li.banner6 a {
        width: 69px;
        height: 94px;
        background-position: -435px 0;
}
#header ul li.banner6 a:hover { background-position: -435px -94px; }

#header ul li.banner7 a {
        width: 67px;
        height: 94px;
        background-position: -504px 0;
}
#header ul li.banner7 a:hover { background-position: -504px -94px; }

#header ul li.banner8 a {
        width: 56px;
        height: 94px;
        background-position: -571px 0;
}
#header ul li.banner8 a:hover { background-position: -571px -94px; }

#header ul li.banner9 a {
        width: 65px;
        height: 94px;
        background-position: -627px 0;
}
#header ul li.banner9 a:hover { background-position: -627px -94px; }

#header ul li.banner10 a {
        width: 71px;
        height: 94px;
        background-position: -692px 0;
}
#header ul li.banner10 a:hover { background-position: -692px -94px; }

#header ul li.banner11 a {
        width: 71px;
        height: 94px;
        background-position: -763px 0;
}
#header ul li.banner11 a:hover { background-position: -763px -94px; }

#header ul li.banner12 a {
        width: 86px;
        height: 94px;
        background-position: -834px 0;
}
#header ul li.banner12 a:hover { background-position: -834px -94px; }

#header h1{
	margin: 20px 0 0 8px;	
	}

#header h2{
	margin-left: 20px;	
	}

#top_flash {
        clear: left;
        margin-left: 20px;
}


/* main menu */

/* content */

#content {
        display: inline;
	width:540px;
	margin:0 0 0 20px;
	float:left;
        overflow: hidden;
        background-color: #101010;
        border: solid 10px #101010;
	}


.p_top {
	width:540px;
        background-image: url("images/toppage/top.jpg");
        background-repeat: no-repeat;
        height: 55px;
	margin:1px 0 0 0 ;
}


.p_mid {
	width:540px;
        background-image: url("images/toppage/top_1.jpg");
        background-repeat: repeat-y;
        color: #fff;
        font-size: 10px;
}

.p_mid ul {
        clear: both;
        list-style: none;
        color: #fff;
        font-size: 12px;
        margin-left: 20px;
}

.p_mid li {
        line-height: 1.5em;
}


.p_bot {
	width:540px;
        background-image: url("images/toppage/top_2.jpg");
        background-repeat: no-repeat;
        height: 20px;
	margin:0 0 20px 0 ;
        
}


.post {
	width:540px;
	padding:0;
        color: #fff;
        margin-bottom: 80px;
	}
	
.post h2{
        color: #fff;
	font-family: "Helvetica Neue", Helvetica, Arial, Sans-Serif;
        margin-bottom: 10px;
        line-height: 1.3em;
	}
	
.post h2 a{
	color: #fff;
	text-decoration: none;
	}
	
.post h2 a:hover{
	color: #fff;
	text-decoration: none;
	}

.post ul {}

.post li {
        margin: 0:
        padding: 0;
}

.entry p{margin:0 0 12px 0;/*line-height:1.5em;*/}

/*.postmetadata{
	clear: both;
	background:#F7F7F7;
	padding:6px;
	margin: 20px 0;
	}*/

.link {
        margin-bottom: 30px;
	}

#content dt {
        margin-bottom: 15px;
	}

#content dd {
        font-size: 12px;
        margin-bottom: 50px;
	}

#content h1 {
        font-size: 12px;
        /*margin-bottom: 20px;*/
	}

#pro_left{
        float: left;
        padding-right: 10px;
        margin-top: 20px;
}

.date {
        font-size: 15px;
}

#pro_right{
        height: 221px;
        margin: 20px 0 30px; 0;
}

.ph {
        clear: both;
        padding: 20px 0 20px 30px;
}

/*.p_i {
        list-style: none;
	float:left;
        padding:0 0px 50px 0;
	}*/

/*#product{
        clear: both;
        margin-bottom: 50px;
}*/
	

/*.navigation {
	font-size:8pt;
	width:100%;
	float:left;
	margin:0;
	padding:0;
	overflow:hidden;
	}
	
.alignleft a{float:left; margin:25px 0;}
.alignright a{float:right; margin:25px 0;}*/

.video {
       margin-bottom: 30px;
}
	



/* left sidebar */

#left {
        display: inline;
	width:200px;
	float:left;
	margin-left: 20px;
	}



#left ul li {
	margin-bottom: 30px;
        list-style: none;
	}


.dis_top_j {
        background-image: url("images/left/dis_j.jpg");
        background-repeat: no-repeat;
        height: 25px;
}

.dis_top_u {
        background-image: url("images/left/dis_u.jpg");
        background-repeat: no-repeat;
        height: 25px;
}


.dis_mid {
        background-image: url("images/left/dis_j_1.jpg");
        background-repeat: repeat-y;
        text-align: center;
        color: #fff;
        font-size: 10px;
        line-height: 16px;
        padding-bottom: 7px;
}

.dis_bot {
        background-image: url("images/left/dis_j_2.jpg");
        background-repeat: no-repeat;
        text-align: center;
        height: 45px;
        padding-bottom: 30px;
}

.dis_bot_u {
        background-image: url("images/left/dis_u_2.jpg");
        background-repeat: no-repeat;
        text-align: center;
        height: 32px;
        padding-bottom: 30px;
}




/* right sidebar */

#right{
        display: inline;
	width:146px;
	float:right;
        margin-right: 20px;
        border: solid 7px #1a1a1a;
        background-image: url("images/right/right_back.jpg");
        background-repeat: repeat;
        color: #fff;
	}

.heart_tv {
        margin: 8px 0 10px 8px;
	}

.noa {
        margin: 8px 0 23px 8px;
}

#right li{
        list-style: none;
        margin: 0 0 0 20px;
	}

.alignright {
        margin: 15px 0 15px 20px;
}

#video {
       margin-bottom: 20px;
}



/* comments */


/*#commentform{
	background:#fff;
	margin:0;
	padding:0;
	}
	
#commentform p{
	color: #000;
	}
	
#commentform a{color: #000; text-decoration: none; border-bottom: 1px dotted #465D71;line-height: 14pt;}
	
#commentform h3{
	font-family: georgia, times, verdana;
	font-size: 10pt;
	font-weight: 300;
	color: #000;
	margin:0;
	padding:0;
	}
	
#comment{
	width:80%;
	}

#author, #email, #url, #comment, #submit{
	background: #fff;
	font-family: "Helvetica Neue", Helvetica, Arial, Sans-Serif;
	font-size: 8pt;
	margin:5px 5px 0 0;
	padding:0;
	border: 1px solid #000;
	}
	
#submit{margin:5px 5px 0 0;}

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

.avatar{float:left; margin:0 12px 0 0;}

ol.commentlist li {
	background: #fff;
	margin:10px 0;
	padding:5px 0 5px 10px;
	list-style-type:none;
	}

ol.commentlist li.alt {background: #eee;}
ol.commentlist li p {margin: 6px 0 6px 0; padding: 0 12px 0 0; line-height: 14pt;}

ol.commentlist a {color:#000;}

cite {
	font-family: "Helvetica Neue", Helvetica, Arial, Sans-Serif;
	font-size: 9pt;
	font-weight: bold;
	font-style: normal;
	}
	
cite a{color: #000; text-decoration: none; border-bottom: 1px dotted #465D71;}*/




/* search */

/*#searchform{
	padding:0;
	margin:14px 0;
	}

#searchform input#s{
	margin:0;
	border:1px solid #000;
	padding:2px;
	}*/




/* misc */

/*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 {
	float: right;
	}

.alignleft {
	float: left
	}
	
.wp-caption {
   border: 1px solid #ddd;
   text-align: center;
   background-color: #f3f3f3;
   padding-top: 4px;
   margin: 10px;
   /* optional rounded corners for browsers that support it */
   -moz-border-radius: 3px;
   -khtml-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius: 3px;
}

.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;
}




/* footer */

#footer {
	color: #fff;
        font-size: 0.8em;
        background: #000;
	clear: both;
	width: 1000px;
        height: 35px;
        position:fixed;
        bottom:0px;
        margin: 0 auto;
        left: 50%;
        margin-left:-500px;
	}

#footer p.f_left{padding:8px 0 8px 20px;margin: 0; float: left;}
#footer p.f_right{padding:8px 20px 8px 0;margin: 0; float: right; text-align: right;}