﻿/* 
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com 
Twitter: @rich_clark
*/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

body {
	background-color:#ccc;
    line-height:1;
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
	display:block;
}

nav ul {
    list-style:none;
}

blockquote, q {
    quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}

a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

/* change colours to suit your needs */
ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}

/* change colours to suit your needs */
mark {
    background-color:#ff9;
    color:#000; 
    font-style:italic;
    font-weight:bold;
}

del {
    text-decoration: line-through;
}

abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}

table {
    border-collapse:collapse;
    border-spacing:0;
}

/* change border colour to suit your needs */
hr {
    display:block;
    height:1px;
    border:0;   
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}

input, select {
    vertical-align:middle;
}




/* start site css */


#wrapper		{ width:900px; margin:0 auto; background-color:#fff;  }

#top			{ background-color:#000; width:100%; overflow: hidden; padding:20px 0; border-bottom:1px #eee solid;}

#logo			{ float:left; margin:0 0 0 10px;	}

#socialMedia	{ float:right;margin:0 15px 0 0	}
#socialMedia p	{color:#fff; font-size:11px; margin:2px 10px 6px 0px;}
#socialMedia img	{width:24px; height:24px;}
#socialMedia ul li	{display:inline;}
#topnav ul li a		{ float:left; padding:10px 20px; }
#topnav			{background-color:#333; clear:both;	}
#topnav ul			{ width:100%; float:left; margin:0px;	background-color:#333; border-bottom:3px #ccc solid; }
#topnav ul li		{ display:inline;	}

#topnav a:link		{ color:#fff;	}
#topnav a:visited	{ color:#fff;	}
#topnav a:active	{ color:#fff;	}
#topnav a:hover		{ color:#fff; background-color:#900;	}
#topnav a:focus		{ color:#fff;	}

#banner			{	}
#subBanner		{width:100%; background-color:#555; padding:10px 0; overflow:hidden;}
#subBanner h3	{color:#fff; font-size:16px; font-weight:bold; text-align:center; line-height:150%;}

#content		{float:left; width:650px; padding:20px;}
#content h1		{margin:0 0 20px 0; font-size:32px; border-bottom: 1px #777 solid; padding:20px 0;}
#content p		{margin:15px 0; line-height:150%;}
#content h2		{margin:20px 0 0 0;}
#content img	{padding:8px; border:1px #888 solid; margin:8px;}

#rightSide		{padding:20px;margin-left:675px; }
#rightSide h2	{margin:20px 0 10px 0;}
#rightSide p	{margin:8px 0;line-height:150%;}

#footer			{clear:both; background-color:#000; padding:10px 0; }
#footer p		{text-align:center; color:#fff; text-transform:lowercase;}










