/* Credits
	Filename: layout.css
	For: http://www.audioliquid.co.uk
	Author: Simon Barks
	Date: 16th Febuary 2009

	CSS Reset by Eric Meyer - http://meyerweb.com/
*/

/* Table of Contents:
	1.  Reset Styles
	2.  Baseline (Default) Styles
	3.  Header and Container
	4.  Navigation
	5.  Centre Section (articles, etc)
	6.  Forms and Tables
	7.  Images
	8.  Image Gallery
	9.  Sidebar Styles
	10. Footer
	11. Miscellaneous
*/

/* Start CSS */


/* 1. Reset Styles using Eric Meyer’s CSS Reset */


html, body, div, span, applet, object, iframe, table, caption, tbody, tfoot, thead, tr, th, td, 
del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, 
h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, 
dl, dt, dd, ol, ul, li, fieldset, form, label, legend {
	vertical-align: baseline;
	font-family: inherit;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	outline: 0;
	padding: 0;
	margin: 0;
	border: 0;
	}
/* remember to define focus styles! */
:focus {
	outline: 0;
	}
body {
	background: white;
	line-height: 1;
	color: black;
	}
ol, ul {
	list-style: none;
	}
/* tables still need cellspacing="0" in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
	}
caption, th, td {
	font-weight: normal;
	text-align: left;
	}
/* remove possible quote marks (") from <q> & <blockquote> */
blockquote:before, blockquote:after, q:before, q:after {
	content: "";
	}
blockquote, q {
	quotes: "" "";
	}

/* 2. Baseline (Default) Styles */


html, body {
	font-family: Verdana;
	color: #fff;
	font-size: 12px;
}

h1, h2, h3 {
	font-family: Verdana;
	font-weight: normal;}
h1 {
	font-size: 16px;
	font-weight: bold;
	padding-bottom: 0.25em;}
h2 {
	font-size: 14px;
	font-weight: bold;
	padding-bottom: 0.25em;}
h3 {
	font-size: 12px;
	font-weight: normal;}
p {
	padding: 5px 0 5px 0;
	font-family: Verdana;
	font-size: 12px;}
a {	color: #888;
	font-weight: bold;
	text-decoration : none;}
a:visited {
	text-decoration : none;}
a:hover {	
	color: #333;
	}
ul, li {
	font-family: Verdana;
	font-size: 12px;}

/* 3. layout */

html, body {
	background-color: #000;
	width: 100%;
	min-height: 100%;
	margin: 0px auto;
	background-image: url('../images/footer.png');
	background-attachment:fixed;
	background-repeat: repeat-x;
	background-position:bottom;}

#container {
	width: 1100px;
	margin: 0px auto;}

#frame {
	clear: both;
	width: 100%;
	height: auto;
	padding-bottom: 50px;
	border: 1px solid #666;}

#menu {
	list-style: none; 
	margin-top: 10px;}

#menu li {
	height: 30px;
	width: 75px;
	float: left;}

#menu a:hover {
	border-bottom: 4px solid #272cff;}

#banner { 
	background-image: url('../images/banner_picture.png');
	background-repeat: no-repeat;
	background-position:left;
	height: 350px;
	text-align: right; }
#announce {
	width: 1076px;
	height: 60px;
	border: 1px solid #333;
	padding: 0 10px 5px 10px;
	background-image: url('../images/portals.png');
	background-repeat: repeat-x;
	background-position:top;
	-webkit-border-radius: 5px;    /* for Safari */
	-moz-border-radius: 5px;       /* for Firefox */}
#announce p{
	margin-top: 20px;}
#announce a{
	color: #FFF;}
#announce a:hover {	
	color: #333;
	}
#left {
	float: left;
	margin-top: 20px;
	width: 255px;}
#right {
	float: right;
	margin-top: 20px;
	width: 825px;}
#playingAt {
	background-image: url('../images/portals.png');
	background-repeat: repeat-x;
	background-position:top;
	border: 1px solid #333;
	-webkit-border-radius: 5px;    /* for Safari */
	-moz-border-radius: 5px;       /* for Firefox */
	padding: 0 10px 5px 10px;
	padding-top: 25px;
	margin-bottom: 25px;}

#playingAt img {
	max-width: 233px;
	max-height: 800px;
	text-align: center;
}
#twitter {
	background-image: url('../images/portals.png');
	background-repeat: repeat-x;
	background-position:top;
	border: 1px solid #333;
	-webkit-border-radius: 5px;    /* for Safari */
	-moz-border-radius: 5px;       /* for Firefox */
	padding: 0 10px 5px 10px;
	padding-top: 25px;
	margin-bottom: 25px;}
#twitter ul {
	margin-top: 20px;}
#twitter li {
	padding-bottom: 10px;	}
#block {
	background-image: url('../images/portals.png');
	background-repeat: repeat-x;
	background-position:top;
	text-align: left;
	border: 1px solid #333;
	-webkit-border-radius: 5px;    /* for Safari */
	-moz-border-radius: 5px;       /* for Firefox */
	margin-bottom: 25px;
	padding: 0 25px 5px 10px;
	padding-top: 25px;}
#portals {
	background-image: url('../images/portals.png');
	background-repeat: repeat-x;
	background-position:top;
	text-align: center;
	border: 1px solid #333;
	-webkit-border-radius: 5px;    /* for Safari */
	-moz-border-radius: 5px;       /* for Firefox */
	margin-bottom: 25px;
	padding: 0 10px 5px 10px;
	padding-top: 25px;}
#portals h2 {
	height: 60px;
	width: 810px;	}
#portals img {
	padding-left: 20px;
	padding-right: 20px;}

#footer {
	clear: both;
	text-align: center;
	color: #222;}


.blue { color: #272cff; }