/*
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:130%; }
textarea, input { font-size:13px; font-family:Arial, "Times New Roman", Times, serif; color:#000; }
a, a:link, a:active { text-decoration:none; color:#8e3319; }
a:hover { color:#907d54; text-decoration: none; }
.ainv a, .ainv a:link, .ainv a:visited, .ainv a:active { text-decoration:none; }
.ainv a:hover { text-decoration:none; }
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-image: url(/images/bottomtile.gif);
background-position: left bottom;   
background-repeat: repeat-x;
background-color:  #000;
}


.padds {
	padding:5px 0;
	width:952px;
	margin:0 auto;
}
.borders {

}
.bg-1 {
	background:#142f72;
	padding:0px;
}
.bg-2 {
	background:#fff;
}
.header {
	background:url(/images/beatasiteheader.gif) 0 0 no-repeat;
	height:209px;
	padding:0 20px;
background-color: #fff;

}
.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 {margin-top: 5px;
	
background: url(/images/navbg.gif) no-repeat #000;

}


.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;
		
		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:160px;
	color:#000;
	font-size:13px;
}
.search-button {
	background:url(img/find.gif) no-repeat;
	width:50px;
height: 25px;
	text-align:center;
	border:0 none;
	margin:0px 0px 0px 0px;
padding-bottom: 3px;
}
.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 {padding-bottom: 15px; color: #eee;}
.footer a {color: #907d54; text-decoration: none;}
.footer a:hover {color: #fff;} 



.side-padds {
	padding:15px 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: 45px;}

.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: 250px; background:url(/images/menutop.jpg) no-repeat; }
.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: 610px;}
.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 {
	
padding: 155px 0px 10px 10px;
	
	line-height:125%;
	margin:0 0 15px 0;
}
	.side-block *, .list-4 * {
		line-height:125%;
	}
	.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:5px 15px 8px 15px;
		margin-bottom:10px;
		list-style:none;
		display:block;
		min-height:1px;
background: url() repeat-x;
	}
		.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(/images/arrow.png) 3px 7px no-repeat;
	}







	
.title, .title-0 {
	padding:0px 0px 0px 0px;
	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-bottom: 10px;
}
	.title-0 .title-1 {
		margin-top: 0;
		padding-top: 0;
	}
.title-1 {
font-family: arial black;
	font-size:22px;
	color:#000;
margin-bottom: 3px;


}


.title-1 a {
font-family: arial black;
	font-size:22px;
	text-decoration: none;
}



.title-1 a:hover {
font-family: arial black;
	font-size:22px;
	text-decoration: none;
}



.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:12px;}

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

#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;
}













.toplinks {font-size: 14px; margin: 0px 0px 0px 20px; color: #777; font-weight:bold;}
.toplinks a {text-decoration:none; color:#d8c8a1; font-weight:bold; font-size: 14px;}
.toplinks a:hover {color:#fff; font-weight:bold; font-size: 14px; text-decoration: underline;}


.dateformat {font-size: 10px; margin-bottom: 10px; color: #999;}

.sidebartitle {font-family: arial black; font-size: 17px; background: url(/images/sidebartop.gif) no-repeat #fff; padding: 4px 0px 0px 8px; height: 25px; color: #000; margin-top:15px; margin-bottom: 10px;}




.infoborder {border-bottom: 1px dashed #ccc; width: 100%; margin: 10px 0px 10px 0px;}


.results {font-size: 20px; font-weight: bold; margin-bottom: 0px; border: 1px solid #bbb; background-color: #eee; margin-bottom: 10px; padding-left: 8px;}

.notfound {font-size: 20px; font-weight: bold; margin-bottom: 10px;}

.tagcloud a {color: #990000; text-decoration: underline !important;}
.tagcloud a:hover { color: #000077; text-decoration: underline !important;}

.sidebarpics {text-align: center; margin-bottom: 5px;}
.sidebarpics a img {border: 1px solid #ccc;}
.sidebarpics a:hover img {border: 1px solid #d8c8a1;}

.pics a img {border: 2px solid #ccc;}
.pics a:hover img {border: 2px solid #d8c8a1;} 

.PxgGlobalImage {border: none !important;}
.PxgImage {border: 1px solid #d8c8a1 !important;}

#image_flicker {width: 230px; border: 1px solid #d8c8a1; padding: 5px;}
#image_flicker img {width: 230px;}



.shirtpics {float: left; margin-right: 15px; height:}
.shirtpics a img {border: 1px solid #d8c8a1; padding: 5px;}
.shirtpics a:hover img {border: 1px solid #eee; padding: 5px;}

.description {float: left; padding: 5px; margin-left: 15px; width: 250px;}

.buynow {margin-top: 15px;}

.shirtthumbs {float: left; margin: 0px 25px 30px 0px; width: 160px; height: 210px;}
.shirtthumbs a img {border: 1px solid #d8c8a1; padding: 5px;}
.shirtthumbs a:hover img {border: 1px solid #eee; padding: 5px;}

.shirttitle {text-align:center; font-weight: bold;}


.avatar {display: block; float: left; padding: 5px; background:url(img/border.gif) 0 0 no-repeat; margin-right: 10px;}

.fn {font-weight: bold; font-style:normal;}

.comment-meta {text-align:left;}
.comment-meta a {font-size: 10px;}


.says {display: none;}

.commentborder {padding-bottom: 13px; margin-bottom: 10px; border-bottom:1px solid #d8c8a1;}

.replymargin {margin-bottom: 15px;}

.commentlist {list-style: none;}
.commentlist ul li {list-style: none;}

.reply a {font-weight: bold; font-size: 11px;}




.twitterfloat {float: left; margin-right: 15px;}