/*
Theme Name: Trade Sensation Events
Description: Website and Blog for GTA Event Planning
Version: 1 (WP2.9)
Author: Jay Kapadia
Author URI: http://www.jay-kapadia.com
Tags: Event Planning, Weddings, GTA, Planning

Green:			#c4cd5a
Gray:			#666666
Lighter Gray:		#858585
Light Gray:		#e6e6e6
Blue:			#75adba
*/

/* RESET
---------------------------------------*/
html, body, div, span, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, img, strong, ol, ul, li, fieldset, form, label{ background: transparent; border: 0; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0; outline: 0; padding: 0; vertical-align: baseline; }
:focus											{ outline: 0; }
html, body										{ height: 100%; }
li											{ float:left; }
ol, ul											{ float:left; list-style: none; }
blockquote										{ float:left; border-left:3px solid #c4cd5a; font-style: italic; padding:20px; margin:20px; width:441px; }
strong											{ font-weight: bold; }
em											{ font-style: italic; }
hr											{ display: none; }
textarea										{ font-size:12px; font-family: Arial, Helvetica, sans-serif; }
cite											{ float:left; width:100%; }

.right											{ float: right; }
.hide											{ display: none; }
.clear											{ clear: both; }

.clearfix:after										{ content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix										{ display: block; }
html[xmlns] .clearfix									{ display: block; }
* html .clearfix									{ height: 1%; }

.netvatise-list {
	margin-bottom: 15px;
}

.netvatise-list li {
	display:block;
	padding: 5px 0;
}



/* COMMON ELEMENTS
---------------------------------------*/
body											{ background:#fff; color: #858585; font-family: Arial, Helvetica, sans-serif; font-size: 11px; height: 100%; }

a											{ color:#c4cd5a; text-decoration:none; }
a:hover											{ color:#75adba; }

h1											{ float:left; color:#c4cd5a; font-family:"Minion Pro","Times New Roman","Times Roman",serif; font-weight: bold; font-size: 24px; letter-spacing:1px; line-height: 36px; margin-bottom: 15px; width:100%; }
h2											{ float:left; color:#666666; font-weight: bold; font-size: 18px; line-height: 18px; margin-bottom: 15px; width:100%; }
h3											{ float:left; color:#666666; font-family:"Minion Pro","Times New Roman","Times Roman",serif; font-weight: bold; font-size: 16px; text-transform:uppercase; letter-spacing:1px; line-height: 18px; margin-bottom: 14px; width:100%; }
h4											{ float:left; font-weight: bold; font-size: 14px; line-height: 18px; margin-bottom: 12px; width:100%; }
h5											{ float:left; color:#c4cd5a;font-weight: bold; font-size: 12px; line-height: 18px; width:100%; }
h6											{ float:left; font-weight: bold; font-size: 11px; line-height: 18px; width:100%; }
h3.subject										{ color:#666666; font-size:14px; margin-bottom:0; }

p											{ float:left; line-height:20px; padding-bottom:25px; width:100%; }

.blue											{ color:#75adba; }
.green											{ color:#c4cd5a; }
.grey											{ color:#e1e1e1; }
.wrapper										{ float:left; width:100%; }
.image-left										{ float:left; margin:0 15px 15px 0; }
.image-left-new										{ float:left; margin:0 15px 5px 0; }
.image-right										{ float:right; margin:0 0 15px 15px; }
.bottom											{ padding-bottom:0 !important; margin-bottom:0 !important; }
.last											{ padding-right:0 !important; margin-right:0 !important; }
.bottom-border										{ border-bottom:1px dotted #e6e6e6; margin-bottom:20px; }
.center											{ text-align:center; }
img.std-frame										{ border:1px solid #e6e6e6; padding:1px; }
.uppercase										{ text-transform:uppercase; }
.spacer											{ padding-bottom:20px; }
.spacer li										{ padding-bottom:7px; }
.margin-spacer										{ margin-bottom:20px; }
a.la											{ float:left; display:block; margin-bottom:1px; width:100%; height:1px; }
.small											{ font-size:9px; }
.float-right										{ float:right; }


/* LAYOUT
---------------------------------------*/
#shell											{ margin:0 auto; width:970px; }

#header											{ float:left; background:url(images/sprite.png) 0 -5px no-repeat; width:100%; height:125px; overflow:hidden;}
#logo											{ float:left; width:156px; height:125px; overflow:hidden; }
#logo a											{ float:left; background:url(images/logo.png) 0 0 no-repeat; display:block; text-indent:-9999px; width:156px; height:125px; cursor:pointer; }

#nav											{ float:left; display:inline; background-color:#666666; font-size:14px; font-family:"Minion Pro","Times New Roman","Times Roman",serif; margin:2px 0 7px; letter-spacing:1px; width:100%; height:30px; }
ul.sf-menu										{ padding:0 20px; width:930px; }
ul.sf-menu li										{ color:#fff; padding:0 30px 0 0; width:auto; height:30px; }
ul.sf-menu li a										{ color:#fff; padding-top:7px; }
ul.sf-menu li a:hover, ul.sf-menu li a.active						{ color:#c4cd5a; }
ul.sf-menu li.right									{ float:right; }

#content										{ display:inline; float:left; background:url(images/content-bg.gif) repeat-y; margin-bottom:7px; width:100%; }
#content-top										{ display:block; float:left; background:url(images/sprite.png) no-repeat; width:100%; height:2px; }
#content-bottom										{ display:block; float:left; background:url(images/sprite.png) 0 -2px no-repeat; width:100%; height:2px; }

#sidebar-left										{ float:left; display:inline; padding:15px; margin-right:15px; width:150px; }
#sidebar-right										{ float:left; display:inline; padding:0 1px; margin-left:15px; width:198px; }
#main-body										{ float:left; display:inline; width:560px; }
#feature										{ float:left; border-bottom:1px solid #e6e6e6; padding:6px; width:548px; }
.main-body-content									{ float:left; padding:20px; width:520px; }

.main-body-l										{ float:left; padding-right:15px; width:245px; }
.main-body-r										{ float:left; padding-left:15px; width:245px; }

#copyright										{ float:left; color:#000; background:url(images/footer.jpg); padding:30px 10px 30px 15px; width:945px; }
#copyright a										{ color:#dee866; }
#copyright a:hover									{ color:#fff; }
#copyright span										{ float:right; }



/* SIDEBAR RIGHT
---------------------------------------*/
.signup-and-win										{ float:left; background-color:#666666; width:100%; }
.signup-and-win span									{ float:left; color:#fff; font-size:14px; font-family:"Minion Pro","Times New Roman","Times Roman",serif; padding:10px; text-align:center; width:160px; }


/* SIDEBAR LEFT
---------------------------------------*/
.wed-organizer										{ float:left; color:#fff; background:#666666; font-family:"Minion Pro","Times New Roman","Times Roman",serif; font-size:14px; width:130px; padding:10px; text-align:center; }
.wed-organizer span									{ color:#e1e1e1; font-style:italic; }

/* LISTS
---------------------------------------*/

#sidebar-left ul									{ width:100%; }
#sidebar-left ul li									{ padding-bottom:20px; }

ul.services-we-provide									{ padding-top:15px; width:100%; }
ul.services-we-provide li								{ background:url(images/sprite.png) -985px 0 no-repeat; padding:0 0 10px 17px !important; width:133px; }
ul.services-we-provide li.caption							{ background:none; padding-left:0 !important; width:100%; }
ul.services-we-provide a								{ color:#858585; }
ul.services-we-provide a:hover								{ color:#c4cd5a; }

li.s-r-std										{ padding:0 9px; width:180px; }

ul.special-offers									{ padding-bottom:20px; width:100%; }
ul.special-offers li									{ border-bottom:1px dotted #e6e6e6; padding:10px 9px; width:180px; }
ul.special-offers li.offers-heading							{ border-bottom:1px solid #e6e6e6; padding:0; width:198px; }
ul.special-offers li.last								{ border:none; }
ul.special-offers li span								{ float:left; line-height:16px; width:100%; }

ul.std-list, ul.std-list-half								{ padding-bottom:20px; }
ul.std-list li, ul.std-list-half li							{ background:url(images/sprite.png) -985px 0 no-repeat; padding:0 0 10px 17px; width:503px; }
ul.std-list-half li									{ width:228px; }
li.std-list-title, li.clean								{ background:none !important; padding-left:0 !important; width:100% !important; }
li.std-list-title h3									{ color:#666666; font-size:14px; margin-bottom:0; }

ul.no-arrow li										{ background:none !important; padding-left:0 !important; }

ul.three-column, ul.links								{ width:100%; }
ul.three-column li, ul.links li, ul.sections li ul.links li				{ display:inline; padding-right:20px; width:160px; }
ul.sections li ul.links li								{ border:none; margin:0; }
ul.arrows li										{ background:url(images/sprite.png) -985px 0 no-repeat; padding:0 0 10px 17px; width:143px; }

ul.links li										{ text-align:center; padding-bottom:20px; }
ul.links img										{ display:inline; border:1px solid #e6e6e6; padding:1px; width:156px; height:85px; }
ul.links span, ul.featuring li span							{ float:left; padding-top:5px; width:100%; }

ul.featuring li										{ text-align:center; padding-bottom:20px; }
ul.featuring img									{ display:inline; border:1px solid #e6e6e6; padding:1px; width:156px; height:136px; }

ul.sections										{ padding-bottom:20px; width:100%; }
ul.sections li										{ border-bottom:1px solid #e6e6e6; padding-bottom:20px; margin-bottom:20px; width:100%; }

ol.std-olist										{ list-style-type:decimal; margin:0 20px; padding-bottom:20px; width:auto; }
ol.std-olist li										{ padding-bottom:10px; width:100%; }


/* MISC
---------------------------------------*/
.special-item-title									{ float:left; color:#c4cd5a; font-size:12px; font-weight:bold; padding-bottom:7px; width:100%; }
.special-item-caption									{ float:left; color:#666666; font-style:italic; width:100%; }

.announce										{ float:left; color:#666666; border:1px solid #e6e6e6; background-color:#c4cd5a; padding:10px; width:223px; }
.announce ul										{ width:100%; }
.announce ul li										{ background:url(images/announce-bg.png) 0 4px no-repeat !important; width:206px; !important; }
.announce ul.no-arrow li								{ background:none !important; color:#fff; padding-left:0; width:100% !important; }

.slideshow										{ float:left; border-bottom:1px solid #e6e6e6; padding:6px; width:548px; height:365px; overflow:hidden; }
.slideshow img										{ width:548px; height:365px; }
.slideshow-nav										{ float:left; border-bottom:1px solid #e6e6e6; padding:6px 10px; width:540px; }
#prev2											{ float:left; }
#next2											{ float:right; }

h2.featuring										{ background:url(images/sprite.png) 0 -132px; no-repeat; height:43px; text-indent:-9999px; }

.tip-of-the-month									{ float:left; border:1px solid #e6e6e6; padding:10px; width:498px; }
.tip-of-the-month-l									{ float:left; text-align:center; padding-right:20px; width:160px; }
.tip-of-the-month-r									{ float:left; border-left:1px dotted #e6e6e6; font-size:14px; line-height:20px; text-align:center; padding:30px 20px; width:277px; }

.green-bg, .grey-bg, .blue-bg								{ float:left; background-color:#c4cd5a; color:#fff; font-size:14px; padding:20px; width:480px; text-align:center; }
.grey-bg										{ background-color:#666666; }
.green-bg .heading									{ font-weight:bold; }
.blue-bg										{ background-color:#75adba; }
.blue-bg strong										{ float:left; font-family:"Minion Pro","Times New Roman","Times Roman",serif; font-size:14px; text-transform:uppercase; padding-bottom:10px; width:100%; }



/* FORMS
---------------------------------------*/
#msg											{ float:left; padding-bottom:7px; width:100%; }
#msg span										{ float:left; padding:3px 5px; color:#fff; font-weight:bold; text-align:center; width:514px; }
span.error										{ background-color:red; }
span.success										{ background-color:green; }

#contact-form										{ float:left; width:100%; }
#contact-form label									{ float:left; color:#666666; font-size:11px; padding-bottom:3px; margin:0; width:100%; }
#contact-form input, #contact-form textarea, #contact-form select			{ float:left; border:1px solid #ccc; margin-top:0; margin-bottom:14px; padding:3px; width:237px; }
#contact-form textarea									{ height:75px; }
#contact-form input#lastName								{ padding:0; visibility:hidden; }
#contact-form input#submit								{ background-color:#666666; color:#fff; border:none; width:auto; cursor:pointer; }
#contact-form input#submit:hover							{ background-color:#c4cd5a; color:#fff; }
#contact-form input#submit:focus							{ background-color:#75adba; color:#fff; border:none; }


/* MENU
---------------------------------------*/
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			160px; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
	width:			100%;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			left;
	position:		relative;
	z-index:		99;
}
.sf-menu a {
	display:		block;
	position:		relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			30px; /* 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:			180px; /* 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:			180px; /* match ul width */
	top:			0;
}

.sf-menu li li {
	padding:		0px 10px;
	background:		#666666;
	height:			auto;
}
.sf-menu li li li {
	padding-left:10px;
	padding-right:10px;
	background:		#666666;
}
.sf-menu li li:hover,
.sf-menu li li a:focus, .sf-menu li li a:hover, .sf-menu li li a:active {
	background:		#c4cd5a;
	color:			#fff;
	outline:		0;
}

.sf-menu li li a { padding-bottom:7px; }

/*** arrows **/
.sf-menu a.sf-with-ul {
	padding-right: 		20px;
	min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
}

.sf-sub-indicator {
	position:		absolute;
	display:		block;
	top:			1.05em; /* IE6 only */
	right:			0;
	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;
}
