/*  
Theme Name: Vistalicious
Description: WP theme with a Vista twist
Author: Daily Blog Tips	
Version: 1.0
*/

* {
	margin: 0;
	padding: 0;
}
p {
	font-size:12px;
	color:#FFFFFF
}
h1 {
	font-size:19px;
	color:#FFFFFF
}
h2 {
	font-size:16px;
	color:#9B378C
}
h2 a {
	color:#9B378C;
	text-decoration:underline
}
h4 {
	font-size:13px;
	color:#FFFFFF
}
h4 a {
	color:#FFFFFF;
	text-decoration:none
}
h4 a:hover {
	color:#FFFFFF;
	text-decoration:underline
}
ul, li {
	list-style-type:none;
}
body {
	background:#000000;
	font-family:"Myriad Pro", Arial, Helvetica, sans-serif;
	margin-top:0px;
	padding-top:0px;
}
a img {
	border:none;
}
#wrapper {
	text-align: left; /* IE Centering Technique */
}
.topcurvewhite {
	margin: 0;
	height: 13px;
	background: url(images/bgtopwhite.gif) left top no-repeat;
}
a {
	color:#FFF;
	text-decoration:underline;
}
a:hover {
	color:#FFF;
	text-decoration:none;
}
#bgheader {
	width:100%;
	height:157px;
	float:left;
	margin-bottom:-8px;
	position:relative;
	z-index:150;
	margin-top:0px;
	background:url(images/bg_header_repeat.gif) repeat-x top right
}
#header {
	width:1008px;
	height:157px;
	float:left;
	background:url(images/bg_header.png) no-repeat;
}
#header h1 {
	float:left;
	left:23px;
	top:115px;
	position:relative
}
#header h1 a {
	width:347px;
	height:42px;
	float:left;
	text-indent:-9999px
}
#header .ad {
	float:right;
	padding-top:7px;
	padding-right:4px
}
#header .ad img {
	border:2px solid #5E396F
}
#main {
	clear: both;
	width: 925px;
	margin: 0;
	padding: 0 15px 15px 10px;
	background: #fff url(images/bgwhite.gif) repeat-y top left;
}
#contentwrapper {
	float: left;
	width: 600px;
}
#content {
}
#content .pageTitle {
	padding: 5px 10px 15px 10px;
	font-size: 16pt;
	font-family: arial, sans serif;
	letter-spacing: -1px;
	color: #5A7836;
}
.post {
	margin: 5px 0 25px 0;
}
#content h2, #content h3, #content h4, #content h5, #content h6 {
	padding: 0 10px;
	font-weight: bold;
}
#content h2 {
	font-size: 15pt;
}
#content h3 {
	font-size: 11pt;
}
#content h4, #content h5, #content h6 {
	font-size: 10pt;
}
h2.homeTitle {
	margin: 0 0 15px 0;
}
h2.postTitle {
	padding: 0 10px;
	font-size: 16pt;
	font-weight: bold;
	color: #000;
	font-family: arial, sans serif;
	letter-spacing: -1px;
}
h2.postTitle a {
	font-size: 15pt;
	font-weight: bold;
	text-decoration: none;
	color: #11414F;
}
h2.postTitle a:hover {
	color: #5A7836;
}
.postMeta {
	padding: 2px 10px 3px 10px;
	font-size: 9pt;
	color: #333;
}
.postMeta a {
	text-decoration: none;
}
.postContent img {
}
#content p, .postContent p {
	padding: 5px 10px;
	font-size: 13px;
	color: #fff;
	padding-left:0px;
}
.postContent ul, ol {
	padding: 0 0 0 35px;
}
.postContent ul li, ol li {
	font-size: 10pt;
	color: #FFF;
}
.postTags {
	margin: 5px 10px 15px 10px;
	font-size: 9pt;
	color: #000;
}
p.comments {
	clear: both;
	padding: 5px 10px 5px 10px;
}
p.comments a {
	padding-left: 20px;
	font-size: 10pt;
	text-decoration: none;
}
.commentlist {
	margin: 10px 0;
	font-size: 10pt;
	list-style: none;
	color:#FFF;
}
.commentlist li {
	margin: 0 0 10px -25px;
	width: 530px;
}
.commentlist cite {
	font-size: 10pt;
}
.commentlist cite a {
}
.commentmetadata {
}
.comment h3 {
	padding: 0 10px;
	font-size: 12pt;
	font-weight: bold;
	text-decoration: none;
	color: #000;
}
.comment p {
	padding: 10px;
	font-size: 10pt;
	color: #000;
}
.comment a {
	text-decoration: none;
}
.comment a:hover {
	text-decoration: underline;
}
.comment textarea {
	width: 555px;
}
.comment #submit {
	width: 118px;
	height: 30px;
	background: url(images/commentbutton.gif) left top no-repeat;
	border: none;
	font-size: 9pt;
	color: #333;
}
.comment #submit:hover {
	cursor: pointer;
}
.sidebars {
	float:right;
}
#bgfooter {
	width:100%;
	height:113px;
	float:left;
	background:url(images/bg_footer_repeat.gif) repeat-x bottom left;
}
#footer {
	width:984px;
	height:113px;
	float:left;
	background:url(images/bg_footer.jpg) no-repeat
}
#footer .logofooter {
	float:left;
	padding-top:75px;
	padding-left:7px
}
#footer .logofooter a {
	width:298px;
	height:36px;
	float:left;
	text-indent:-9999px
}
#footer .copyright {
	float:left;
	padding-left:5px;
	padding-top:38px
}
#footer .footerlinks {
	float:left;
	padding-left:25px;
	padding-top:75px
}
#footer .footerlinks li {
	display:inline-block;
	font-size:12px;
	padding:0 3px;
	float:left;
	text-transform:capitalize;
}
#footer .footerlinks li+li {
	border-left:1px solid #000;
}
#footer .footerlinks p {
	color:#000000
}
#footer .footerlinks a {
	color:#000000;
	text-decoration:none
}
#footer .footerlinks a:hover {
	color:#000000;
	text-decoration:underline
}
.cleared {
	clear: both;
}
.left {
	float:left;
}
.right {
	float:right;
}
#nextprevious {
	padding:10px;
	font-size:85%;
}
#content {
	width:984px;
	float:left;
	padding-top:9px
}
#leftpanel {
	width:661px;
	float:left;
	padding-right:21px
}
.leftbox {
	width:661px;
	float:left;
	background:url(images/bg_leftbox_bordermiddle.gif) repeat-y;
	margin-bottom:7px
}
.leftbox .boxbordertop {
	width:627px;
	height:32px;
	float:left;
	background:url(images/bg_leftbox_bordertop.gif) no-repeat;
	padding-left:34px;
	padding-top:6px
}
.leftbox .boxborderbottom {
	width:600px;
	float:left;
	background:url(images/bg_leftbox_borderbottom.jpg) no-repeat bottom;
	padding:5px 27px 10px 34px;
}
.boxborderbottom ul li {
	margin-left:14px;
}
.boxborderbottom ul li.itsh1 {
	padding:0px;
	margin:0px;
	width:278px;
	height:32px;
	float:left;
	background:url(images/bg_rightbox_bordertop.gif) no-repeat;
	padding:6px 10px 0 14px;
	margin-bottom:8px;
}
ul.hd {
	padding-top:0px !important;
	margin-top:0px !important;
	padding-left:0px !important;
	margin-left:0px !important;
	padding:0px !important;
	margin:0px !important;
}
.leftbox .photo {
	float:left;
	padding-top:10px;
	padding-bottom:8px
}
.leftbox .photo img {
	border:1px solid #A9509D
}
.leftbox .photolist {
	width:600px;
	float:left;
	padding-bottom:11px;
}
.leftbox .photolist ul {
	width:540px;
	float:left
}
.leftbox .photolist ul li {
	width:87px;
	height:51px;
	float:left;
	margin:0px !important;
	padding:0px !important;
	padding-right:3px !important;
	padding-bottom:6px !important;
}
.leftbox .photolist ul li img {
	border:1px solid #A44D9A;
	margin:0px !important;
	padding:0px !important;
}
.leftbox .arrowleft {
	float:left;
	padding:9px 11px 0 4px
}
.leftbox .arrowright {
	float:left;
	padding:9px 0 0 7px
}
.leftbox .set {
	width:245px;
	float:left;
	padding-right:10px
}
.leftbox .set .buttonlike {
	float:left !important;
}
.leftbox .set .buttonlike img {
	border:0px;
}
.leftbox .set p {
	font-size:11px !important;
	padding:0px !important;
	margin:0px !important;
	line-height:24px;
	float:left !important;
	padding-left:7px !important;
	padding-bottom:8px !important;
	color:#fff !important;
}
.leftbox .set p a {
	background:url(images/icon_facebook2.gif) no-repeat;
	color:#3B5493;
	text-decoration:none;
	padding-left:16px
}
.leftbox .set p a:hover {
	color:#3B5493;
	text-decoration:underline
}
.leftbox .set .photoperson {
	float:left
}
.leftbox .set .photoperson img {
	border:0px;
}
.leftbox .link {
	float:left
}
.leftbox .link img {
	border:0px;
}
.leftbox h4.comments {
	float:right;
	padding-top:44px
}
#leftpanel .ad {
	height:100px;
	float:left;
	padding-left:33px;
	margin-bottom:7px;
}
#leftpanel .ad img {
	border:1px solid #A9509D
}
#leftpanel .linknextpage {
	float:right;
	padding-right:27px;
	padding-bottom:5px
}
#leftpanel .linknextpage h4 a {
	background:url(images/arrow_nextpage.gif) no-repeat right 4px;
	padding-right:11px;
	font-size:14px;
}
.boxborderbottom h4 {
	font-weight:normal !important;
	padding-left:0px !important;
	margin-left:0px !important;
}
#rightpanel {
	width:302px;
	float:left
}
.rightbox {
	width:302px;
	float:left;
	background: url(images/bg_rightbox_bordermiddle.gif) repeat-x;
	margin-bottom:7px
}
.rightbox .boxbordertop {
	width:278px;
	height:32px;
	float:left;
	background:url(images/bg_rightbox_bordertop.gif) no-repeat;
	padding:6px 10px 0 14px
}
.rightbox .boxborderbottom {
	width:293px;
	float:left;
	background:url(images/bg_rightbox_borderbottom.gif) no-repeat bottom left;
	padding-left:9px;
	padding-bottom:9px;
	;
}
.rightbox .boxborderbottom p {
	font-size:12px;
	color:#fff !important;
}
.rightbox h1 {
	float:left
}
.boxbordertop h1 a {
	color:#fff;
	text-decoration:none;
	font-weight:normal;
}
.rightbox .boxbordertop p {
	float:right;
	padding-top:6px
}
.rightbox .boxbordertop p a {
	color:#FFFFFF;
	text-decoration:underline
}
.rightbox ul {
	width:285px;
	float:left;
	padding-left:5px;
	padding-top:8px
}
.rightbox ul li {
	background:url("images/arrow_rightnav.gif") no-repeat scroll 0 2px transparent;
	color:#FFFFFF;
	display:block;
	font-size:18px;
	margin:0;
	padding-bottom:8px;
	padding-left:18px;
}
.rightbox ul li a {
	color:#FFFFFF;
	text-decoration:underline
}
.search {
	width:293px;
	float:left;
	padding-top:0px
}
.search fieldset {
	float:left;
	border:0px solid red;
}
.search fieldset .bginput {
	width:221px;
	height:34px;
	float:left;
	background:url(images/bg_input.gif) no-repeat;
	padding:0 10px;
}
.search fieldset .input {
	width:221px;
	height:34px;
	float:left;
	background:none;
	border:none;
	font-size:19px;
	color:#FFFFFF
}
.search fieldset .buttongo {
	float:left;
	font-size:16px;
	color:#FFFFFF;
	line-height:32px;
	text-shadow:#000000 0 0 10px;
	padding-left:4px
}
.search fieldset .buttongo a {
	float:left;
	height:32px;
	background:url(images/bg_button_go.gif) repeat-x;
	border:1px solid #A9509D;
	color:#FFFFFF;
	text-decoration:none;
	padding:0 8px
}
.search fieldset .buttongo input {
	float:left;
	height:32px;
	cursor:pointer;
	background:url(images/bg_button_go.gif) repeat-x;
	border:1px solid #A9509D;
	color:#FFFFFF;
	font-weight:bold;
	text-decoration:none;
	padding:0 5px;
	font-family:arial;
	font-size:14px;
}
#rightpanel .ad {
	width:298px;
	height:98px;
	float:left;
	background: url(images/bg_ad_right.gif) repeat-x;
	border:1px solid #A9509D;
	text-align:center;
	margin:8px 0 !important;
}
#rightpanel .ad2 {
	width:298px;
	height:98px;
	float:left;
	background: url(images/bg_ad_right.gif) repeat-x;
	border:1px solid #A9509D;
	text-align:center;
	margin:8px 0 !important;
}
#rightpanel h2 {
	text-align:center;
	padding-bottom:8px
}
.navigation {
	float:left;
	margin:0 10px 0;
	width:645px;
	font-size:14px;
}
.navigation a, .navigation a {
	text-decoration:none;
}
.navigation .nav-previous {
	float:left;
	background:url("images/arrow_previewpage.gif") no-repeat scroll left 3px transparent;
}
.navigation .nav-next {
	float:right;
	background:url("images/arrow_nextpage.gif") no-repeat scroll right 3px transparent;
}
/* navigation menu*/
.navigation_holder {
	width:990px;
	background:url(images/bg_navbar.jpg) no-repeat;
	height: 42px;
}
.left {
	float:left;
}
.right {
	float:right;
}
.nav_holder {
	margin:0px;
	padding:0px;
	width: 900px;
}
.social_holder {
	margin:0px;
	padding:0px;
	width: 80px;
	overflow:hidden;
	float:right;
	position: relative;
	z-index: 999;
}
.social_holder ul {
	list-style:none;
	display: inline;
}
.social_holder li {
	float: left;
	padding:2px;
	margin-top:3px;
}
.social_holder ul li img {
	width: 27px;
	height: 27px;
}
#nav {
	width: 980px;
	height: 42px;
	float:left;
	background:url(images/bg_navbar.jpg) no-repeat;
	padding: 6px 7px 0 7px;
	list-style:none;
}
#nav {
	margin: 0;
	padding: 7px 0px 0;
	line-height: 100%;
	/*border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .4);*/
	position:relative;
	z-index:100;
}
#nav li {
	height:24px;
	line-height:24px;
	padding-left:10px;
	padding-bottom:10px;
	float: left;
	position: relative;
	list-style: none;
	background:url(images/li_bg.png) no-repeat left top;
	margin: 0 0px 0 5px;
}
#nav li:hover{
	background:url(images/li_hover.png) no-repeat left top;
	}
/* main level link */
#nav a {
	font-weight:400;
	color: #eee;
	text-decoration: none;
	display: block;
/*	padding:  4px 10px 4px 0 ;*/
	padding-right:10px;
	height:24px;
	line-height:24px;
	margin:0px;
	float:left;
	background:url(images/a_bg.png) no-repeat right top;
}

/* main level link hover */
#nav .current a, #nav li:hover > a {
		background:url(images/a_hover.png) no-repeat right top;
}
/* sub levels link hover */
#nav ul li:hover a, #nav li:hover li a {
	background: none;
	border: none;
	color: #ccc;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
}
#nav ul a:hover {
	/*background: #EE72FF;*/ /* old browsers */
/*	background: -moz-linear-gradient(top, #EE72FF 0%, #F2C1EA 100%); *//* firefox */
	/*background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #EE72FF), color-stop(100%, *//*#F2C1EA));*/ /* webkit */
/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#EE72FF', endColorstr='#F2C1EA', GradientType=0 );*/ /* ie */
	color: #fff !important;
	/*-webkit-border-radius: 0;
	-moz-border-radius: 0;*/
}
/* level 2 list */
#nav ul {
	background: #721263; /* old browsers */
	background: -moz-linear-gradient(top, #721263 0%, #AA2590 100%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #721263), color-stop(100%, #AA2590)); /* webkit */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#721263', endColorstr='#AA2590', GradientType=0 ); /* ie */
	display: none;
	margin: 0;
	padding: 0;
	width: 185px;
	position: absolute;
	top: 29px;
	left: 0;
	border: solid 1px #721263;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
	box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
	padding-left:10px;
}
/* dropdown */
#nav li:hover > ul {
	display: block;
}
#nav ul li {
	float: none;
	margin: 0;
	padding: 0;
	background:none;
}
#nav ul li:hover {
	background:none;}
#nav ul a {
	font-weight: normal;
	z-index:5;
	background:none;
}
#nav ul li:a {
	background:none;}
/* level 3+ list */
#nav ul ul {
	left: 181px;
	top: 3px;
	z-index:999;
}
/* rounded corners for first and last child */
#nav ul li:first-child > a {
	-webkit-border-top-left-radius: 4px;
	-moz-border-radius-topleft: 4px;
	-webkit-border-top-right-radius: 4px;
	-moz-border-radius-topright: 4px;
}
#nav ul li:last-child > a {
	-webkit-border-bottom-left-radius: 4px;
	-moz-border-radius-bottomleft: 4px;
	-webkit-border-bottom-right-radius: 4px;
	-moz-border-radius-bottomright: 4px;
}
/* clearfix */
#nav:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
/*** ESSENTIAL STYLES ***/
#sf-menu {
	margin:			0;
	padding:		0;
	list-style:		none;
	position:relative;
	z-index: 9;
}
#sf-menu {
	/*line-height:	1.0;*/
	width: 1000px;
	height:42px;
	background:url(images/bg_navbar.jpg) no-repeat;	
	padding: 7px 0 0 0;
}
#sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			10em; /* left offset of submenus need to match (see below) */
	background: #a22289; /* old browsers */
	background: -moz-linear-gradient(top, #721263 0%, #AA2590 100%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #721263), color-stop(100%, #AA2590)); /* webkit */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#721263', endColorstr='#AA2590', GradientType=0 ); /* ie */
	display: none;
	margin: 0;
	padding: 0;
	width: 185px;
	position: absolute;
	top: 29px;
	left: 0;
	border: solid 1px #721263;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
	box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
	border-radius: 4px;
	behavior: url(border-radius.htc);
}
#sf-menu ul li {
	width:			100%;
}

#sf-menu li {
	float:			left;
	position:		relative;
	margin-left:10px;
}
#sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
	background:url(images/li_hover.png) no-repeat left top;
}
#sf-menu a {
	display:		block;
	position:		relative;
	
}
#sf-menu li:hover ul,
#sf-menu li.sfHover ul {
	left:			0;
	/*top:			2.5em;*/ /* match top ul list item height */
	z-index:		99;
}
ul#sf-menu li:hover li ul,
ul#sf-menu li.sfHover li ul {
	top:			-999em;
}
ul#sf-menu li li:hover ul,
ul#sf-menu li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}
ul#sf-menu li li:hover li ul,
ul#sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul#sf-menu li li li:hover ul,
ul#sf-menu li li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}

/*** DEMO SKIN ***/
#sf-menu {
	float:			left;
	/*margin-bottom:	1em;*/
	
}
#sf-menu a {
	/*border-left:	1px solid #fff;
	border-top:		1px solid #CFDEFF;
	padding: 		.75em 1em;*/
	text-decoration:none;
	color:#fff;
	padding-right:10px;
	float:left;
	background:url(images/a_bg.png) no-repeat right top;
}
/*#sf-menu a:hover {
	background:url(images/a_hover.png) no-repeat right top;}*/
#sf-menu li:hover > a {
background:url(images/a_hover.png) no-repeat right top;
}
#sf-menu a, #sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
/*	color:			#fff;*/
	font-weight:400;
	color: #eee;
	height:24px;
	line-height:24px;
	
	
}
#sf-menu li {
	/*background:		#BDD2FF;*/
	height:24px;
	line-height:24px;
	padding-left:10px;
	padding-bottom:1px;
	background:url(images/li_bg.png) no-repeat left top;
	
}
#sf-menu li li {
	/*background:		#AABDE6;*/
	background:none;
	margin:0;
	padding:0 0 0 10px;
}
#sf-menu li li a{
background:none;}
#sf-menu li li a:hover{
	color:#fff;}
#sf-menu li li li {
	background:		#9AAEDB;
	background:none;
}
#sf-menu li:hover, #sf-menu li.sfHover,
#sf-menu a:focus, #sf-menu a:hover, #sf-menu a:active {
	/*background:		#CFDEFF;*/
	outline:		0;
	/*background:url(images/li_hover.png) no-repeat left top;*/
}
#sf-menu li li:hover, #sf-menu li li:hover a {
background:none;
}

/*** arrows **/
#sf-menu a.sf-with-ul {
	/*padding-right: 	2.25em;*/
	min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
	position:		absolute;
	display:		block;
	right:			.75em;
	top:			1.05em; /* IE6 only */
	width:			10px;
	height:			10px;
	text-indent: 	-999em;
	overflow:		hidden;
	/*background:		url('images/arrows-ffffff.png') no-repeat -10px -100px;*/ /* 8-bit indexed alpha png. IE6 gets solid image only */
}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	top:			.8em;
	background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
#sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
#sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
#sf-menu ul a:focus > .sf-sub-indicator,
#sf-menu ul a:hover > .sf-sub-indicator,
#sf-menu ul a:active > .sf-sub-indicator,
#sf-menu ul li:hover > a > .sf-sub-indicator,
#sf-menu ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}
/*** shadows for all but IE6 ***/
.sf-shadow ul {
	background:	url('images/shadow.png') no-repeat bottom right;
	padding: 0 8px 9px 0;
	-moz-border-radius-bottomleft: 17px;
	-moz-border-radius-topright: 17px;
	-webkit-border-top-right-radius: 17px;
	-webkit-border-bottom-left-radius: 17px;
}
.sf-shadow ul.sf-shadow-off {
	background: transparent;
}
.ssovit-imgholder{
	z-index:5;}