/*
Theme Name: Vortex
Theme URI: http://vortexcompetition.com/
Description: Wordpress theme for the Vortex web site.
Version: 1.2
Author: David Waisglass
Author URI: http://digitalsugar.net/
Tags: vortex

	Vortex v1.2
	 http://vortexcompetition.com/

	This theme was designed and built by David Waisglass
	for the Vortex Game Competition
	
	All rights reserved.  For information on use, please
	email support@digitalsugar.net

*/


/* 
Vortexcompetition.com

Colours
---------------
Bright Pink: #F09
Grey: #999
Dull Pink: #936

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -   */

body {
	margin: 0px;
	background-color: #333;
}

img {
	border: none;
}


.clearfix {
	clear: both;
	margin: 0px;
	visibility: hidden;
}


/* General Layout */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -   */

#column960 {
	margin: 0px auto;
	width: 960px;
	background-image: url(images/vortex_small_bg.gif);
	background-repeat: no-repeat;	
	background-color: #000;
}

#logo {
	float: left;
	padding: 22px 18px;
	}
	
#logo img {
	border: 0px;
	}
	
#logo a {
	color: #1a1a1a;
	display: block;
	width: 255px;
	height: 60px; 	
	text-align: right;
	font-family: arial,sans; 
	font-weight: bold; 
	font-size: 10px; 	
	text-decoration: none;
	text-transform: uppercase;
}	

#logo a:hover {
	color: #F09;
}	
	
#layout {
	float: right;
	width: 960px;
	}	
	
#left {
	float: left;
	margin: 100px 0px;
	text-align: right;
	width: 320px;
	font-family: arial,sans; 
	font-size: 11px; 
	color: #f09; 
	line-height: 180%; 	
	}
	
.sidebox {
	margin: 0px 40px;
}
	
#left p {
	padding: 0px;
	margin: 0px;
	text-align: right;
	font-family: arial,sans; 
	font-size: 11px; 
	color: #f09; 
	line-height: 180%; 
	}
	
#left h1 {
	color: #ccc;
	font-size: 14px;
	margin: 0px 0px 8px 0px;
	padding: 0px;
	line-height: 140%;
}

#left h2.widgettitle {
	color: #ccc;
	font-size: 14px;
	margin: 0px 0px 8px 0px;
	padding: 0px;
	line-height: 140%;
}
	
#right {
	float: right; 
	width: 625px; 
	color: #ddd; 
	font-family: verdana,arial,sans; 
	font-size: 10pt;
	}
	
#content {
	line-height: 200%; 
	padding: 16px 20px 20px 0px;
	margin: 0px;
	color: #999; 
	font-family: verdana,arial,sans; 
	font-size: 9pt;	
	}
	

#navmenu {float: right; width: 625px; margin: 22px 0px 30px 0px; display: inline;}

#navmenu ul{
	list-style: none none;
	margin: 0px;
	padding: 0px;
	display: block;
	float: left;
}

li.page_item {
	display: block;
	float: left;
	list-style: none none;
	margin: 0px;
	padding: 0px;
	background-image: none;
}

#navmenu a {
	display: block; 
	float: left;	
	height: 36px;
	padding: 0px 12px 0px 5px;
	margin: 0px;
	border-width: 0px 0px 0px 1px; 
	border-color: #f09; 
	border-style: solid; 	
	font-family: arial,sans; 
	font-weight: bold; 
	font-size: 10px; 	
	color: #fff; 
	text-decoration: none;
	text-transform: uppercase;
	}

#navmenu .current_page_item a {
	color: #f09;
}
	
#navmenu a:hover {background-color: #f09; color: #000; border-color: #f09;}
#navmenu a:active {background-color: #69f; color: #000; border-color: #69f;}
#navmenu #currentpage {color: #f09;}
#navmenu #currentpage:hover {color: #000;}

ul#sidebar {
	list-style: none;
	margin: 0px 40px;
	padding: 0px;
}

ul#sidebar li {
	list-style: none;
	margin: 0px;
	padding: 0px;
	color: #f09;
}

#footer {
	padding: 20px;
	clear: both;
	text-align: right;
	font-family: arial,sans; 
	font-size: 11px; 
	color: #666; 
	}
	
/* Home Page Formatting */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -   */	
	
#homecontent {
	margin: 150px 0px 0px 0px;
	float: left;
	width: 600px;
	text-align: left;
	color: #999;
	font-family: arial, sans;	
	font-size: 9pt;
}	

#homecontent h1 {
	font-family: arial,sans; 
	font-size: 14pt; 
	font-weight: bold;
	color: #fff;
	margin: 8px 0px 0px 0px;	
}

#homecontent .homebox {
	float: left; 
	width: 220px;
	padding: 40px 50px 0px 60px;
	text-align: right;
}

#homecontent .homebox h1 {
	color: #ccc;
	font-size: 14px;
	margin: 0px 0px 0px 0px;
	line-height: 140%; 	
}

.homebox p {
	margin: 0px; 
	font-family: arial,sans; 
	font-size: 11px; 
	color: #f09; 
	line-height: 180%; 
	font-weight: normal;	
}	
	
#newsarea {
	color: #ddd;
	float: right; 
	margin: 0px 0px 0px 0px; 
	padding: 15px;
	background-color: #222;
	width: 260px; 
	font-size: 8pt; 
	line-height: 15pt; 
	font-family: arial,sans;
	}
	
#newsarea h4 {
	font-size: 11pt;
	font-weight: bold;
	margin: 0px;
	color: #f09;
}

#newsarea h4 a {
	color: #f09;
	text-decoration: none;
}

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

#newsarea h4 a:hover {
	color: #69f;
	text-decoration: none;
}	

	
#newsarea .itemdate {
	font-family: arial,sans; 
	font-size: 11px; 
	font-weight: normal;
	color: #666;
	margin: 18px 0px 12px 0px;	
	padding: 0px 0px 0px 0px;
	border-width: 1px 0px 0px 0px;
	border-style: solid;
	border-color: #666;	
	}	

#newsarea p {
	margin: 6px 0px 24px 0px;
}	


	
/* Content Formatting */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -   */		
	
.pagehead {
	margin: 30px 0px;
	padding-bottom: 10px;
	border-bottom: 1px solid #333;
}	
	
h1 {
	font-family: arial,sans; 
	font-size: 16pt; 
	font-weight: bold;
	color: #f09;
	padding: 20px 0px 6px 0px;
	}
	
h2 {
	font-family: arial,sans; 
	font-size: 13pt; 
	font-weight: bold;
	color: #fff;
	margin: 20px 0px 6px 0px;	
	}		
	
h3 {
	font-family: arial,sans; 
	font-size: 11pt; 
	font-weight: bold;
	color: #aaa;
	margin: 4px 0px 0px 0px;	
	}	

h4 {
	font-family: arial,sans; 
	font-size: 10pt; 
	font-weight: bold;
	color: #fff;
	margin: 2px 0px 0px 0px;
	}		
	
ul {
	list-style: disc;
	color: #999;
}	

li {
    padding-left:20px;
	 color: #ccc;
	 margin-bottom: 20px;
}

ol li {background: none;}

	
p strong {
	color: #fff;
}	

a {color: #69f; text-decoration: none;}	
a:visited {color: #69f;}
a:hover {color: #69f; text-decoration: underline;}
	
a.buttonish {
	border: 1px solid #f09;
	padding: 4px 8px;
}

a.buttonish:hover {
	border: 1px solid #69f;
	padding: 4px 8px;
	color: #fff;
	background-color: #69f;
	text-decoration: none;
}

.smallprint {font-size: 7pt; font-style: italic; color: #666; line-height: 110%;}

/* sched */

#sched p {
	margin: 0px;
	line-height: 160%;
}
#sched .style3 {font-family: Arial, Helvetica, sans-serif; font-size: 9px; line-height: 22px; }
#sched .style4 {font-size: 9px}	
	
#sched .darkgreybg {
	background-color: #333;
	font-size: 11px;
	line-height: 23px;
}
#sched strong {
	color: #fff;
}

/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 12px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}
/* End Images */