/*Virtual Age CSS Document */

/*****************************/
/* Beamotronics.com
*****************************/
/*  undo html -> this is to undo all browsers basic built in styles   */
/*****************************/
:link, :visited { text-decoration: none; }

ul { list-style: none;}

h1,h2,h3,h4,h5,h6,pre,code { font-size: 1em; }

ul,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,textarea,select { margin: 0; padding: 0; }

img, a img, :link img, :visited img { border: none; }

address { font-style: normal; }

img, div, ul  { behavior:url(../css/iepngfix.htc) }

a {outline:none;}/* FIREFOX DOTTED LINE FIX */

/* ALLOWS A LINK TO SIT ON A PNG ?

/*****************************/
/* OPACITY/TRANSPARENCY filter=
filter:alpha(opacity=10);
	-moz-opacity:0.1;
	opacity:0.1;
*/
/***************************************
 TYPOGRAPHY
 _____________
/* Standard. Readable */
	/* font-family:  'Lucida Grande', Geneva, sans-serif; */
	/* font-family: Tahoma, Geneva, sans-serif; */
	/* font-family: Geneva, Verdana, sans-serif; */
	
/* Nice. Classic Looking */
	/* font-family: 'Times New Roman', Times, serif; */
	/* font-family: Georgia, serif; */
	/* font-family: Book Antiqua, Palatino, serif; */
	
/* Modern. Kind of Funky */
	/* font-family: 'Gill Sans', 'Trebuchet MS', Helvetica, sans-serif; */
	
/* Monospace */
	/* font-family: Lucida Console, Monaco, monospace; */
	
/****************************************/

body {
	font-family: 'HelveticaNeue-Light', 'Helvetica Neue', 'Helvetica Neue Light', HelveticaNeue-Light, Helvetica Neue, Helvetica Neue Light, Helvetica, sans-serif;
	font-size:13px; color:#ffffff;
	background:#e2e3da;
	margin:0;
	align:center;text-align:center;
	Zbackground:#e2e3da url('../gfx/RiverBankPurple.jpg') repeat top left;
	background:#a6b4bf url('../gfx/SkyBlue.jpg') repeat-x top left;
}
#page {width:980px;height:auto;margin:0 auto;background:#ffffff;padding:0;border:10px solid #FFFFFF;}
#body {
	width:980px;height:;
	margin:0 auto;
	background:#ffffff url('../gfx/bg_body.gif') repeat-y bottom left;
	text-align:left;
	}
/* - - - - - - - - - - - - - - - - - - - 
COLOURS
- - - - - - - - - - - - - - - -- - - - */
.yellow {background-color:#ffff00}
.orange {background-color:#FCBF06}
.green {background-color:#abda4d}
.lightGreen {background-color:#abff4d}
.pink {background-color:#ff0099}
.lightPink {background-color:#ff00dd}
.cyan {background-color:#0cbae8}
.lightCyan {background-color:#B8E0F5}
.blue {background-color:#1d4793}
.purple {background-color:#555288}
.grey {background-color:#797c74}
.black {background-color:#000000}
.red {background-color:#AB140A}
/*___txt___*/
.yellowtxt {color:#ffff00}
.orangetxt {color:#FCBF06}
.greentxt {color:#abda4d}
.lightGreentxt {color:#abff4d}
.pinktxt {color:#ff0099}
.lightPinktxt {color:#ff00dd}
.cyantxt {color:#0cbae8}
.lightCyantxt {color:#B8E0F5}
.bluetxt {color:#1d4793}
.purpletxt {color:#555288}
.greytxt {color:#797c74}
.blacktxt {color:#000000}
.redtxt {color:#AB140A}
/*___backgrounds___*/
.sky{background:#e2e3da url('../gfx/RiverBankPurple.jpg') repeat top left;}
/* - - - - - - - - - - - - - - - - - - - 
TYPOGRAPHY
- - - - - - - - - - - - - - - -- - - - */
h1 {}
h1 {font-size:60px;font-weight:normal;margin:0 0 10px 0;}
h2 {font-size:30px;font-weight:normal;margin:0 0 10px 0;}
h3 {font-size:23px;font-weight:normal;margin:0 0 10px 0;}
h4 {font-size:18px;font-weight:normal;margin:0 0 5px 0;}
h5 {font-size:14px}
h6 {font-size:10px}
/* Blue links
a {text-decoration:underline;color:#0cbae8;}
a:hover, a:active {background:#0cbae8;color:#ffffff;}*/
p {margin:10px;width:auto;}
/* links */
a {color:#333333;border-bottom:1px solid #333333; padding:0 2px;}
a:hover {background:#000000;color:#ffffff;border-bottom:1px solid #000000;} a:active {background:#0cbae8;color:#ffffff;border-bottom:1px solid #0cbae8;}
a.link {color:#333333;border-bottom:1px solid #333333; padding:0 2px;}
a.link:hover {background:#000000;color:#ffffff;border-bottom:1px solid #000000;} a.link:active {background:#0cbae8;color:#ffffff;border-bottom:1px solid #0cbae8;}
a.reverse {color:#ffffff;border-bottom:1px solid #ffffff; padding:0 2px;}
a.reverse:hover {background:#ffffff;color:#000;border-bottom:1px solid #ffffff;} a.reverse:active {background:#0cbae8;color:#ffffff;border-bottom:1px solid #0cbae8;}

/* lists */
ul {margin:0 0 10px 0}
/* - - - - - - - - - - - - - - - - - - - 
FORMS
- - - - - - - - - - - - - - - -- - - - */
input, select, option, textarea
{
  border:0px;font-size:13px;
  color:#1d4793;
  cursor:pointer;
  background:#ffffff;
  font-family: Helvetica, sans-serif;
}
textarea {background:url('../gfx/bg_textarea.gif') repeat-y top left;font-size:14px;
font-style:italic;
line-height:18px;
}
textarea.contact {height:300px;}
.contact {width:100%;}
/* - - - - - - - - - - - - - - - - - - - 
ICONS
- - - - - - - - - - - - - - - -- - - - */
.media_controls {font-family:'webdings','wingdings','web-dings','web dings',webdings,wingdings,web-dings,web dings, none;font-size:16px}
.rss {height:19px;width:19px;display:block;float:left;}
/* - - - - - - - - - - - - - - - - - - - 
HEADER
- - - - - - - - - - - - - - - -- - - - */
#header {
	background:#000000;
	width:100%;
	height:80px;
	display:block;
	margin:0 0 0px 0;border-bottom:10px solid #ffffff;
	}
.head_items {
	
	background:#000000;
	width:980px;
	height:80px;
	overflow:hidden;
	display:inline-block;list-style-type:none;
	}
.logo {width:385px;font-size:22px;}
.logo,.graphic,.flash,.web,.print,.chat,.studio,.login {height:80px;display:inline;float:left;}
.graphic,.flash,.web,.print,.chat,.studio {font-size:16px;float:left;color:#ffffff;height:80px;text-align:center;border:5px solid #ffffff;border-width:0 5px 0 5px;} /*Fix ends*/.graphic {border-width:0 5px 0 10px;}.studio {border-width:0 10px 0 5px;}
.graphic_key,.flash_key,.web_key,.print_key,.chat_key,.studio_key {font-size:16px;float:left;color:#ffffff;height:80px;text-align:center;Zborder:5px solid #ffffff;Zborder-width:0 5px 0 5px;}
.graphic {background:#AB140A url() no-repeat top left;width:60px ;}
.graphic_key {background:#797c74 url() no-repeat top left;width:60px;padding:62px 0 0 0 ;color:#ffffff;}
.graphic_key:hover {background:#FCBF06 url() no-repeat top left;width:60px ;color:#ffffff;padding:52px 0 0 0 ;}
.graphic_key.on {background:#FCBF06 url() no-repeat top left;width:60px ;color:#ffffff;padding:52px 0 0 0 ;}

.flash {background:#ffff00 url() no-repeat top left;width:55px ;}
.flash_key {background:#C6BB67 url() no-repeat top left;width:55px;padding:62px 0 0 0 ;color:#ffffff;}
.flash_key:hover {background:#Ffff00 url() no-repeat top left;width:55px ;color:#cccccc;padding:52px 0 0 0 ;}
.flash_key.on {background:#Ffff00 url() no-repeat top left;width:55px ;color:#cccccc;padding:52px 0 0 0 ;}


.web {background:#abda4d url() no-repeat top left;width:55px;}
.web_key {background:#64A43F url() no-repeat top left;width:55px;padding:62px 0 0 0}
.web_key:hover {background:#abda4d url() no-repeat top left;width:55px;padding:52px 0 0 0 ;}
.web_key.on {background:#abda4d url() no-repeat top left;width:55px;padding:52px 0 0 0 ;}


.print {background:#ff0099 url() no-repeat top left;width:55px;}
.print_key {background:#555288 url() no-repeat top left;width:55px;padding:62px 0 0 0}
.print_key:hover {background:#ff0099 url() no-repeat top left;width:55px;padding:52px 0 0 0}
.print_key.on {background:#ff0099 url() no-repeat top left;width:55px;padding:52px 0 0 0}


.chat {background:#0cbae8 url() no-repeat top left;width:55px;}
.chat_key {background:#6C91B2 url() no-repeat top left;width:55px;padding:62px 0 0 0}
.chat_key:hover {background:#0cbae8 url() no-repeat top left;width:55px;padding:52px 0 0 0}
.chat_key.on {background:#0cbae8 url() no-repeat top left;width:55px;padding:52px 0 0 0}


.studio {background:#1d4793 url() no-repeat top left;width:55px;}
.studio_key {background:#263662 url() no-repeat top left;width:55px;padding:62px 0 0 0;border-width:0 10 0 5}
.studio_key:hover {background:#1d4793 url() no-repeat top left;width:55px;padding:52px 0 0 0}
.studio_key.on {background:#1d4793 url() no-repeat top left;width:55px;padding:52px 0 0 0}


.login {width:180px ;padding:10px 0 0 0;}
/* _______ */
.login_box {width:180px;float:right}
.login_email {width:170px ;height:20px;background:#ffffff url();border:1px solid black;margin:0 5px 10px 10px;}
.login_password {width:108px ;height:20px;background:#ffffff url();border:1px solid black;margin:0 5px 0px 10px;float:left;}
.login_button {float:right;margin:0px 0px 0 0;width:50px;height:20px;}

/* - - - - - - - - - - - - - - - - - - - 
NAVIGATION
- - - - - - - - - - - - - - - -- - - - */
#nav {
	width:200;display:block;float:left;overflow:hidden;margin:0 0 0px 0;border-bottom:10px solid #ffffff;cursor:pointer;
	}
	.nav_button {width:200px;background:;list-style-type:none;display:block;}
	a.nav_key {font-weight:normal;width:200px;padding:5px;text-indent:5px; background:#0cbae8;color:#ffffff;display:block;border-top:2px solid #ffffff;border-bottom:2px solid #bbbbbb;}
	a.nav_key:hover {background:#B8E0F5;color:#0cbae8;}
	a.nav_key:active {background:#B8E0F5;color:#336699;}
.sub_nav {
	background:#B8E0F5;width:200px;margin:0px;padding:10px 0 10px 10px;overflow:hidden;
	list-style-position:outside;Zlist-style-type:none;
	
}	
	.sub_nav li {margin:0 0px 0 25px;padding:0px;} 
	.sub_nav li a {width:200px;padding:2px 0px;display:block;border:none;background:none;color:#0cbae8;} 
	.sub_nav li a:hover {border:none;background:#0cbae8;color:#ffffff;}
	.sub_nav_base {list-style-position:outside;border-top:4px solid #0cbae8;border-bottom:2px solid #bbbbbb;margin:0px;padding:0px;display:block;}
/* - - - - - - - - - - - - - - - - - - - 
COLUMNS
- - - - - - - - - - - - - - - -- - - - */
#column_1,#column_2,#column_3,#column_4 {display:inline-block;float:left;margin:0 10px 0 0;
/*	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	opacity:0.8;*/}
#column_1 {width:200px;}
#column_2 {width:375px;}
#column_3 {width:185px;margin:0;}
#column_4 {width:187px;margin:0 0 0px 0;overflow:hidden;float:right;}
/* - - - - - - - - - - - - - - - - - - - 
ULTRA
- - - - - - - - - - - - - - - -- - - - */
#ultra {
	display:block;float:left;
	width:570px;
	overflow:hidden;
	display:block;float:left;
	margin:0 10px 10px 0;
	}

/* - - - - - - - - - - - - - - - - - - - 
BIG
- - - - - - - - - - - - - - - -- - - - */
#big {
	width:375px;
	overflow:hidden;
	display:block;float:left;
	margin:0 0 0px 0;border-bottom:10px solid #ffffff;
	}
.content {padding:10px;}

#big .img {border:5px solid #ffffff;display:block;margin:10px 0px;}
/* - - - - - - - - - - - - - - - - - - - 
MEDIUM
- - - - - - - - - - - - - - - -- - - - */
#medium {
	width:185px;
	overflow:hidden;
	display:block;float:left;
	margin:0 0 0px 0;border-bottom:10px solid #ffffff;
	}
/* - - - - - - - - - - - - - - - - - - - 
FOOTER
- - - - - - - - - - - - - - - -- - - - */
#footer {
	width:100%;
	overflow:hidden;
	display:block;
	border-top:10px solid #FFFFFF;
	
	}	
#footer .list {width:300px; float: left;margin:0 10px 0 0;}	
/* - - - - - - - - - - - - - - - - - - - 
WIDGETS
- - - - - - - - - - - - - - - -- - - - */
/* -- last.fm --*/
#ipod {background:url('../gfx/ipod.png') no-repeat top left;width:187px;height:310px;display:block;float:right;margin:0 0 10px 0;}
/* -- flickr --*/
#flickr {width:187px;display:block;float:right;margin:0 0 0px 0;}
/* -- twitter --*/
ul#twitter_update_list li {Zborder:1px solid #fff}
ul#twitter_update_list li span {display:block;margin:5px 0 0px 0;}
ul#twitter_update_list li a {Zdisplay:block;width:170px;Zcolor:#0ff;margin:0 0 10px 0;}

/* - - - - - - - - - - - - - - - - - - - 
ERROR PAGES - 404
- - - - - - - - - - - - - - - -- - - - */
.errorPage {background-image:none;}