/*
Theme Name: Southern Sky 2.0
Theme URI:  Contact the <a href="mailto:webmaster@southernskydistrict.org">Southern Sky Webmaster</a>
Description: Left and right sidebar, extended footer detail.
Site Author: Dave Knox
Tags: custom header/footer, fixed width, three columns, widgets
*/

/* Work from Top Down - Layout first, then styling BKGD Match = #262161	*/

body {
	margin: 0 auto;
	font-size: 90%; 
	font-family: Verdana, Arial, Sans-Serif;
	background: #131031 url('images/xxx.jpg') repeat-x;
	background-attachment: fixed;
	}

#page {
	text-align: left;
	margin: 0 auto;
	margin-top: 20px;
	padding: 0;
	min-width: 600px;
	max-width: 1200px;
/*	border-top: 4px solid #e3e3e3;
	border-left: 4px solid #e3e3e3;
	border-right: 4px solid #4b4b4b;
	border-bottom: 4px solid #4b4b4b;	*/
	}

#header {
	background: #232766 url('images/SSD2_Header_081009A.jpg') no-repeat bottom center;
	}

#headerimg {
	margin: 0 0 20px 0;

/*	height: 200px; */
	}
	
	
#headerimg img {
	width: 100%;
	}
	
#headerimg img .corner_tl {
	display: none;
	position:relative;
	top: -100px;
	left: 0
	z-index: 2;
	}

#headerimg h1 {
	display: none;
	}
	
#headerimg h1 a {
	display: none;
	}

#headerimg .description {
	display: none;
	position: relative;
	padding: 120px 20px 0 0;
	float: right;
	font-size: 1.0em;
	font-weight: bold;
	color: #fff;
	}

/* CONTENT - THREE COLUMN LAYOUT */

/* #content {
	display: block;
	margin: 0 auto;
	padding: 0;
	background-color: #fff;
	color: #000;
	width: 100%
	min-width: 300px;
	}
*/
/* column container */
.colmask {
	position:relative;	/* This fixes the IE7 overflow hidden bug */
	clear:both;
	float:left;
	width:100%;			/* width of whole page */
	overflow:hidden;		/* This chops off any overhanging divs */
	}
/* common column settings */
.colright,
.colmid,
.colleft {
	float:left;
	width:100%;			/* width of page */
	position:relative;
	}
.maincolumn,
.l_sidebar,
.r_sidebar {
	float:left;
	position:relative;
	padding:0 0 20px 0;	/* no left and right padding on columns, we just make them narrower instead
					   only padding top and bottom is included here, make it whatever value you need */
	overflow:hidden;
	}

/* 3 Column settings */
.threecol {
	background:#CAD9FB;		/* right column background colour */
	}
.threecol .colmid {
	right:20%;			/* width of the right column */
	background:#fff;		/* center column background colour */
/*	border-right: 1px solid #000;	*/
	}
.threecol .colleft {
	right:60%;			/* width of the middle column */
	background:#23236c	url('images/bgstarsblue.jpg');	/* left column background colour */
	border-right: 1px solid #000;
	}
.threecol .maincolumn {
	width:58%;			/* width of center column content (column width minus padding on either side) */
	left:101%;			/* 100% plus left padding of center column */
	}
.threecol .l_sidebar {
	width:18%;			/* Width of left column content (column width minus padding on either side) */
	left:23%;			/* width of (right column) plus (center column left and right padding) plus (left column left padding) */
	}
.threecol .r_sidebar {
	width:18%;			/* Width of right column content (column width minus padding on either side) */
	left:85%;			/* Please make note of the brackets here:
				   		/* (100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
	}

/* IMAGES */

p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

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;
	}

.clear {
	clear: both;
	}

/* SIDEBARS */

.widget {
	padding-bottom: 10px;
	}

.widgettitle {
	font-size: 1.0em;
	font-weight: bold;
	}

a:hover .widgettitle  {
	color: #232766;
	text-decoration: underline;
	}

.l_sidebar, .l_sidebar a, .l_sidebar ul a, .l_sidebar li a {
	color: #000;
	font-size: 0.95em;
	text-decoration: none;
	}
	
.r_sidebar .r_sidebar a, .r_sidebar ul a, .r_sidebar li a {
	color: #000;
	font-size: 0.9em;
	text-decoration: none;
	}

.l_sidebar ul, .r_sidebar ul, .r_sidebar ul li {
	list-style-type: none;
/*	padding: 0 5px 10px 5px;	*/
	margin: 0;
	padding: 0;
	}
	
/* .l_sidebar ul li li {
	padding: 0 0 5px 0;
	}
*/	
.l_sidebar ul li ul li, .r_sidebar ul li ul li {
	padding: 2px 0 2px 0px;
/*	font-size: 0.95em;	*/
	}

.l_sidebar ul li ul li {
	border-top: 1px solid #000;
	}

.l_sidebar ul li ul li ul li, .r_sidebar ul li ul li ul li {
	margin: 0 0 0 10px;
	padding: 0;
	border-top: 0;
	}

/*
.l_sidebar ul li ul li ul li ul li {
	background: #dd2222;
	}
.l_sidebar ul li ul li ul li ul li a{
	color: #ffffff;
	}
*/
li a:hover, li a:hover {
	font-weight: bold;
	}

/*
.current_page_item:before {
	content: url(images/SSDLogo_Night_32.gif);
	width: 50%;
	}
*/
	
/* .widget {
	margin-bottom: 20px;
	padding: 0 0 10px 0;
	border-bottom: 1px solid;
	}
*/

/* End Sidebars */

/* CONTENT START */
/*
#content .maincolumn {
	display: inline;
	position: relative;
	margin 0 auto;
	width: 100%;
	max-width: 800px;
	}
*/

#post-3362 .entry {
	background: #fff url('http://www.southernskydistrict.org/images/Eagle_semi.jpg') no-repeat;
	}

.pagetitle {
	margin: 10px 0;
	padding: 5px 0;
	border-top: 2px solid #000;
	border-bottom: 2px solid #000;
	font-size: 1.0em;
	color: #000;
	text-align: center;
	}

.navigation {
	clear: both;
	}
	
.postmetadata {
	background-color: #fdd;
	padding: 2px 0;
	}

/*.announcements {
	margin: 0;
	padding: 10px 0 0 0;
	}
*/
/*	.announcements .post, .categorymain .post {	*/
.categorymain .post {
	float: left;
	width: 49%;
	margin: 0 0.5% 0 0.5%;
	font-size: 0.75em;
	}

/*	.announcements .postleft, .categorymain .postleft {	*/
.categorymain .postleft {
	float: left;
	width: 49%;
	margin: 0 0.5% 0 0.5%;
	font-size: 0.75em;
	}

/*	.announcements .postright, .categorymain .postright {	*/
.categorymain .postright {
	float: right;
	width: 49%;
	margin: 0 0.5% 0 0.5%;
	font-size: 0.75em;
	}

.announcements h2, .categorymain h2 {
	margin: 0px;
	padding: 5px;
	border-top: 2px solid #000;
	border-bottom: 2px solid #000;
	font-size: 1.0em;
	color: #000;
	text-align: center;
	}

.post {
	display: block;
	margin: 0;
	padding: 0 0 10px 0;
	font-size: 0.8em;
	border-bottom: 20px solid #eef;
	}
	
.post h1 a, .post h1 a:hover, .post a:hover h1{
	text-decoration: none;
	}
	
.post h3 a, .post a h3 {
	color: #d22;
	font-size: 0.95em;
	text-decoration: none;
	}	

.post .javahead h3 {
	color: #d22;
	}

.post h3 a:hover, .post a:hover h3{
	color: #131031;
	text-decoration: underline;
	}	

.training {
	display: block;
	margin: 0;
	padding-bottom: 10px;
	border-bottom: 10px solid #eef;
	}

.categoryhead {
	clear: both;
	margin: 0 0 0 0;
	padding: 10px 0 0 0;
	}

.categoryhead h2 {
	margin: 0px;
	padding: 5px;
	border-top: 2px solid #000;
	border-bottom: 2px solid #000;
	font-size: 1.0em;
	text-align: center;
	}

.categoryhead h2 a {
	color: #000;
	text-decoration: none;
	}
/*
.categorymain {
	display: block;
	margin: 0;
	padding: 0;
	font-size: 0.8em;
	}
	
.categorymain h3 a {
	text-decoration: none;
	}	
*/
.categoryfoot {
	display: none;
	float: right;
	}
	
/* IMAGES */

img	{
	border: none;
	}

/*	IMAGES END */

/* TABLES */

#unitcontacts {
	width: 100%;
	border: 1px solid #959596;
	}

#unitcontacts th {
	border-right: 1px solid #959596;
	}
	
#unitcontacts tr.highlight{ 
	background-color: #D22;
	color:#fbe8cf;
	cursor: pointer;
}
#unitcontacts td { 
	border-top: 1px solid #959596;
	border-right: 1px solid #959596;
	}

/*
#contacts {
	width: 99%;
	border-collapse: collapse;
	border-spacing: 0px;
	margin-top: 10px;
	}


#contacts th {
	border-top: 3px #989898 solid;
	border-bottom: 1px #989898 solid;
	font-family: Verdana, Arial, Sans-Serif;
	font-weight: bold;
	font-size: 1em;
	color: #4B4B4B;
	padding-top: 8px;
	padding-bottom: 8px;
	padding-left: 8px;
	padding-right: 0px;
	}


#contacts td {
	text-align: left;
	font-family: Verdana, Arial, Sans-Serif;
	font-weight: normal;
	font-size: 1em;
	color: #4B4B4B;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 8px;
	padding-right: 0px;
	}
*/

.contact {
	margin-top: 0px;
	margin-bottom: 0px;
		}

.contact dl {
	border-top: 3px #989898 solid;
/*	border-bottom: 3px #989898 solid;	*/
	font-weight: bold;
	font-size: 1.1em;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 0px;
	padding-right: 0px;
	}

.contact dt {
	margin-top: 0px;
	border-top: 0px;
	border-bottom: 1px #989898 solid;
	font-size: 0.8em;
	font-weight: normal;
	font-style: italic;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
	padding-right: 0px;
	}

.contact dd {
/*	border-top: 1px #989898 solid;	*/
	text-align: left;
	font-weight: normal;
	font-size: 0.9em;
	color: #4B4B4B;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 0px;
	padding-right: 0px;
	}

	
/* TABLES END */


/* FOOTER START */

#footer {
	float: left;
	background: #fff;
	width: 100%;
	border-top: 5px solid #131031;
	margin-bottom: 25px;
	padding: 5px 0;
	font-size: 0.7em;
	font-weight: bold;
	}
	
#footer a {	
	text-decoration: none;
	}

#footer .admin {
	position: relative;
	float: right;
	padding-right: 5px;
	}

/* FOOTER END */

.widget_search input[type=text] {
	width: 50%;
	background-color: cyan;
	}
#searchsubmit {
	}
	
.committee {
	clear: both;
	width: 100%;
	}
	
.committee .leftpic {
	float: left;

	}

.committee .leftpic img {
	width: 100px;
	height: 150px;
	margin: 0 10px 10px 0;
	}

.committee .name {
	clear: none;
	text-align: center;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	margin: 5px 0;
	padding: 5px 0;
	font-weight: bold;
	font-size: 1.1em;
	}
	
.committee .profile {
	text-align: left;
	font-weight: normal;
	font-size: 0.95em;
	}

.committee .profile p {
	padding: 0;	
	}

.committee .rightpic {
	float: right;
	}

.committee .rightpic img {
	width: 100px;
	height: 150px;
	margin: 0 0 10px 10px;
	}
	

/* Classes to support Java Expand Collapse */

/* .javahead {
	margin: 1px;
	color: #fff;
	padding: 3px 10px;
	cursor: pointer;
	position: relative;
	background-color: #131031;
	}

.javacontent {
	padding: 5px 10px;
	border: 1px solid #131031;
	background-color:#fafafa;
	}
*/

.javahead {
	cursor: n-resize;
	}

.javacontent {
/*	background-color:#fafafa;	*/
	}

p { padding: 5px 0; }

/* Quotes collection Sidebar Widget */
	
#random-quote {
	background: #CAD9FB;
/*	background: #7CA4F9;	*/
	border-width: 4px;
	border-style: outset;
	border-color: #131031;
	}
	
#random-quote h2 {
	text-align: center;
	}

.quotescollection_randomquote {
	padding: 0 5px;
	font-size: 0.75em;
	}

/* cforms extended */

.linklove {display:none;}

#cforms_captcha7,
#cforms_captcha8,
#cforms_captcha9,
#cforms_captcha10,
#cforms_captcha11,
#cforms_captcha12,
#cforms_captcha13,
#cforms_captcha14,
#cforms_captcha15,
#cforms_captcha16,
#cforms_captcha17,
#cforms_captcha18,
#cforms_captcha19,
#cforms_captcha20,
#cforms_captcha21,
#cforms_captcha22,
#cforms_captcha23,
#cforms_captcha24,
#cforms_captcha25,
#cforms_captcha26,
#cforms_captcha27,
#cforms_captcha28,
#cforms_captcha29,
#cforms_captcha30 {
	width:50px!important;
	padding: 4px 4px;
	margin: 0;
}

/* cforms END	*/

/* Google Calendar Widget */
/* The commented out sections are defaults in ko css - which is picked up AFTER thid */

.ko-calendar-widget-title {
	display: none;
	}

.ko-calendar-widget-events {
	font-family: Arial, Verdana, Sans-Serif;
	font-size: 0.9em;
	border-width: 3px;
	border-style: inset;
	border-color: #131031;

	}

.ko-calendar-date {
	margin: 0px !important;
	position: relative;
	top: -1px;
/*	font-weight: bold; */

	background-color: #e5ecf9;
	padding: 3px 0 3px 10px;
	border-top: 1px solid #ccddee;
	border-bottom: 1px solid #ccddee;
/*	text-align: center;	*/
	color: #000;
}

.ko-calendar-event-list {
	margin: 0 !important;
	padding: 0 10px;
	background-color: #fff;
	color: #d22;
}

.ko-calendar-event-list a {
	color: #d22 !important;
	}

.ko-calendar-event-list a:hover {
	font-weight: normal;
	color: #131031 !important;
	text-decoration: underline;
	}

.ko-calendar-entry {
	padding: 5px 0;
	border-top: 0px;
	border-bottom: 1px solid #ccddee;
	}

.ko-calendar-entry-title {
	color: #d22 !important;
	}

.ko-calendar-entry-date-row {
	padding-top: 5px !important;
}

.ko-calendar-entry-date-label {
	font-weight: bold;
}

.ko-calendar-entry-date-text {
	font-size: 0.85em;
	color: #000;
	}

.ko-calendar-entry-location-text {
	font-size: 0.85em;
	color: #000;
	}

.ko-calendar-entry-body {
	margin: 0px !important;
	font-size: 0.9em;
	color: #000;
}

/* Indent the paragraphs, but not by much */
.ko-calendar-entry-body  p {
	margin: 0px !important;
/*	font-size: 0.85em;	*/
}
/* Google Calendar Widget End */