/*

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.5

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, h3, h4, h5 ,h6, ul, li, p, div, a, code, blockquote { font-size:13px; font-family:Arial,  Times, serif; color:#5b5c5e; line-height:200%; }

h1 { font-size:18px; font-family:arial,sans-serif; color:#688E99; line-height:200%; font-weight: bold; letter-spacing: 1.8pt; word-spacing: 2.2pt; line-height: 1.1; }

h2 { font-size:14px; font-family:Arial,  Times, serif; color:#46545e; line-height:200%; }

h4 {
color:white;
font-family:Arial,Times,serif;
font-size:18px;
}

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 #5d4d36;

}

.padds {

	padding:20px 0;

	width:952px;

	margin:0 auto;

}

.borders {

	border:1px solid #CFE3DC;

}

.bg-1 {

	background:#333333;

	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 7px 0 7px;

		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;
float: right;
		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 #0f4e79;

	background:#bbdff2;

	padding:10px 15px 10px 15px;

	line-height:150%;

	margin:0 0 5px 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;

        color:rgb(46,46,55);

}

	.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;

}



#sidebar-login label, #g-lock-double-opt-in-manager label {

	color: #777;

	font-size: 13px;

}



#sidebar-login input, #g-lock-double-opt-in-manager input {

	font-size: 12px;

	width: 97%;

	padding: 3px;

	margin-top: 7px;

	margin-right: 3px;

	margin-bottom: 10px;

	border: 1px solid #e5e5e5;

	background: #fbfbfb;

}

#sidebar-login input#rememberme {

  width:20px;

  margin-left:0;

  padding-left:3px;

}

.hackadelic-sliderPanel {
	border: 1px solid #ccc;
	padding: 5px;
	-moz-border-radius: 1em; -webkit-border-radius: 1em;

}
.entry .hackadelic-sliderPanel {
	background-color: #fcfcfc;
}
.textwidget .hackadelic-sliderButton {
	display: block;
	text-align: center;
	margin: .5em;
}
.textwidget .hackadelic-sliderPanel {
	background-color: #F0F0E0;
}
a.hackadelic-sliderButton:hover {
	border: 1px solid #ffffff;
	background-color: #ffffff;
}

.slider {

background:transparent url(img/slide.png) repeat scroll 0 0;
border-bottom:1px solid #FFFFFF;
height:231px;
margin:0 0;
position:relative;

}

#slides {
position: relative;
z-index: 5;
margin:0 0;
}

.jFlowPrev
{
position: relative;
left: 10px;
z-index: 5;
cursor: pointer;
}

.jFlowNext
{
position: relative;
left: 860px;
z-index: 5;
cursor: pointer;
}

.jFlowControl
{
position: relative;
cursor: pointer;
padding: 20px;
z-index: 5;
margin:0 0;
}

.jFlowSelected
{
font-weight:bold;
font-family:Arial,  Times, serif;
font-size: 1.6em;
}

#prevNext
{
position: relative;
bottom: 210px;
}

#controller
{
position: relative;
bottom: 50px;
margin: 0;
padding: 0 1em;
font-family:Arial,  Times, serif;
font-size: 1.5em;
color: white;
line-height: 50px;
height: 50px;
background: black;
opacity: .3;
filter:alpha(opacity=30);
z-index: 6;
}


.jflowimg1
{
left:690px;
position:relative;
top:-180px;
}

.jflowimg2
{
left:600px;
position:relative;
top:-132px;
}

.jflowimg3
{
left:550px;
position:relative;
top:-60px;
}


.jflowtext1 
{
bottom:-10px
color:white;
display:block;
font-family:Arial,Times,serif;
left:-855px
position:relative;
z-index:7;
padding:10px 0 0 70px;
color:white;
font-size:1.4em;
}

.jflowtext2 
{
bottom:220px
left:1025px
position:relative;
color:white;
display:block;
font-family:Arial,Times,serif;
font-size:1.3em;
padding:10px 200px 0 55px;
z-index:7;
}

.jflowtext3 
{
bottom:220px
color:white;
display:block;
font-family:Arial,Times,serif;
left:85px
position:relative;
z-index:7;
padding:10px 55px;
color:white;
font-family:Arial,Times,serif;
font-size:1.1em;
}

.jflowtext 
{
color:white;
font-family:Arial,Times,serif;
font-size:1.0em;
}

.jflowtextul{
bottom:-10px
font-family:Arial,Times,serif;
left:-855px
position:relative;
z-index:7;
padding:0 75px;
color:white;
font-family:Arial,Times,serif;

}

.jflowtextul3{
font-family:Arial,Times,serif;
left:-60px;
position:relative;
z-index:7;
padding:0 75px;
color:white;
font-family:Arial,Times,serif;
}

.jflowtextul4{
bottom:52px;
font-family:Arial,Times,serif;
left:300px;
position:relative;
z-index:7;
padding:0 75px;
color:white;
font-family:Arial,Times,serif;
}

.jflowtextul2{
bottom:78px;
color:white;
font-family:Arial,Times,serif;
left:280px;
padding:0 65px;
position:relative;
z-index:7;
}

.jflowtextul li {
color:white;
}

.jflowtextul2 li {
color:white;
}

.jflowtextul3 li {
color:white;
}

.jflowtextul4 li {
color:white;
}

/* the overlayed element */
div.overlay {
	
	/* growing background image */
	background-image:url(http://automated-forex-trading.net/images/overlay/white.png);
	
	/* dimensions after the growing animation finishes  */
	width:600px;
	height:470px;		
	
	/* initially overlay is hidden */
	display:none;
	
	/* some padding to layout nested elements nicely  */
	padding:55px;
}

/* default close button positioned on upper right corner */
div.overlay div.close {
	background-image:url(http://automated-forex-trading.net/images/overlay/close.png);
	position:absolute;
	right:5px;
	top:5px;
	cursor:pointer;
	height:35px;
	width:35px;
}


/* black */
div.overlay.black {
	background:url(http://automated-forex-trading.net/images/overlay/transparent.png) no-repeat !important;
	color:#fff;
}

/* petrol */
div.overlay.petrol {
	background:url(http://automated-forex-trading.net/images/overlay/petrol.png) no-repeat !important;
	color:#fff;
}

div.black h2, div.petrol h2 {
	color:#ddd;		
}

/* use a semi-transparent image for the overlay */ 
#overlay { 
    background-image:url(http://automated-forex-trading.net/images/overlay/transparent.png); 
    color:#efefef; 
    height:450px; 
} 
 
/* container for external content. uses vertical scrollbar, if needed */ 
div.wrap { 
    height:441px; 
    overflow-y:auto; 
}

#demotip { 
    display:none; 
    background:transparent url(http://automated-forex-trading.net/images/tooltip/black_arrow.png); 
    font-size:12px; 
    height:70px; 
    width:160px; 
    padding:25px; 
    color:#fff; 
    _background-color:#fff; 
}