/*
Theme Name: 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

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
*/

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:150%; }
textarea, input { font-size:13px; font-family:Arial, "Times New Roman", Times, serif; color:#000; }
a, a:link, a:active { text-decoration:none; color:#866C5C; }
a:hover { color:#866C5C; text-decoration:underline; }
a:visited { color:#866C5C;/*#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:#BED5FF;
}
.padds {
	padding:20px 0;
	width:954px;
	margin:0 auto;
}
.borders {
	border:2px solid #C5E0F3;
}
.bg-1 {
	background: #F574C0;
	padding: 3px;
}
.bg-2 {
	background:#FFF
}
.header {
	background:url(img/header.jpg) 0 0 no-repeat;
	height:265px;
	padding:0 20px;
}
.top-title {
	font-size:10px;
	padding:68px 75px 10px 25px;
	line-height:80%;
	font-weight: bold;
	text-decoration: none;
	outline-color: #F574C0;	
}
	.top-title a {
	font-size: 50px;
	padding:78px 0px 0px 0px;
	line-height: 80%;
	color: #7FC9FF;
	text-decoration: none;
	outline-color: #7FC9FF;
	text-align: left;	
}
.slogan {
	font-size:19px;
	padding:25px 0px 0px 28px;
	line-height:80%;
	font-weight:bold;
	text-align: left;	
	text-decoration: none;
	color: #FADDE4;
}
.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 #866C5C;
		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:59px;
	/* height:22px; */
	text-align:center;
	/* border:0 none; */
	margin: 140px 15px 10px 15px;
}
.search-textfield {
	padding-left:16px;
	background:url(img/search.gif) 4px 4px no-repeat #FFF;
}
.footer {
	height:40px;
	background:url(img/footer.gif) 0 0 repeat-x #191E22;
}
	.footer div {
		padding:10px 20px 10px 20px;
	}
	.footer * {
		font-size:13px !important;
		color:#FADDE4 !important;
		text-decoration:none !important;
	}
.side-padds {
	padding:20px 20px 20px 20px;
	min-height:1px;
	background:url(img/divider_start.gif) 0 0 no-repeat;	
}
* 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:3px solid #866C5C;
	background:#FADDE4;
	padding:10px 15px 10px 15px;
	line-height:100%;
	margin:0 0 10px 0;
}
	.side-block *, .list-4 * {
		line-height:120%;
	}
	.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 0 0;
	color:#FADDE4;	
	background: url(img/posttitle.gif) no-repeat 100% -91px #866C5C;
}
.postmeta {
	margin-top: 0;
	padding-top: 1px;
	background: url(img/catmeta.gif) no-repeat top left;
	font-size: 0.9em;
	color: #999;
}
	.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;
			border-left: 4px solid #866C5C;
			font-style: italic;
		}
		blockquote p {
			display:block;
			padding: 1px 1px 1px 20px;
		}
		code {
			margin:0 10px;
			padding:15px;
			background:#F3F3F3;
			display:block;
			border:4px solid #866C5C;
		}
	* 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:#866C5C;
		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 200px;
}
.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;
}
.post_tag {
	float:left;
	color:#FFFFFF;
	width: 495px;
	background: #866C5C;
	height: 18px;
	font-size: 10px;
	padding-left: 5px;
	padding-bottom: 2px;
}
.post_tag a {
	text-decoration:none;
	color:#FADDE4;
	font-style: italic;	
	font-weight: bold;	
}
.post_tag a:hover {
	text-decoration:underline;
	color:#FADDE4;
	font-style: italic;
	font-weight: bold;	
}
.comment_tag {
	float:right;
	width: 120px;
	color:#FFFFFF;	
	background: #866C5C;
	height: 18px;
	font-size: 10px;
	padding-left: 0px;
	padding-bottom: 2px;
	font-weight: bold;	
	background: url(img/posttitle.gif) no-repeat 100% -91px #866C5C;	
}
.comment_tag a {
	text-decoration:none;
	color:#FADDE4;
}
.comment_tag a:hover {
	text-decoration:underline;
	color:#FADDE4;
}

#content .date {
    position:absolute;
    left:-40px;
    top:-1px;
    text-align:center;
    width:32px;
    padding:10px 0 0 8px;
    height:39px;
    font-size:1.09em;
    z-index:100;
    text-transform:lowercase;
    line-height:1.2;
    background:url(img/date.gif) 0 0 no-repeat;
    color:#af823a;
    font-weight:bold;
}

#content .date span {
    font-size:1.1em;
    display:block;
    text-align:center;
    font-size:.92em;
}
.post {
}
.posttitle {
	margin-bottom: 0;
	width: 100%;
	text-decoration:none;	
	overflow: auto;
	background: url(img/posttitle.gif) no-repeat bottom left;

	/* Width and overflow to clear '.posttitle a' */
}
.posttitle a {
	float: left;
	padding: 2px 12px;
	background: url(img/posttitle.gif) no-repeat 100% -91px #866C5C;
	font-size:20px;
	display: block;
	text-decoration:none;
}
.posttitle a:link, .posttitle a:visited {
	color: #FFF;	
	display: block;	
	text-decoration:none;
}
.posttitle a:hover, .posttitle a:active {
	background: url(img/posttitle.gif) no-repeat 100% -91px #866C5C;
	color: #FADDE4;
	display: block;	
	text-decoration:none;
}
.postmeta {
	margin-top: 0;
	padding-top: 1px;
	background: url(img/postmeta.gif) no-repeat top left;
	font-size: 0.9em;
	color: #999;
}
.divider {
	background: url(img/divider.gif) 0 0 no-repeat;
	text-decoration:none;
	height:10px;
	padding:0 0px;	
}