/* Layout */

body {
	text-align:center;
	background-color:#000000;
	font-size:14px;
	font-family: "lucida grande", "trebuchet MS", tahoma, arial, sans-serif;
	line-height:20px;
	color:#CCCCCC;
	padding:0px;
	margin:0px;
}

#container {
	width:960px;
	margin-left: auto;
	margin-right: auto;
	text-align:left;
}

#content {
	float:left;
	width:774px;
	margin-left:12px;
	margin-right:12px;
	position:relative;
	top:-15px;
}

#contentpad {
	margin-left:24px;
	margin-right:24px;
}

#head {
	height:85px;
	margin-left: auto;
	margin-right: auto;
	margin-top:20px;
	width:960px;
}

#footer {
	padding-bottom:20px;
	width:960px;
	margin:auto;
}

#footblock {
	margin-left: auto;
	margin-right: auto;
	font-size:12px;
	width:236px;
	position:relative;
	left:80px;
}

#leftnav {
	float:left;
	width:160px;
	text-align:right;
	margin-top:8px;
}

#crumb {
	position:relative;
	top:-28px;
	left:10px;
	font-size:13px;
}

/* Elements */

div.news {
	height:400px;
	width:192px;
	font-size:14px;
}

div.news2 {
	margin-left:20px;
	margin-top:8px;
	color:white;
}

div.news3 {
	width:192px;
	font-size:14px;
	margin-left:580px;
}

#homepage {
	background:url("img/background.jpg") no-repeat;
	height:520px;
}

div.random {
	margin-left:380px;
	margin-top:140px;
	font-size:14px;
}

div.randomlinks {
	font-size:14px;
}

div.random2 {
	margin-left:20px;
	margin-top:8px;
	width:450px;
}

.random2 .center {
	text-align:left;
}

p.no-top-margin { 
	margin-top:0px;
}

/* Formatting */

.tab {
	margin-left:25px;
}

.center {
	text-align:center;
}

.bold {
	font-weight:bold;
}

.left {
	float:left;
}

.clear {
	clear:both;
}


input.field {
	color:#FFFFFF;
	background-color:#222222;
	border:1px solid #555555;
	padding:1px 4px;
}

input.field:hover {
	border:1px solid #888888;
	background-color:#333333;
}

input.field:focus {
	background-color:#333333;
}

input.button {
	color:#66CC33;
	font-weight:bold;
	background-color:#222222;
	border:1px solid #555555;
	cursor:pointer;
	padding:0px 4px;
}

input.button:hover {
	color:#FFFFFF;
	background-color:#333333;
	border:1px solid #888888;
}

/* Headers */

h1, h2, h3, h4 {
	margin:0px;
	padding:0px;
	font-size:13px;
	font-weight:normal;
	display:inline;
}

.smalltext {
	font-size:12px;
}

strong {
	font-weight:normal;
}

strong.smalltext {
	font-weight:bold;
}

/* Images */

#lsfbanner {
	position:relative;
	right:10px;
	border:0px;
	margin:0px;
	padding-top:10px;
	float:left;
}

#lsflogo {
	border:0px;
	margin:0px;
	padding-top:4px;
	float:left;
	width:141px;
}

img.right {
	float:right;
	margin-left:16px;
	margin-bottom:10px;
}

img.left {
	float:left;
	margin-right:16px;
	margin-bottom:10px;
}

img.border {
	border:solid 1px;
}

/* Links */

a {
	color: #66CC33;
	text-decoration: none;
}

a:hover {
	color: #FFFFFF;
	text-decoration: none;
}

.footnav {
	font-size:12px;
	padding:0px 8px;
	display:block;
	float:left;
	padding-bottom:6px;
}

/* Left Nav */

#leftnav a {
	position:relative;
	display:block;
	background-repeat:no-repeat;
}

a.web {
	left:50px;
	width:115px;
	height:25px;
	margin-bottom:2px;
	background-image:url("img/links/web.gif");
	background-position:0px 0px;
}

a.web:hover {
	background-position:0px -25px;
}

a.graph {
	left:15px;
	width:150px;
	height:19px;
	margin-bottom:6px;
	background-image:url("img/links/graphic.gif");
	background-position:0px 0px;
}

a.graph:hover {
	background-position:0px -20px;
}

a.film {
	left:16px;
	width:150px;
	height:20px;
	margin-bottom:5px;
	background-image:url("img/links/film.gif");
	background-position:0px 0px;
}

a.film:hover {
	background-position:0px -21px;
}

a.audio  {
	left:6px;
	width:155px;
	height:19px;
	margin-bottom:18px;
	background-image:url("img/links/audio.gif");
	background-position:0px 0px;
}

a.audio:hover {
	background-position:0px -19px;
}

a.photo  {
	left:38px;
	width:125px;
	height:20px;
	margin-bottom:5px;
	background-image:url("img/links/photo.gif");
	background-position:0px 0px;
}

a.photo:hover {
	background-position:0px -21px;
}

a.ill {
	left:40px;
	width:125px;
	height:20px;
	margin-bottom:4px;
	background-image:url("img/links/ill.gif");
	background-position:0px 0px;
}

a.ill:hover {
	background-position:0px -21px;
}

a.paint {
	left:80px;
	width:90px;
	height:21px;
	margin-bottom:3px;
	background-image:url("img/links/paint.gif");
	background-position:0px 0px;
}

a.paint:hover {
	background-position:0px -21px;
}

a.digital {
	left:56px;
	width:110px;
	height:22px;
	margin-bottom:3px;
	background-image:url("img/links/digital.gif");
	background-position:0px 0px;
}

a.digital:hover {
	background-position:0px -22px;
}

a.music {
	left:102px;
	width:60px;
	height:21px;
	margin-bottom:4px;
	background-image:url("img/links/music.gif");
	background-position:0px 0px;
}

a.music:hover {
	background-position:0px -21px;
}

a.vid {
	left:58px;
	width:105px;
	height:21px;
	margin-bottom: 18px;
	background-image:url("img/links/vid.gif");
	background-position:0px 0px;
}

a.vid:hover {
	background-position:0px -21px;
}

a.contact  {
	height:21px;
	left:76px;
	width:86px;
	margin-top:4px;
	margin-bottom:3px;
	background-image:url("img/links/contact.gif");
	background-position:0px 0px;
}

a.contact:hover {
	background-position:0px -21px;
}

a.resume {
	height:22px;
	left:76px;
	width:83px;
	margin-bottom:6px;
	background-image:url("img/links/resume.gif");
	background-position:0px 0px;
}

a.resume:hover {
	background-position:0px -22px;
}

a.links {
	height:21px;
	left:103px;
	width:54px;
	margin-bottom:3px;
	background-image:url("img/links/links.gif");
	background-position:0px 0px;
}

a.links:hover {
	background-position:0px -21px;
}

a.extras {
	height:22px;
	left:76px;
	width:80px;
	background-image:url("img/links/extras.gif");
	background-position:0px 0px;
}

a.extras:hover {
	background-position:0px -22px;
}

/* GALLERY */

div.imagegal {
	border:0px;
	text-align:center;
}

img.thumb {
	margin-right:5px;
	margin-left:5px;
	height:75px;
	margin-bottom:10px;
	/*border:1px #000000 solid;*/
	border:1px #000000 solid;
}

/*img.thumb:hover {
	border:1px #66CC33 solid;
}*/

img.full {
	/*border:1px #000000 solid;*/
	border:1px #000000 solid;
}

/*img.full:hover {
	border:1px #66CC33 solid;
}*/

td.imginfo {
	font-size:14px;
	text-align:right;
	width:76px;
	border-right:1px white solid;
	padding-right:8px;
}

td.imgdetails {
	font-size:14px;
	text-align:left;
	padding-left:8px;
}

div.imgfull {
	text-align:center;
}
