html {
	margin:0;
	padding:0;
}

body {
	margin:0;
	padding:0;
	background-color:#000000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:75%;
}


/*Main Elements*/
#header, #nav, #content, #contentFooter, #footer {
	float:left;
	margin:0;
	padding:0;
	width:100%;
}


.inner {
	width:900px;
	padding:25px 0 25px 0;
	margin:0 auto 0 auto;
}

#header .inner {
	padding:0;
	height:50px;
}


/*Header*/

#logo {
	float:left;
}

#logo img {
	border:0;
}



/*Navigation*/
#header ul {
	padding:0;
	margin:0;
	float:right;
}

#header ul li {
	list-style-type:none;
	float:left;
	padding:15px 15px 5px 15px;
	margin:0 1px 0 0;
	height:30px;
	font-weight:bold;
	font-size:1.3em;
}

#header ul li.tabOff {	}
#header ul li.tabOff a:link { color:#999999; text-decoration:none;}
#header ul li.tabOff a:visited { color:#999999; text-decoration:none;}
#header ul li.tabOff a:hover { color:#ffffff; text-decoration:none;}
#header ul li.tabOff a:active { color:#ffffff; text-decoration:none;}

#header ul li.tabOn {
	background-color:#111111;
	background-image:url(../images/tabOn.jpg);
	background-position:top;
	background-repeat:repeat-x;
}
#header ul li.tabOn a { color:#ffffff; text-decoration:none;}






/*Content*/
#content {
	color:#ffffff;
	background-color:#111111;
	
}
#content .inner {
	min-height:400px;
	background-image:url(../images/content.jpg);
	background-position:top left;
	background-repeat:no-repeat;

}


#primaryContent {
	float:left;
	width:550px;
	border-right:1px solid #222222;
	padding:20px 20px 0 0;

}

#secondaryContent {
	float:right;
	width:309px;
	padding:20px 0 0 0;

}



h1 {
	font-size:1.6em;
	margin:0;
	padding:0 0 10px 0;
}

h1#homeH1 {
	font-size:2.8em;
}

h1 small {
	font-size:0.5em;
}

h2 {
	color:#CCCCCC;
	margin:0;
	padding:25px 0 10px 0;
}

h3 {
	margin:0;
	padding:10px 0 10px 0;
}

h4 {
	font-size:1.2em;
	margin:0;
	padding:0 0 5px 0;
}

p, ul {
	color:#999999;
	line-height:1.5em;
	margin:0;
	padding:0 0 10px 0;
}

p.#latestAlbums {
	text-align:left
}

#content a:link {color:#0066FF; text-decoration: none; font-weight:bold;}
#content a:visited {color:#0066FF; text-decoration: none; font-weight:bold;}
#content a:hover {color:#ffffff; text-decoration: none; font-weight:bold;}
#content a:active {color:#ffffff; text-decoration: none; font-weight:bold;}

#content h1 a:link {color:#ffffff; text-decoration: none; font-weight:bold;}
#content h1 a:visited {color:#ffffff; text-decoration: none; font-weight:bold;}
#content h1 a:hover {color:#ffffff; text-decoration: none; font-weight:bold;}
#content h1 a:active {color:#ffffff; text-decoration: none; font-weight:bold;}


.album {
	border:1px solid #666666;
	padding:1px;
	margin:1px;
}

.albumMain {
	float:left;
	border:10px solid #222222;
	margin:0;
}

.albumList {
	float:left;
	margin-right:10px;
}

.albumInfo {
	float:left;
	width:108px;
	height:402px;
	margin:0;
	background-color:#222222;
	padding:10px;
}

.textInput {
	padding:5px;
	margin:5px 0 5px 0;
	font-size:1.3em;
	font-weight:bold;
	width:450px;
}

.textInputSmall {
	padding:3px;
	margin:5px 0 5px 0;
	font-size:1.1em;
	font-weight:bold;
	width:450px;
}


a.imageCreditLink {color:#666666;}




.albumResult, .comment {
	padding:10px;
	background-color:#333333;
	min-height:104px;
}

.comment {
	min-height:75px;
}

.commentImg {
	float:right;
	padding:1px;
	margin:1px;
	border:1px solid #666666;
}

.albumResultAlt, .commentAlt {
	background-color:#222222;
}

.albumResult p {
	float:left;
}

.listRating {
	float:right;
}

p.paging {
	padding:5px 0 px 0;
	text-align:right;
}


.errorBox, #msg {
	border:1px solid #666666;
	background-color:#333333;
	padding:10px;
	font-weight:bold;
}



/*Userbox*/
#user {
	border:3px solid #222222;
	background-color:#000000;
	padding:10px;
	margin:0 0 10px 0;
	color:#CCCCCC;
}


#loginButton, #profileImage {
	float:right;
	margin:0 0 0 5px;
	vertical-align:middle;
}


#user a {color:#FF3300; text-decoration:none;}


.strike {
	text-decoration:line-through;
}








/*Content Footer*/
#contentFooter {
	background-color:#111111;
	height:50px;
}


#contentFooter .inner {
	height:50px;
	background-image:url(../images/contentFooter.jpg);
	background-position:top right;
	background-repeat:no-repeat;
}



/*Footer*/
#footer {
	color:#666666;
	text-align:left;
}

#footer .inner {
	min-height:150px;
	background-image:url(../images/footer.jpg);
	background-position:top right;
	background-repeat:no-repeat;
}


#footer a {
	color:#666666;
	text-decoration:none;
	font-weight:bold;
}