@charset "UTF-8";
/* CSS Document */

body {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	background-color: #FFF;
	background-image: url(../images/main_bg.png);
	background-repeat:repeat-x;
}

a {outline: 0;}
a img {border: 0px; text-decoration: none;}
a:link, a:visited { color: #39637A; padding: 0 1px; text-decoration: underline; }
a:hover, a:active { color: #666; text-decoration: none; }

p { padding: 0px; margin: 0px; }

.clear { clear: both; }

#masthead {	width: 970px; height: 70px;	margin: 0 auto; background-image: url(http://www.deferrerstv.com/masthead/main-mast-bg.png); background-repeat: repeat-x;}

#container-top { margin: 0 auto; width: 970px; height: 5px; background-image: url(../images/container_bg_top.png); background-repeat: no-repeat; }
#container-btm { margin: 0 auto; width: 970px; height: 5px; background-image: url(../images/container_bg_btm.png); background-repeat: no-repeat; }
#container { margin: 0 auto; width: 970px; height: auto; background-image:url(../images/container_bg.png); background-repeat: repeat-y; }

#contentmain { margin: 0 auto; width: 960px; height: auto; }

#col-left { float: left; margin: 10px; width: 460px; height: auto; }
#col-right { float: left; margin: 10px; width: 460px; height: auto; }

.contentouter { width: auto; height: auto; border: 1px #333 dotted; background-color: #CCC;}
.contentinner { width: auto; height: auto; background-color: #FFF; padding: 5px; background-image:url(../images/sm_container_top.png); background-position: top; background-repeat:repeat-x }
.contentc { padding: 3px; width: auto; height: auto; }
.contentc p { margin-top: 3px; padding: 2px; }
.contentc img { padding: 5px; }

#general-content { width: 950px; margin: 0 auto; }

/* MENU */
#menu-holder { width: auto; margin: 0 auto; height: 35px; }
ul#menu { width: auto; float: left; margin: 0 auto; text-align: center; font-size: 16px; list-style: none; background-image:url(../images/menu_bg.png); background-repeat: repeat-x; height: 35px;  }
ul#menu li { border-right: 1px solid #dedede; float: left; line-height: 30px; margin-right: 10px;	padding-right: 10px; }
ul#menu li:last-child { border-right: none; margin-right: 0; padding-right: 40px; }
#menu-left { width: 15px; height: 30px; background-image:url(../images/menu_left.png); background-repeat:no-repeat; float: left; }
#menu-right { width: 15px; height: 30px; background-image:url(../images/menu_right.png); background-repeat:no-repeat; float: left; }


#defhome { float: left; margin-left: 20px; height: 30px; font-size: 16px; }

ul#menu-col { list-style: none; font-size: 24px; margin: 10px 0px 0px 170px; padding: 0px; text-align: center; width: 950px }
ul#menu-col a { color: #666; text-decoration: none; }
ul#menu-col a:hover { color: #CCC; text-decoration: none; text-decoration: underline }
ul#menu-col li { float: left;  width: auto; text-align: center; line-height: 25px; border-right: 1px solid #666; margin-right: 15px; padding-right: 15px; }
ul#menu-col li:last-child { border-right: none; }





/* HEADER STYLES */
#title_img { background-image: url(../images/title.png); background-repeat: no-repeat; position: absolute; z-index: 2; width: 950px; height: 160px; display: block; text-indent: -9999px; }
#colours { position: relative; z-index: 1; width: 960px; height: auto; }
.headc { background-color:#0066CC; width: 80px; height: 80px; float: left; }
.headm { background-color: #FF0066; width: 80px; height: 80px; float:left;  }
.heady { background-color: #FFFF00; width: 80px; height: 80px; float: left; }
.headk { background-color: #000; width: 80px; height: 80px; float: left; }
.holder { background-color: #FFF; width: 80px; height: 80px; float: left; }

/* AREA ICONS */
#areas { margin-left: 0px; padding: 0px; }
#areas li { list-style: none; margin-left: 0xp; width: 50%; float: left; }
#areas li img { padding: 4px; margin-right: 5px; }

#twitter-icon { width: 48px; height: 48px; background-image:url(../images/icons/small_twitter.png); background-repeat: no-repeat; z-index: 2; position: absolute; margin-top: -30px; margin-left: -10px; }

.home-comment { width: auto; border: 1px solid #dedede; padding: 5px; margin-bottom: 10px; }
.home-comment img { padding: 5px 10px 5px 5px; }
.comment-text { padding-top: 5px; }
#view-comments img { vertical-align:middle }

ul#newsarticles { list-style: none; padding: 5px; margin: 5px;}
ul#newsarticles li { height: 35px; vertical-align: middle; }
ul#newsarticles li img { line-height: 24px; }

#newsleft-col { width: 260px; float: left; }
#newsright-col { width: 180px; float:left; }
#newsarticles .left { width: 30px; float: left; height: 30px; }
#newsarticles .right { width: 220px; height: auto; float: left; margin: 5px 0px 5px 10px; }

/* TWITTER */
#tweet { width: auto; }
#tweet p { margin-top: 10px; padding: 0.7em; border: 1px solid #999; -border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; }
#tweet p.odd {	background-color: #F6F6F6; border: 1px solid #999 }

#follow { font-size: 11px; font-weight: bold; }


/* QUIZ */
#flashcontent { margin: 0 auto; width: 860px; text-align: center; }
#quizholder { width: 860px; margin: 0 auto; height: auto; }
#quizholder table {
border: 1px solid #333;
} 
#score-left-col { width: 750px; float: left; }
#score-right-col { width: 170px; float: left; margin-left: 10px; }
.whitetext { color: #FFF; }

/* COMMENT */
#comment-form { border: 1px #333 solid; padding: 4px; background-color:#F7F7F7; width: 705px; margin: 0 auto;  }
#comment-form input { font-size: 14px; }
#comment-form select { font-size: 14px; }
#comment-form textarea { font-size: 14px; font-family:Verdana, Geneva, sans-serif; }
#comment-form #submit { padding: 4px; background-color: #036; color:#FFF; font-size: 12px; margin-top: 60px; }
.area { float: left; width: auto; margin-left: 10px; }
#form-error { width: 705px; height: auto; padding: 5px; background-color:#F68E85; border: 1px solid #F00; margin: 0 auto; margin-bottom: 10px }
#comment-message { width: 705px; height: auto; padding: 5px; background-color:#FFC; border: 1px solid #000; margin: 0 auto; margin-bottom: 10px; text-align: center; font-weight: bold; }
#comment-menu { width: 700px; margin: 0 auto; text-align: center; }

/* comment menu */
ul#filter {	float: left; font-size: 16px; list-style: none; margin-left: 0;	width: 100%; }
ul#filter li { border-right: 1px solid #dedede;	float: left; line-height: 16px;	margin-right: 10px;	padding-right: 10px; }
ul#filter li:last-child { border-right: none; margin-right: 0; padding-right: 0; }
ul#filter a { color: #999; text-decoration: none; }
ul#filter li.current a, ul#filter a:hover { text-decoration: underline; }
ul#filter li.current a { color: #333; font-weight: bold; }

/* individual comments */
ul#comments { float: left; list-style: none; margin-left: 0; width: 860px; }
ul#comments li { border: 1px solid #dedede; margin: 0 auto; margin-bottom: 15px; padding: 5px; width: 600px; }
ul#comments a { display: block; width: 100%; }
ul#comments a:hover { text-decoration: none; }
ul#comments img { display: block; padding: 5px 10px 5px 5px; }
ul#comments .date { font-size: 11px; color: #999; margin-left: 39px; }



/* FOOTER STYLES */
#footer { background-color: #000; color: #FFF; width: 970px; height: auto; margin: 0 auto; }
#footer a { color: #FFF; }
#footer a:hover { color: #CCC; }