/* CSS File			*/
/* Version: 	01		*/
/* Created at: 	HBfx Studio	*/
/* Author: 	Eros Nicolau	*/

/* Tag redefines		*/
html, body			{margin: 0px; padding: 0px; height: 100%; width: 100%; background-color: #FFFFFF;}
body				{behavior:url("/css/csshover.htc"); background-image: url(../img/body_back.gif); background-repeat: repeat-x; background-position: 0px 54px; font-family: Arial, Helvetica, sans-serif; font-size: 12px;}
div				{margin: auto; height: auto;}
form				{margin: 0px; padding: 0px;}
a img				{border: none 0px;}
h1, .hh1			{font-size: 18px; margin: 10px; padding: 0px; font-weight: normal; color: #c20057;}

/* Link styles			*/
a				{}
a:hover				{}

/* Holder styles		*/
.holder2			{width: 100%;}
.holder1			{text-align: center; margin-left: auto; margin-right: auto; width: 976px;}
.holder				{text-align: left; margin: 0px; padding: 0px; border: none; *width:976;}

/* Header styles		*/
.header	.holder			{height: 94px; position: relative;}
.header	.search			{position: absolute; top: 11px; right: 0px; background-image: url(../img/search_back.gif); background-repeat: no-repeat; background-position: right top; height: 32px; width: 282px;}
.header .search *		{position: absolute; height: 22px; border: 0px none; background-color: transparent; background-repeat: no-repeat; background-position: 0px 0px;}
.header	.search .textfield	{left: 5px; top: 5px; width: 200px;}
.header	.search .button		{left: 206px; top: 5px; width: 71px; background-image: url(../img/search_button.gif);}
.header	.search .pic_type		{position: absolute; left: 100px; width: 180px; top: 48px; text-align: right;}
.header	.search .pic_type *		{position: relative; height: auto;}

.more				{ font-family: arial; color: black; text-decoration: none; font-weight: bold; font-size: 12pt; }


/* Main area styles		*/
.l-col, .m-col, .r-col		{float: left;}
.l-col, .r-col			{background-image: url(../img/cols_back.gif);  background-repeat: repeat-y; border-top: 1px solid #d8d8d8; border-bottom: 1px solid #d8d8d8; padding-bottom: 10px;}
.l-col				{width: 145px; background-position: left top;}
.m-col				{width: 625px; padding: 0px 15px 0px 20px;}
.r-col				{width: 170px; background-position: right top; margin-bottom: 10px}

.h1				{font-size: 18px; margin: 10px; padding: 0px; text-align: center;}
.l-col .h1			{color: #39a3c2;}
.r-col .h1			{color: #c20057;}

/* Footer styles		*/
.footer .holder			{background-image: url(../img/footer_back.gif); background-repeat: no-repeat; background-position: center top; text-align: center; padding: 5px 0px 40px 0px; margin-top: 20px; color: #cd90a4; font-size: 10px;}

/* Misc. styles			*/
.categories, .categories a	{color: #c20057;}
.categories .separator		{font-weight: bold; background-image: url(../img/l-col_separator.gif); background-repeat: repeat-x; background-position: 0px 0px; height: 26px; line-height: 26px; margin: 5px 1px 5px 1px; padding-left: 10px;}
.categories a			{display: block; line-height: 18px; text-decoration: none; padding-left: 20px;}
.categories a:hover,
.categories .selected		{background-color: #6cc1da; color: #F1F1F1;}


.page_results			{float: right; border: 1px solid #d8d8d8; padding: 4px; background-color: #f1f1f1; color: #8c8c8c; height: 20px; line-height: 20px; margin-left: 10px;}
.pageresult			{color: white; border: 1px solid #f1f1f1; padding-left: 3px; padding-right: 3px;}
.cpageresult			{color: white; border: 1px solid #d8d8d8; background-color: white; padding-left: 3px; padding-right: 3px;}
.pageresult:hover		{background-color: white; border: 1px solid red;}
.apage				{color: #828282; text-decoration: none; font-size: 10px;}

.align_left 			{position: absolute; width: 300px; border: 1px solid black; height: 160px; background-color: #f1f1f1; border: 1px solid #d8d8d8; padding: 5px;}
.thumb_holder			{}
.similar_stuff			{position: relative; float: right; border: 1px solid black; width: 250px; top: -40px; right: 5px; border: 1px solid #d8d8d8; background-color: #f1f1f1; padding: 10px;}

.friends a			{line-height: 18px; color: #8c8c8c; display: block; padding-left: 10px;}
.friends a:hover		{color: #000000;}

.thumbnail2			{float: left; width: 125px; height: 160px; overflow: hidden; position: relative;}
.thumbnail2 .img			{background-color: #e0e0e0; padding: 4px; border: 1px solid #808080;}
.thumbnail2 .img:hover		{background-color: #c20057;}


.thumbnail			{float: left; width: 125px; height: 200px; overflow: hidden; position: relative;}
.thumbnail .img			{background-color: #e0e0e0; padding: 4px; border: 1px solid #808080;}
.thumbnail .img:hover		{background-color: #c20057;}

.emptythumbnail			{float: left; width: 125px; height: 200px; overflow: hidden;}

.movie_icon			{width: 20px; height: 20px; z-index: 99999; position: absolute; top:130px; right:15px; background-image: url('../img/movie.gif');}

.athumb				{text-decoration: none; padding: 0; margin:0}

.gtitle				{font-size: 10px; color: black;}
.gtime				{font-size: 10px; color: blue; }

.thumbnails {margin-bottom: 10px;}

/* clearfix			*/
.clearfix:after			{content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix			{display: inline-block;}
/* Hide from IE Mac \*/
.clearfix			{display: block;}
* html .clearfix		{height: 1%;}
/* End hide from IE Mac */