/*
-----------------------------------------------------
Default CSS file for No Messin' 
Media: screen, projection, print
-----------------------------------------------------
*/

/* Defaults */

html{
	overflow: scroll;}
	
body {
	margin: 0 auto;
	padding: 0 auto;	
	background-color: #ffbc1c;
	font-family: verdana,arial,helvetica,sans-serif;
	font-size: 0.7em;
	text-align: left;
	color: #000;
	line-height: 1.3em;}

/* Nav */
.menu ul {
	display:inline;}
/* End Nav */

h1, h2, h3, h4, h5, h6, p, pre,
blockquote, ul, ol, dl, address {
	margin:0;
	padding:0;}

ul, li, ol { 
	margin-left:0; 
	list-style: none; }

img { 
	border:0; 
	margin-bottom: 10px;}
	
img a:hover{ 
	border:1px solid #ffbc1c; 
	margin-bottom: 10px;}

h1 { 
	font-size:1.1em; 
	line-height: 1.2em; 
	font-weight: bold; 
	text-transform: uppercase; 
	margin-bottom: 4px;}
	
h2 { 
	font-size:1.4em; 
	font-weight: bold; 
	text-transform: uppercase; 
	text-decoration: underline; 
	margin-top: 10px; 
	margin-bottom: 10px;}

p{	
	margin:0.5em 0 1.0em 0;
	line-height: 1.4em;}
	
a {
	background-color: #000;
	color: #ffbc1c;
	text-decoration: none;
	padding: 0 2px 1px 2px;
	font-weight: bold;}
	
a:hover {
	color: #fff;}

hr{
	height: 1px;
	width: 100%;
	color: #666;
	border: 0;
	background-color: #666;
	margin-top: 7px;
	margin-bottom: 15px;}	

.alignright{
	float: right;
	clear: both;
	background-color: #ffbc1c;
	text-align: right;
	padding: 0;
	margin: 0;
}
	
.alignright a{
	padding: 0;
	margin: 0;}
	
#games_content2 a, #news_content a{
	padding: 0;
	margin: 0;}

/* Wrapper */

#wrapper {
	text-align: left;
	padding: 0 auto;
	margin: 0 auto;
	width: 700px;}

.description {
	width: 670px;
	display: block;
	margin-bottom: 20px;}
	
	
/* Nav */

#nav {
	display: none;	}

#nav li span {
	position: absolute;
	left: -3000px;}

#nav li{
	float: left;
	padding: 0;
	list-style: none;}

#nav li a {
	display: block;
	padding: 0;}

#li_home a {
	width: 56px;
	height: 29px;
	background: transparent url(../no_messin_images/nav_home.gif) 0 0 no-repeat;}

#li_home a:hover {
	background: transparent url(../no_messin_images/nav_home_hover.gif) 0 0 no-repeat;}

#li_home.on a{
	background: transparent url(../no_messin_images/nav_home_hover.gif) 0 0 no-repeat;}

#li_events a {
	width: 68px;
	height: 29px;
	background: transparent url(../no_messin_images/nav_event.gif) 0 0 no-repeat;}

#li_events a:hover {
	background: transparent url(../no_messin_images/nav_event_hover.gif) 0 0 no-repeat;}

#li_events.on a{
	background: transparent url(../no_messin_images/nav_event_hover.gif) 0 0 no-repeat;}

#li_downloads a {
	width: 108px;
	height: 29px;
	background: transparent url(../no_messin_images/nav_downloads.gif) 0 0 no-repeat;}

#li_downloads a:hover {
	background: transparent url(../no_messin_images/nav_downloads_hover.gif) 0 0 no-repeat;}

#li_downloads.on a{
	background: transparent url(../no_messin_images/nav_downloads_hover.gif) 0 0 no-repeat;}

#li_competitions a {
	width: 123px;
	height: 29px;
	background: transparent url(../no_messin_images/nav_competitions.gif) 0 0 no-repeat;}

#li_competitions a:hover {
	background: transparent url(../no_messin_images/nav_competitions_hover.gif) 0 0 no-repeat;}

#li_competitions.on a{
	background: transparent url(../no_messin_images/nav_competitions_hover.gif) 0 0 no-repeat;}

#li_games a {
	width: 65px;
	height: 29px;
	background: transparent url(../no_messin_images/nav_games.gif) 0 0 no-repeat;}

#li_games a:hover {
	background: transparent url(../no_messin_images/nav_games_hover.gif) 0 0 no-repeat;}

#li_games.on a{
	background: transparent url(../no_messin_images/nav_games_hover.gif) 0 0 no-repeat;}

#li_links a {
	width: 55px;
	height: 29px;
	background: transparent url(../no_messin_images/nav_links.gif) 0 0 no-repeat;}

#li_links a:hover {
	background: transparent url(../no_messin_images/nav_links_hover.gif) 0 0 no-repeat;}

#li_links.on a{
	background: transparent url(../no_messin_images/nav_links_hover.gif) 0 0 no-repeat;}


/* Home Page */

#home{
	background: #ffbc1c url(../no_messin_images/home.jpg) 50% 0 no-repeat;
}
	
#home_content{
	text-align: left;
	float: left;
	width: 700px;
	padding: 0;
	margin: 0;
	background: #ffbc1c url(../no_messin_images/home_content_bg.jpg) 0 0 repeat-y;}
	
#home_content1{
	float: left;
	margin: 0;
	padding: 0;
	width: 211px;
	text-align: left;}
		
#home_content2{
	float: left;
	margin-left: 30px;
	padding: 0;
	width: 255px;}
		
#home_content3{
	float: left;
	padding: 0;
	margin-left: 30px;
	width: 140px;}


/* Events */

#events{
	background: #ffbc1c url(../no_messin_images/event.jpg) 50% 0 no-repeat;}
	
#events_content{
	text-align: left;
	float: left;
	width: 700px;
	padding: 0;
	margin: 0;
	background: #ffbc1c url(../no_messin_images/content_bg.jpg) 0 0 repeat-y;}
	
#events_content1{
	float: left;
	margin: 0;
	padding: 0;
	width: 600px;
	min-height: 235px;}
	
* html #events_content1{
	height: 235px;}

#events_content1 h1{
	margin-top: 7px;
	margin-bottom: 0;}
	
#events_list li{
	float: left;
	padding: 0;
	list-style: none;
	background-color: #ffc600;
	width: 148px;
	margin-right: 2px;
	margin-bottom: 2px;}

#events_list li a {
	display: block;
	padding: 3px 0 3px 3px;
	color: #000;
	background-color: #ffc600;}

#events_list li a:hover {
	display: block;
	padding: 3px 0 3px 3px;
	color: #000;
	background-color: #ff9e00;}
	
	
/* Download */

#downloads{
	background: #ffbc1c url(../no_messin_images/downloads.jpg) 50% 0 no-repeat;}
	
#downloads_content{
	text-align: left;
	float: left;
	width: 700px;
	padding: 0;
	margin: 0;
	background: #ffbc1c url(../no_messin_images/content_bg.jpg) 0 0 repeat-y;}
	
#downloads_content1{
	float: left;
	margin: 0;
	padding: 0;
	width: 600px;
	min-height: 235px;}
	
#downloads_content1 h1, #downloads_content1 p{
	clear: both;}

#downloads_content2{
	float: left;
	margin-left: 0;
	padding-left: 14px;
	padding-top: 10px;
	width: 137px !important; 
	height: 360px;
	overflow: auto;
	background: #ffffcc url(../no_messin_images/downloads_video_bg.jpg) 0 0 repeat-y;
	color: #fff;
	margin-bottom: 15px;}

#downloads_content2 img{
	margin-top: 4px;
	margin-bottom: 4px;
	clear: both;
	display: block;}	
		
#downloads_content3{
	float: right;
	padding: 0;
	width: 425px;
	height: 370px;
	margin-bottom: 25px;}

		
#downloads_content4, #downloads_content5, #downloads_content6{
	float: left;
	padding: 15px 0 20px 20px;
	width: 600px;
	background: #ffffcc url(../no_messin_images/download_thumbnail_bg.jpg) 0 0 repeat-y;
	color: #fff;
	margin-bottom: 15px;
	clear: both;}

#downloads_content4 img, #downloads_content5 img, #downloads_content6 img{
	float: left;
	margin-right: 10px;}

#downloads_content4 ul li{
	display: block;
	clear: both;}
	
#downloads_content5	a{
	padding: 0;
	margin: 0;
}
	
#downloads_content5	a.clearboth{
	clear: both;}
			
/* Competitions */

#competitions{
	background: #ffbc1c url(../no_messin_images/competitions.jpg) 50% 0 no-repeat;}
	
#competitions_content{
	text-align: left;
	float: left;
	width: 700px;
	padding: 0;
	margin: 0;
	background: #ffbc1c url(../no_messin_images/content_bg.jpg) 0 0 repeat-y;}
	
#competitions_content2{
	float: left;
	margin: 0;
	padding: 0;
	width: 600px;
	min-height: 235px;}

* html #competitions_content2 {
	height: 235px;}


/* Games */

#games{
	background: #ffbc1c url(../no_messin_images/games.jpg) 50% 0 no-repeat;}
	
#games_content{
	text-align: left;
	float: left;
	width: 700px;
	padding: 0;
	margin: 0;
	background: #ffbc1c url(../no_messin_images/content_bg.jpg) 0 0 repeat-y;}
	
#games_content2{
	float: left;
	margin: 0;
	padding: 0;
	width: 600px;
	min-height: 235px;}
	
* html #games_content2 {
	height: 235px;}	
	
#games_content2 img{
	margin-bottom: 0;}


/* Links */

#links{
	background: #ffbc1c url(../no_messin_images/links.jpg) 50% 0 no-repeat;}
	
#links_content{
	text-align: left;
	float: left;
	width: 700px;
	padding: 0;
	margin: 0;
	background: #ffbc1c url(../no_messin_images/content_bg.jpg) 0 0 repeat-y;}
	
#links_content1{
	float: left;
	margin: 0;
	padding: 0;
	width: 600px;
	min-height: 235px;}
	
#links_content1 td{
	background-color: #ffbc1c;
	border: 1px solid #ffffcc;
	padding: 2px;
	vertical-align: top;}

#links_content1 a{
	color: #000;
	text-decoration: none;
	background-color: transparent;
	display: block;}	
	
#links_content1 a:hover{
	color: #000;
	text-decoration: none;
	background-color: #ff9e00;
	display: block;}	
	
#links_content1 td.lightyellow{
	background-color: #fdd84b;}
	
#links_content2{
	float: left;
	margin: 0;
	padding: 0;
	width: 600px;
	min-height: 235px;}

#links_content2 a{
	padding: 0;
	margin: 0;
	background-color: transparent;
	display: inline;}
	
#links_content2 li{
	display: inline;}
	

/* News */

#news{
	background: #ffbc1c url(../no_messin_images/news.jpg) 50% 0 no-repeat;}
	
#news_content{
	text-align: left;
	float: left;
	width: 700px;
	padding: 0;
	margin: 0;
	background: #ffbc1c url(../no_messin_images/content_bg.jpg) 0 0 repeat-y;}
	
#news_content1{
	float: left;
	margin: 0;
	padding: 0;
	width: 600px;
	min-height: 235px;}
	
* html #news_content1{
	height: 235px;}

#news_content1 h1{
	margin-top: 7px;
	margin-bottom: 0;}
	
#news_content1 ul{
	clear: both;}
	
#news_content1 li{
	padding: 0;
	list-style: none;
	display: block;}

#news_content1 li a {
	color: #000;
	background-color: #fef8cf;}

#news_content1 a:hover {
	color: #ffc600;
	background-color: #000;}
	
		
/* Footer */

#footer{
	background: transparent url(../no_messin_images/footer.jpg) bottom left no-repeat;
	height: 82px;
	width: 800px;
	margin: 0;
	padding: 0;
	padding-top: 20px;
	clear: both;
	text-align: center;}

#footer ul{
	display:inline;}
	
#footer span {
	position: absolute;
	left: -3000px;}	
	
#footer img{
	padding: 0;
	margin: 0;}


/* Popup - Gallery */
	
#popup_wrapper{
	width: 588px;
	text-align: left;
	padding: 0 auto;
	margin: 0 auto;}

#popup_gallery{
	background: #ffbc1c url(../no_messin_images/popup_gallery_bg.jpg) 50% 0 no-repeat;
	color: #fff;
	border: 1px solid transparent;}
	
#popup_gallery_content{
	text-align: left;
	float: left;
	padding: 0;
	margin-top: 150px;
	width: 588px;}	

#popup_gallery_content_old{
	text-align: left;
	padding-left: 50px !important; padding-left: 10px;
	padding-bottom: 50px;
	width: 588px;
	height: 370px;
	float: left;}

#popup_gallery_content1{
	width: 130px;
	height: 375px;
	overflow: auto;
	float: left;}

#popup_gallery_content2{
	width: 450px;
	float: right;
	margin-right:0;}