/*
THEME NAME: TixList Custom Theme
AUTHOR: <a href="http://staygoldendesign.com/">Jacob golden of Stay Golden Design</a>
*/



@import url('library/styles/reset.css');
@import url('library/styles/18px.css');

html{background:#D2D2D2;}


body {
	background: url(library/img/body_bg.jpg) repeat 0 0;
	font: normal normal normal 15px/21px Helvetica, Arial, sans-serif;
	color: #000;
	}

h2.entry-title{padding: 20px 25px 10px 0;text-align: right;font-size: 40px;color: #D9D9D9;letter-spacing: -2px;margin-bottom:0.3em;}
#secondary h3{font-size: 15px;}
#secondary ul li{float: left;margin: 5px 5px 0 5px;}
h2 {font-size:19px;margin-bottom: 0.1em;;color: #c0d5d5;font-weight: normal;}
h3 {font-size:20px; color:#33A554; line-height:1.35; margin-bottom:0.5em;font-weight: normal;}
h4 {color:#666;font-size:16px;line-height:1.25;margin:0 0 0.5em}
p {font-size:15px;color: #4C4C4C;margin:0 0 0.5em; letter-spacing: 0.1em;}

#primary .widget_text{padding:5px 50px;}

#post-3 h3{display: inline;}
#post-3 p{display: inline;}
#post-3 ol li{margin-bottom: 10px;}


.mir { letter-spacing : -1000em; }
/* Just for Opera, but hide from MacIE */
/*\*/html>body .mir { letter-spacing : normal; text-indent : -999em; overflow : hidden;}
/* End of hack */

/* clearfix */
.clearfix:after, .row:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.clearfix, .row {display:inline-block;} /*Those two .clearfix have to be separate!)*/
.clearfix, .row {display:block;}

 /* IE 7 */
 html > *af-form-wrapper #ie7
 {
 margin-top:-25px
 }

 /* IE 6 */
 body #ie6
 {
 _display: block;
 }


/*JG Helper Classes*/
.center{width: 947px;margin: 0 auto;}

.sh {box-shadow: 			5px 5px 10px #666;
	-o-box-shadow:			5px 5px 10px #666;
	-moz-box-shadow:		5px 5px 10px #666;
	-webkit-box-shadow:	5px 5px 10px #666;
}

.row {position:relative;}


/*Tabs*/

a { text-decoration: none;color: #3B5D83; }

/*tabs*/

/*Access*/
#menu{margin: 17px auto;width: 946px;}
#menu ul{width: 946px;height: 34px;position: relative;background: url(library/img/nav_sprite2.png) no-repeat;}
#menu ul li{float: left;}
#menu ul li a{display: block;height: 21px;width: 145px;padding: 6px 20px 0;border-right: 1px solid #fff;color: #3B5D83;font-size: 17px;}
#menu ul li.page-item-3 a{width: 45px;margin-left: 10px;}
#menu ul li.page-item-5 a{width: 71px;}
#menu ul li.page-item-7 a{width: 32px;}
#menu ul li.page-item-9 a{width: 134px;}
#menu ul li.page-item-15 a{width: 85px;}
#menu ul li.page-item-47 a{width: 82px;}
#menu ul li a:hover{background:#888;height: 23px;}

.slideshow{height: 300px;}

ul { list-style: none; }
ul li:last-child a { border: none; }

#side-tabs {padding: 0px; margin: 0;}

#explore-nav {background: url(library/img/tabs/tabs_bg_join_sel.png) no-repeat;width: 387px;height: 50px;display: block;position: relative;}
#explore-nav li {}
#explore-nav li.last { margin-right: 0; }
#explore-nav li a {text-align: center; border: 0; position: absolute;}
#explore-nav li a:hover { background-color: #111; }
#all-list-wrap{background: url(library/img/tabs/tabs_bg_mid.png) repeat-y 0 0;width: 387px;}

#list{ display: none; }

#explore-nav li#ex-join a{background: url(library/img/tabs/join_bg.jpg) no-repeat 0 0;height: 31px;width: 110px;top:0;left:129px;}
#explore-nav li#ex-list a {background: url(library/img/tabs/list_bg.jpg) no-repeat 0 0;height: 31px;width: 141px;top:0;left:239px;}
#explore-nav li#ex-join a.current, #explore-nav li#ex-join a:hover { background: url(library/img/tabs/join_bg-sel.jpg) no-repeat 0 0;height: 31px;width: 110px;top:0;left:129px;}
#explore-nav li#ex-list a.current, #explore-nav li#ex-list a:hover { background: url(library/img/tabs/list_bg_sel.png) no-repeat 0 0;height: 31px;width: 141px;top:0;left:239px;}

#side-tabs {color: #fff;}
#side-tabs h3{display: none;}



#side-tabs .formBuilderForm .formBuilderLabel,#side-tabs .formBuilderForm .formBuilderLabelRequired{margin-bottom: 5px;}

.formBuilderSmallTextarea textarea,.formBuilderDateStamp input,.formBuilderInput input{width: 326px;margin-bottom: 10px;background:#fff;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;border: 1px solid #33A554;padding: 3px;}
.formBuilderError{text-align: right;color: black;}
.formBuilderSubmit input{margin: 7px 0 0 233px;}
#side-tabs ul{padding: 0 25px;}
.arrow{background: url(library/img/arrow.jpg) no-repeat 0 0;height: 35px;width: 95px;margin: -42px 0 0 143px;}

#side-tabs ul #af-form-1165544809 .af-body {
background-color:transparent;
background-image:none;
background-position:inherit;
background-repeat:no-repeat;
color:#ffffff;
font-family:Helvetica;
font-size:15px;
padding-bottom:0px;
padding-top:0px;
}

#side-tabs ul #af-form-1165544809 .af-body label{
margin-bottom:5px;
}

#side-tabs ul #af-form-1165544809{
background:none;
border:none;
}

#side-tabs ul #af-form-1165544809 input.image{
margin:7px 0 0 213px
}

#side-tabs ul #af-form-1165544809 .af-standards .af-element{
padding-left:0;
padding-right:0;
}

#side-tabs ul #af-form-1165544809 .af-body input.text, #af-form-1165544809 .af-body textarea{-moz-border-radius:5px 5px 5px 5px;}

#side-tabs ul #af-form-1165544809{
overflow:visible;
}

.sidebar{}
#tabs-bot{background: url(library/img/tabs/tabs_bg_bot2.png) no-repeat 0 0;height: 25px;width: 387px;}
#primary {float: left; display: inline; margin-left: 20px;width: 387px;}
#secondary {background: url(library/img/tabs/ad_mid.png) repeat-y 0 0;width: 387px;}

#ad-bot{background: url(library/img/tabs/ad_bot.png) no-repeat 0 0;height: 22px;width: 387px;}

/*Header*/
#header-wrap{background: url(library/img/header-slice.jpg) repeat-x 0 0;height: 170px;}
#header{}
#header h1#blog-title{float: left;}

#header h1#blog-title a{background: url(library/img/logo.gif) no-repeat;height: 92px; width: 286px;display: block; margin-top: 20px;}
#blog-description{background: url(library/img/description.gif) no-repeat;height: 21px; width: 637px;display: block; margin-top: 63px;float: right;}



/*Post is id dynamic*/

.hentry{background:#fff;width: 510px;margin-left: 15px;}
.entry-content{padding: 0 10px 15px 10px;} 

#container-wrap{background: url(library/img/body_bg.jpg) repeat 0 0;margin-top: 10px;}

/*#container {background: url(library/grids/940_12_20.png) repeat-y center;}*/

#content {overflow: hidden;float: left;display: inline;width: 540px;background:#DBDBDB;padding: 15px 0;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;}

/*Footer*/

.formBuilderSuccess{font-weight: bold;margin-bottom: 75px;}

#crowd{background: url(library/img/crowd_bg.jpg) no-repeat center;height: 321px;}
#footer-wrap{background: url(library/img/footer_bg.jpg) repeat-x center;height: 415px;}
#footer ul #text-6,#footer ul #srssfetcher-1,#footer ul .widget_tweet_you{float: left;display: inline;width: 260px;background:#fff;border: 10px solid #DBDBDB;
-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;margin: 20px 20px 20px 0;height: 350px;overflow: auto;}
#footer h3,#footer ul,#footer .textwidget{padding: 5px 10px 5px 10px;}

.srssfetcher li{padding:5px;font-size: 14px;}
.tweet_list {font-size: 14px;}
.tweet_list li a{padding-right:10px;}
/*Calender*/

table.jCalendar {
	border: 1px solid #000;
	background: #aaa;
    border-collapse: separate;
    border-spacing: 2px;
}
table.jCalendar th {
	background: #333;
	color: #fff;
	font-weight: bold;
	padding: 3px 5px;
}

table.jCalendar td {
	background: #ccc;
	color: #000;
	padding: 3px 5px;
	text-align: center;
}
table.jCalendar td.other-month {
	background: #ddd;
	color: #aaa;
}
table.jCalendar td.today {
	background: #666;
	color: #fff;
}
table.jCalendar td.selected {
	background: #f66;
	color: #fff;
}
table.jCalendar td.selected.dp-hover {
	background: #f33;
	color: #fff;
}
table.jCalendar td.dp-hover,
table.jCalendar tr.activeWeekHover td {
	background: #fff;
	color: #000;
}
table.jCalendar tr.selectedWeek td {
	background: #f66;
	color: #fff;
}
table.jCalendar td.disabled, table.jCalendar td.disabled.dp-hover {
	background: #bbb;
	color: #888;
}
table.jCalendar td.unselectable,
table.jCalendar td.unselectable:hover,
table.jCalendar td.unselectable.dp-hover {
	background: #bbb;
	color: #888;
}

/* For the popup */

/* NOTE - you will probably want to style a.dp-choose-date - see how I did it in demo.css */

div.dp-popup {
	position: relative;
	background: #ccc;
	font-size: 10px;
	font-family: arial, sans-serif;
	padding: 2px;
	width: 171px;
	line-height: 1.2em;
}
div#dp-popup {
	position: absolute;
	z-index: 199;
}
div.dp-popup h2 {
	font-size: 12px;
	text-align: center;
	margin: 2px 0;
	padding: 0;
}
a#dp-close {
	font-size: 11px;
	padding: 4px 0;
	text-align: center;
	display: block;
}
a#dp-close:hover {
	text-decoration: underline;
}
div.dp-popup a {
	color: #000;
	text-decoration: none;
	padding: 3px 2px 0;
}
div.dp-popup div.dp-nav-prev {
	position: absolute;
	top: 2px;
	left: 4px;
	width: 100px;
}
div.dp-popup div.dp-nav-prev a {
	float: left;
}
/* Opera needs the rules to be this specific otherwise it doesn't change the cursor back to pointer after you have disabled and re-enabled a link */
div.dp-popup div.dp-nav-prev a, div.dp-popup div.dp-nav-next a {
	cursor: pointer;
}
div.dp-popup div.dp-nav-prev a.disabled, div.dp-popup div.dp-nav-next a.disabled {
	cursor: default;
}
div.dp-popup div.dp-nav-next {
	position: absolute;
	top: 2px;
	right: 4px;
	width: 100px;
}
div.dp-popup div.dp-nav-next a {
	float: right;
}
div.dp-popup a.disabled {
	cursor: default;
	color: #aaa;
}
div.dp-popup td {
	cursor: pointer;
}
div.dp-popup td.disabled {
	cursor: default;
}

a.dp-choose-date {
	float: left;
	width: 16px;
	height: 16px;
	padding: 0;
	margin: 5px 3px 0;
	display: block;
	text-indent: -2000px;
	overflow: hidden;
	background: url(http://staygoldendesign.com/tixlist/wp-content/plugins/formbuilder/images/calendar.png) no-repeat; 
	
}
a.dp-choose-date.dp-disabled {
	background-position: 0 -20px;
	cursor: default;
}
/* makes the input field shorter once the date picker code
 * has run (to allow space for the calendar icon
 */
input.dp-applied {
	width: 304px;
	float: left;
}