/* @override 
	http://queenbe.com/adminQueenBe/templates/css/main.css
*/

/*Layout Elements
--------------------------------------------------*/
img {border: none;}

* {
margin: 0;
padding: 0;}

body {
text-align: center;
background-color: #252525;}

#wrapper {
text-align: left;
background: url(/adminQueenBe/templates/images/wrapperBG.jpg) top left repeat-y;
margin: 0 auto;
width: 992px;}

#header {
background: url(/adminQueenBe/templates/images/header2.jpg) 0 0;
margin: 0px auto;
padding: 0;
height: 170px;}

#home_test #header {background: none;}

#navMain {
background: url(/adminQueenBe/templates/images/navBG.jpg) top left repeat-x;
margin: 0 auto;
width: 992px;
height: 52px;}

#content {
width: 932px;
margin: 20px 40px;}

#contentLeft {
padding-right: 40px;
width: 620px;
border-bottom: 1px;
float: left;
background: url(/adminQueenBe/templates/images/columnBorder.jpg) top right no-repeat;}

#calendar #content {
margin: 30px auto;}

#calendar #contentLeft {
width: 100%;
margin-right: 20px;
background: none;}

#contentRight {
padding: 10px 20px 0px 10px;
width: 225px;
float: right;}

#home #contentRight, #class_info #contentRight, #about #contentRight {
margin-right: 0px;}

#slideShowArea {
text-align: center;}

#footer {
background: url(/adminQueenBe/templates/images/footerBG.jpg) top left no-repeat;
margin: 0 auto;
width: 992px;
height: 115px;}

* html #footer {
padding-right: 20px;}

.clear {
clear: both;}

.float-pic {padding: 0 15px 15px 0;}

/*Layout Elements
--------------------------------------------------
--------------------------------------------------*/

/*List Elements
--------------------------------------------------*/

#navMain ul {
text-align: center;
padding: 15px 0;
padding-right: 30px;
list-style-type: none;}

#navMain li {
font-size: 1em;
margin: 10px 20px;
display: inline;}

#contentRight ul {
font-size: .9em;
list-style-type: none;}

#contentRight li {
margin: 0px;}

#topNav {
width: 980px;
text-align: right;
margin-left: -30px;
padding-top: 140px;}

ul {
margin-left: 30px;
margin-bottom: 20px;}

li {padding: 2px;}

ol {
margin-left: 35px;
margin-bottom: 20px;
font-size: 1.1em;}


/*List Elements Ends
--------------------------------------------------
--------------------------------------------------*/

/*Form Elements
--------------------------------------------------*/

.entry {
border-bottom: #5A5A5A dashed 1px;
margin-bottom: 20px;
padding-bottom: 20px;}

.comment {
background-color: #161616;
border: #333 solid 1px;
margin: 20px 0;
padding: 10px;
overflow: hidden;
clear: both;}

.posted {
margin: 10px 0;
color: #5A5A5A;
font-size: 1.2em;}

input {
border: #D2D2D2 solid 1px;}

fieldset#contact input{width: 250px;}
fieldset#contact textarea {width: 350px;}
fieldset#contact .inputButton {width: 75px;}

fieldset input#state {width: 30px;}
fieldset input#zip {width: 70px;}

select {
border: #D2D2D2 solid 1px;}

.submitBtn {padding: 2px 5px; background-color: #404040; color: white; font-size: 12px; border: 1px solid #666;}

textarea {
border: #D2D2D2 solid 1px;}

.inputButton {
margin-top: 0px;}

.required {
margin: 10px 20px;
color: #971B1E;}

table {
margin: 0;
padding: 0;
border: none;}

td {
margin: 0;
padding: 0;
border: none;}

td p {
margin: 0px;
padding: 0;
border: none;}

/*Form Elements Ends
--------------------------------------------------
--------------------------------------------------*/

/*Enhancements
--------------------------------------------------*/

.rightColBG {
background-color: #161616;
border: #5A5A5A solid 1px;
margin: 20px 0;
padding: 15px 10px;}

.small {font-size: 10px;}

.small li {
font-size: 10px;
padding: 2px 0;}

.centerText {text-align: center;}
h1.centerText {margin-bottom: 20px;}
/* Enhancements Ends
--------------------------------------------------
--------------------------------------------------*/

/*Decorations
--------------------------------------------------*/

.hr {
border-bottom: 1px dashed #333333;
width: 100%;
height: 10px;
margin: 20px 0;
clear: both;}

.comments .hr {
margin: 5px 0;}

.hrSide {
border-bottom: 1px dashed #333333;
width: 85%;
height: 10px;
margin: 20px 0;}

.hightlight {color: red;}
.highlight-y {color: yellow;}
.highlight-r {color: red;}

.comments {margin-top: 15px;}

.comments p {
font-size: 1em;
color: white;
margin: 0px;}

#jill-photo img {
margin-right: 10px;
float: left;
border: 3px solid #333;}

.videos {
margin-bottom: 10px;
text-align: center;}


/*Decorations Ends
--------------------------------------------------
--------------------------------------------------*/



/* Big Calendar Styles
--------------------------------------------------*/
.calendarBG {
 background-color: #1e1e1e; 
}

.calendarBlank { 
 background-color: #292929;
 padding: 5px;
}

.calendarHeader { 
 font-weight: bold; 
 color: #fff; 
 text-align: center;
 font-size: 14px;
 background-color: #000; 
}

.calendarHeader th {padding: 5px 0;}

.calendarMonthLinks {
 font-family:       Arial, Trebuchet MS, Tahoma, Verdana, Sans-serif;
 font-size:         11px;
 font-weight:		bold;
 letter-spacing:	.1em;
 text-decoration:   none;
 color:             #fff;
 background-color:  transparent;
}

.calendarMonthLinks a {
 color:             #fff;
 text-decoration:   none;
 background-color:  transparent;
}
  
.calendarMonthLinks a:visited {
 color:             #fff;
 text-decoration:   none;
 background-color:  transparent;
}

.calendarMonthLinks a:hover {
 color:             yellow;
 text-decoration:   underline;
 background-color:  transparent;
}

.calendarDayHeading {
 font-weight: bold; 
 font-size:	11px;
 color: #fff; 
 background-color: purple; 
 text-align:  center;
 vertical-align: middle;
}

.calendarToday { 
 font-family:       Verdana, Arial, Sans-serif;
 font-size:         12px;
 font-weight:		normal;
 text-align:  center;
 vertical-align: top;
 color:             yellow;
 background-color: 	#555;
}

.calendarCell {
 font-family:       Verdana, Arial, Sans-serif;
 font-weight:		normal;
 letter-spacing:	.1em;
 text-align:  left;
 vertical-align: top;
 color:             #666;
 padding: 5px;
 width: 250px;
 height: 100px;
 background-color:  #3a3a3a;
}

.event_title p {
font-size: 10px; 
line-height: 120%; 
margin-bottom: 10px;}

.calendarCell a {
 color:             yellow;
 background-color:  transparent;
}

td {vertical-align: top;}

.day_number {text-align: right; color: #FFF;}
.calendarToday .day_number {color: yellow; padding: 5px;}
.day_number a {color: yellow;}
  
.calendarCell a:visited {
 color:             yellow;
 text-decoration:   underline;
 background-color:  transparent;
}

.calendarCell a:hover {
 color:             #FFF;
 background-color:  transparent;
}
/*  Ends
--------------------------------------------------
--------------------------------------------------*/





/* Small Calendar Styles
--------------------------------------------------*/
.calendarSmall td {height: 20px; padding: 2px; text-align: right; }
.calendarSmall { margin-bottom: 15px;}
.calendarSmall td.calendarCell a {text-decoration: underline;}
/*  Ends
--------------------------------------------------
--------------------------------------------------*/