@charset "UTF-8";
/* CSS Document */

body, html {
	padding:0;
	margin:0;
	text-align:left;
	height:100%; 
	font-size:100%;
	font-family:"Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", "Lucida", sans-serif;
	color:#e9dcae;
	font-weight: normal;
	overflow:auto;
	border: none;
	
}

.container {
	padding:0;
	margin:0;
	width:100%;
	min-height:100%;
	background:#2c2123 url(../img/page-bg.gif) no-repeat center;
	background-position:top;
}

img {
	border:0;
	margin:0;
	padding:0;
	display:block;
}

p {
	color:#eaebe6;
	font-size:0.8em;
	margin:0 0 10px 0;
	line-height:1.3em;
}

.content {
	padding:20px 10px;
	
}

.content ul { 
	font: normal 0.8em "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", "Lucida", sans-serif;
	color: #eaebe6;
	line-height:1.3em;
	list-style-type: none; 
	padding: 0;
	margin: 0;
} 


.content li { 
	background-image: url(../img/bullet.gif);
	background-repeat: no-repeat;
	background-position: 0 0.7em;

	padding: 5px 0 5px 15px;

}



/* link styles */

a:link, a:visited {
	color:#e55302;
	text-decoration:none;
	margin:0;
	padding:0;
}

a:hover {
	color:#ff6418;
	text-decoration:underline;
}

/* heading styles */

h1 {
	color:#be3821;
	margin:0;
	padding:0 5px 5px 10px;
	font-size:22px;
	text-shadow:-1px -1px 0 #000;
}

h2 {
	color:#eaebe6;
	margin:0;
	padding:0 0 10px 8px;
	font-size:18px;
}

h3 {
	color:#be3821;
	margin:0;
	padding:0 0 10px 0;
	font-size:18px;
}

h4 {
	color:#be3821;
	margin:0;
	padding:20px 0 10px 0;
	font-size:18px;
}

h5 {
	color:#be3821;
	margin:0;
	padding:20px 0 5px 10px;
	font-size:18px;
	border-bottom: solid 1px #a8a19f;
}

h6 {
	color:#e9dcae;
	margin:0;
	padding:10px 0 0 0;
	font-size:20px;
}


.rule {
	width: 100%;
	height: 3px;
	background:#e9dcae;
}

/* wrapper to centre a 980 wide column on the page */

#wrapper {
	margin: 0 auto;
	width: 980px;
	text-align:left;
}

#header {
	margin: 0 auto;
	width: 962px;
	height:60px;
	text-align:left;

}

.headerImg {
	float: left;
}

#navigation {
	float: left;
}

#navigation img {
	margin-right:0px;
	display: inline;
}

.accessibility {
	display:none;
}



/* left column styles */

#leftcol {
	margin:50px 0 0 20px;
	padding: 0 15px 10px 0;
	text-align:left;
	float: left;
	display: inline;
	width: 590px;
}

/* project box styles */

.project {
	width: 590px;
	text-align:left;
	clear: both;
	
}


.projectHeader {
	padding: 5px;
	margin: 10px 0 0 0;
	width: 580px;
	background: #453135;

}

.projectHeader a:link, .projectHeader a:visited {
	font-size:0.7em;
	margin:0;
	padding:5px 15px 5px 10px;
	text-decoration:none;
	float:right;
}

.projectHeader a:hover {
	color:#ff6418;
	text-decoration:underline;
}

.screenshot {
	margin-top:20px;
}

.projectlink a:link, .projectlink a:visited {
	color:#eaebe6;
	margin:0;
	padding:5px 15px 5px 10px;
	text-decoration:none;
	background: url(../img/projectlink_bullet.gif) no-repeat;
	background-position: 0 0.7em;
}


.tags {
	width: 580px;
	/* background: #483338; */
	padding: 5px 0 5px 10px;
	border-top: solid 1px #533d42;
}


.tags a:link, .tags a:visited {
	color:#fff;
	font-size:0.7em;
	margin:0;
	padding:5px 15px 5px 10px;
	text-decoration:none;
	background: url(../img/bullet.gif) no-repeat;
	background-position: 0 0.9em;
}

.tags a:hover, .projectlink a:hover {
	color:#e55302;
}

.work {
	margin:10px 0 0 0;
	text-align:center;
	background:#FFFFFF;
	width:590px;
	padding:20px 0px;
}

.work img{
	margin:0 auto;
}


/* about box styles */

.about {
	width: 590px;
	margin-top:30px;
	text-align:left;
	clear: both;
}

.contact {
	background: #453135;
	padding:10px;
}

.widecolumn {
	width:340px;
	float:left;
	display:inline;
	padding-right:50px;
}

.narrowcolumn {
	width:180px;
	float:left;
	display:inline;
	padding:0;
}


#rightcol {
	width: 320px;
	padding: 0;
	margin-left: 15px;
	margin-top:50px;
	float: left;
	display: inline;	
}

.feature {
	margin:0 0 20px 0;
	padding:0;
}

.feature p {
	color:#eaebe6;
	font-size:0.8em;
	margin:0;
	padding:15px 10px;
	line-height:1.3em;
}

.featureHeader {
	padding: 5px 3px 3px 3px;
	margin: 10px 0 0 0;
	width: 314px;
	background: #453135;
	display:block;
}

.view {
	width:100%;
	height:20px;
	background: #483338 ;
	background-repeat: repeat;
}

.viewBtn {
	float:right;
	display: inline;	
	background: #eaebe6;
}

/* right navigation styles */

.rightnav {
	margin:0 0 20px 0;
	padding:0;
}

.rightnav p{
	margin:10px 0 0 12px;
	padding:0;
}


.rightnav ul { 
	font: normal 0.8em "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", "Lucida", sans-serif;
	color: #eaebe6;
	line-height:1.3em;
	list-style-type: none; 
	padding: 0;
	margin: 0;
} 


.rightnav li { 
	background-image: url(../img/navlink_bullet.gif);
	background-repeat: no-repeat;
	background-position: 10px 0.7em;
	border-bottom:solid 1px #533d42;
	padding: 5px 0 5px 28px;
}

.rightnav a:link, .rightnav a:visited {
	color:#eaebe6;
	text-decoration:none;
	margin:0;
	padding:0;
}

.rightnav a:hover {
	color:#ff6418;
	text-decoration:none;
}

 

#footer {
	clear:both;
	margin: 0 15px;
	padding:15px;
	width: 932px;
	min-height:60px;
	font-size:1em;
	color:#e5e7e0;
	text-align:left;
	border-top:dotted 1px #a8a19f;
	background-color:#dee0d7;
}



br.clearall {
	clear:both;
}