/* Links */

a
{
	color: #fff;
	text-decoration: none;
}

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

/* Text */

h1, h2, h3, h4, p
{
 padding: 0 10px 10px 10px;
 margin:0;
 outline:0;
 text-align: left;
}

h1, h2, h3, h4
{
	font: 12px/18px Georgia, "Times New Roman", Times, serif;
	font-weight:normal;
}

h1{
	font-size:36px;
	line-height:36px;
	color:#fff;
}

h1 em{
	font-size:14px;
	line-height:16px;
	color:#cc0000;
	float:right;
}

h1 a
{
	color: #fff;
	text-decoration: none;
}

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

h2{
	font-size:26px;
	line-height:26px;
	color:#cc0000;
	margin:-10px 0 0 0;
	padding:0 0 10px 60px;
	font-weight:normal;
	font-style:italic;
}

h3{
	font-size:24px;
	line-height:24px;
}

h3 em{
	font-size:18px;
	line-height:24px;
	color:#cc0000;
	float:right;
}

h4{
	font-size:22px;
	line-height:22px;
	color:#cc0000;
}


p
{
	text-align: left;
}

p.info{
	font-size:10px;
	line-height:12px;
	color:#000;
	float:left;
	padding:2px 0;
	margin:0;
}

/* Lists */

ul.welcome{
	 list-style:none;
	 padding: 0 10px 10px 0;
	 margin:0;
	 outline:0;
}

ul.welcome li{
	font-size:12px;
	padding:5px 0 0 30px;
	background: url(../images/arrow.png) no-repeat left top;
	margin: 0 10px;
	outline:0;
}

ul.welcome li a{
 padding: 0 0 2px 5px;
 margin:0;
 outline:0;
 text-decoration:none;
}

ul.welcome li a:hover{
	color:#cc0000;
 
}

ul.enterOmarsClub {
	list-style: none;
	margin: 0; 
	padding: 0;	
	width:300px;
}

ul.enterOmarsClub li {
	margin: 0; 
	padding: 0;	
	width:280px;	
}
ul.enterOmarsClub li a {
	display: block;
	padding: 0;
	width:280px;
	height:100px;
	text-indent:-9999px;
}

ul.enterOmarsClub li a.enter {
	background:transparent url(../images/enter_omars_club.png) no-repeat top left;
}

ul.enterOmarsClub li a.leave {
	background:transparent url(../images/leave_omars_club.png) no-repeat top left;
}

ul.enterOmarsClub li a.login {
	background:transparent url(../images/login_omars_club.png) no-repeat top left;
}

ul.enterOmarsClub li a:hover {
	background-position: 0px -100px;
}

ul.cat {
	list-style: none;
	margin: 0; 
	padding: 0;	
	width:300px;
}

ul.cat li {
	margin: 0; 
	padding: 0;	
	width:300px;
	display:inline-block;
	background:transparent url(../images/categories_bg.png) no-repeat top left;
}
ul.cat li:hover {
	background-position: 0px -75px;
}

ul.cat li h1 {
	display: block;
	padding: 10px 2px 0 4px;
	width:190px;
	height:30px;
	float:left;
	font-size:16px;
	margin:0;
}

ul.cat li p {
	display: block;
	padding: 0 2px 10px 4px;
	width:190px;
	height:25px;
	float:left;
	font-size:12px;
	margin:0;
}

ul.cat li img {
	padding: 0;
	width:104px;
	height:75px;
	float:left;
	margin:0;
	border:0;
}

ul.cat li a:hover {
	color:#000;
	text-decoration:underline;
}

ul.mediaPreview {
	list-style: none;
	margin: 0; 
	padding: 0;	
	width:230px;
}

ul.mediaPreview li {
	margin: 0; 
	padding: 0;	
	width:230px;	
}
ul.mediaPreview li a {
	display: block;
	padding: 0;
	width:230px;
	height:75px;
	text-indent:-9999px;
}

ul.mediaPreview li a.join {
	background:transparent url(../images/JoinNow.png) no-repeat top left;
}

ul.mediaPreview li a.watch {
	background:transparent url(../images/WatchNow.png) no-repeat top left;
}

ul.mediaPreview li a:hover {
	background-position: 0px -75px;

}


/* form elements */
form {
 padding: 0 10px 10px 10px;
 margin:0;
 outline:0;
 text-align: left;
}
label {
	display:block;
	font-weight:bold;
	margin:5px 0;
}

label.error {
	font-weight:normal;
	margin:5px 0;
	color:#cc0000;
	font: 10px/12px Arial, Helvetica, sans-serif;
}

label em {
	font-weight:normal;
	margin:5px 0;
	color:#cc0000;
	font: 10px/12px Arial, Helvetica, sans-serif;
}


input {
	padding: 2px;
	border: 1px solid #ffbebc;
	color:#000;
	width: 500px;
}

input.small {
	padding: 2px;
	border: 1px solid #ffbebc;
	color:#000;
	width: 240px;
}

input:focus {
	border: 1px solid #cc0000;
}
select {
	padding: 2px;
	border: 1px solid #ffbebc;
	color:#000;
	width:320px;
}

select:focus {
	border: 1px solid #cc0000;
}

textarea {
	width: 500px;
	padding:2px;
	border: 1px solid #ffbebc;
	height:150px;
	display:block;
	color:#000;
}

textarea:focus {
	border: 1px solid #cc0000;
}
input.button { 
	width:auto;
	padding:10px 15px; 
	background:#000 url(../images/categories_bg.png) no-repeat top right;
	color:#fff;
	border:0;
}

input.button:hover { 
	color:#000;
	background-position:100% -75px;
}

label.chk {
	display:block;
	font-weight:bold;
	margin:0 5px 0 0;
	float:left;
}

input.chk {
	padding: 5px;
	border: none;
	color:#000;
	width:auto;
}