/*
Theme Name: Ballroomers Theme
Theme URI: http://robertandtinaballroomers.com/
Description: The default theme
Version: 1.0
Author: Darwin Hall
Author URI: http://convertordie.com
Tags: Ballroomers

*/

body {
	background: #fff;
	color: #000;
	font-size: 65%;
	font-family: arial, verdana, sans-serif;
	margin: 0;
	padding: 0;
	text-align: center;
}
a {
	color: #194A95;
	text-decoration: underline;
}
a:hover {
	color: #194A95;
	text-decoration: none;
}
a img {
	border: none;
}
h1, h2, h3 {
	font-weight: bold;
	letter-spacing: -.03em;
	text-align: left;
}
h1 a, h1 a:visited, h1 a:hover {
	color: #C1135B;
	text-decoration: none;
}
h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited {
	color: #000;
}
h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited {
	text-decoration: none;
}
h2 a:hover, h3 a:hover {
	color: #194A95;
	text-decoration: none;
}
h1 {
	font-size: 4.75em;
	letter-spacing: -.06em;
	margin: 0;
	padding: 0;
}
h2, h3 {
	border-bottom: 1px solid #ccc;
	font-size: 2.75em;
	letter-spacing: -.03em;
	margin: 0 0 .5em 0;
	padding: 0 0 .5em 0;
}
h3 {
	font-size: 2em;
}
h4 {
	border-bottom: 1px solid #ccc;
	font-size: 1.2em;
	font-weight: normal;
	padding: 0 0 .5em 0;
}
p, li {
	font-size: 1.4em;
}
p {
	line-height: 1.5em;
}
ul, ol {
	list-style: none;
	margin: 1.5em 0;
	padding: 0;
}
li {
	background: url(/img/li.gif) no-repeat 0 50%;
	margin: 0;
	padding: .25em 0 .25em .75em;
}

/* Header */

#header {
	text-align: left;
	width: 100%;
}
#logo {
	float: left;
	width: auto;
}
#search {
	float: right;
	padding: 35px 0 0 0;
	text-align: left;
	width: 290px;
}

/* Nav */

#tabs {
	float: left;
}
#tabs ul {
	background: #194A95 url(/img/tab.jpg) repeat-x top;
	border: 1px solid #6D174C;
	float: left;
	list-style: none;
	margin: 1em 0 2em 0;
	padding: 0;
	width: 860px;
}
#tabs li {
	background: none;
	float: left;
	font-size: 1.2em;
	list-style: none;
	margin: 0;
	padding: 0;
}
#tabs li a, #tabs li a:visited {
	border-right: 1px solid #194A95;
	color: #fff;
	display: block;
	float: left;
	margin: 0;
	padding: .6em 1em;
	text-decoration: none;
}
#tabs li a:hover {
	background: #194A95;
	text-decoration: none;
}

/* Page containers */

#wrapper {
	background: #fff url(/img/body.jpg) repeat-y center;
	margin: 1em auto;
	width: 930px;
}
#page {
	background: url(/img/page.gif) no-repeat top right;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #ccc;
	margin: 1em auto;
	padding: 0 20px 2em 20px;
	text-align: left;
	width: 858px;
}
#main {
	float: left;
	padding: 0 15px 0 0;
	width: 510px;
}
#secondary {
	border-left: 1px solid #ccc;
	float: right;
	margin-bottom: 2em;
	padding: .75em 0 .75em 20px;
	width: 290px;
}
#secondary h3 {
	font-size: 1.5em;
}
#secondary p {
	font-size: 1.2em;
	line-height: 1.4em;
}

/* More ------------------------------------------------------------------------- */

.more {
	clear: both !important;
	margin: 0;
}
.more ul {
	clear: both !important;
	margin: 0;
	padding: 0 0 1em 0;
}
.more li {
	background: none;
	font-size: 1.2em;
	margin: 0;
	padding: 0;
	text-align: right;
}
.more li a, .more li a:visited {
	background: none;
	padding: .5em;
}

/* Secondary info */

#connect li {
	background: none;
	font-size: 1.2em;
	margin: 0;
	padding: 0;
}
#connect li a {
	display: block;
	margin: .25em 0;
	padding: .15em 0 .15em 25px;
}
#connect li a.facebook {
	background: url(/img/facebook.png) no-repeat 0 50%;
}
#connect li a.friendfeed {
	background: url(/img/friendfeed.png) no-repeat 0 50%;
}
#connect li a.linkedin {
	background: url(/img/linkedin.png) no-repeat 0 50%;
}
#connect li a.twitter {
	background: url(/img/twitter.png) no-repeat 0 50%;
}
#share {
	clear: both;
}
#share ul {
	list-style: none;
	margin: 0;
	padding: 0 0 .75em 0;
}
#share li {
	background: none;
	list-style: none;
	margin: 0;
	padding: 0 0 .5em 0;
}
#twitter_update_list {
	list-style: none;
}
#twitter_update_list li {
	background: none;
	font-size: 1.3em;
	list-style: none;
	margin: 0;
	padding: .25em 0;
}

/* Community people images */

.community ul {
	float: left;
	list-style: none;
	margin: 0;
	padding: 0;
}
.community li {
	background: none;
	float: left;
	list-style: none;
	margin: 0 5px 5px 0;
	padding: 0;
}
.community li a img {
	border: 1px solid #ccc;
	float: left;
}

/* Posts */

.post {
	border-bottom: 1px solid #ccc;
	margin: 0 0 2em 0;
}
.post-data ul {
	clear: both;
	color: #999;
	list-style: none;
	margin: 1em 0;
	padding: .25em 0;
}
.post-data li {
	background: none;
	font-size: 1.1em;
	margin: 0;
	padding: .1em 0;
}
.post-data a, .post-data a:visited {
	text-decoration: none;
}
#older-newer {
	clear: both;
}
#older-newer ul {
	clear: both;
	list-style: none;
}
#older-newer li {
	background: none;
	font-size: 1.75em;
	font-weight: bold;
	letter-spacing: -.03em;
	margin: 0;
	padding: 0;
}
#older-newer a, #older-newer a:visited {
	color: #194A95;
	padding: .5em;
	text-decoration: none;
}
#older-newer a:hover {
	text-decoration: none;
}
.older {
	float: left;
}
.newer {
	float: right;
}

/* More comments, Take action */

.comments-number ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.comments-number li {
	background: none;
	font-size: 2em;
	font-weight: bold;
	margin: 1.5em 0;
	padding: 0;
	text-align: right;
}
.comments-number li a {
	background: #ffffcc url(/img/star-action.gif) no-repeat 10px 50%;
	border: 1px solid #ccc;
	margin: 0;
	padding: .75em .75em .75em 55px;
	text-decoration: none;
}

/* Comments */

#comments {
	clear: both;
	padding: .25em 0;
}
#comments p {
	font-size: .95em;
	line-height: normal;
	margin: 0;
	padding: 0 0 .25em 0;
}
#comments ul {
	clear: both;
	list-style: none;
	margin: 0;
	padding: 0;
}
#comments li {
	background: url(/img/asterisk.gif) no-repeat left top;
	border-bottom: 1px solid #ccc;
	font-size: 1.2em;
	margin: 1em 0 0 0;
	padding: 0 0 .75em 65px;
}
.from {
	color: #888;
	font-size: 1.2em;
	font-weight: bold;
}
.commentlist {
	padding: 0;
}
.alt {
	margin: 0;
	padding: 0;
}
.commentlist ol {
	list-style: none;
	margin: 0;
	padding: 0;
}
.commentlist li {
	background: url(/img/star.gif) no-repeat top left;
	border-bottom: 1px solid #ccc;
	list-style: none;
	margin: .5em 0 1.5em 0;
	padding: 0 0 0 55px;
}
.commentlist p {
	line-height: 1.5em;
	margin: .5em 0;
	text-transform: none;
}
#commentform p {
	font-size: .9em;
	margin: 1em 0;
}
.nocomments {
	margin: 0;
	padding: 0;
}
.commentmetadata {
	color: #999;
	display: block;
	font-size: 1.2em;
	margin: 0;
}
.commentlist li, #commentform input, #commentform textarea {
	font-size: .9em;
}
.commentlist li .avatar { 
	float: right;
	border: 1px solid #ccc;
	padding: 2px;
}
.commentlist cite {
	font-size: 1.5em;
	font-style: normal;
	font-weight: bold;
}

/* Sponsors */

#partners {
	clear: both;
	margin: 3em auto;
	width: 860px;
}
#partners-list {
	margin: 0 auto;
	text-align: center;
	width: 836px;
}
#partners ul {
	float: left;
	list-style: none;
	margin: 0;
	padding: 0;
}
#partners li {
	background: none;
	float: left;
	padding: 0;
}
#partners li a img {
	border: 1px solid #ccc;
	float: left;
	margin: 1em 30px;
}
#partners h3 {
	color: #999;
}
#partners p {
	border-top: 1px solid #ccc;
	clear: both;
	font-size: 1.1em;
	margin: 0;
	padding: 1em 0;
	text-align: right;
}

/* Begin Images */

p img {
	padding: 0;
	max-width: 100%;
}
img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
}
img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
}
.alignright {
	float: right;
}
.alignleft {
	float: left
}

/* Forms */

#searchform {
	margin: 0 auto;
	padding: 5px 3px;
}
#sidebar #searchform #s {
	width: 108px;
	padding: 2px;
}
#sidebar #searchsubmit {
	padding: 1px;
}
select {
	width: 130px;
}

/* General classes */

acronym, abbr, span.caps {
	cursor: help;
}
acronym, abbr, span.caps
{
	font-size: 0.9em;
	letter-spacing: .07em;
}
acronym, abbr {
	border-bottom: 1px dashed #999;
}
blockquote {
	margin: 15px 30px 0 10px;
	padding-left: 20px;
	border-left: 5px solid #ccc;
}
blockquote cite {
	display: block;
}
.clear {
	clear: both;
}
.center {
	text-align: center;
}
code {
	font: 1.1em 'Courier New', Courier, Fixed;
}

/* Forms */

#container {
	text-align:left;
}
#container, #top, #bottom {
	margin:0 auto;
}
#top, #bottom {
	width:650px;
	height:10px !important;
	display:block !important;
}
#top {
	margin-top:10px;
}
form.exygy {
	margin:20px 0;
	padding:0 0 20px 0;
}

/* ----- LOGO ----- */

.hide {
	display:none !important;
}
.exygy li{
	width:62%;
}
form ul{
	margin: 0;
	padding: 0;
	width: 100%;
}
form li{
	background: none;
	clear: both;
	list-style: none;
	margin: 0;
	padding: 4px 0 2px 0;
	position: relative;
}
form li:after, .buttons:after{
content:"."; 
display:block;
height:0; 
clear:both; 
visibility:hidden;
}

form li, .buttons{display: inline-block;}
* html form li, * html .buttons{height: 1%;}
form li, .buttons{display: block;}

* html form li div{
display:inline-block;
}
form li div, form li span{
margin:0 4px 0 0;
padding:0 0 8px 0;
color:#444;
}
form li span{
float:left;
}

form li div.address{
padding-bottom:0;
}

form li div.left{
display:inline;
float:left;
width:47%;
}
form li div.right{
display:inline;
float:right;
width:47%;
}

/* ----- SECTIONS ----- */

form hr{
display:none;
}
form li.section{
border-top:1px dotted #ccc;
margin-top:9px;
padding-top:13px;
padding-bottom:0px;
padding-left:9px;
width:97% !important;
}
form ul li.first{
border-top:none !important;
margin-top:0px !important;
padding-top:0px !important;
}
form .section h3{
font-weight:normal;
line-height:135%;
margin:0 0 2px 0;
}
form .section p{
margin:0 0 10px 0;
}

/* ----- FIELDS AND LABELS ----- */

label.desc{
line-height:150%;
padding:0 0 1px 0;
border:none;
display:block;
}
form li div label, form li span label{
margin:0;
padding-top:3px;
clear:both;
font-size:9px;
line-height:9px;
color:#444;
display:block;
}
input.text, input.file, textarea.textarea, select.select{
margin:0;
font-size:100%;
color:#333;
}
input.text, textarea.textarea, .firefox select.select{
border-top:1px solid #7c7c7c;
border-left:1px solid #c3c3c3;
border-right:1px solid #c3c3c3;
border-bottom:1px solid #ddd;
}
input.text, input.file{
padding:2px 0 2px 0;
}
label.choice{
font-size:100%;
display:block;
line-height:1.5em;
margin:-1.65em 0 0 25px;
padding:.44em 0 .5em 0;
color:#222;
width:90%;
}
input.checkbox, input.radio{
display:block;
line-height:1.5em;
margin:.6em 0 0 3px;
width:13px;
height:13px;
}
textarea.textarea{
	font-family: arial, verdana, sans-serif;
}
select.select{
	font-family: arial, verdana, sans-serif;
	margin:1px 0;
	padding:1px 0 0 0;
}
select.select[class]{
margin:0;
padding:1px 0 1px 0;
}
*:first-child+html select.select[class]{
margin:1px 0;
}
.safari select.select{
margin-bottom:1px;
font-size:120% !important;
}

span.symbol{
font-size:115%;
line-height:130%;
}
form li .datepicker{
float:left;
margin:.1em 5px 0 0;
padding:0;
width: 16px;
height: 16px;
cursor:pointer !important;
}

/* ----- BUTTONS ----- */

input.btTxt{
padding:0 7px;
width:auto;
overflow:visible;
}
.buttons{
clear:both;
margin-top:10px;
}
.buttons input{
font-size:1em;
margin-right: 5px;
}

/* ----- TEXT DIRECTION ----- */

.rtl .info h2, .rtl .info p, .rtl label.desc, .rtl label.choice, 
.rtl div label, .rtl span label, .rtl input.text, 
.rtl textarea.textarea, .rtl select.select, .rtl p.instruct, 
.rtl .section h3, .rtl .section p, .rtl input.btTxt{
direction:rtl;
}

/* ----- SIZES ----- */

.third{
width:32% !important;
}
.half{
width:48% !important;
}
.full{
width:100% !important;
}

input.small, select.small{
width:25%;
}
input.medium, select.medium{
width:50%;
}
input.large, select.large, textarea.textarea{
width:100%;
}

textarea.small{
height:5.5em;
}
textarea.medium{
height:10em;
}
textarea.large{
height:20em;
}

/* ----- ERRORS ----- */

#errorLi{
width:99%;
margin:0 auto;
background:#fff;
border:1px dotted red;
margin-bottom:1em;
text-align:center;
padding-top:4px;
padding-left:0px;
padding-right:0px;
}
#errorMsgLbl{
margin:7px 0 5px 0;
padding:0;
font-size:125%;
color:#DF0000;
}
#errorMsg{
margin:0 0 .8em 0;
color:#000;
font-size:100%;
}
#errorMsg strong{
background-color: #FFDFDF;
padding:2px 3px;
color:red;
}
form li.error{
display:block !important;
background-color: #FFDFDF !important;
margin:3px 0;
}
form li.error label{
color:#DF0000 !important;
}
form p.error{
display:none;
color:red;
font-weight:bold;
font-size:10px;
margin:-2px 0 5px 0;
clear:both;
}
form li.error p.error{
display:block;
}
.leftLabel p.error, .rightLabel p.error{
margin-left:30%;
padding-left:15px;
}
.noI .leftLabel p.error, .noI .rightLabel p.error{
margin-left:35%;
padding-left:15px;
}

/* ----- REQUIRED ----- */

form .req{
float:none;
color:red !important;
font-weight:bold;
margin:0;
}

/* ----- INSTRUCTIONS ----- */

form li.focused{
background-color:#fff7c0;
}
form .instruct{
position:absolute;
top:0;
left:100%;
z-index:1000;
width:42%;
margin:0 0 0 8px;
padding:8px 10px 9px 10px;
border:1px solid #e6e6e6;
background:#f5f5f5;
line-height:130%;
font-size:80%;
color:#444;
visibility:hidden;
}
form .instruct small{
font-size:105%;
}
form li.focused .instruct, form li:hover .instruct{
visibility:visible;
}

/* ----- ALT INSTRUCTIONS ----- */

li.altInstruct .instruct, li.leftHalf .instruct, li.rightHalf .instruct{
visibility:visible;
position:static;
margin:-2px 0 0 0;
padding:0 0 7px 0;
background:none;
border:none;
width:100%;
font-size:9px;
clear:left;
}

/* ----- LABEL LAYOUT ----- */

.leftLabel li, .rightLabel li, li.leftLabel, li.rightLabel{
width:74% !important;
padding-top:9px;
}

.leftLabel .small, .rightLabel .small{
width:17%;
}
.leftLabel .medium, .rightLabel .medium{
width:35%;
}
.leftLabel .large, .leftLabel textarea.textarea,
.rightLabel .large, .rightLabel textarea.textarea,
.leftLabel .address, .rightLabel .address{
width:64%;
}

* html .leftLabel .small, * html .rightLabel .small{
width:23%;
}
* html .leftLabel .medium, * html .rightLabel .medium{

width:55%;
}
* html .leftLabel .large, * html .leftLabel textarea.textarea,
* html .rightLabel .large, * html .rightLabel textarea.textarea{
width:97%;
}

.leftLabel label.desc, .rightLabel label.desc{
float:left;
width:30%;
margin:2px 15px 0 0;
}
.rightLabel label.desc{
text-align:right;
}
.leftLabel .address, .rightLabel .address{
float:left;
}
.leftLabel p.instruct, .rightLabel p.instruct{
width:27%;
margin-left:5px;
}
.leftLabel .altInstruct .instruct, .rightLabel .altInstruct .instruct{
margin-left:30% !important;
padding-left:15px;
width:65%;
}

.leftLabel .buttons, .rightLabel .buttons{
margin-left:15px;
}
.leftLabel .buttons input, .rightLabel .buttons input{
margin-left:30%;
}

/* ----- NO INSTRUCTIONS ----- */

.noI .instruct{
display:none !important;
}
.noI form li, .noI form li.buttons{
width:97% !important;
}
.noI form li.section{
padding-left:9px !important;
}

/* ----- NO INSTRUCTIONS LABEL LAYOUT ----- */

.noI .leftLabel .large, .noI .leftLabel textarea.textarea,
.noI .rightLabel .large, .noI .rightLabel textarea.textarea,
.noI .leftLabel .address, .noI .rightLabel .address{
width:60%;
}

* html .noI .leftLabel .small, * html .noI .rightLabel .small{
width:23%;
}
* html .noI .leftLabel .medium, * html .noI .rightLabel .medium{
width:55%;
}
* html .noI .leftLabel .large, * html .noI .leftLabel textarea.textarea,
* html .noI .rightLabel .large, * html .noI .rightLabel textarea.textarea{
width:97%;
}

.noI .leftLabel label.desc, .noI .rightLabel label.desc{
width:35%;
}
.noI .leftLabel .buttons input, .noI .rightLabel .buttons input{
margin-left:35%;
}

/* ----- FIELD FLOATING ----- */

form li.leftHalf, form li.rightHalf{
width:46% !important;
}
li.leftHalf{
clear:left;
float:left;
}
li.rightHalf{
clear:none;
float:right;
}
li.leftHalf .medium, li.rightHalf .medium,
li.leftHalf .small, li.rightHalf .small{
width:100%;
}