/* ---------------------------------------
	CSS Stylesheet for http://www.nathanlittleton.co.uk
	All content copyright Nathan Littleton
--------------------------------------- */


/* ---------------------------------------
	STRUCTURE
--------------------------------------- */
html{
;
}

body{
font-family: "Lucida Sans", Verdana, "Trebuchet MS", Tahoma, Serif;
background-color: black;
font-size: 8.6pt;
color: #f2f2f2;
text-align: center;
}

/* ---------------------------------------
	COMMON
--------------------------------------- */
*{
padding: 0;
margin: 0;
}

p,li{
line-height: 170%;
margin-bottom: 15px;
}

code{
display: block;
padding: 10px;
background-color: #171717;
border: 1px solid white;
color: white;
}

/* ---------------------------------------
	IMAGES
--------------------------------------- */
img{
border: none;
}

img.fillerimage{
border: 1px solid #535353;
}


/* ---------------------------------------
	GENERAL LINKS
--------------------------------------- */

a:link{
color: #87acd3;
text-decoration: none;
}

a:active{
color: #87acd3;
text-decoration: none;
}

a:visited{
text-decoration: none;
color: #87acd3;
}

a:hover{
text-decoration: none;
color: #87acd3;
border-bottom: 1px dotted white;
}

#fancymenu a:hover{
border-bottom: none;
}

/* ---------------------------------------
	h2 LINKS
--------------------------------------- */

h2 a:link{
color: white;
text-decoration: none;
}

h2 a:active{
color: white;
text-decoration: none;
}

h2 a:visited{
text-decoration: none;
color: white;
}

h2 a:hover{
text-decoration: none;
color: #87acd3;
border-bottom: none;
}



/* ---------------------------------------
	h3 LINKS
--------------------------------------- */

h3 a:link{
color: white;
text-decoration: none;
}

h3 a:active{
color: white;
text-decoration: none;
}

h3 a:visited{
text-decoration: none;
color: white;
}

h3 a:hover{
text-decoration: none;
color: #87acd3;
border-bottom: none;
}

a:link h3{
color: white;
text-decoration: none;
}

a:active h3{
color: white;
text-decoration: none;
}

a:visited h3{
text-decoration: none;
color: white;
}

a:hover h3{
text-decoration: none;
color: #87acd3;
border-bottom: none;
}

/* ---------------------------------------
	.iconwtext LINKS
--------------------------------------- */

.iconwtext a:link{
color: white;
text-decoration: none;
}

.iconwtext a:active{
color: white;
text-decoration: none;
}

.iconwtext a:visited{
text-decoration: none;
color: white;
}

.iconwtext a:hover{
text-decoration: none;
color: #87acd3;
border-bottom: none;
}

/* ---------------------------------------
	.sitemappage LINKS
--------------------------------------- */

.sitemappage a:link{
color: white;
text-decoration: none;
}

.sitemappage a:active{
color: white;
text-decoration: none;
}

.sitemappage a:visited{
text-decoration: none;
color: white;
}

.sitemappage a:hover{
text-decoration: none;
color: #87acd3;
border-bottom: none;
}

/* ---------------------------------------
	#footer LINKS
--------------------------------------- */


#footer a:link{
color: white;
text-decoration: none;
}

#footer a:active{
color: white;
text-decoration: none;
}

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

#footer a:hover{
text-decoration: none;
color: #87acd3;
border-bottom: none;
}




/* ---------------------------------------
	HEADINGS
--------------------------------------- */
h1{
;
}

h2{
font-size: 11pt;
}

h3{
margin-top: -3px;
padding-bottom: 10px;
}

/* ---------------------------------------
	FORMS
--------------------------------------- */
form.contact{
margin-left: auto;
margin-right: auto;
color: white;
padding: 30px;
padding-left: 50px;
}

form.contact label{ 
display: block;
float: left; 
width: 100px; 
padding: 0px; 
margin: 3px 8px 0px 0px;
text-align: right; 
}

input.contact,select.contact,textarea.contact{
width: 220px;
background-color: white;
border: 1px solid gray;
color: black;
padding: 2px;
font-family: "Lucida Sans", Verdana, "Trebuchet MS", Tahoma, Helvetica;
font-size: 9pt;
}

input.contactcheck{
width: 15px;
font-size: 8pt;
margin-right: 5px;
background-color: white;
border: 1px solid gray;
padding: 2px;
}

input.contact[type="submit"]{
width: 50px;
font-size: 8pt;
}

select.contact{
width: 226px;
}

input#searchinput{
font-family: "Lucida Sans", Verdana, "Trebuchet MS", Tahoma, Helvetica;
font-size: 9pt;
border: 0px solid #0b0b0b;
width: 125px;
padding: 3px;
height: 15px;
margin-bottom: 1px;
background-image: url('../images/searchbg.jpg');
background-repeat: no-repeat;
}

input#searchsubmit{
font-family: "Lucida Sans", Verdana, "Trebuchet MS", Tahoma, Helvetica;
font-size: 8.5pt;
width: 57px;
height: 21px;
border: 0px solid #0b0b0b;
background-image: url('../images/search-submit.jpg');
color: white;
}

fieldset{
border: 0px;
}

/* ---------------------------------------
	FIXED CONTENT AREA
--------------------------------------- */
#holdbox{
width: 780px;
margin-left: auto;
margin-right: auto;
background-image: url('../images/bg-shadowbox.png');
background-repeat: repeat-y;
}

#titlebar{
background-image: url('../images/titlebar.jpg');
background-repeat: no-repeat;
background-position: top;
height: 95px;
width: 735px;
margin-left: auto;
margin-right: auto;
padding-top: 5px;
padding-right: 15px;
}

#insidebox{
margin-left: auto;
margin-right: auto;
width: 710px;
margin-left: 15px;
padding-left: 20px;
padding-right: 20px;
}


/* ---------------------------------------
	SIDEBAR
--------------------------------------- */
#sidebar{
width: 195px;
float: left;
text-align: justify;
}

sidebar h3{
text-align: left;
}

.sidebox{
padding-top: 10px;
padding-bottom: 4px;
border-bottom: 1px solid #1A1A1A;
}

.menubox {
width: 195px;}

.menu a {
color: white;
background-color: #262626;
padding: 15px;
display: block;
font-size: 11pt;
margin-bottom: 8px;
font-weight: bold;
text-decoration: none;
text-align: left;
letter-spacing: 0px;
border-bottom: 2px solid #0b0b0b;
}

.menu a:hover {
border-bottom: 2px solid #87acd3;
color: white;
text-decoration: none;
}

/* ---------------------------------------
	CONTENT
--------------------------------------- */
#content{
margin-left: auto;
margin-right: auto;
padding-right: 20px;
width: 490px;
float: left;
text-align: left;
}

img.steen-icon{
margin-right: 10px;
vertical-align: middle;
}

.icontext{
vertical-align: middle;
}

.iconwtext{
height: 16px;
text-align: left;
}

.block-med{
margin-bottom: 15px;
width: 490px;
}

img.thumb-med{
float: left;
padding-right: 10px;
}

.para-med{
float: left;
width: 360px;
margin-top: 20px;
}

#sitemap{
width: 370px;
margin-left: auto;
margin-right: auto;
}

.sitemappage{
height: 16px;
margin-left: 30px;
}

#cdetailbox{
width: 250px;
margin-left: auto;
margin-right: auto;
}

#hcard{
visibility: hidden;
}

.two-columnbox{
width: 490px;
margin-top: 20px;
}

.two-firstcolumn{
width: 225px;
padding-right: 20px;
float: left;
text-align: justify;
}

.delicious-post{
margin-bottom: 5px;
}

.two-secondcolumn{
width: 225px;
padding-left: 20px;
float: left;
text-align: justify;
}


/* ---------------------------------------
	FOOTER
--------------------------------------- */
#footer{
margin: 15px auto 0px auto;
width: 740px;
text-align: center;
padding: 20px 0px 35px 0px;
}