@charset "utf-8";
/* CSS Document */

html, body
	{padding: 0; 
	margin: 0;}

body
	{font: normal small "Arial", "helvetica", "Verdana", sans-serif;
	color: #000000;
	background: #000000;
	margin-top: 30px;
	}
	
#main
	{margin: 0 auto;
	width: 760px;}
	
#header
	{height: 100px;
	margin: 0;}
	
#logo
	{position: relative;
	float: left;
	width: 300px;
	top: 30px;}
	
	
.feature
	{padding: 10px 10px 5px 10px;
	background: #ccc url(../images/bg_feature.gif) top repeat-x;}
	
.group
	{margin: 10px 0 0 0;
	padding: 10px;
	background-color: #fff;
	border: 1px solid #111;}
	
.menu
	{text-align: middle;
	position: relative;
	width: 760px;
	float:inherit}
		
	.menu a
	{color: #FFFFFF;
	text-decoration: none;}
	
	.menu a:hover
	{color: #FF6900;}
	
	.user
	{font-size: 0.9em;
	position: relative;
	top: 30px;}
	
	.user a
	{color: #666;}
	
	.company
	{font-size: 1.4em;
	position: relative;
	top: 60px;}

.events
		
	.events a
	{
	color: #000000;
	text-decoration:underline;
}
	
	.events a:hover
	{color: #FF6900;
	text-decoration:underline;}
		
	.foot a
	{color: #FFFFFF;
	text-decoration:underline;}
	
	.foot a:hover
	{color: #FF6900;
	text-decoration:underline;}	

	
#notice a, .highlight a
	{color: #f33;}
		
#notice
	{background: #ff6;
	color: #111;
	font-weight: bold;
	padding: 5px;
	margin: 10px 0;}
	
.highlight
	{background: #ff6;
	color: #111;
	padding: 2px 5px;
	margin: 10px 0;}
	
#error
	{background: #c03;
	color: #fff;
	padding: 5px;
	margin: 10px 0;}


/*--------------- Forms ---------------*/

form, input, textarea, select
	{border: none;
	padding: 2px;
	margin: 0;
	font-size: 0.9em;}
	
	input, select
	{border: 1px solid #999;}
	
	textarea
	{background-color: #eee;
	border: 1px solid #999;
	font: normal 1.0em/1.2em  "Arial", "helvetica", "Verdana", sans-serif;
	padding: 5px;
	width: 725px;}
	
	#post_comment_comment
	{width: 560px;
	background-color: #eee;
	border: 1px solid #999;
	color: #333;
	margin: 0 0 5px 0}
	
	#button
	{background-color: #f33;
	color: #fff;
	padding: 1px;
	border: 1px solid #f33;}
	
	.field input
	{width: 300px;}
	
	.checkbox
	{font-size: 0.8em;}

#textFrm
	{ float:left;
	  width: 250px;
	  height: 40;
	  text-align: right;
	  padding: 5px 5px 5px 5px;
	}

/*--------------- Main Focus ---------------*/
#focus
	{padding: 10px;
	margin: 5px 0 0 0;
	background: #fff url('../images/bg_focus.gif') top repeat-x;
	border: 1px solid #ddd;}

	#focus a
	{color: #f33;}
	
	#focus strong
	{color: #333}
	
	#focus .focus
	{font-size: 0.8em;
	padding: 0 0 0 15px}
	
	#focus a:hover
	{color: #000;}
	
	#focus p
	{margin: 2px 0;}
	
	#focus h1
	{color: #000;	
	font: normal 1.8em/1.0em "Arial", "Verdana", sans-serif;
	margin: 0 0 2px 0;}
	
	#focus h2
	{color: #666;	
	font: normal 1.2em/1.0em "Arial", "Verdana", sans-serif;
	margin: 0 0 5px 0;}
	
#extra
	{color: #333;
	margin: 0;
	padding: 5px 0 0 0;}
	
	#extra input, #extra select
	{padding: 0;
	margin: 0 2px 0 5px;}

/*--------------- Start Comments --------------*/
	
.comment_head
	{background-color: #eee;
	border: 1px solid #999;
	color: #333; 
	padding: 5px 5px;
	margin-top: 20px;
	font-size: 0.9em;
	font-weight: bold}
	
	.comment_head img
	{padding: 0 0 0 0;}
	
	.comment_head p
	{padding: 0;
	color: #333;
	font-size: 1.0em;
	font-weight: normal}
	
	.comment textarea
	{background-color: #eee;
	border: 1px solid #999;
	margin: 0 0 5px 0;
	color: #333;}
	
	.owner
	{background-color: #ffc;}
	
#rate
	{background-color: #fff;
	width: 746px;
	padding: 2px;
	margin: 0 0 5px 0;}
	
	#rate strong
	{margin-left: 15px;}
	
	
/*--------------- Start Resusts --------------*/

.result
	{width: 750px;}
		
.thumb
	{float: left;
	display: block;
	margin: 0px 40px 20px 0px;
	width: 80px;
	vertical-align: middle;
	background-color: #999;
	text-align: center;}
	
	* html .thumb {width: 80px;} /*style for IE*/
	
	.thumb a
	{color: #f33;
	display: block;
	vertical-align: middle;
	/*border: 1px solid #999;*/
	text-decoration: none;}
	
	.thumb a:hover
	{/*border: 1px solid #f33;*/
	color: #fff;}
	
	.thumb p
	{font:normal 9px/1.1em Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	margin: 3px;
	padding: 0}
	
	.thumb strong
	{color: #fff;}
	
	.thumb p a, .thumb p a:hover
	{border: none;}
	
	a.img
	{display: table-cell;
	vertical-align: middle;
	background-color: #fff;
	text-align:center;
	/*height: 80px;*/
	width: 75px;
	line-height:80x;
	font-size:80px;}
	
	* html a.img {width: 80px;} /*style for IE*/
	
	*>a.img
	{font-size:12px}
		

/*--------------- End Resusts ---------------*/
	
#display
	{background-color: #fff;
	border: 1px solid #ddd;
	margin: 10px 0 0 0;
	padding: 5px 5px 5px 0;
	color: #666;
	font: normal 0.9em/1.4em "Arial", "Verdana", sans-serif;
	vertical-align: middle;}
	
	#display strong
	{color:#333;}
	
	#display h1
	{color: #000;
	margin: 0;
	padding: 0;}
	
	#display a
	{color: #f33;}
	
	#display a:hover
	{color: #000;}
	
#tab
	{margin: 0px 10px 0 5px;
	float: left;
	display:block;
	text-align: center;
	width: 80px;
	min-height: 240px;
	height: auto !important;
	height: 240px;
	font: normal 10px/1.3em  "Verdana","Arial", sans-serif}
	
	#tab strong
	{color: #f33;
	font: normal 14px/1.2em  "Arial", "Verdana", sans-serif}
	
	#tab h3, #tab strong
	{color: #000}
	
	
#preview
	{float: right;
	text-align: right;
	max-width: 320px;
	max-height: 240px;}
	
	#preview img
	{max-width: 320px;
	max-height: 240px;
	vertical-align: middle;}
	
	#preview a
	{display: table-cell;
	vertical-align: middle;
	text-align:center;
	height:240px;
	width:320px;
	line-height:240px;
	font-size:240px;}
	
	*>#preview a
	{font-size:12px}
		
	#preview img
	{vertical-align:middle;}
	
#info
	{width: 310px;
	 min-height: 105px;}
	 
* html #info {height: 105px;} /*style for IE*/
	
#all_info
	{background-color: #ccc;
	font-size: 1.0em;
	padding: 10px}
	
	.all_info
	{background-color: #ccc;
	font-size: 1.0em;
	padding: 10px;}
	
	.group #all_info
	{font-size: 0.9em;}
	
	#all_info p
	{padding: 1px 0 3px 0;}
	
#rating
	{float: right;
	text-align:right;}

#nextpage
	{width: auto;
	height: 30px;
	margin: 5px 0;}

	#nextpage a
	{display:block;
	padding: 1px 5px;
	text-decoration: none;
	color: #fff;
	background-color:#f33;}
	
	#nextpage a:hover
	{color: #333;
	background-color:#ccc;}
	
	#next
	{margin-left: 50%;
	float: right;
	text-align: right;}
	
	#previous
	{float: left;
	text-align: left;}


.pagination
	{margin: 5px 0;
	width: 600px;
	color: #fff;
	text-align: right}
	
.pagination a, .pagination a.active, .pagination a.link
	{background-color: #f33;
	color: #fff !important;
	padding: 2px 5px;}
	
	.pagination a:hover
	{background-color: #ccc;
	color: #000 !important;}
	
	.pagination .disabled
	{color: #666;}
	
	.pagination .current
	{color: #fff;}
	

#footer
	#footer a
	{color: #FFFFFF;}
	
	#footer a:hover
	{color: #FF6900;}
	
/* --------------- Blog --------------- */

.post
	{border-left: 1px solid #ccc;
	margin-left: 85px;
	padding-left: 10px;
	min-height: 120px;
	height: auto !important;
	height: 120px;}
	
.post_tab
	{width: 80px;
	float: left;
	text-align: center;
	color: #666;
	font: normal 10px/1.0em  "Verdana","Arial", sans-serif}


#content_blog
	{width: 760px;
	padding: 0;
	color: #111;
	margin: 0 0 0 0;}
	
	#content_blog a
	{color: #f33;	
	text-decoration: none;}
	
	#content_blog #nextpage a
	{color: #fff;}
	
	#content_blog a:hover
	{color: #111;}
	
	#content_blog strong
	{color: #111;}
	
	#content_blog h2
	{color: #111;}
	
#blog_sidebar
	{float: right;
	margin: 10px 0 10px 0;
	width: 140px;}
	
	#blog_sidebar h2
	{color: #000;
	font-size: 16px;
	font-weight: normal;
	padding: 5px 0 0 0;}
	
	#blog_sidebar ul
	{list-style: none;
	border-top: 1px solid #fff;
	margin: 0;
	padding: 0;
	text-indent: 0;}
	
	#blog_sidebar li a
	{width: auto;
	display: block;
	height: 20px;
	padding: 0 5px;
	line-height: 21px;
	border-bottom: 1px solid #fff;
	color: #f33;
	background-color:#eee;}
	
	#blog_sidebar li a:hover
	{background-color:#999;
	color: #fff;}
	
#blog
	{width: 580px;}
	
	#blog .group
	{background-color: #fff;
	width: 580px;
	float: left;}
	
	#blog p
	{margin-top: 5px; margin-bottom: 10px;}
	
/* --------------- Headings H1-H6 --------------- */
h1, h2, h3, h4, h5, h6
	{text-transform: lowercase;}

h1
	{color: #fff;
	font: normal 1.6em/1.2em "Arial", "Verdana", sans-serif;
	margin: 20px 10px 0px 0px;}
	
	* html h1 {margin: 0px 5px 0px 0;} /*style for IE*/

h2
	{color: #666;
	font: normal 1.4em/1.0em "Arial", "Verdana", sans-serif;
	margin: 0 0 5px 0;}

	* html h2 {margin: 0 0 5px 0;} /*style for IE*/
	
h3
	{color: #fff;
	font: normal 28px/1.0em "Arial", "Verdana", sans-serif;
	margin: 0;
	padding: 0;}
	
h4
	{color: #666;
	font: normal 14px/1.2em "Arial", "Verdana", sans-serif;
	margin: 4px 0;}
	
.large
	{text-transform: uppercase;
	color: #999;
	letter-spacing: -2px;
	text-align: justify;
	font: normal 24px/20px Arial, Helvetica, sans-serif;}
	
	.large a:hover
	{text-decoration: none;}

/* --------------- Paragraph and Link Styles ---------------*/

p.textile
	{font-size: 0.8em;
	float: right;}


p
	{margin-bottom: 1.3em;
	padding: 0;
	font-size: 0.9em;
	line-height: 1.2em;}
	
strong
	{color: #000;}

a
	{color: #000000;}
	
	a:hover
	{color: #FF6900;}
	
	a img
	{border: none;
	margin: 0;
	padding: 0;}

	
a.tags
	{padding: 0px 2px;
	color: #333;
	margin: 1px 2px;
	border: 1px solid #999;}
	
	a:hover.tags
	{color: #f33;}
		
a.advert_mrg
	{padding: 0 25px;}
	
ul, ol
	{font-size: 0.9em}

ol li
	{padding: 0 0 5px 0;}

.right
	{float: right;
	margin-top: -22px;
	color: #f33;
	font: normal 12px/2.0em "Arial", "Verdana", sans-serif;}
	
	* html .right {margin-top: -20px;} /*style for IE*/
	
.hr
	{width: auto;
	padding: 0 0 5px 0;
	margin: 0 0 0 0;
	border-top: 1px solid #666;}
	
.hr_dark
	{width: auto;
	padding: 0;
	margin: 0 0 5px 0;
	border-top: 1px solid #ccc;}
	
.hr_dashed
	{width: auto;
	padding: 0;
	margin: 0 0 2px 0;
	border-top: 1px dashed #ddd;}
	
	
a.tip strong
	{display: none;
	z-index: 1000;
	text-decoration: none;}

a:hover.tip
	{text-decoration: none;
	z-index: 1000;}
	
	* html a:hover.tip {display: block;} /*style for IE*/

	a:hover.tip strong
	{display:block;
	background-color: #ff6;
	width: auto;
	max-width: 730px;
	color: #111;
	padding: 5px;
	position: absolute;
	z-index: 2000;}	
	
.hover
	{color: #f33;
	cursor: pointer;}

.embed
	{overflow: hidden;
	background-color: #555;
	width: 740px;
	border: none;
	font-size: 10px;
	padding: 0;
	margin: 0;}
	
#simple_captcha img
	{float: left;
	margin: 5px 10px 0 0;
	height: 40px;}
	
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */