/*****************************************
 * The Framework - Default Style
 *
 * Copy and edit this to make a theme
 * Saving images in a themename folder
 * within www/images
 *
 * Tim Igoe (tim@timigoe.co.uk)
 *****************************************/

body
{
  margin: 0px;
  background-color: #F3F3F3;
  font-family: Verdana, Arial, Helvetica, sans-serif;;
  font-size: 10pt;
  color: #555555;
}

img
{
  border: 1px;
}

a, a:active, a:visited
{
  text-decoration: none;
  color: #222222;
}

a:hover
{
  text-decoration: underline;
  color: #BB0000;
}

ul
{
 margin: 0px;
 padding: 0px;
 list-style: none;
}

li
{
  margin: 0px;
  padding-bottom: 4px;
  border-bottom: 1px dashed #777777;
}

#site
{

}

.narrow
{
  width: 800px;
  margin-left: auto;
  margin-right: auto;
}

/* Quick Launch */
#quicklaunch
{
  background-image: url('/images/menu_bacl.png');
  height: 20px;
  text-align: right;
  padding-top: 4px;
  padding-right: 50px;
  border-bottom: 2px solid #FFFFFF;
}

/* Header */
div#header
{
	background: url("/images/head_back.png");
	background-repeat: repeat-x;
	height: 81px;
	border-bottom: 1px solid #000000;
}

div.text
{
  float: left;
  margin-left: 10px;
  height: 50px;
}


div.text h1
{
  margin: 0px;
  margin-top: 10px;
}

div.text h1 a
{
	background-repeat: no-repeat;
	background-image: url("/images/logo.png");
	display: block;
	width: 340px;
	height: 50px;
	margin-left: 100px;
}

.text h1 a span
{
  display: none;
}

div#tagline
{
  clear: left;
  float: left;
  margin-top: 10px;
  margin-left: 125px;
  color: #FFFFFF;
  font-style: italic;
  font-weight: bold;
}

/* Menu Bar */
#menu
{
  background-image: url('/images/menu_bacl.png');
  height: 20px;
  padding-top: 4px;
  padding-left: 100px;
  border-top: 2px solid #FFFFFF;
  border-bottom: 1px solid #000000;
}

/* Search Box */
#search
{
  /*position: absolute;
  right: 3px;
  top: 60px;*/
  margin-top: -77px;
  margin-left: -2px;
  height: 58px;
  width: 285px;
  background-image: url('/images/search_back.png');
  padding: 10px;
}

#search .title
{
  color: #BB0000;
  font-style: italic;
  font-weight: bold;
  font-size: 12pt;
}

/* Twitter */
#twitter
{
  
}

#wrapper
{
  /*
  width: 1000px;
  margin-left: auto;
  margin-right: auto; */
}

/* Content Area */
#content
{
  clear: left;
  background-color: #FFFFFF;
  padding: 5px;
  margin-right: 310px;
}

#content #col2
{
  float: left;
  width: 49%
}

#content #col1
{
  float: right;
  width: 49%
}

/* Right Col */
#rightcol
{
  float: right;
  width: 300px;
  margin-right: 4px;
  margin-left: 5px;
  background-color: #e4e2d8;
  border: 2px solid #FFFFFF;
}

/* Footer */
#footer
{
  clear: both;
}

#footer-content
{
	padding-top: 25px;
	text-align: right;
	font-size: 8pt;
	color: #707070;
	padding-right: 25px;
}

/* Box */
.box
{
  border: 1px solid #DDDDDD;
  padding: 3px;
  margin-top: 5px;
  background-color: #FFFFFF;
  -moz-border-radius: 7px;
  -webkit-border-radius: 7px;
}

.post-content
{

}

.reply-content
{
  font-size: 9pt;
  font-color: #666666;
}

.post-footer
{
  border-top: 1px solid #c1c1c3;
  color: #b2bab8;
  text-align: right;
  font-size: 8pt;
}

/* Useful Classes */
.newelement
{
  margin-top: 5px;
}

.clear
{
  clear: both;
}

.clearleft
{
  clear: left;
}

.clearright
{
  clear: right;
}

.center
{
  text-align: center;
}

.right
{
  float: right;
}

.left
{
  float: left;
}

.error
{
  text-align: center;
  color: #CC0000;
}

.message
{
  text-align: center;
  color: #00CC00;
}

#extraDiv1
{
  position: absolute;
  top: 10px;
  left: 10px;
  width: 94px;
  height: 112px;
  background-image: url('/images/tv.png');
}

#fbprofile
{
  vertical-align: top;
}

#fbprofile img
{
  margin-top: -5px;
}

/* Backers */
.listing
{
  font-size: 8pt;
}

.border
{
  border: 1px solid #888888;
}

.style0
{
}

.style1
{
  background-color: #E9E9E9;
}

.deleted
{
  background-color: #cecece;
  color: #999999;
}


.styledarker
{
  background-color: #C3C3C3;
}

.banner
{
 text-align: center;
}

.advert
{
  margin: 5px;
  text-align: center;
}

.programme_childrens
{
  background-color: #ffdbd8;
}

.programme_education
{
}

.programme_film
{
  background-color: #deffd7;
}

.programme_leisure
{
}

.programme_music
{
}

.programme_news
{
  background-color: #dedbff;
}

.programme_show
{
  background-color: #fff0d8;
}

.programme_social
{
}

.videobox
{
  width: 150px;
  min-height: 175px;
  text-align: center;
  float: left;
}

.friend
{
  margin-left: 15px;
}

.minifriend
{
  margin-left: 5px;
}

td .title
{
  font-weight: bold; 
  color: #333333;
}

/* Forum Styles */
#forum table td
{
  vertical-align: top;
}

#forum .info
{
  font-style: italic;
  color: #333333;
}

#forum .postblock
{
  border-bottom: 1px solid #DDDDDD;
  margin-bottom: 4px;
}

#forum .postbit
{
  background-color: #ffffff;
  width: 150px;
  float: left;
  clear: left;
  text-align: center;
}

#forum .post
{
  margin-left: 150px;
  border-left: 1px solid #DDDDDD;
  padding: 2px;
}

#forum .post hr
{
  border: 1px solid #DDDDDD;
}

#forum .post .info
{
  font-size: 8pt;
}

#forum .quicklinks
{
  text-align: right;
}

#forum #quickreply, #forum #advpost
{
  border: 1px solid #333333;
  background-color: #DDDDDD;
  text-align: center;
}

#forum #quickreply textarea, #forum #advpost textarea
{
  width: 98%;
  height: 125px;
}

#forum #quickreply input[type=submit], #forum #advpost input[type=submit]
{
  margin: 0px;
}

#forum #advpost input[type=text]
{
  width: 50%;
}

/* Store Styles */
#store .row
{
  overflow: hidden;
  height: 218px;
}

#store .product
{
  float: left;
  width: 180px;
  height: 200px;
  text-align: center;
  margin-right: 5px;
}

#store .product h3
{
  font-size: 8pt;
  height: 15px;
  overflow: hidden;
}

#store .lighter
{
  color: #bbbbbb;
}

#store .price
{
  font-size: 16pt;
  font-weight: bold;
  text-align: right;
  color: #00DD00;
}

#store input[type=submit]
{
 margin: 2px;
}

.otherchan
{
  overflow: hidden;
  height: 75px;
  width: 125px;
  margin: 6px;
  text-align: center;
}

/* Fonts */
#content h1, h2, h3, h4
{
  color: #333333;
  margin: 0px;
  margin-bottom: 10px;
  background-image: url('/images/menu_bacl.png');
  -moz-border-radius-topleft: 4px;
  -moz-border-radius-topright: 4px;
  -webkit-border-radius-topleft: 4px;
  -webkit-border-radius-topright: 4px;
}

#content h1
{
  font-size: 16pt;
  text-align: center;
}


h2 a, h2 a:active, h2 a:visited
{
  color: #666666;
  text-decoration: none;
}

h2 a:hover
{
  color: #BB0000;
  text-decoration: underline;
}

h3
{
  text-align: center;
}

h4
{
  border-bottom: 1px solid #c1c1c3;
}

/* Form Tags */
form label
{
  margin-right: 0.5em;
  display: block;
  width: 150px;
  float: left;
  text-align: right;
}

input[type=submit]
{
  margin-left: 150px;
}

#search input[type=submit]
{
  margin: 0px;
}

input.fieldError
{
  border: 1px solid #CC0000;
  background-color: #FFCCCC;
}

form .richText
{
  margin-left: 150px;
}

/* Helper Classes */
.helpertext
{
  float: right;
  width: 400px;
}