/**
 * Global CSS for all pages on the site
 * @author Mark Guinn <mark@adaircreative.com>
 */


/* !------- GENERAL STLYING ------- */
.clear { clear:both; }
.left { float:left; } 
.right { float:right; }
img.right { margin-left:20px }
.aleft { text-align:left; }
.aright { text-align:right; }
.acenter { text-align:center; }

p {
	margin-bottom: 1em;
}

blockquote {
	display: block;
	background: url('../images/bg_quote.png') no-repeat top left;
	margin: 0px 0px 0px 25px;
	padding: 22px 0px 0px 25px;
	width: 130px;
	float: right;
	min-height: 120px;
}

.secondary blockquote {
	margin: 0px 0px 0px -25px;
	padding: 10px 0px 0px 25px;
	width: auto;
	float: none;	
}

li {
	line-height: 1.4em;
	margin-bottom: 1em;
}


/* this could cut both ways - it means all datepickers will show up above
 any fancyboxes, but i think that's what we want. */
.ui-datepicker {
	z-index: 1200;
}

/* get of this crazy thing from tripoli */
blockquote > *:first-child:before {
	content: no-open-quote;
	margin-left:0;
	padding-right:0;
	line-height:0;
}

h2 {
	font-size: 1.9em;
	line-height: 1.2em;
}
#fancybox-inner h2 {
	font-size: 20px;
	line-height: 15px;
	margin-bottom: 15px;
}

h3 {
	font-size: 1.5em;
}

h4 {
	font-family: "Gotham", sans-serif;
	font-size: 20px;
	font-weight: normal;
}

h5 {
	font-weight: bold;
	font-size: 16px;
	margin: 0px;
	padding: 0px;
}

ol, ul {
	margin-left: 30px;
}
li p {
	display: inline;
}

ol {
	list-style: decimal;
}
ul {
	list-style: disc;
}

hr {
	margin: 2em 0;
	border: none;
	border-bottom: #888 solid 1px;
	display: block;
}

/* !------- FORMS ------- */
form {
	margin: 1em 0;
}

fieldset {
	border: none;
}

label {
	display: block;
}
label.left {
	float: none;
}
label.right {
	float: none;
	display: inline;	
}

input[type=text], input[type=password] {
	font-size: 2em;
}

input[type=text], textarea {
	width: 95%;
}

div.field {
	margin-bottom: 15px;
}

.Actions {
	height: 30px;
}

form span.message {
	background: red;
	color: white;
	display: block;
	margin: 0;
	padding: 5px;
}

.calendardate {
	position: relative;
}
.calendardate input {
	width: 8em;
}
#content .dropdowntime {
	position: absolute;
	left: 250px;
	top: 0px;
}
.middleColumn {
	position: relative;
}

#MemberLoginForm_LoginForm input[type=text],
#MemberLoginForm_LoginForm input[type=password] {
	width: 12em;
}

.loading {
/*	float:  */
}

div.field.tf_other {
	display:none;
}

ul.optionset {
	list-style: none;
	margin-left: 0;
}
.optionset li {
	display: inline;
	padding-right: 20px;
}
.optionset li label {
	display: inline;
}


/* !------- SPECIFIC ELEMENTS ------- */
body {
	background: url('../images/june/top_photos2.jpg') no-repeat top center;
}
body.HomePage,
body.DatePage {
	background: url('../images/jan2011/top_photos.jpg') no-repeat top center;
}

#bars_container {
	background: url('../images/home/top_bars.png') no-repeat top center;
	min-height: 600px;
}

#container {
	position: relative;
	width: 850px;
	margin: 0px auto;
}

#top_logo {
	position: absolute;
	top: 0px;
	right: 0px;
	z-index: 10;
	background: url('../images/home/logo.png') no-repeat right top;
	width: 165px;
	height: 170px;
	text-decoration: none;
}

#main_title {
	display: none;
}

#content {
	position: relative;
	padding: 200px 35px 0px 25px;
}
body.BlogEntry #content {
	padding: 180px 0px 0px 0px;
	margin: 0 10px 0 -10px;
}
body.HomePage #content,
body.DatePage #content {
	padding: 565px 0px 0px 0px;
}
#content strong:first-child {
	font-size: 15px;
}

#footer {
	line-height: 22px;
	text-align: center;
	color: #888;
	padding: 0px;
}

#footer img {
	vertical-align: sub;
}

#featured_date_link {
	display: block;
	text-align: center;
}

#content, #fancybox-inner {
	font-family: "Trebuchet MS", sans-serif;
	font-size: 11.5px;
	line-height: 22px;
}

.loading {
	float: right;
	display:block;
	background: url('../images/spinner2.gif') no-repeat left center;
	padding-left: 30px;
	line-height: 30px;
}

#video_player {
	left: 131px;
	top: 209px;
	position: absolute;
}



/* !------- COLUMN LAYOUTS ------- */

.twocol {
	position: relative;
	margin: 0px 30px;
}

.twocol .primary {
	position: relative;
	width: 513px;
	float: right;
}

.twocol .secondary {
	position: relative;
	float: left;
	width: 230px;
}

/*
.twocol {
	position: relative;
	margin: 0px 15px;
}

.twocol .primary {
	width: 56%;
	float: left;
}

.twocol .secondary {
	float: right;
	width: 40%;
}
*/


/* !------- PRESENTATIONAL ELEMENTS ------- */
.double_border {
	border: 1px solid #eee;
}
.double_border2 {
	border: 5px solid #f8f8f8;
	padding: 20px 30px;
}

p.buttons {
	height: 30px;
	margin: 20px 0px 0px;
}
a.button, 
input.button {
	float: left;
	display:block;
	padding: 0px 16px;
	margin: 0px 10px;
	height: 30px;

	color: #444;
	border: 1px solid #a4aab1;
	background: #bdc1c6 url('../images/button_bg.png') repeat-x top left;

	font-family: "Gotham", sans-serif;
	font-size: 11px;
	font-weight: bold;

	line-height: 30px;
	text-align:center;
}
a.button:first-child {
	margin-left: 0;
}
a.button:last-child {
	margin-right: 0;
}
a.button.fillspace {
	width: 100%;
	padding: 0;
}
a.button, a.button:visited, a.button.link, a.button:active, a.button:hover {
	color: #444;
	text-decoration: none;
}



/* !------- POLL STYLES ------- */

#poll_left {
	width: 240px;
	float: left;
}
#poll_right {
	width: 240px;
	float: right;
}
#PollAnswer {
	margin-top: 1em;
}

form.ShowPoll {
	position: relative;
	margin: 0px 0px 20px;
}

.ShowPoll fieldset {
	border: none;
	margin: 0 0 15px 0;
}

.ShowPoll div.field {
	margin: 0;
}

.ShowPoll label, .ShowPoll h6 {
	font-size: 11.5px;
	line-height: 18px;
	display: block;
	font-weight: normal;
	margin: 0 0 15px 0;
}
.ShowPoll label.left {
	float: none;
}

.ShowPoll .middleColumn {
	clear: both;
}
.ShowPoll ul {
	padding: 0;
	margin: 0;
}
.ShowPoll li {
	padding: 0;
	margin: 0;
	display: block;
	list-style: none;
	clear: left;
	margin-top: 10px
}
.ShowPoll li input {
	float: left;
	margin: 0px 10px;
}
.ShowPoll li label, .poll_answer_caption {
	font-size: 11.5px;
	line-height: 14px;
	margin: 0 0 0 0px;
	font-weight: normal;
}
.poll_answer_caption {
	margin: 0 0 0 0px;
}

.poll_answer_result {
	height: 10px;
	border: 1px solid #eee;
	margin-bottom: 1em;
}
.poll_answer_result span {
	display: block;
	height: 10px;
	background: #aaa;
	border-right: 1px solid #aaa;
}

/* demographics questions */
.fieldgroupField {
	padding-top: 1em;
	clear: left;
}
.fieldgroupField label {
	margin-bottom: 0em;	
	/*font-size: 12px;*/
}
.fieldgroupField li {
	display: inline;
	margin-right: 0.5em;
}
.fieldgroupField li input {
	float: none;
	margin: 0;
}
.fieldgroupField li label {
	display: inline;
	font-size: 9px;
	margin: 0;	
}
#ShowPoll_CurrentPoll_Age {
	width: 3em;
	font-size: 1.5em;
}
label[for=ShowPoll_CurrentPoll_Age], label[for=ShowPoll_CurrentPoll_Gender] {
	float: left;
	margin-right: 0.5em;
}
#ShowPoll_CurrentPoll_YearsMarried li {
	display: block;
	float: left;
	width: 73px;
	clear: none;
}

/* !------- DATE STEPS ------- */
.step_wrapper {
	padding: 15px 0px;
	border-bottom: 3px solid #eee;
}
.step_wrapper:last-child {
	border-bottom: none;
}

#steps h4 {
	width: 100px;
	padding: 20px;
	float: left;
}

.step_content {
	margin-left: 140px;
	line-height: 22px;
}

.step_content ul {
	margin: 0;
	list-style: none;
}
.step_content li a {
	font-family: "Gotham", sans-serif;
	font-size: 13px;
	font-weight: normal;
	text-decoration: underline;
	background: url('../images/step_icon.png') no-repeat left center;
	padding-left: 35px;
	line-height: 40px;
	display: block;	
}



/* !------- BLOG STYLES ------- */
/*
.BlogEntry #content,
.BlogHolder #content {
	padding-left: 95px;
	padding-right: 55px;
}

#blog_content {
	width: 470px;
	float: left;
}

#blog_sidebar {
	width: 230px;
	float: right;
}
*/

.WidgetHolder {
	padding: 10px 0 0 35px;
}
.WidgetHolder h3 {
	font-family: "Trebuchet MS", sans-serif;
	font-size: 20px;
	border-bottom: 1px solid #eee;
	padding: 0px 0px 0px 15px;
	margin-right: 15px;
	font-weight: normal;
	line-height: 40px;
}
.WidgetHolder p, 
.WidgetHolder ul,
.WidgetHolder form {
	margin: 5px 0 0 15px;
}
.WidgetHolder form p {
	margin: 0 0 1em 0;
}
.WidgetHolder li {
	list-style: none;
}
.WidgetHolder a {
	display: block;
	color: #444;
}

.postTitle {
	background: transparent url('../images/blue_banner.png') no-repeat left bottom;
	margin: 20px 0px 5px -15px;
	padding: 0px 0px 12px 0px;
}
.postTitle a, 
.postTitle a:hover, 
.postTitle a:visited, 
.postTitle span {
	display: block;
	background: #142132;
	padding: 5px 0px 5px 84px;
	font-size: 19px;
	color: white;
	text-decoration: none;
	font-weight: normal;
}

.authorDate {
	font-size: 12px;
}

.blogVitals {
	margin-top: 1em;	
}
.blogVitals a {
	color: #444;
	font-weight: bold;
}

#PageCommentInterface_Form_PostCommentForm {
	margin-bottom: 2em;
}

#PageComments {
	margin: 1em 0;
}
#PageComments li {
	list-style: none;
	margin-bottom: 1em;
	padding: 5px 10px;
}
#PageComments li.odd {
	background: #f0f0f0;
	border: 1px solid #e8e8e8;
}
#PageComments li.even {
	border: 1px solid #f0f0f0;
}
#PageComments li p {
	display: block;
}
#PageComments li p.info {
	font-size: 10px;
	text-align: right;
	margin: 0;
}
#PageComments ul.actionLinks {
	margin:0;
	padding:0;
	font-size: 10px;
	text-align: right;
}
#PageComments ul.actionLinks li {
	display:inline;
}

li.tweet {
	list-style: none;
	margin-bottom: 1em;
}
li.tweet span.post_date {
	display: block;
	font-size: 10px;
	font-style: italic;
}

.FanBoxWidget a {
	color: #22a9d5;
	display: inline;
}
.FanBoxWidget {
	padding-left: 6px;
}

.LoginWidget input[type=text], .LoginWidget input[type=password] {
	font-size: 14px;
}
.LoginWidget div.field {
	margin-bottom: 5px;
}


/* !------- HOME PAGE ------- */

#tabs {
	position:relative;
	height: 32px;
	width: 513px;
}
#tabs.welcome_cur { background: url('../images/tabs1.png') no-repeat left top; }
#tabs.blog_cur { background: url('../images/tabs2.png') no-repeat left top; }
#tabs.twitter_cur { background: url('../images/tabs3.png') no-repeat left top; }
#tabs.feedback_cur { background: url('../images/tabs4.png') no-repeat left top; }
#tabs a {
	float: left;
	display: block;
	width: 128px;
	height: 32px;
	text-indent: -10000px;
}

.tab_div {
	position: relative;
	display: none;
}
.tab_div.current {
	display: block;
}



/* !-------- SLIDERS ------- */

.slider ul {
	height: 50px;
}
.slider ul li {
	height: 50px;
	width: 608px;
	font-size: 18px;
	list-style: none;
	color: #a7171c;
}