/*
Theme Name: SteveGifford2
Description: "Vista" is a free WordPress theme inspired by Windows Vista interface. Options page allows you to change to 2 or 3 columns page layout. Designed by <a href="http://www.azmoney.co.uk">AZ Money</a> Web Design.
Version: 1.3
Author: Steve Gifford
Author URI: http://www.stevegifford.com
Tags: green, white, blue, black, two-columns, right-sidebar, fixed-width, theme-options, threaded-comments
*/

/* reset */

html, body, div, span, h1, h2, h3, h4, h5, h6, p, blockquote, a, img, ol, ul, li, form, table, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	line-height: 1;
	text-align: left;
}



html, body, * html .main { height:100%; background: #000; }
table { border-collapse:collapse; }
body, td, form, h1, h2, h3, h4, h5 ,h6, ul, li, p { margin:0; padding:0; }
img { border:0 none; }
map { display:none; }
h1, h2, h3, h4, h5 ,h6 { letter-spacing:normal; }

.wf { width:100%; }
.hf { height:100%; }
.whf { width:100%; height:100%; }
.tar { text-align:right; }
.tal { text-align:left; }
.tac { text-align:center; }
.di img { display:inline;}
img.di { display:inline;}
.clr { clear:both; height:1px; overflow:hidden; }
.clear { clear:both; }
object { display:block; }	
.fl { float:left; }
.fr { float:right; }
.block { display:block; }
.hide { display:none; }

body, td, th, form, h1, h2, h3, h4, h5 ,h6, ul, li, p, div, a, code, blockquote { font-size:13px; font-family:Arial,  Times, serif; color:#000; line-height:200%; }
textarea, input { font-size:13px; font-family:Arial, "Times New Roman", Times, serif; color:#000; max-width: 550px; }
a, a:link, a:active { text-decoration:underline; color:#06C; }
a:hover { color:#06C; }
a:visited { color:#06C;/*#6300CC*/; }
.ainv a, .ainv a:link, .ainv a:visited, .ainv a:active { text-decoration:none; }
.ainv a:hover { text-decoration:underline; }
a.ainv:link, a.ainv:visited, a.ainv:active { text-decoration:none; }
a.ainv:hover { text-decoration:underline; }
small, small a { font-size: 11px; }

/** page structure **/

.main {
background:url("img/sg_bg.jpg") no-repeat fixed 0 0 #000000;
min-height:100%;
}

/* Header */

.header {	background:url(img/sg_header.png) 0 0 no-repeat;	background-position: center top;	height:300px;	width:100%; }

.top-title {
	height: 77px;
	width: 313px;
	position: relative;
	top: 100px;
	left: 200px;
}
	.top-title a {
		text-decoration: none;
	}
.slogan {
	color:#D5BE80;
	float:right;
	font-size:12px;
	font-weight:200;
	height:80px;
	line-height:130%;
	padding-left:20px;
	width:300px;
	position: relative;
	top: 20px;
	left: 600px;
}

.top-nav {
	color:#75d3c9;
	float:left;
	height:80px;
	padding: 0 20px 0 20px;
	position:relative;
	top: 20px;
	left:600px;
	width:200px;
	border-left: 1px solid #b5b5b5;
	border-right: 1px solid #b5b5b5;
}

.list-1, .list-2, .list-3 {
	list-style:none;
	padding:0;
	margin:0;
}
.list-1 {
	height:20px;
}
	.list-1 li {
		height:20px;
		list-style:none;
		padding:0;
		float:left;
		display:block;
		margin:0;
		line-height:110%;
	}
	.list-1 li {
		height:22px;
		width: 80px;
		padding:6px 6px 0 6px;
		float:left;
		text-transform: uppercase;
		text-align: left;
	}
	.list-1 a {
		font-size:12px;
		line-height:110%;
		color:#75d3c9;
	}
	
		.list-1 a:hover {
		color:#ffffff;
		text-decoration: none;
		border-bottom: 2px solid #ff0000;
	}
	
	.list-1 a.act, .list-1 li.current_page_item {
		color:#ffffff;
	}
	.top-nav span.fr {
		padding:6px 20px 0 20px;
		border-left:1px solid #9FA2A4;
		height:22px;
		line-height:100%;
	}
	.top-nav div.fr {
		padding:1px 0 0 0;
		line-height:100%;
	}
	
/* Main */

.padds {
	margin:0 auto;
	padding:20px 0;
	width:100%;
}

 .latesthead {
	background:url(img/latestwork_head.png) no-repeat;
 	width:697px;
 	height:136px;
 }
	
.button {
	cursor:pointer;
	font-size:13px;
	color:#000;
}
.textfield {
	width:150px;
	color:#999;
	font-size:13px;
}
.search-button {
	/* background:url(img/find.gif) no-repeat; */
	width:50px;
	/* height:22px; */
	text-align:center;
	/* border:0 none; */
	margin:0 20px 0 10px;
}
.orange-button {
	background:url(img/button.gif) no-repeat;
	width:94px;
	height:25px;
	text-align:center;
	border:0 none;
	color:#FFF;
}
.search-textfield {
	padding-left:20px;
	background:url(img/search.gif) 4px 4px no-repeat #FFF;
}
.footer {
	height:120px;
	background:url(img/footer.png) no-repeat;
	margin-top: 50px;
}
	.footer div {
		padding:30px 20px 0 20px;
	}
	.footer * {
		font-size:13px;
		color:#5F6263;
		text-decoration:none;
	}
.side-padds {
	width:1000px;
	margin-left:auto;
	margin-right:auto;
	min-height:1px;
}
* html .side-padds {
	height:1px;
}


div.span-1, div.span-2, div.span-3, div.span-4, div.span-5, div.span-6, div.span-7, div.span-8, div.span-9,
div.span-10, div.span-11, div.span-12, div.span-13, div.span-14, div.span-15, div.span-16, div.span-17,
div.span-18, div.span-19, div.span-20, div.span-21, div.span-22, div.span-23, div.span-24 {float: left; margin-right: 20px;}

.span-1  { width: 20px;}
.span-2  { width: 60px;}
.span-3  { width: 100px;}
.span-4  { width: 140px;}
.span-5  { width: 180px;}
.span-6  { width: 220px;}
.span-7  { width: 260px;}
.span-8  { width: 300px;}
.span-9  { width: 340px;}
.span-10 { width: 380px;}
.span-11 { width: 420px;}
.span-12 { width: 460px;}
.span-13 { width: 500px;}
.span-14 { width: 540px;}
.span-15 { width: 580px;}
.span-16 { width: 620px;}
.span-17 { width: 660px;}
.span-18 { width: 700px;}
.span-19 { width: 740px;}
.span-20 { width: 780px;}
.span-21 { width: 820px;}
.span-22 { width: 860px;}
.span-23 { width: 900px;}
.span-24, div.span-24 { width: 940px; margin: 0; }


.side-block, .list-4 li {
	background:none repeat scroll 0 0 #F5EBD7;
	border:1px solid #E19D3C;
	left:50px;
	line-height:150%;
	margin:0 0 15px;
	padding:10px 15px;
	position:relative;
	width:175px;
}
	.side-block *, .list-4 * {
		line-height:150%;
	}
	.side-block ul li {
		padding:0 0 5px 20px;
		background:url(img/raquo.gif) 4px 7px no-repeat;
		margin:0;
		list-style:none;
		display:block;
	}
.side-title {
	font-size:17px;
	padding:0 0 5px 0;
}
	.list-2 li {
		padding:0 0 10px 20px;
		background:url(img/raquo.gif) 4px 5px no-repeat;
		margin:0;
		list-style:none;
		display:block;
	}
	.list-2 .sublevel {
		padding:0 0 10px 36px;
		background:url(img/raquo.gif) 20px 5px no-repeat;
	}
	.list-2 span {
		font-size:11px;
		color:#999;
	}
	.list-2 .act {
		font-weight:bold;
		color:#CC4200;
	}
.list-3 li.i {
	background:url("img/main_bg.png") repeat-y scroll 0 0 transparent;
	list-style: none;
	margin-right:50px;
	padding-bottom:40px;
	padding-left:43px;
	padding-right:100px;
	width:600px;
}
		.list-3 li.i p {
			padding-bottom: 15px;
		}
		.list-3 li.i h3 {
			font-size: 15px;
		}
		.list-3 li.i h4 {
			font-size: 13px;
		}
		.list-3 li.i ul {
			padding-bottom: 15px;
		}
			.list-3 li.i p ul {
				padding-bottom: 0px;
			}
		blockquote {
			display:block;
			margin:0;
			background:url(img/top-quotes.gif) 20px 0 no-repeat;
			padding:0 0px 15px 0px;
			font-style: italic;
		}
		blockquote p {
			display:block;
			background:url(img/bottom-quotes.gif) right bottom no-repeat;
			padding:20px 20px 20px 40px;
			margin:0 20px 0 0;
		}
		code {
			margin:0 20px;
			padding:15px;
			background:#F3F3F3;
			display:block;
			border:1px solid #DDDDDD;
		}
	* html .list-3 li {
		height:1px;
	}
ul.children {
	margin-top: 5px;
}
	ul.children li {
		padding:0 0 3px 15px;
		background:url(img/arrow.gif) 3px 7px no-repeat;
	}

.calendar {
	background:url(img/calendar.gif) no-repeat;
	width:47px;
	height:53px;
	line-height:100%;
	position:absolute;
	margin:0 auto auto 0;
}
	.calendar span {
		padding:11px 0 6px 0;
		color:#FFF;
		font-size:11px;
		line-height:100%;
	}
	.calendar div {
		font-weight:bold;
		color:#FFF;
		font-size:19px;
		line-height:100%;
	}
	.title * {
		line-height:110%;
	}
	.title div {
		padding:3px 0 0 0;
		font-size:13px;
		color:#999;
		line-height:150%;
	}
		.title div a {
			font-size:13px;
		}

.title-1, .title-1 a {
	font-size:19px;
	font-weight:bold;
	margin: 1px 0 3px 0;
}
.permalink {
	padding:0 0 0 25px;
	margin:0 30px 0 0;
	background:url(img/permalink.gif) 0 0 no-repeat;
	font-size:11px;
}
.comments {
	padding:0 0 0 25px;
	margin:0 30px 0 0;
	background:url(img/comment.gif) 0 0 no-repeat;
	font-size:11px;
}
.title-2 {
	font-size:17px;
	/* border-bottom:2px solid #BEE2D5; */
	line-height: 130%;
	margin-bottom: 15px;
}
p.clear {
	padding:10px 0 0 0;
}
	.list-3 ul {
		display:block;
		padding:0;
		margin:0;
		list-style:none;
	}
		.list-3 ul li {
			display:block;
			padding:0 0 0 20px;
			background:url(img/raquo.gif) 5px 11px no-repeat;
			margin:0;
			list-style:none;
			position:relative;
		}
.list-4 {
	display:block;
	padding:0;
	margin:0;
	list-style:none;
}
	.list-4 li {
		display:block;
		list-style:none;
		margin-left:-50px;
		padding:15px 20px 7px;
		width:500px;
		min-height: 100px;
	}
		.list-4 li p {
			padding-bottom: 8px;
			line-height: 200%;
			margin-left: 160px;
		}
		.list-4 li cite {
			font-size: 13px;
		}
	* html .list-4 li {
		padding:0 40px 0 20px;
	}
	*:first-child+html .list-4 li {
		padding:0 40px 0 20px;
	}
	* html .list-4 img {
		margin:20px auto auto 0;
	}
	*:first-child+html .list-4 img {
		margin:20px auto auto 0;
	}
	* html .list-4 p img {
		margin:0px auto auto 0;
	}
	*:first-child+html .list-4 p img {
		margin:0px auto auto 0;
	}
.list-4 .com-header {
	border-bottom:1px solid #DAF2FC;
	display:block;
	float:left;
	margin-bottom:10px;
	margin-right:10px;
	padding-bottom:13px;
	width:150px;
	border-right: 1px solid #666;
}
		.list-4 .com-header img {
			display: block;
			float: left;
			padding: 5px;
			background:url(img/border.gif) 0 0 no-repeat;
		}
	.list-4 .tp {
		display:block;
		padding:0 0 0 55px;
		margin:0;
		text-align:left;
	}
		.list-4 .tp cite {
			display:block;
			padding:0;
			margin:0;
			font-weight: bold;
			font-style: normal;
		}
#wp-calendar caption {
	padding-bottom: 5px;
}
#wp-calendar th {
	padding-top: 5px;
}
#wp-calendar td {
	padding-right: 7px;
	line-height: 150%;
}
#wp-calendar tbody td a {
	padding: 2px;
	background-color: #daf2fc;
}
.widget_search .fr {
	float: none;
	margin: 7px 0;
}

.widget_search .textfield {
	width: 125px;
	margin-bottom: 7px;
}
.widget_search .search-button {
	padding: 0;
	margin: 0;
}

.alignnone {
	padding: 0px 15px 5px 0;
}
.alignleft {
	float: left;
	padding: 0px 15px 5px 0;
}
.alignright {
	float: right;
	padding: 0px 0px 5px 15px;
}
.aligncenter {
	float: right;
	padding: 0px 0px 5px 15px;
}

.com {
	background:url("img/main_bg.png") repeat-y scroll 0 0 transparent;
	display:block;
	list-style:none;
	margin-right:50px;
	margin-bottom: 0px;
	min-height:1px;
	padding-bottom:40px;
	padding-left:70px;
	padding-right:100px;
	width:600px;
}
.com blockquote {
	background-position: 0 0;
	padding: 0;
	margin: 0;
}
	.com blockquote p {
		padding: 0 30px;
		margin: 0;
		color: #666666;

	}
.com code {
	margin: 0;
	font-family: monospace;
	font-size: 13px;
	padding: 8px 15px;
	background-color: white;
	border: 1px solid #DAF2FC;
	color: #666666;
}
#commentform p {
	margin-bottom: 5px;
}
	#commentform p label {
		margin-left: 5px;
	}
.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding: 4px 0 0 0;
	margin: 0 0 15px 0;
	/** -moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px; **/
}

	.wp-caption img {
		display: block;
		margin: auto auto;
		padding: 0 0;
	}
	.wp-caption p.wp-caption-text {
		padding: 3px 0;
	}
.wp-caption-dd {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}

.com ul.children li {
	background: none;
}

/* Portfolio */

.portfolio-big {
	margin: 7px;
	float: left;
}

.portfolio-small {
	margin: 5px;
	float: left;
	display: inline;
}

/* Sidebar */

 .sidebar {
 	background:url(img/sidebar_bg.png) repeat-y;
 	background-position:center;
	width:308px;
	margin-left:100px;
 }
 
 /* */
 
div.last { margin-right: 0; }

.followme {
 background:url(img/followme_head.png) no-repeat;
 width:308px;
 height:119px;
  margin-left:100px;
 }
 .sidebar {
 background:url(img/sidebar_bg.png) repeat-y;
  background-position:center;
 width:308px;
 margin-left:100px;
 }
 .sidebarend {
 background:url(img/sidebar_end.png) no-repeat;
 width:308px;
 height:93px;
 margin-top:-15px;
  margin-left:100px;
 }
 .latesthead {
 background:url(img/latestwork_head.png) no-repeat;
 width:697px;
 height:136px;
 }
 .abouthead {
 background:url(img/about_head.png) no-repeat;
 width:697px;
 height:136px;
 }
 .latesthead {
 background:url(img/latestwork_head.png) no-repeat;
 width:697px;
 height:136px;
 }
 .portfoliohead {
 background:url(img/portfolio_head.png) no-repeat;
 width:697px;
 height:136px;
 }
 .bloghead {
 background:url(img/blog_head.png) no-repeat;
 width:697px;
 height:136px;
 }
 .resumehead {
 background:url(img/resumehead.png) no-repeat;
 width:697px;
 height:136px;
 }
 .resumetitle {
 background-color: #996600;
	font-family: helvetica, arial, sans-serif;
	font-size:16px;
	font-weight: bolder;
	color: #FFFFFF;
	width:550px;
	height: 20px;
	padding-left:20px;
    line-height:150%;
	}
	.resumetext {
	width:550px;
	background-color: #f5ebd7;
	border-top-width: 0px;
	padding-top:15px;
	padding-left:20px;
	padding-bottom:10px;
	line-height:120%;
	}
 .contacthead {
 background:url(img/contact_head.png) no-repeat;
 width:697px;
 height:136px;
 }
 .resourceshead {
 background:url(img/resources_head.png) no-repeat;
 width:697px;
 height:136px;
 }
 .mainend {
 background:url(img/main_bg_bottom.png) no-repeat;
 width:697px;
 height:136px;
 }
.twit {
padding-left:55px;
padding-bottom:10px;
}

.downloads { text-align: center; font-weight: bold; border: 1px solid #fff; padding: 5px 10px 5px 10px; font-family: Georgia,Times New Roman,serif; font-size: 20px; clear: both; margin: 0 20px 20px 20px; background-color: #f6ecda; }
.downloads a, .downloads a:link, .downloads a:visited, .downloads a:active { color:#000; padding-bottom:10px; font-family: Georgia,Times New Roman,serif; }

.downloads a:hover { color: #ff0000; }

	.side-block *, .list-4 * {
		line-height:150%;
	}
	.side-block ul li {
		padding:0 0 5px 20px;
		background:url(img/raquo.gif) 4px 7px no-repeat;
		margin:0;
		list-style:none;
		display:block;
	}
.side-title {
	font-size:17px;
	padding:0 0 5px 0;
}
	.list-2 li {
		padding:0 0 10px 20px;
		background:url(img/raquo.gif) 4px 5px no-repeat;
		margin:0;
		list-style:none;
		display:block;
	}
	.list-2 .sublevel {
		padding:0 0 10px 36px;
		background:url(img/raquo.gif) 20px 5px no-repeat;
	}
	.list-2 span {
		font-size:11px;
		color:#999;
	}
	.list-2 .act {
		font-weight:bold;
		color:#CC4200;
	}
	.list-3-home li.i {
		background:url(img/main_bg.png) repeat-y;
		width:600px;
		margin-right:50px;
		list-style:none;
		display:block;
		min-height:1px;
		padding-left:70px;
		padding-right:100px;
		padding-bottom:40px;
	}
		.list-3 li.i p {
		line-height:125%;
		margin-right:30px;
		padding-bottom:15px;
		}
		.list-3-home li.i p {
		line-height:125%;
		margin-right:60px;
		padding-bottom:15px;
		}
		.list-3 li.i h3 {
			font-size: 15px;
			line-height:150%;
		}
		.list-3 li.i h4 {
			font-size: 13px;
		}
		.list-3 li.i ul {
			padding-bottom: 15px;
		}
			.list-3 li.i p ul {
				padding-bottom: 0px;
			}
		blockquote {
			display:block;
			margin:0;
			background:url(img/top-quotes.gif) 20px 0 no-repeat;
			padding:0 0px 15px 0px;
			font-style: italic;
		}
		blockquote p {
			display:block;
			background:url(img/bottom-quotes.gif) right bottom no-repeat;
			padding:20px 20px 20px 40px;
			margin:0 20px 0 0;
		}
		code {
			margin:0 20px;
			padding:15px;
			background:#F3F3F3;
			display:block;
			border:1px solid #DDDDDD;
		}
	* html .list-3 li {
		height:1px;
	}
ul.children {
	margin-top: 5px;
}
	ul.children li {
		padding:0 0 3px 15px;
		background:url(img/arrow.gif) 3px 7px no-repeat;
	}

.calendar {
	background:url(img/calendar.gif) no-repeat;
	width:47px;
	height:53px;
	line-height:100%;
	position:absolute;
	margin:0 auto auto 0;
}
	.calendar span {
		padding:6px 0 6px 0;
		color:#FFF;
		font-size:11px;
		line-height:100%;
	}
	.calendar div {
		font-weight:bold;
		color:#000000;
		font-size:19px;
		padding-top:8px;
		line-height:100%;
	}
.title, .title-0 {
	padding:6px 60px 15px 60px;
	line-height:110%;
}
	.title * {
		line-height:110%;
	}
	.title div {
		padding:3px 0 0 0;
		font-size:13px;
		color:#999;
		line-height:150%;
	}
		.title div a {
			font-size:13px;
		}
.title-0 {
	padding:0;
	margin:0;
}
	.title-0 .title-1 {
		margin-top: 0;
		padding-top: 0;
	}
.title-1, .title-1 a {
	font-size:19px;
	font-weight:bold;
	margin: 1px 0 3px 0;
}
.permalink {
	padding:0 0 0 25px;
	margin:0 30px 0 0;
	background:url(img/permalink.gif) 0 0 no-repeat;
	font-size:11px;
}
.comments {
	padding:0 0 0 25px;
	margin:0 30px 0 0;
	background:url(img/comment.gif) 0 0 no-repeat;
	font-size:11px;
}
.title-2 {
	font-size:17px;
	/* border-bottom:2px solid #BEE2D5; */
	line-height: 130%;
	margin-bottom: 15px;
}
p.clear {
	padding:10px 0 0 0;
}

/* List Styles */
	
	
	.list-3 ul {
		display:block;
		padding:0;
		margin:0;
		list-style:none;
	}
		.list-3 ul li {
			display:block;
			padding:0 0 0 20px;
			background:url(img/raquo.gif) 5px 11px no-repeat;
			margin:0;
			list-style:none;
			position:relative;
		}

#wp-calendar caption {
	padding-bottom: 5px;
}
#wp-calendar th {
	padding-top: 5px;
}
#wp-calendar td {
	padding-right: 7px;
	line-height: 150%;
}
#wp-calendar tbody td a {
	padding: 2px;
	background-color: #daf2fc;
}
.widget_search .fr {
	float: none;
	margin: 7px 0;
}

.widget_search .textfield {
	width: 125px;
	margin-bottom: 7px;
}
.widget_search .search-button {
	padding: 0;
	margin: 0;
}

.alignnone {
	padding: 0px 15px 5px 0;
}
.alignleft {
	float: left;
	padding: 0px 15px 5px 0;
}
.alignright {
	float: right;
	padding: 0px 0px 5px 15px;
}
.aligncenter {
	float: right;
	padding: 0px 0px 5px 15px;
}

.com blockquote {
	background-position: 0 0;
	padding: 0;
	margin: 0;
}
	.com blockquote p {
		padding: 0 30px;
		margin: 0;
		color: #666666;

	}
.com code {
	margin: 0;
	font-family: monospace;
	font-size: 13px;
	padding: 8px 15px;
	background-color: white;
	border: 1px solid #DAF2FC;
	color: #666666;
}

#commentform #submit {
	background: #000000;
	border:1px solid #FFFFFF;
	color:#FFFFFF;
	float:right;
	margin:5px 50px 5px auto;
	padding:5px;
	text-transform:uppercase;
}

#commentform p {
	margin-bottom: 0px;
        line-height: 1em;
}
	#commentform p label {
		margin-left: 5px;
	}