/*
Theme Name: Portfolio
Theme URI: http://giltvedt.net/
Description: Stian A. Giltvedt's portfolio templates
Version: 0.2
Author: Stian A. Giltvedt
Author URI: Stian A. Giltvedt
Tags: Custom Field, 960.gs, jQuery, killIE6, sifr, reset.css,
*/


html {
	background: url(images/topbackground_blue.png) #101010 no-repeat center top;
	#background: url(images/grid.png) #101010 no-repeat center top;
	font-family: Georgia;
	font-size: .8em;
	color: #ddd;
	}

body {

	}

#navlist li {
	display: inline;
	list-style-type: none;
	padding: 0 0 0 40px;
	}

.grid_7.omega #navlist li {
	text-transform: uppercase;
	font-size: 18px;
	}

#navlist, li a:link, a:visited {
	color: #ddd;
	}

#navlist, li a:visited {
	color: #ddd;
	}

#navlist, li a:hover {
	color: #77b823;
	}

a:link, a:hover, a:visited {
	color: #77b823;
	text-decoration: none;
	}

/* Typography start */

h1 {
	font-size: 2em;
	}

h2 {
	font-size:2em;
	/*margin-bottom:0.75em;*/
	}
	
h2 .workcat {
	color: #6a6a6a;
	text-transform: lowercase;
	}

h3 {
	font-size:1.6em;
	line-height:1;
	/*margin-bottom:1em;*/
	}

h4 {
	font-size:1.3em !IMPORTANT;
	line-height:1.25;
	/*margin-bottom:1.25em;*/
	}

p {
	line-height: 1.6em;
	margin:0 0 1.5em;
	}
/* Typography end */

/* Header start */
h1 {
	text-transform: uppercase;
	}

.grid_12.header {
	font-family: "Trebuchet MS";
	border-bottom: #1d1d1d solid 1px;
	padding: 100px 0 10px 0;
	margin-bottom: 20px;
	}

.grid_5.alpha h1 {
	color: #77b823;
	float: left;
	}

.grid_5.alpha img {
	margin: -28px 20px 0 0;
	float: left;	
}

.grid_7.omega #navlist {
	float: right;
	clear: both;
}

/* Header end */

blockquote {
	background: url(images/quote.png) no-repeat left top;
	font-style: italic;
	margin-left: 10px;
	padding: 5px 0 0 35px;
	line-height: 1.6em;
}

.worktitle {
	background: url(images/trans.png);
	height: 10px;
	padding: 10px;
	margin-top: -30px;
}

/* Work start */

.frontslide {
	width: 920px !IMPORTANT;
	background-color: black;
	position: relative;
	z-index: 1;
	padding: 10px;
	min-height: 580px;
	margin-bottom: 20px;
}

.slideintro {
	background: url(images/trans.png);
	margin-top: -190px;
	padding: 20px 70px;
	height: 150px;
	width: 780px;
	position: relative;
	z-index: 2;
}

.slideintro p:first-child {
	font-family: "Trebuchet MS";
	font-size: 28px;
}

.slideintro blockquote {
	font-size: 18px;
	margin-bottom: 28px;
}

.work {
	width: 920px !IMPORTANT;
	min-height: 580px;
	text-align: center;
	background-color: black;
	padding: 10px;
	margin-bottom: 1.5em;
}

#workgallery p {
	text-align: center;
	width: 920px;
	margin: 0 auto;
	padding: 0 auto;
}

#workgallery {
	position: relative;
	z-index: 0;
}

#workgallerynav {
	width: 400px;
	margin: 0 auto;
	position: relative;
	z-index: 10;
}

#workgallerynav a, #workgallery strong {
	background:#1d1d1d;
	margin: 0 4px;
	color: white;
	text-align: center;
	padding: 2px 5px;
	font-size: .9em;
}


.workinfo {
	width: 280px !IMPORTANT;
	border-left: solid 1px #1d1d1d;
	padding: 0 10px;
	font-size: .9em;
}

.workinfo dl {
	float:left;
	width: 100%
	}

.workinfo dt {
	float:left;
	clear:left;
	font-weight:bold;
	line-height: 1.6em;
	width:110px;
	}
.workinfo dd {
	float: left;
	line-height: 1.6em;
	width: 160px;
	}

/* Work end */

.grid_8 .grid_1 {
	text-align: center;
}

/* Sidebar start */

.sidebar {
	width: 260px !IMPORTANT;
	background-color: #000;
	padding: 15px 20px 0 20px;
	font-size: 12px;
	}

.files {
	text-align: center;
	width: 130px !IMPORTANT;
	margin: 0 !IMPORTANT;
	}
	
.contact dl {
	float:left;
	width: 100%;
	margin-bottom: 1.2em;
	}

.contact dt {
	float:left;
	clear:left;
	font-weight:bold;
	line-height: 1.3em;
	width:60px;
	}

.contact dd {
	float: left;
	line-height: 1.3em;
	margin-bottom: 5px;
	}

.socialnetwork dl {
	float:left;
	width: 100%;
	margin-bottom: 1.2em;
	}
	
.socialnetwork dt {
	float: left;
	clear: left;
	line-height: 1.3em;
	width: 130px !IMPORTANT;
	}

.socialnetwork dd {
	float: right;
	clear: right;
	line-height: 1.3em;
	width: 130px !IMPORTANT;
	}

.contact, .socialnetwork, .files, .twitter {
	font-size: .9em;
}

.contact small {
	font-size: .8em;
}

/* Sidebar end */

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}


/* Forms start */
input {
	float: left;
	width: 280px;
	padding: 5px 10px;
	margin: 0;
	background: black;
	color: #ddd;
	font-family: Georgia;
	font-size: 24px;
	border: 0px solid;
	margin-bottom: 1em;
}

textarea {
	font-family: Georgia;
	font-size: 18px;
	color: #ddd;
	float: left;
	width: 600px;
	max-width: 600px;
	margin: 0 0 0 -10px;
	padding: 5px 10px;
	background: black;
	border: 0px solid;
	margin-bottom: 1em;
}

/* Forms end */

/* Footer start */
.grid_12.footer {
	font-family: "Trebuchet MS";
	border-top: #1d1d1d solid 1px;
	padding: 10px 0;
	margin-top: 20px;
	font-size: 10px;
	}
/* Footer end */