/*
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.2.6
Author: AZ Money
Author URI: http://www.azmoney.co.uk
Tags: fixed width, right sidebar, two columns, three columns, widgets, widget ready, professional, simple, seo friendly, typography, green, blue, gravatars, valid XHTML, valid CSS, option page, options page, 1024px, clean, adsense ready, black, white

	Vista
	 http://www.azmoney.co.uk

	This theme was designed and built by AZMoney.co.uk

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/


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:Arial,  Times, serif; color:#000; line-height:200%; }
textarea, input { font-size:13px; font-family:Arial, "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:20px 0;
	width:952px;
	margin:0 auto;
}
.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:124px;
	padding:0 20px;
}
.top-title {
	font-size:50px;
	padding:25px 0 0 0;
	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;
}
.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 20px 20px 20px;
	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; }

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