/* CSS Document alancoleman.co.uk */

/* Main components*/
body {
	padding:0;
	margin:0;
}
img {
	border:0;
}
#content {
}
#header {
	height:90px;
	padding:0px 0px 0px 10px;
	border-bottom:1px solid #B1B1FF;
}
#text {
	background-color:#ffffff;
	margin:0px 15px 30px 15px;
}
#footer {
	height:50px;
	border-top:1px solid #b1b1ff;
	border-bottom:1px solid #DFE0FF;
	background-color:#F9F9F9;
	text-align:center;
	margin-top:10px;
	padding:20px 0px 0px 0px;
	background-image:url(../images/background_2.gif);
	clear:both;
}
#content h1,#content h2,#content h3, #content h3 a, #content h4,#content h4 a,#content h5,#content h2 {
	font-family:georgia;
	color:#5F61FF;
}

/* Containers left and right*/

#text div.container-left,#footer div.container-left, #text div.container-right {
	float:right;
	margin:0px 0px 5px 5px!important;
	margin:10px 0px 5px 5px;
	padding:5px;
	border:0px solid #B1B1FF;
}
#header div.container-left,#text div.container-left {
	float:left;
	margin:0px 0px 5px 0px;
}
#content div.delicious {
	margin:0px 0px 0px 0px!important;
	margin:0px 0px 0px 0px;
	padding:10px;
	border:1px dashed #B1B1FF;
	background-color:#F8F8FF;
}
#text div.container-image {
	margin:5px 15px 5px 0px;
	padding:5px;
}
#footer div.container-left {
	border:0;
}
#text div.border-none {
	border:0;
}

/* text */

#content p, #header p, div.meta,div.feedback,#footer p,body.contact dt,body.contact textarea, #content div.delicious {
	font-family:verdana;
	color:#1f1f1f;
	font-size:0.8em;
	font-weight:normal;
	line-height:1.4em;
}
#content a {
	font-family:verdana;
	color:#0000ff;
}
#content a:hover {
	color:#0000ff;
	background-color:#FFB82F;
}
#content h1,#content h3 {
	margin:0px 0px 10px 0px;
	font-size:1.7em;
}
#content h2{
	margin:-10px 0px 4px 0px;
	font-size:2.7em;
}
#content h3, #content h2#comments, #content h2#postcomment  {
	margin:10px 0px 5px 0px;
	padding:0px 0px 5px 0px;
	font-size:1.4em;
	}
#content h4,h4 a{
	margin:0px 0px 10px 0px;
	font-size:1.2em;
	color:#696969;
	}
#content h5 {
	margin:0px 0px 5px 0px;
	font-size:1em;
	color:#696969;
	}
#content hr {
	border-top:1px solid #B1B1FF;
	border-bottom:0;
	border-left:0;
	border-right:0;
	clear:left;
	}
#footer p {
	font-size:0.6em;
}
div.post {
	margin:15px 0px 15px 0px;
}

/* Navigation */

#nav {
	padding: 9px 0px 0px 15px!important;
	padding: 13px 0px 0px 15px;
	border-bottom:1px solid #DFE0FF;
	background-color:#F9F9F9;
	height:30px;
	background-image:url(../images/background_2.gif);
}

#nav ul {
	margin:0;
	padding:0;
}
#nav ul li {
	display:inline;
	list-style-type:none;
	font-size:0.8em;
}
#nav ul li a {
	font-family:Arial, Helvetica, sans-serif;
	color:#0000ff;
	border:1px solid #B1B1FF;
	padding: 5px 10px 5px 10px;
	margin:0px;
	background-color:#ffffff;
	text-decoration:none;
}
#nav ul li a.on {
	background-color:#FFB82F;
}
#nav ul li a:hover {
	color:#0000ff;
	border:1px solid #0000d4;
	background-color:#ffffff;
}

/* Header content */

#header div.spark-plug{
	margin: 5px 15px 0px 0px;
}

/* box to persoanl site */

#text div.personal-site {
	width:25%;
	border:1px solid #6A5909;
	color:#6A5909;
}
#text div.personal-site p {
	color:#6A5909;
}
#text div.personal-site h3 {
	color:#6A5909;
	border-bottom:1px dotted #6A5909;
	margin:0px 0px 0px 0px;
}

/* Contact pages */

body.contact dt {
	margin:0px 0px 3px 0px;
}
body.contact dt.error {
	color:#ff0000;
	font-weight:bold;
	font-size:1em;
}
body.contact dd {
	margin:0px 0px 20px 0px;
}
body.contact textarea, body.contact input.contact {
	padding:3px;
	background-color:#ffffff;
	border:1px solid #B1B1FF;
	width:200px;
}
body.contact textarea:focus, body.contact input:focus {
	border:1px solid #0000d4;
	background-color:#f9f9f9;
}


/* Button container for video  buttons */
#content .multimedia-button-xx, 
#content .multimedia-button-xx a {
	width:148px;
	height:135px;
	border:0px solid;
	display:block;
	margin-left:0;
}
#content .multimedia-button-xx a:hover {
background-position:right;
background-color:#ffffff;
}

#content .multimedia-button-xx a{
	background: url(../images/button_multimedia.gif) no-repeat left;
}