/*
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. Designed by <a href="http://www.azmoney.co.uk">AZ Money</a> Web Design.
Version: 1.0.1
Author: AZ Money
Author URI: http://www.azmoney.co.uk
Tags: fixed width, right sidebar, three columns, widgets, widget ready, professional, simple, seo friendly, typography, green, gravatars, valid XHTML, valid CSS

	Vista v1.0.0
	 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{ text-decoration:underline; color:#666666; }
a:hover { color:#e33f3d; }
.ainv a { text-decoration:none; }
.ainv a:hover { text-decoration:underline; }
a.ainv:hover { text-decoration:underline; }

/** 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-color:#FFFFFF;
}
.padds {
	padding:0px;
	width:952px;
	margin:0 auto;
}
.borders {
}
.bg-1 {
	padding:4px;
}
.bg-2 {
	background:#FFF
}
.header {
	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 {
	width:50px;
	border:1px solid #b8b8b8;
	background-color:#FFFFFF;
	font-size:12px;
	color:#444444;
	height:20px;
	text-align:center;
	margin:0 0 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 {
	border:1px solid #b8b8b8;
	width:230px;
}
.footer {
	background-color:#c70100;
	padding:6px;
	color:#FFFFFF;
	height:30px;
}
	.footer div {
		padding:0px 20px;
	}
	.footer * {
		font-size:13px !important;
		color:#FFFFFF !important;
		text-decoration:none !important;
	}
.side-padds {
	padding:20px 20px 0 20px;
	min-height:1px;
}
* html .side-padds {
	height:1px;
}
.span-5 {
	width:160px;
	margin:0 0 0 20px;
}
.span-14 {
	width:580px;
	padding:0 0 20px 0;
}
.span-12 {
	width:540px;
	padding:0 0 20px 0;
}
.side-block {
	border:1px solid #dedede;
	background:#f8f8f8;
	padding:10px 15px 10px 15px;
	line-height:150%;
	margin:0 0 27px 0;
	min-height:250px;
}
.side-banner {
	margin:0 0 27px 0;
	min-height:270px;
	height:270px;
}

	.side-block * {
		line-height:150%;
	}
	.side-block ul li {
		padding:0 0 5px 10px;
		/*background:url(img/raquo.gif) 4px 7px no-repeat;*/
		margin:0;
		list-style:none;
		display:block;
	}
.side-title {
	font-size:14px;
	padding:0 0 5px 0;
	color:#7c7c7c;
}
	.list-2 li {
		padding:0 0 10px 10px;
		/*background:url(img/raquo.gif) 4px 5px no-repeat;*/
		margin:0;
		list-style:none;
		display:block;
	}
	.list-2 .sublevel {
		padding:0 0 10px 26px;
		/*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:#EDFBF6;
			display:block;
			/* border:1px solid #BEE2D5; */
		}
	* html .list-3 li {
		height:1px;
	}
.calendar {
	border:1px solid #e3e1e2;
	background-color:#f8f8f8;
	width:50px;
	padding:2px 0px;
	text-align:center;
	line-height:100%;
	position:absolute;
	margin:0 auto auto 0;
}
	.calendar span {
		color:#e33f3d;
		font-size:11px;
		line-height:100%;
	}
	.calendar div {
		font-weight:normal;
		color:#646464;
		font-size:18px;
		line-height:100%;
		text-transform:uppercase;
	}
.title, .title-0 {
	padding:0px 0 5px 0px;
	line-height:110%;
}
.title h2, .title h2 A {
	font-size:19px;
	font-weight:normal;
	color:#000000;
}
	.title * {
		line-height:110%;
	}
	.title A {
		text-decoration:none;
		color:#000000;
	}
	.title div {
		padding:3px 0 0 0;
		font-size:13px;
		color:#999;
		line-height:150%;
	}
		.title div a {
			font-size:13px;
			color:#999;
		}
.title-0 {
	padding:0 !important;
	margin:0 !important;
}
	.title-0 .title-1 {
		margin-top: 0;
		padding-top: 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;
}
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 10px;
			/*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:0 20px 15px 20px !important;
		margin:0 !important;
		list-style:none;
	}
	* html .list-4 li {
		padding:0 40px 0 20px !important;
	}
	*:first-child+html .list-4 li {
		padding:0 40px 0 20px !important;
	}
	.list-4 img {
		position:absolute;
		margin:0 auto auto 0;
	}
	* html .list-4 img {
		margin:20px auto auto 0;
	}
	*:first-child+html .list-4 img {
		margin:20px auto auto 0;
	}
	.list-4 .tp {
		display:block;
		height:35px;
		padding:0 0 0 40px;
		margin:0;
		border-bottom:1px solid #BEE2D5;
		text-align:left;
	}
		.list-4 .tp cite {
			display:inline;
			padding:0;
			margin:0;
		}
#wp-calendar caption {
	padding-bottom: 5px;
}
#wp-calendar th {
	padding-top: 5px;
}
#wp-calendar td {
	padding-right: 9px;
	line-height: 150%;
}

.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 h3 {
	margin-bottom: 15px;
}
#commentform p {
	margin-bottom: 5px;
}
	#commentform p label {
		margin-left: 5px;
	}
.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption-dd {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}
DIV.searchwrap{width:100%; height:123px;}
DIV.logoarea {width:392px; float:left;}
DIV.searchform {width:300px; float:right;}
DIV.searchform A {color:#949494; text-decoration:none;}
DIV.toplinks{font-size:14px; text-align:right; color:#9d9d9d;}
DIV.commentarea{width:100%; border-bottom:1px solid #dddddd; height:24px;}
DIV.commentarea DIV {float:right;}
DIV.commentbubble{background-image:url(images/commentbubble.jpg); background-repeat:no-repeat; width:39px; height:23px; font-size:12px; font-weight:bold; color:#e20100; margin:0px 20px 0px 5px; text-align:center; position:relative;}
DIV.commentbubble A {color:#e20100; text-decoration:none; position:absolute; top:-3px; left:14px;}
DIV.commenttitle {color:#949494;}

/* Content -------------------------------------------------- */
.entry {
	margin-bottom: 10px;
}
.alert,
.error {
	background: #ffc;
	border: 1px solid #ff0;
	border-width: 1px 0;
	margin: 1em 0;
	padding: 1em;
}
code, kbd, tt, pre {
	font-family: Consolas, "Lucida Console", Monaco, monospace;
}
code {
}
pre {
	padding: .5em;
}
sup { /* to prevent gaps in paragraph layouts, we'll switch back to regular v-align and shunt it up with pos:rel */
	vertical-align: baseline;
	position: relative;
	bottom: .33em;
}
acronym, abbr, .info {
	border-bottom: 1px dotted #333;
	cursor: help;
}
h1, h2 ,h3, h4 {
	line-height: 1.25;
	margin: 0 0 .25em;
}
h1 {
	font-size: 18px;
}
h1.archive {
	margin-bottom: .5em;
}
h2 {
	font-size: 20px;
	font-weight:normal;
}
h3 {
	font-size: 1.75em;
}
h4 {
	font-size: 1.5em;
}
h5, h6 {
	font-size: 1.25em;
}
.title h1 a,
.title h2 a {
color:#db1200;

}
p, ul, ol, .navigation {
	margin: .25em 0 1em;
}
.metadata .byline {
	margin-bottom: .75em;
}
ul, ol {
	margin-left: 0;
	padding-left: 0;
}
ul ul,
ol ol {
	margin: 0;
}
li {
	margin: .25em 0 .25em 1.25em;
	padding-left: 0;
}
ul li {
	list-style-type: disc;
}
ol li {
	margin-left: 1.5em;
}
ul.rss li {
	list-style: none;
	margin-left: 0;
	padding-left: 17px;
	background: transparent url("images/feed.gif") no-repeat left .25em;
}
.wp-caption {
	margin: .25em auto 1em;
}
.entry img,
.entry object {
	display: block;
	background: #fff;
	padding: 4px;
	border: 1px solid #eee;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	margin: .25em auto 1em;
	max-width: 500px;
}
.wp-caption img {
	margin: 0 auto;
}
.wp-caption p.wp-caption-text {
	font-size: .9em;
	margin: .25em 0 0;
	text-align: center;
	color: #666;
}
.entry .floatright img,
.entry .floatleft img {
	margin: .25em 0 1em;
}
.entry img.floatright,
.entry img.alignright,
.entry img[align="right"],
.wp-caption.alignright {
	margin: .25em 0 1em 1em;
}
.entry img.floatleft,
.entry img.alignleft,
.entry img[align="left"],
.wp-caption.alignleft {
	margin: .25em 1em 1em 0;
}
.entry p,
.entry li,
#columncap p {
	text-align: justify;
}
#site-archives-monthly-archive {
	width: 60%;
	float: left;
}
#site-archives-monthly-archive.wide {
	width: auto;
	float: none;
}
#site-archives-monthly-archive li,
#site-links li {
	text-align: left;
}
#site-archives-category-archive {
	width: 37%;
	float: right;
}
#site-links img {
	margin-left: 0;
	margin-right: 0;
}
blockquote {
	margin: .25em 0 1em;
	padding: .75em 1em .25em;
	font-style: italic;
}
blockquote i,
blockquote em,
blockquote cite {
	font-style: normal;
}
blockquote p {
	margin: 0 0 .5em;
}
.navigation {
	border-top: 1px solid #ccc;
	padding-top: .25em;
	width: 100%;
	float: left;
}
.navigation .prev {
	float: left;
	width: 50%;
}
.navigation .next {
	float: right;
	width: 50%;
	text-align: right;
}

/* Comments -------------------------------------------------- */
.comments,
.commentlist,
.nocomments,
.related {
	margin-bottom: 2em;
}
.commentlist cite {
	font-style: normal;
}
.commentlist li {
	clear: both;
	padding: .75em 1em .25em;
	list-style: none;
	margin-left: 0;
	border: 1px solid #f2eeed;
	background-image:url(images/commentbg.jpg);
	background-repeat:repeat-x;
	background-position:bottom;
}
.commentlist .content {font-size:16px; font-weight:bold; color:#626262;}
.commentlist .commentmetadata {font-size:12px; color:#5ac916;}

.commentlist .alt {
}
.commentlist .authorcomment {
}
.commentlist .avatar {
	float: right;
	margin: 0 0 .5em .5em;
	background: #fff;
	padding: 4px;
	border: 1px solid #eee;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}


INPUT, SELECT {border:1px solid #e5e5e5; background-color:#f6f6f6;}

TD.footer {border-top:1px solid #979797; color:#979797; padding:8px; text-align:center;}
TD.footer A {color:#979797;}

DIV.leftsidebanner {float:left;}
DIV.rightsidebanner {float:right;}
#sidebar DIV.leftsidebanner IMG, #sidebar DIV.rightsidebanner IMG {border:none; padding: 0px; display:inline;}
DIV.leftsidebanner, DIV.rightsidebanner {margin-bottom:10px;}
DIV.centersidebanner {margin:0px auto; width:160px;}
DIV.postad {margin:0px auto 5px auto; width:300px; }
DIV.postadwrap {border-bottom:1px solid #ddd; margin-bottom:5px; padding-bottom:5px;} 

DIV.topicauthor {color:#7f7f7f; font-size:11px;}
DIV.topicauthor A {color:#7f7f7f;}

DIV.topiccomments{float:right; background-image:url(images/commenticon.gif); background-repeat:no-repeat; background-position:right; padding-right:20px; font-size:11px;}

DIV.entryfoot {border-bottom:1px solid #ddd; width:100%;}
DIV.entryfoot, DIV.entryfoot * {font-size:11px;}
DIV.metadata {color:#7a7a7a; font-size:11px; border:1px solid #dbdbdb; padding:4px; margin:8px 0px;}
DIV.metadata P {margin:0; padding:0;}
DIV.metadata A {color:#7a7a7a;}

TABLE.headerline {background-image:url(images/headerbg.jpg);}
TABLE.headerline TD {color:#FFFFFF; font-size:12px; padding:2px;}
TD.googletop {padding:4px; text-align:center;}

TD.searcharea {text-align:right;}
TD.searcharea INPUT {background-color:#FFFFFF; font-size:11px; color:#666666; width:200px;}

TD.shadowbg {background-image:url(images/shadow_bg.png); font-size:1px;}
TD.shadowtop {background-image:url(images/shadow_t.png);}
TD.shadowleft {background-image:url(images/shadow_l.png); font-size:1px;}
TD.shadowleft2 {background-image:url(images/shadow_short_l.png); font-size:1px;}
TD.shadowright {background-image:url(images/shadow_r.png); font-size:1px;}
TD.shadowright2 {background-image:url(images/shadow_short_r.png); font-size:1px;}
TD.shadowbottom {background-image:url(images/shadow_b.png);}
TD.contentwrap {background-color:#FFFFFF; padding:8px;}

DIV.rssbutton {background-image:url(images/greenbg.jpg); margin:0px 0px 10px 0px; padding:8px; text-align:center;}
DIV.rssbutton A, DIV.rssbutton A:hover {color:#FFFFFF; text-decoration:none;}

DIV.widget {border:1px solid #e9e9e9; padding:5px;}
H4 {color:#5ac916;}
DIV.widget UL {list-style-type:none; margin:0; padding:0px;}
DIV.widget UL LI {padding:2px; color:#c5c5c5; list-style-type:none; margin:0;}
DIV.widget UL LI A {color:#c5c5c5;}
DIV.widget UL LI A:hover {color:#5ac916;}

DIV.widget_recent UL {list-style-type:disc; margin:0px 0px 0px 20px; padding:0px;}
DIV.widget_recent UL LI {list-style-type:disc;}

INPUT.MailPressFormEmail {color:#5ac916;}

DIV.readmore2 {background-image:url(images/readarrow.gif); background-repeat:no-repeat; background-position:70px 3px; padding:0px 0px 5px 0px; font-weight:bold; width:100%;}
DIV.readmore2 A {color:#a0a0a0; text-decoration:none;}

DIV.permafoot{float:right;}

div.content, div.content * {
  font-family:Arial, Verdana, Helvetica, sans-serif;
  font-size: 12px;
  line-height:1.3;
  color: #979797;
}