body {
	background-color: #000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin:0;
	padding:0;
	color: #CCCCCC;
	font-size: 11px;
}

tr, td {
	font-size: 11px;
	color: #CCCCCC;
}

#macroContainer {
	padding: 0;
	border: 0px dotted #FFF;
	height: 100%; 
	width: 100%;
}

#picnicLogo{
	height:80px;
	valign: top;
	border-bottom: 1px solid #FFF;

}

.redSquare{
	margin: 0;
	padding: 0;
	background: #CC3333;
	height:80px;
	width:80px;
	text-align:center;
	border-right: 1px solid #FFF;
}

.whiteSquare{
	margin: 0;
	padding: 0;
	background: #FFFFFF;
	height:80px;
	width:80px;
	text-align: center;
	border-right: 1px solid #FFF;
}

.whiteSquare a, .redSquare a{
	text-decoration: none;
	font-weight: bold;
	color: #000;
}

.whiteSquare a:hover, .redSquare a:hover{
	text-decoration: none;
	font-weight: bold;
	color: #333;
}

#menuSpace {
	border-right: 1px solid #FFF;
}

.topnewspost {
	padding: 0px 0px 20px 0px;
	margin: 0;
	border-bottom: 1px dotted #FFF;
	width:100%;
}

.newspost {
	padding: 20px 0px 20px 0px;
	margin: 0;
	border-bottom: 1px dotted #FFF;
	width:100%;
}

.title {
	text-align:left;
	font-weight: bold;
	font-size: 12px;
	color: #FFF;
	margin: 0px;
	padding: 0px 0px 5px 0px;
}

.newsbody{
	margin: 0;
	padding: 0px 30px 0px 30px;
	margin:0;
}

.newsposter{
	color: #999;
	padding: 5px 0px 0px 0px;
	margin: 0;
}

#pageInfo{
	padding: 20px;
	margin: 0;
	vertical-align: top;
	border:0px solid #FFF;
}

#theFrame{
	
	vertical-align: top;
	border:0px solid #FFF;
	background: #000;
}

.frameBody{
	padding: 0px;
	margin: 0;
	border: 0px solid #FFF;
	background: #000;
}
	
#footer{
	height:20px;
	valign: middle;
	text-align: center;
}


.discogTitle {
	color: #FFFFFF;
	font-size: 12px;
	font-weight: bold;
}

.discogDescription {
	color: #666666;
}


.formtypexxxslarge {
	color: #FFFFFF;
	background-color: #CCCCCC;
	height: 15px;
	width: 150px;
	border: 1px ridge #33FFCC;
	font-size: xx-small;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	letter-spacing: normal;
	vertical-align: baseline;
	word-spacing: normal;
}



a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-decoration: none;
    color: #CC3333;
}

a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-decoration: none;
    color: #FFFFFF;
}


.errors {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
    color: #FF0000;
}

/*Below is stuff for the admin section of the blog*/
/* This controls the < input > tag */
input {
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size : 10px;
border : 1px solid #FFFFFF;
background-color : #FFFFFF;
width:200px;
}

/* This controls the < textarea > tag */
textarea {
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size : 10px;
border : 1px solid #FFFFFF;
background-color : #FFFFFF;

}

/* This controls the < select > tag */
select {
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size : 10px;
border : 1px solid #FFFFFF;
background-color : #FFFFFF;
}

/* This controls the header text [Administration Area] */
.header {
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size : 12px;
font-weight : bold;
}

/* This controls the submit button [Administration Area] */
.submit {
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size : 10px;
background-color : silver;
border : 1px solid;
}

/* This controls the title of news */
.newstitle{
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size : 12px;
}