/*  
Theme Name: Matt Black "The Big Story"
Theme URI: http://www.shoeboxdesign.co.uk/
Description: Matt Black "The Big Story" is a 1 column Wordpress theme. Lightweight theme for comercial use. This work is licensed under for Big Story Media Only
Version: 1.1
Author: Chris Archer 
Author URI: http://www.shoeboxdesign.co.uk/

This theme was designed and built by Chris Archer of <a href="http://www.shoeboxdesign.co.uk/">ShoeBox Design.
*/

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
~~~~ Common CSS
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

body {
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size:14px;
	background-color: #F7F7F7;
	margin:auto;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
~~~~ Header
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#header_box {
	background: url(images/header_bck.jpg) repeat #333;
	margin:auto;
	height:110px;
}

#logo {
	width:110px;
	height:110px;
	float:left;
}

#logo h1 {
	width:110px;
	height:0px;
	padding-top:110px;
	position:relative;
	overflow:hidden;
	background: url(images/logo_top.png) top;
	background-repeat:no-repeat;
}

#header_wrapper {
	width:800px;
	margin:auto;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
~~~~ Navigation
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#nav {
	padding-top:46px;
}

ul.nav {
	list-style:none;
	font-size:16px;
	font-weight:100;
	margin:0;
	padding:0;
}

ul.nav li {
	float:left !important;
	list-style-type:none;
	margin:auto;
	color:#FFF;
}

ul.nav li a,ul.nav li a:link,ul.nav li a:visited {
	color:#FFF;
	float:left;
	display:block;
	text-decoration:none;
	padding-right:19px;
	padding-left:19px;
}

ul.nav li a:hover,ul.nav li a:active {
	color:#FFF;
	text-decoration:none;
	padding-right:19px;
	padding-left:19px;
}

ul.nav li ul {
	margin:0;
	padding:0;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
~~~~ Content
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#content {
	width:800px;
	background:url(images/content_bck.jpg) repeat center;
	margin:auto;
	padding:15px;
}

a:visited {
	text-decoration:none;
	color:#333;
	border:none;
}
a:hover {
	text-decoration:underline;
	color:#333;
	border:none;
}

a:link,a:active {
	text-decoration:none;
	color:#333;
	border:none;
}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
~~~~ Footer
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#footer {
	width:800px;
	line-height:30px;
	background:url(images/content_bck.jpg) repeat center;
	clear:both;
	color:#333;
	text-align:center;
	margin:auto;
	padding-left:15px;
	padding-right:15px;
}

#footer_dec {
	width:800px;
	background:url(images/footer_bck.jpg) repeat center;
	height:10px;
	margin:auto;
	padding-left:15px;
	padding-right:15px;
}

#footer a:visited {
	text-decoration:none;
	color:#333;
	border:none;
}

#footer a:hover {
	text-decoration:underline;
	color:#333;
	border:none;
}

#footer a:link,#footer a:active {
	text-decoration:none;
	color:#333;
	border:none;
}