/*
Theme Name: Vista
Theme URI: http://www.azmoney.co.uk/wordpress-themes/vista
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.1
Author: AZ Money
Author URI: http://www.azmoney.co.uk
Tags: green, white, blue, black, two-columns, right-sidebar, fixed-width, theme-options, threaded-comments
*/


html, body, * html .main { height:100%; }
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 !important; }
.tal { text-align:left !important; }
.tac { text-align:center !important; }
.di img { display:inline !important;}
img.di { display:inline !important;}
.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:Tahoma; color:#000; line-height:140%; }
textarea, input { font-size:13px; font-family:Tahoma, "Times New Roman", Times, serif; color:#000; }
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; }

/** basic **/

/**
== STRUCTURE: ========================
    * Page width:            980 px
    * Number of columns:     24
    * Column width:          20 px
    * Margin width:          20 px
======================================
**/

/* added while developing */

/* added while developing */


.main {
	min-height:100%;
	/*background:url(img/main.gif) 0 0 repeat-x #50936d;*/
}
.padds {
	padding:0px 0;
	width:948px;
	margin:0 auto;
	background-color:#f7f7f7;
}
.borders {
	border:1px solid #CFE3DC;
}
.bg-1 {
	background:#58A087;
	padding:4px;
}
.bg-2 {
	background:#FFF
}
.header {
	background:url(img/header.jpg) 0 0 no-repeat;
	height: 104px;
	padding: 20px 20px 0 20px;
}
.top-title {
	font-size:50px;
	line-height:80%;
	font-weight: bold;
}
	.top-title a {
		font-size:50px;
		line-height:80%;
		color:#FFF !important;
		text-decoration:none;
	}
.slogan {
	font-size:19px;
	padding:15px 0 0 0;
	line-height:80%;
	font-weight:normal;
}
.white {
	color:#FFF;
}
.top-nav {
	background:url(img/top-nav.gif) 0 0 repeat-x;
	border-top:1px solid #9FA2A4;
	border-bottom:1px solid #484B4D;
	height:28px;
	margin-left: 81px;
    width: 790px;
}
.list-1, .list-2, .list-3 {
	list-style:none;
	padding:0;
	margin:0;
}
.list-1 {
	height:28px;
}
	.list-1 li {
		height:28px;
		list-style:none;
		padding:0;
		float:left;
		display:block;
		margin:0;
		line-height:110%;
	}
	.list-1 li {
		height:22px;
		padding:6px 20px 0 20px;
		float:left;
		background:url(img/top-nav-off.gif);
		border-right:1px solid #9FA2A4;
	}
	.list-1 a {
		font-size:15px;
		line-height:110%;
		color:#FFF !important;
	}
	.list-1 a.act, .list-1 li.current_page_item {
		font-weight:bold;
		padding-top: 7px;
		background:url(img/top-nav-on.gif);
	}
	.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%;
	}
.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:80px;
	background:url(img/footer.gif) 0 0 repeat-x #191E22;
}
	.footer div {
		padding:30px 20px 0 20px;
	}
	.footer * {
		font-size:13px !important;
		color:#5F6263 !important;
		text-decoration:none !important;
	}
.side-padds {
	padding:20px 75px 20px 81px;
	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: 200px;}
.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: 570px;}
.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; }

div.last { margin-right: 0; }

.side-block, .list-4 li {
	border:1px solid #DAF2FC;
	background:#F6FCFF;
	padding:10px 15px 10px 15px;
	line-height:150%;
	margin:0 0 15px 0;
}
	.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 !important;
	}
	.list-3 li.i {
		padding:0 0 20px 0;
		margin:0;
		list-style:none;
		display:block;
		min-height:1px;
	}
		.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, .title-0 {
	padding:6px 0 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 !important;
	margin:0 !important;
}
	.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-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;
		padding:15px 20px 7px 20px !important;
		margin:0 0 15px 0 !important;
		list-style:none;
	}
		.list-4 li p {
			padding-bottom: 8px;
			line-height: 200%;
		}
		.list-4 li cite {
			font-size: 13px;
		}
	* html .list-4 li {
		padding:0 40px 0 20px !important;
	}
	*:first-child+html .list-4 li {
		padding:0 40px 0 20px !important;
	}
	* 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 {
		display: block;
		padding-bottom: 13px;
		margin-bottom: 10px;
		border-bottom:1px solid #daf2fc;
	}
		.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 !important;
	margin-bottom: 7px;
}
.widget_search .search-button {
	padding: 0 !important;
	margin: 0 !important;
}

.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 {
	margin-bottom: 20px;
}
.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 15px 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 !important;
	}
.wp-caption-dd {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}

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