/*------------------------------------------------------------------------
# HOT Sportal, Version 1.0 - August, 2010
# Copyright (C) 2010 Hot Joomla Templates. All Rights Reserved.
# @license - Copyrighted Commercial Software
# Author: Hot Joomla Templates
# Website:  http://www.hotjoomlatemplates.com
-------------------------------------------------------------------------*/

@font-face {
	font-family: Sansation;
	src: url('sansation_regular.eot');
}

@font-face {
	font-family: Sansation;
	font-weight: bold;
	src: url('sansation_bold.eot');
}

/* basics */
a:link,a:visited {
	text-decoration:underline;
}

a:hover {
	text-decoration:none;
}

a.readon:link,a.readon:visited,
a.readmore:link,a.readmore:visited {
	display:block;
	text-decoration:none;
	text-align:right;
	font-weight:bold;
}

a.readon:hover,
a.readmore:hover {
	text-decoration:none;
}

img.home {
	margin:0 10px 10px 0;
	float:left;
}

img.home_right {
	margin:0 0 10px 10px;
	float:right;
}

img.interviews {
	margin-right:6px;
	float:left;
}

p {
	margin:0 0 7px 0;
}

.content_wrap p {
	margin:0 0 12px 0;
}

img {
border:0;
}

fieldset {
	border:0;
}

table.contentpaneopen {
	width:100%;
	padding-bottom:8px;
}

table.contentpaneopen .contentheading,
table.contentpaneopen .contentheading h2 {
	padding:0;
}

.sectiontableheader {
	font-weight:700;
	padding:5px;
	border-bottom:1px dotted #ccc;
}

.sectiontableentry1 td {
	padding:5px;
	text-align:left;
}

.sectiontableentry2 td {
	padding:5px;
	text-align:left;
	background:#f4f4f4;
}

td.sectiontableentry1, td.sectiontableentry2 {
	text-align:left;
	padding:5px;
}

.moduletable td.sectiontableentry1,
.moduletable td.sectiontableentry2 {
	padding:0px;
	margin:0;
}

.moduletable td.sectiontableentry1 input,
.moduletable td.sectiontableentry2 input {
	padding:0;
	margin:0 5px 0 0;
}

.componentheading,h1 {
	font-family:'Sansation', Arial, Helvetica, sans-serif;
	font-size:32px;
	font-weight:normal;
	text-align:left;
	margin:0 0 5px;
}

.content_wrap .componentheading h1 {
	padding:0 3px;
}

.contentheading,h2 {
	font-size:22px;
	font-weight:normal;
	text-align:left;
	padding:3px 0;
	margin:0;
	text-decoration:none;
}

.small {
	font-size:10px;
	color:#999;
	text-decoration:none;
}

.cat_date {
	width:50%;
	padding-top:10px;	
}

.cat_date a {
	text-decoration:none;	
}

.cat_date a:hover {
	text-decoration:underline;	
}

.createdate,.modifydate {
	text-align:right;
}

td.createdate {
	width:50%;
}

.hot_pagination {
	color:#fff;
}

span.pagenav {
	background:#cecece;
	color:#fff;
	padding:4px 12px;
	font-family:'Sansation', Arial, Helvetica, sans-serif;
	text-transform:uppercase;
}

a.pagenav {
	color:#fff !important;
	padding:4px 12px;
	text-decoration:none;
	font-family:'Sansation', Arial, Helvetica, sans-serif;
	text-transform:uppercase;
}

.inputbox {
	border:0;
	background:url(../images/button_bg.png) repeat-x;
	font-size:11px;
	color:#000;
	padding:4px;
	font-family:Arial, Helvetica, sans-serif;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}

textarea.inputbox {
	background:#ccc;
}

.search .inputbox {
	background:url(../images/search_bg.png) no-repeat;
	-moz-border-radius:0px;
	-webkit-border-radius:0px;
	color:#fff;
	padding:6px;
}

.button {
	background:url(../images/button_bg.png) repeat-x;
	color:#c10000;
	border:none;
	padding:3px 10px;
	font-size:11px;
	font-weight:bold;
	text-transform:uppercase;
}

table.searchinto {
	width:100%;
}

form {
	margin:0;
	padding:0;
}

.article_column {
	padding:0;
}

.article_separator {
	height:1px;
	border-bottom:1px dotted #8e8e8e;
	display:block;
}

/* lists */
ol {
	margin-left:20px;
	padding-left:7px;
}

ol li {
	padding-left:0;
	padding-top:0;
	padding-bottom:5px;
}

li ol {
	padding-top:5px;
}

.content_wrap ul {
	margin:0 0 0 25px;
	padding:0;
}

.content_wrap ul li {
	padding-left:5px;
	padding-top:0;
	padding-bottom:5px;
}

.content_wrap li ul {
	padding-top:5px;
}

.content_wrap li ul li {
	background:none;
	list-style-type:circle;
	margin-left:20px;
	padding-left:0;
}

ul.checklist li {
	background:url(../images/icon_checklist.png) no-repeat;
	padding-left:22px;
	margin-bottom:5px;
	list-style:none;
}

ul.arrow li {
	background:url(../images/icon_arrow.png) no-repeat;
	padding-left:22px;
	margin-bottom:5px;
	padding-top:1px;
	list-style:none;
}

ul.star li {
	background:url(../images/icon_star.png) no-repeat;
	padding-left:22px;
	margin-bottom:5px;
	list-style:none;
}

/* menu */
.column_right ul.menu,
.column_left ul.menu,
ul.newsfeed {
	margin:0;
	padding:0;
}

.column_right ul.menu li,
.column_left ul.menu li,
ul.newsfeed li {
	margin:0;
	list-style:none;
	padding:0px;
	border-bottom:1px dotted #8e8e8e;
}

.column_right ul.menu li:hover,.column_left ul.menu li:hover {
}

.column_right ul.menu li a:link,.column_right ul.menu li a:visited,
.column_left ul.menu li a:link,.column_left ul.menu li a:visited,
ul.newsfeed li a:link, ul.newsfeed li a:visited {
	text-decoration:none;
	display:block;
	padding:3px 0;
	font-weight:normal;
}

.column_right ul.menu li ul,.column_left ul.menu li ul {
	margin:0;
	padding:0;
	display:block;
}

.column_right ul.menu li ul li,.column_left ul.menu li ul li,
.column_right ul.menu li ul li:hover,.column_left ul.menu li ul li:hover {
	margin:0;
	padding:0 15px;
	background:none;
}

.column_right li.active a:link,.column_right li.active a:visited,.column_left li.active a:link,.column_left li.active a:visited {
	padding:7px;
}

.column_right ul.menu li ul li#current a:link,.column_right ul.menu li ul li#current a:visited,.column_left ul.menu li ul li#current a:link,.column_left ul.menu li ul li#current a:visited {
	color:#e4e37c;
	background:none;
	padding:7px;
	font-size:11px;
	text-transform:uppercase;
	font-weight:normal;
}

.column_right ul.menu li ul li a:link,.column_right ul.menu li ul li a:visited,.column_right ul.menu li#current ul li a:link,.column_right ul.menu li#current ul li a:visited,.column_left ul.menu li ul li a:link,.column_left ul.menu li ul li a:visited,.column_left ul.menu li#current ul li a:link,.column_left ul.menu li#current ul li a:visited {
	color:#ccc;
	background:none;
	padding:7px;
	font-size:11px;
	text-transform:uppercase;
	font-weight:normal;
}

.header_menu a {
	text-decoration:none;
}

.footer ul.menu {
	margin:0;
	padding:0;
}

.footer ul.menu li {
	list-style:none;
	float:left;
}

.footer ul.menu li a:link,.footer ul.menu li a:visited {
	color:#fff;
	text-decoration:none;
	display:block;
	padding:0 15px 7px 0;
	font-weight:normal;
}

.footer ul.menu li a:hover {
	color:#fff;
	text-decoration:underline;
}

.footer2 a:link,.footer2 a:visited {
	color:#fff;
}

.upper ul.menu,
.bottom ul.menu {
	margin:0;
	padding:0;
}

.upper ul.menu li,
.bottom ul.menu li {
	margin:0;
	padding:0;
	list-style:none;
}

.upper ul.menu li span,
.bottom ul.menu li span {
	height:64px;
	display:block;
	line-height:16px;
}

.upper ul.menu li img,
.bottom ul.menu li img {
	clear:both;
	padding-right:10px;
}

.bottom ul.menu li a:link,.bottom ul.menu li a:visited,
.upper ul.menu li a:link,.upper ul.menu li a:visited {
	text-decoration:none;
	display:block;
	padding:7px;
	color:#6D6D6D;
}

.bottom ul.menu li a:hover,
.upper ul.menu li a:hover {
	text-decoration:underline;
}

.user2 .moduletable {
	padding-bottom:6px !important;	
}

/* top menu */

#nav,#nav ul {
	margin:0;
	padding:0;
	list-style-type:none;
	list-style-position:outside;
	position:absolute;
	z-index:100;
}

#nav ul {
	display:none;
}

#nav li.active a {
	color:#fff;
}

#nav li.active ul a {
	background:none;
}

#nav > li.active {
	border:none;
	color:#fff;
	background:url(../images/topmenu_active_bg.png) repeat-x bottom;
	-moz-border-radius:6px 6px 0 0;
	-webkit-border-radius:6px 6px 0 0;
	margin:4px 0 0 0;
	padding-bottom:10px;
	padding-top:7px;
	border-radius: 6px 6px 0 0;
	behavior: url(templates/hot_sportal/css/PIE.php);
	position:relative;
}

#nav a {
	display:block;
	text-decoration:none;
	font-family:Sansation, Arial, Helvetica, sans-serif;
	font-size:14px;
	text-transform:uppercase;
}

#nav li:hover ul li a, #nav li ul li a {
	padding:1px 8px;
	margin:5px 0;
	border:none;
	text-transform:none;
}

#nav > li {
	float:left;
	position:relative;
	border-right:2px dotted #b5b5b5;
	padding:3px 20px 10px 18px;
	margin:8px 0 0 0;
}

#nav li ul a:hover {
	color:#fff;
}

#nav li ul li,#nav li ul li ul {
	margin:0;
	padding:0;
	float:left;
	cursor:pointer;
}

#nav li ul a {
	line-height:normal;
}

#nav li ul ul {
	display:none;
}

#nav li:hover ul ul,#nav li:hover ul ul ul,#nav li:hover ul ul ul ul {
	left:-9999px;
}

#nav li:hover ul, #nav li ul {
	width:900px;
	background: url(../images/topmenu_sub_bg2.png) no-repeat;
}

#nav li li:hover ul,#nav li li li:hover ul,#nav li li li li:hover ul {
	display:none;
}

#nav ul li a {
	font-size:13px;
	color:#fff;
	font-weight:normal;
	text-transform:none;
}

#nav li ul a:hover {
	color:#fff;
}

#nav ul ul {
	top:0;
	z-index:200;
	display:none;
}

#nav ul.menu li ul li#current a:link, #nav ul.menu li ul li#current a:visited {
	font-size:13px;
}

#nav2, #nav2 ul {
	margin:0;
	padding:0;
	list-style-type:none;
	list-style-position:outside;
	position:absolute;
	z-index:100;
}

#nav2 ul {
	display:none;
}

#nav2 a {
	display:block;
	padding:5px;
	margin:6px 0;
	text-decoration:none;
	font-family:Sansation, Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:400;
	text-transform:uppercase;
}

#nav2 > li a:hover {
	padding:5px;
	color:#000 !important;
}

#nav2 > li.active a:hover {
	padding:5px;	
}

#nav2 > li.active a {
	border:1px solid #000;
	margin:5px 0;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	background:#ccc;
	border-radius: 5px;
	behavior: url(templates/hot_designnow/css/PIE.php);
	position:relative;
}

#nav2 li:hover ul li a {
	color:#fff;
}

#nav2 li:hover ul a {
	background:none;
	padding:5px;
	margin:5px 0;
}

#nav2 li:hover ul li a:hover {
	color:#000;
	border:none;
	-moz-border-radius:0px;
	-webkit-border-radius:0px;
	position:relative;
	padding:5px;
	background:#fff;
}

#nav2 li#current ul li a, #nav2 li.active ul li a {
	border:none;
	-moz-border-radius:0px;
	-webkit-border-radius:0px;
	position:relative;
}

#nav2 li:hover ul {
	background:#000;
	color:#fff;
	margin-top:4px;
}

#nav2 li {
	float:left;
	position:relative;
	margin:0 5px;
}

#nav2 li ul a:hover {
	color:#fff;
}
#nav2 li ul li, #nav2 li ul li ul {
	margin:0;
	padding:0;
	float:none;
	cursor:pointer;
}

#nav2 li ul a {
	width:166px;
	line-height:normal;
	padding:7px;
}

#nav2 li ul ul {
	left:180px;
	margin:0;
}

#nav2 li:hover ul ul,#nav li:hover ul ul ul,#nav2 li:hover ul ul ul ul {
	display:none;
}

#nav2 li:hover ul,#nav li li:hover ul,#nav2 li li li:hover ul,#nav2 li li li li:hover ul {
	display:block;
}

#nav2 ul li a {
	font-size:13px;
	color:#fff;
	font-weight:normal;
	text-transform:none;
}

#nav2 ul ul{
	top:0px;
	z-index:200;
}


/* modules */
div.moduletable {
	padding:0 6px;
}

.gallery div.moduletable,
.column_left_bottom div.moduletable,
.column_right_bottom div.moduletable {
	padding:0;
}

.column_right div.moduletable,
.column_left div.moduletable {
	margin-bottom:20px;
}

div.moduletable h3 {
	font-size:18px;
	text-align:left;
	margin:0 0 10px;
	padding:0 0 5px;
	font-weight:normal;
	font-family:'Sansation', Arial, Helvetica, sans-serif;
}

div.moduletable h3 span {
	font-weight:bold;
}

#c1,#c2,#c3,#c4,#c5,#c6,#c7,#c8 {
	margin-right:3px;
	padding:15px 0 5px 0;	
}

#c1.last, #c2.last, #c3.last, #c4.last {
	margin-right:0;	
}


.bottom div.moduletable h3 {
	font-size:18px;
	font-weight:normal;
	border-bottom:1px solid #8e8e8e;
}

.bottom div.moduletable {
	padding:0 10px;
}

.bottom a:link,.bottom a:visited {
	text-decoration:underline;
}

.bottom a:hover {
	text-decoration:none;
}

.moduletable .contentpaneopen {
	background:url(../images/bg_transparent.png);
	padding:6px 0;
}

.moduletable .article_separator {
	border-bottom:2px dotted #c10000;
	background:url(../images/bg_transparent.png);
}

.poll tr {
	height:20px;
}

.poll tbody {
	height:25px;
	vertical-align:top;
	text-align:center;
}

/* typography */
.warning {
	padding:15px 15px 15px 60px;
	color:#000;
	border-top:4px solid #c10000;
	border-bottom:4px solid #c10000;
	background:#FFDE25 url(../images/warning.png) no-repeat center left;
}

.info {
	padding:15px 15px 15px 60px;
	color:#006699;
	border-top:4px solid #006699;
	border-bottom:4px solid #006699;
	background:#bde1ff url(../images/info.png) no-repeat center left;
}

.error {
	padding:15px 15px 15px 60px;
	color:#900;
	border-top:4px solid #900;
	border-bottom:4px solid #900;
	background:#f8b5b5 url(../images/error.png) no-repeat center left;
}

.code {
	padding:15px 0;
	color:#218023;
	font-family:"Courier New", Courier, monospace;
	font-size:14px;
}

.quote {
	padding:8px;
	font-family:Palatino Linotype, Book Antiqua, Palatino, serif;
	font-size:18px;
	text-align:center;
	background:#000 url(../images/quote_bg.gif);
	color:#fff;
	font-style:italic;
}

.hotcarousel h2 {
	text-align:right;
	font-family:Sansation, Verdana, Geneva, sans-serif;
	font-weight:bold;
	font-size:28px;
	background:url(../images/h2_line.png) bottom right no-repeat;
}

.hotcarousel a.readon {
	font-family:Sansation, Verdana, Geneva, sans-serif;
	font-size:13px;
	font-weight:bold;
	text-decoration:none;
}