/*
File Name: bb.css
Description: benblakey.co.uk stylesheet
Version: 1.0
Author: Richard Scarrott
Author URI: http://www.richardscarrott.co.uk
Last Modified (created): 14/11/08 (6/10/08)

Notes:
- Browser support - (Windows) IE7+, Firefox, Chrome, Safari, Opera
*/

/*=== YUI RESET ===*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {  
	margin:0; 
	padding:0; 
	} 
table { 
	border-collapse:collapse;
	border-spacing:0; 
	} 
fieldset,img {  
	border:0; 
	} 
address,caption,cite,code,dfn,em,strong,th,var { 
	font-style:normal; 
	font-weight:normal; 
	} 
ol,ul { 
	list-style:none; 
	} 
caption,th { 
	text-align:left; 
	} 
h1,h2,h3,h4,h5,h6 { 
	font-size:100%; 
	font-weight:normal; 
	} 
q:before,q:after { 
	content:''; 
	} 
/*abbr,acronym {
	border:0; 
	}
*/

/*=== General ===*/
body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFF;
	text-align:left;
	background-image:url(../images/bg_1.jpg);
	background-repeat:repeat;
	height:100%;
	margin-top:50px;
	color:#CCC;
	line-height:19px;
}

h1 {
	font-size:16px;
	margin-bottom:10px;
	font-weight:bold;
	text-align:left;
	color:#FFF;
}
	
img {
  border:none;
}
  
a {
	color:#CCCCCC;
	text-decoration:none;
	outline:none;
}
	
#descript_box a {
	color:#CCCCCC;
	text-decoration:none;
	outline:none;
	font-weight:bold;
	text-decoration:underline;
}
	
p, li, ul {
	margin-bottom:10px;
}
	
b {
	font-weight:bold;
}
	
#opacity {
	opacity:none;
    filter:alpha(opacity=100);
    -moz-opacity:none;
}

/*=== Container ===*/
div#container {
	position:relative;
	margin-left:auto;
	margin-right:auto;
	width:770px;
	height:100%;
}
	
/*=== Navigation ===*/
div#nav a {
	float:left;
	text-decoration:none;
	text-align:center;
	line-height:200px;
	color:#FFF;
	font-size:12px;
	letter-spacing:2px;
	text-transform:uppercase;
}
	
#home {
	background-image:url(../images/home.png);
	background-repeat:no-repeat;
	width:102px;
	height:118px;
	padding-left:25px;
}
	
#home:hover, #chome {
	background-image:url(../images/home.png);
	background-repeat:no-repeat;
	background-position:0px -118px;
	width:102px;
	height:118px;
	padding-left:25px;
}
	
.link {
	background-image:url(../images/link.png);
	background-repeat:no-repeat;
	width:104px;
	height:118px;
}
	
.link:hover, #clink {
	background-image:url(../images/link.png);
	background-repeat:no-repeat;
	background-position:0px -118px;
	width:104px;
	height:118px;
}

/*=== Logo ===*/
#logo {
	background-image:url(../images/home_logo.png);
	background-repeat:no-repeat;
	width:331px;
	height:118px;
	float:left;
}

/*=== Colour_bar ===*/
#colour_bar {
	clear:both;
	height:3px;
	width:770px;
	background-color:#227992;
}

/*=== Content ===*/
.clearfix:after {
    content: "."; 
    display: block; 
    height:0px; 
    clear: both; 
    visibility: hidden;
}

#content {
	background-image:url(../images/content_bg.png);
	background-repeat:repeat-y;
	width:770px;
	height:100%;
}
	
#left {
	margin-left:10px;
	margin-top:8px;
	float:left;
	width:480px;
}
	
#right {
	float:left;
	margin-left:8px;
}
	
#descript_box {
	background-image:url(../images/pixel.png);
	background-repeat:repeat;
	width:244px;
	min-height:290px;
	padding:10px;
}

#right a img {
	margin-top:12px; /* social icons*/
}
	
#cat {
	text-align:center;
	margin-top:24px;
	font-weight:bold;
}

/*=== Admin area ===*/
#admin_links {
	text-align:center;
	height:15px;
	padding-top:10px;
	padding-bottom:10px;
	border-bottom:2px #000 groove;
	border-top:2px #000 groove;
	margin-bottom:10px;
	padding-left:10px;
}

#admin_links a {
	float:left;
	text-decoration:none;
	text-align:center;
	color:#FFF;
	font-size:12px;
	letter-spacing:2px;
	text-transform:uppercase;
	width:150px;
}
	
#admin_links a:hover {
	text-decoration:underline;
}
	
#left h1 {
	clear:both;
}
	
#file_size {
	text-align:center;
	margin-left:25px;
	border:#000000 1px solid;
	width:200px;
}

#percentage {
	margin-left:95px;
}

#center {
	margin-top:20px;
	text-align:center;
}

/*=== Vid thumbnails ===*/
#thumbs {
	position:relative;
	clear:both;
	padding:10px;
	padding-right:0px;
	text-align:center;
}

#thumbs a {
  position:relative;
  display:block;
  width:137px;
  height:100px;
  text-decoration:none;
  background:#000;
  border:solid 2px #227992;
  float:left;
  margin-right:11px;
  margin-bottom:8px;
}
  
#thumbs a span {
  position:relative;
  display:none;
  color:#fff;
  font-weight:bold;
  text-align:center;
  text-transform:uppercase;
  top:-100px;
}

#thumbs a:hover img {
  opacity:0.3;
  filter:alpha(opacity=30);
  -moz-opacity:0.3;
}
  
#thumbs a:hover span {
  display:block;
  padding:10px;
}

/*=== Form formatting ===*/
form p {
	margin-bottom:5px;
	margin-top:5px;
}

.admin label {
	width: 85px;
	float: left;
	text-align: right;
	margin-right: 10px;
	display: block;
	margin-top:3px;
	font-weight:bold;
}

input, textarea, select {
	color:#333;
	padding:2px;
	background-color:#999999;
	border:1px #333 solid;
	width:365px;
}
	
select {
	width:auto;
}
	
input.submit {
	float:left;
	margin-left:99px;
	width:auto;
}
	
input.submit_1 {
	margin-left:5px;
	width:auto;
}

/*=== Footer ===*/
#footer {
	background-image:url(../images/footer_1.png);
	background-repeat:no-repeat;
	height:47px;
	width:770px;
	color:#CCCCCC;
	clear:both;
	text-align:center;
	padding-top:15px;
}