@import "style/css/reset.css";
@import "style/css/typography.css";
@import "style/css/layout.css";

/*
        COLOURS:    RED     #cc0000
                    GREY    #999999
*/

body 
{
    background: #000 url(/images/mainbg.gif);
    font-size: 62.5%; font-family: Trebuchet MS, Trebuchet, 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif; color: #fff;
}

/*
	STRUCTURE 
*/

#Container
{
    width: 698px;
    margin: 0 auto;
    padding: 0;
    border-left: solid 1px #999;
    border-right: solid 1px #999;
	background: #000 url(/images/container-bg.jpg) no-repeat;
}

#MainContent
{
	width: 453px;
	float: left;
	margin: 10px 0 0 15px;
}

#Sidebar
{
	width: 200px;
	float: right;
	margin: 15px 15px 0 0;
}

#Sidebar img
{
	border: 0;
	max-width: 200px;
}

#Sidebar img
{
	margin: 30px 0 0 0;
}

#SingleContent
{
	width: 80%;
	position: relative;
	float: left;
	margin: 15px 10% 30px;
}

.greyBorder
{
	border: solid 1px #999;
}

.widget
{
	margin: 30px 0 0 0;
}


/*
	HEADER
*/

#Header
{
	background: url(/images/header-bg.jpg);
	height: 116px;
}

#Logo
{
	background: url(/images/c14logo.png) top left no-repeat;
	display: block;
	width:  115px;
	height: 77px;
	text-indent: -9999px;
	overflow: hidden;
	position: absolute;
	left: 15px;
	bottom: 13px;
}

ul#MainNav
{
	position: absolute;
	right: 15px;
	bottom: 12px;
	width: 550px;
	text-align: right;
}

ul#MainNav li 
{
	display: inline;
	text-align: right;
	text-transform: uppercase;
	font-size: 1.2em;
	letter-spacing: 0.1em;
	color: #fff;
}

#MainNav a
{
	color: #fff;
	padding: 8px;
	text-decoration: none;
	font-weight: normal;
}

#MainNav a:hover
{
	color: #000;
	background-color: #cc0000;
}

#MainNav a:active
{
	color: #000;
	background-color: #cc0000;
}


#BannerHeader
{
	clear: both;
}

/*
	FOOTER
*/

#Footer
{
	clear: both;
	position: relative;
	background: url(/images/footer-bg.gif) repeat-x;
	border-top: solid 1px #999;
	width: 100%;
	height: 42px;
	margin: 0;
	padding: 0;
}

#FooterLinks
{
	float: left;
	padding: 14px 5px 18px;
}

#FooterLinks a
{ 
	color: #999; 
	text-transform: uppercase; 
	font-size: 10px;
	padding: 0 10px;
}

#FooterLinks a:hover { color: #fff; }
#FooterLinks a:active { color: #ff0000; }

#FooterLinks li
{
	display: inline;
}

.Copyright
{
	text-transform: uppercase;
	font-size: 10px;
	float: right;
	padding: 14px 15px 18px;
}				
			


/*
	TYPOGRAPHY
*/

p
{
	font-size: 1.2em;
	line-height: 1.5em;
	margin: 0 0 15px 0;
	text-shadow: 0px 0px 20px rgba(255, 255, 255, 0.1);
}

a {	color: #cc0000;	text-decoration: none; text-shadow: 0px 0px 20px rgba(255, 255, 255, 0.1); }

a:hover { color: #ff0000; }


h1, h2, h3, h4
{
	font-family: Georgia, Times, 'Times New Roman', serif; color: #cc0000; font-weight: normal; text-shadow: 0px 0px 20px rgba(255, 255, 255, 0.1);
}

h1 { font-size: 2.8em; }
h2 { font-size: 2.4em; }
h3 { font-size: 1.8em; }
h4 { font-size: 1.4em; }

/*
	BLOG ENTRIES
*/

.post
{
	margin: 15px 0;
	float: left;
}

.post h2
{
	width: 100%;
	padding-bottom: 5px;
	margin-bottom: 10px;
	border-bottom: dotted 1px #333;
}

.postContent
{
	float: right;
	width: 392px;
}

.postContent img
{
	max-width: 100%;
}


.datebox { float: left; background: #cc0000; color: #000; text-align: center; margin: 0 10px 0 0; padding: 5px; width: 36px; }
.day { font-size: 32px; font-weight: bold; margin: 0; line-height: 1em; }
.month { font-size: 18px; font-weight: bold; text-transform: uppercase; margin: 0; line-height: 0.6em; }
.year { font-size: 16px; font-weight: bold; margin: 0; line-height: 1em; }