body {
font-family: Verdana;
font-size: 9pt;  
color: #fff;
background-color: #181818;
}			

#frame {
width: 1080px;
margin: 0px auto;
padding : 10px;
}

#CommCol {
color: #ff8;
width: 500px;
float: left;
}

#RandCol {
width: 570px;
float: left;
margin-left: 10px;
}

#MainCol {
float: left;
width: 100%;
}

#LeftCol {
float: left;
width: 330px;
margin-left: 10px;
}

#RightCol {
width: 330px;
float: right;
}

#MiddleCol {
width:36%;
float: left;
margin-top:5px;
margin-right: 10px;
}

#Footer {
clear: both;
}

.orange {
color: orange;
font-size: 12pt;
}

.blue {
    font-family: Verdana, sans-serif;
	font-size: 20px;
	color: #0af;
	cursor:pointer;
}
.blue:hover {
	color: orange;
}
.white {
	font-size: 13px;
	color: white;
	font-weight: bold;
}
.bigWhite {
	font-size: 16px;
	color: white;
}

.box {
clear:left;
float:left;
margin-top:10px;
width: 302px;
height: 90px;
border-top: 1px solid #444;
border-left: 1px solid #383838;
border-right: 1px solid #000;
border-bottom: 1px solid #000;
background-color: #2a2a2a;
}

area:hover {
cursor:pointer;
}

.Yellow {
color: #ff8;
}

#DescribeBox {
color: #ff8;
width: 98%;
float: left;
margin-top: 10px;
margin-bottom: 10px;
}

#FavsBox {
clear: left;
float: left;
width: 95%;
margin-bottom:10px;
border-top: 1px solid #444;
border-left: 1px solid #383838;
border-right: 1px solid #000;
border-bottom: 1px solid #000;
background-color: #2a2a2a;
}

#FavsText {
float: left;
margin: 5px;
width: 100%;
color: #aaa;
}

#advert {
}

.RandomImg {
float: left;
margin: 5px;
}

img {
border-style: none;
padding-bottom: 0px;
border-bottom: 1px solid #2a2a2a;
}

.miniImage {
float: left;
margin: 5px;
width: 107px;
height: 82px;
}

.thumb {
float: left;
margin: 5px;
width: 170px;
height: 170px;
}

.hotThumb {
float: left;
margin: 3px;
padding: 1px;
width: 170px;
height: 170px;
border: 1px solid red;
}

.spacer {
clear: left;
margin-bottom: 20px;
}

.newline {
clear: left;
margin-top : 10px;
margin-bottom : 10px;
padding-bottom : 5px;
width : 100%;
border-bottom : 2px solid #ff0;
}

a.image:hover {
border-bottom: 1px solid #0af;
}

.thumb_text {
float: left;
margin: 5px;
width: 175px;
color: #aaa;
}

h1 {
color: #4a4;
text-decoration: none;
padding:0px;
margin:0px;
font-size: 14pt;
}

h2 {
color: white;
text-decoration: none;
padding:0px;
margin:0px;
font-size: 9pt;
}

h3 {
color: orange;
text-decoration: none;
padding:0px;
margin:0px;
margin-bottom: 10px;
font-size: 12pt;
}

#heading {
width: 100%;
text-align: center;
padding-bottom:10px;
border-bottom: 1px solid #888;
}

#big_cardiff {
font-family: Trebuchet,Verdana;
font-weight: bold;
color: #0af;
font-size: 40pt;
}

#big_photos {
font-family: Trebuchet,Verdana;
color: #0af;
font-size: 30pt;
}

#footer {
padding-top: 10px;
clear: left;
}

#title {
font-size: 14pt;
}

.VideoThumb:hover {
border-bottom: 1px solid #0af;
}

a {
text-decoration: none;
font-weight: bold;
}

a:link {
color: #0af;
}

a:visited {
color: #0af;
}

a:hover {
color: orange;
}

a:active {
color: #0af;
}

.Like {
vertical-align:bottom;
display: inline-block;
background-image:url('Like.png');
background-position: 0px 0px;
width: 42px;
height: 18px;
cursor:pointer;
}

.Like:hover {
background-position: 0px -19px;
}

.Choice {
color: #0af;
margin-left: 5px;
cursor: pointer;
}

.ChoiceMade {
margin-left: 5px;
border-top: 1px solid orange;
}

.Choice:hover {
color: orange;
}

.CorrectChoice {
margin-left: 5px;
border-top: 1px solid orange;
border-bottom: 1px solid green;
}

.CorrectAnswer {
margin-left: 5px;
border-bottom: 1px solid green;
}