/* 
	Theme Name: lightswitch v2
	Theme URL: http://ashleyglee.com
	Description: Theme for Lightswitch Communications
	Author: Ashley G Lee
	Author URI: http://ashleyglee.com
	Version: 2.0
	
	Changelog:
		v1.0 - 12.01.09 - Initial Release of Theme
		v2.0 - 02.01.10 - Updated Theme for Wordpress 2.9
*/

@import (reset.css);	/* Reset by Eric Meyer */


/* Dialog JQuery CSS
		label, input { display:block; }
		div#users-contain {  width: 350px; margin: 20px 0; }
		div#users-contain table { margin: 1em 0; border-collapse: collapse; width: 100%; }
		div#users-contain table td, div#users-contain table th { border: 1px solid #eee; padding: .6em 10px; text-align: left; }
		.ui-button { outline: 0; margin:0; padding: .4em 1em .5em; text-decoration:none;  !important; cursor:pointer; position: relative; text-align: center; }
		.ui-dialog .ui-state-highlight, .ui-dialog .ui-state-error { padding: .3em;  }
		#accordion  p { color:#FFF; }
*/

/************************************************
*	Body										*
************************************************/

body {
	background: #FFF; /*  url(images/bg_tile.gif) */
	color: #555555;
	font-size: 12px;
	font-family: Arial, Tahoma, Verdana;
	margin: 0px auto 0px;
	padding: 0px;
	}
.clearfix:after { content: "."; display: block; clear: both; margin: 0px; padding: 0px; height: 0; visibility: hidden; }

#wrapper {
	background: #FFF;
	width: 860px;
	margin: 15px auto 0px;
	padding: 0px 0px 0px 0px;
	}

/************************************************
*	Default Styling								*
************************************************/

a, a:visited { color: #DE7008; text-decoration: none; }
a:hover { text-decoration: underline; }

/************************************************
*	General Styling (Headings, Forms, ect)		*
************************************************/

h1,h2,h3,h4,h5 { font-weight:bold; line-height:1em; }

h1 { font-size:36px; }

h2 { font-size:22px; margin: 0px 0px 10px 0px; padding: 5px}
h2 span { font-weight:normal; color:#339900; }
h2 a , h2 a:visited { color:#666; }
h2 a:hover, h2 a:focus { color:#2255AA; text-decoration:none; }

h3 { font-size:18px; margin-bottom:15px; font-weight:normal; }
h3 a, h3 a:visited { color:#2255AA; }
h3 a:hover, h3 a:focus { text-decoration:underline; }

h4 { font-size:14px; margin-bottom:10px; }

h5 { font-size:12px; color:#666; text-transform:uppercase; letter-spacing:1px; }

p { color: #000; }
#accordion p { color: #FFF; }

legend { font-size:16px; font-weight:bold; color: #000; background:#eee; border:1px solid #000; padding:2px 10px; }
fieldset { border:1px solid #000; margin-top:5px; margin-bottom: 10px; padding-top: 0px; padding-bottom:0px; }
input, textarea { margin: 5px; font-weight:bold; }

code { }

/************************************************
*	Navigation									*
************************************************/
#topnav {
	font-family: Times New Roman, Georgia, serif; letter-spacing:.1px;
	background: #FFF;
	width: 420px;
	color: #000;
	margin-top: 15px;
	padding: 0px;
	float:right;
	}
#topnav ul {
	float:right;
	list-style: none;
	margin: 0px;
	padding: 0px;
	}	
#topnav li {
	float: left;
	margin: 0px 0px 0px 3px;
	padding: 0px;
	}	
#topnav li a, #topnav li a:link, #topnav li a:visited  {
	color: #000;
	display: block;
	font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
    margin: 40px 0px 0px 0px;
	padding: 5px 7px 40px 7px;
	background:#fcb040;
	-moz-border-radius-topleft:5px; -webkit-border-top-left-radius:5px;
	-moz-border-radius-topright:5px; -webkit-border-top-right-radius:5px;
	}
#topnav li a:hover, #topnav li a:active {
    margin: 35px 0px 0px 0px;
	padding: 10px 7px 45px 7px;
	background:#faf798;
	text-decoration: none;
	}
#topnav li.current_page_item a {
    margin: 35px 0px 0px 0px;
	padding: 10px 7px 45px 7px;
	background:#faf798;
	text-decoration: none;
	}

/* HORIZONTAL MENU -- NOT USED CURRENTLY */
#menu {
	background: #666666 url(images/menu-bg.gif) 0px -22px repeat-x;
	width: 860px;
	height: 27px;
	color: #FFFFFF;
	margin: 0px;
	padding: 0px;
	}
#menu ul {
	float: left;
	list-style: none;
	margin: 0px;
	padding: 0px;
	}
#menu li {
	float: left;
	list-style: none;
	margin: 0px;
	padding: 0px;
	}
#menu li a, #menu li a:link, #menu li a:visited {
	color: #FFFFFF;
	display: block;
	font-size: 12px;
    font-weight: normal;
    text-transform: uppercase;
    margin: 0px 5px 0px 0px;
	padding: 6px 13px 6px 13px;
	}
#menu li a:hover, #menu li a:active {
	background: #888888;
	color: #FFFFFF;
	display: block;
	text-decoration: none;
    margin: 0px 5px 0px 0px;
	padding: 6px 13px 6px 13px;
	}
#menu li li a, #menu li li a:link, #menu li li a:visited {
	background: #666666 url(images/menu-bg.gif) 0px -22px repeat-x;
	width: 150px;
	float: none;
	margin: 0px;
	padding: 6px 10px 6px 10px;
	border-bottom: 1px solid #FFFFFF;
	border-left: 1px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
	}
#menu li li a:hover, #menu li li a:active {
	background: #888888;
	margin: 0px;
	padding: 6px 10px 6px 10px;
	}
#menu li ul {
	z-index: 9999;
	position: absolute;
	left: -999em;
	height: auto;
	width: 160px;
	margin: 0px;
	padding: 0px;
	}
#menu li li { 
	}
#menu li ul a { 
	width: 150px;
	}
#menu li ul a:hover, #menu li ul a:active { 
	}
#menu li ul ul {
	margin: -28px 0 0 171px;
	}
#menu li:hover ul ul, #menu li:hover ul ul ul, #menu li.sfhover1 ul ul, #menu li.sfhover1 ul ul ul {
	left: -999em;
	}
#menu li:hover ul, #menu li li:hover ul, #menu li li li:hover ul, #menu li.sfhover1 ul, #menu li li.sfhover1 ul, #menu li li li.sfhover ul {
	left: auto;
	}
#menu li:hover, #menu li.sfhover1 { 
	position: static;
	}

/************************************************
*	Header  									*
************************************************/
#headerbg {
	background: #000000;
	}

#header {
	background: #FFF;
	width: 860px;
	height: 110px;
	color: #000;
	font-size: 24px;
	margin: 0px auto 0px;
	padding: 0px 0px 0px 0px;
	overflow: hidden;
	border-bottom:3px solid #fcb040;
	}
	
#header a img {
	position:absolute;
	border: none;
	padding-left:0px;
	margin: 0px 0px 0px 10px;
	height:110px; width:auto;
	}
	
#header h1 {
	display: none;	/* REST DOESN'T MATTER */
	color: #222222;
	font-size: 36px;
	font-family: Times New Roman, Georgia, Arial;
	font-weight: normal;
	margin: 0px;
	padding: 50px 0px 0px 20px;
	text-decoration: none;
	}
	
#header h1 a, #header h1 a:visited {
	color: #222222;
	font-size: 36px;
	font-family: Times New Roman, Georgia, Arial;
	font-weight: normal;
	margin: 0px;
	padding: 0px 0px 0px 0px;
	text-decoration: none;
	}
	
#header h1 a:hover {
	color: #222222;
	text-decoration: none;
	}

#header p {
	display:none;	/* REST DOESN'T MATTER */
	color: #666666;
	font-size: 16px;
	font-family: Arial, Tahoma, Verdana;
	font-weight: normal;
	margin: 0px;
	padding: 0px 0px 0px 25px;
	text-decoration: none;
	}

/************************************************
*	Search Form									*
************************************************/
#s	{
	border:2px solid #fcb040;
	-moz-border-radius:3px 3px 3px 3px;
	margin-left:0px;
	padding:3px 5px 3px 3px; 
	}

#search { padding-top:13px; } /* CENTER SEARCH FORM IN DIV */
#search input {
	vertical-align:middle;
	border: 1px solid #000;
	font-size: 14px; font-weight:normal;
	-moz-border-radius-topleft:5px; -webkit-border-top-left-radius:5px;
	-moz-border-radius-topright:5px; -webkit-border-top-right-radius:5px;
	-moz-border-radius-bottomleft:5px; -webkit-border-bottom-left-radius:5px;
	-moz-border-radius-bottomright:5px; -webkit-border-bottom-right-radius:5px;}
#search input#s {
	color:#FFF;
	font-weight:bold;
	margin: 0 0 0 5px;
	width: 200px;
	background: #666;
	display: inline;
	margin-bottom:5px;
}
#search input#searchsubmit {
	margin-bottom:6px;
	margin-left:0px;
	width: 20px;
	height: 20px;
	border: none;
	}

/************************************************
*	Contact Form									*
************************************************/
.wpcf7 {float:left; width: 42em;}
br {clear: left;}

.wpcf7 label {
	font-weight: bold;
	width: 10em;
	float: left;
	text-align: right;
	margin-left: .5em;
	margin-right: 1em;
	display: block;
	}
.wpcf7 .note {margin-left: 1em;}

.wpcf7 .submit input {
	font-size: 1.2em;
	font-weight: bold;
	padding: 0px 10px;
	color: #000;
	background: #fcb040;
	border: 2px outset #faf798;
	float:right;
	margin-right: 2em;
	}

.wpcf7 .submit input:hover {
	position: relative;
	top: 1px;
	left: 1px;
	}

.wpcf7 input, textarea {
	font-size: 1.2em;
	color: #000;
	border: 1px solid #fcb040;
	background: #faf798;
	}

.wpcf7 fieldset {
	width: 42em;
	position:relative;
	border:1px #fcb040 solid;
	/* background:#FFFF99; url(i/bg-box-s1.gif) bottom left repeat-x */
	margin:0em 1em 0;
	}

.wpcf7 legend {
	font-size:1.1em;
	font-weight: bold;
	margin: 1em;
	color: #faf798;
	background: #fcb040;
	border: 1px solid #fcb040;
	padding: 2px 6px
	}


/************************************************
*	Content										*
************************************************/

#content {
	background: #FFF;
	float: left;
	width: 600px;
	padding: 10px 10px 10px 10px;
	margin: 10px 0px 10px 0px;
	line-height: 20px;
	}

#content p {
	padding: 0px 0px 5px 0px;
	}

#content .hide { display:none; }   /* HIDE H2 ON PAGES SINCE USING IMAGES */

.featuredlarge { float:left; width:50%; padding-right:20px; }
.featuredsmall { float:right; width:50%; padding-right:0px; }

/* Style H1 on Posts */
.post h1 { font-size:22px; border-bottom: 1px solid #333; margin: 0px 0px 10px 0px; padding: 5px}
.post h1 a , h1 a:visited { color:#666; }
.post h1 a:hover, h1 a:focus { color:#999; text-decoration:none; }

/************************************************
*	Hometop 					     		    * 
************************************************/

#hometop {
	width: 820px;
	height: 240px;
	margin: 0px auto 0px;
	padding: 25px 10px 5px 10px;
	line-height: 20px;
	}

#hometop p {
	text-align:justify;
	padding: 0px 0px 10px 0px;
	margin: 0px;
	}
	
#hometop h1 {
	color: #DE7008;
	font-size: 22px;
	font-family: Times New Roman, Georgia, Arial;
	font-weight: normal;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
	}
	
#hometop h1 a, #hometop h1 a:visited  {
	color: #DE7008;
	text-decoration: none;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
	}

#hometop h1 a:hover {
	color: #DE7008;
	text-decoration: none;
	}
	
#hometop img {
	float: left;
	border: none;
	margin: 0px 20px 10px 0px;
	}

#hometop #fadeshow1 {
	float: left;
	border: none;
	margin: 00px 20px 10px 0px;
	z-index: 0;
	-moz-box-shadow:3px 3px 3px #CCCCCC
	}

#hometop #fadeshow img {
	float: left;
	border: none;
	margin: 0px 20px 10px 0px;;
	}

/************************************************
*	Bottom Sidebars					     		* 
************************************************/

#bottom {
	background: #faf798;
	width: 100%;
	margin: 0px auto 0px;
	padding: 15px 0px 20px 0px;
	line-height: 20px;
	border-top: 5px solid #fcb040;
	clear: both;
	}

#bottom p {
	padding: 0px 0px 0px 0px;
	margin: 0px;
	}
	
#bottom h2 {
	color: #000000;
	font-size: 18px;
	font-family: Times New Roman, Georgia, Arial;
	font-weight: normal;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
	}
	
#bottom h2 a, #bottom h2 a:visited  {
	color: #000000;
	text-decoration: none;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
	}

#hometop h2 a:hover {
	color: #000000;
	text-decoration: none;
	}
	
#bottom img{
	float: left;
	border: none;
	margin: 0px 0px 10px 0px;
	}
	
#bottom ul{
	list-style-type: square;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	}
	
#bottom ul li{
	list-style-type: square;
	margin: 0px 0px 0px 20px;
	padding: 0px 0px 0px 0px;
	}	
	
.bottomleft {
	float: left;
	width: 247px;
	margin: 0px 0px 0px 0px;
	padding: 10px 20px 0px 25px;
	overflow: hidden;
	}
	
.bottommiddle {
	float: left;
	width: 247px;
	margin: 0px 0px 0px 0px;
	padding: 10px 20px 0px 25px;
	border-right: 1px dotted #DE7008;
	border-left: 1px dotted #DE7008;
	overflow: hidden;
	}
	
.bottomright {
	float: right;
	width: 225px;
	margin: 0px 0px 0px 0px;
	padding: 10px 20px 0px 20px;
	overflow: hidden;
	}

/************************************************
*	RELATED POSTS								*
************************************************/
#relatedposts {
	border-top: 1px solid #ccc;
	padding-bottom:10px;
	}
#relatedposts li{
	list-style:none;
	margin-bottom:10px;
	height:40px;
	}
#relatedposts li img{float:left;margin-right:5px; border:1px solid #CCC; height:40px; width:40px; }
#relatedposts li a{text-decoration:none; line-height:40px; }


/************************************************
*	ARCHIVE POSTS								*
************************************************/
#archiveposts {
	margin-right:20px;
	width:100%;
	float:left;
	padding-bottom:10px;
	}
#archiveposts li{
	vertical-align:middle;
	list-style:none;
	height:40px;
	line-height:10px;
	}
#archiveposts li img{ float:left;margin-right:5px; border:1px solid #CCC; height:40px; width:40px; }
#archiveposts li a{ text-decoration:none; }
#archiveposts span { font-size:12px; float:right; margin-right:25px; }
#archiveposts .postmeta { border-top:1px solid #999; border-bottom:1px solid #999; padding:5px; }

/************************************************
*	Sidebar										*
************************************************/

.sidebar {
	font-size: 11px;
	float: right;
	width: 230px;
	margin: 14px 0px 5px 0px;
	padding: 0px 0px 5px 0px;
	display: inline;	/* IE bug fix for margins */
	}
.sidebar p { font-size:12px; color: #000; padding: 0 5px 0 0px; }
.sidebar h2 { font-size:14px; border-bottom:3px solid #fcb040; }
.sidebar h3 { font-size: 10px; }
.sidebar ul {
	background: #FFF;
	list-style-type: none;
	margin: 10px 0px;
	padding: 0px 10px 10px 5px;
	text-transform:capitalize;
	}
.sidebar ul li {
	padding: 3px 0 3px 0px;
	background: url(images/bullet.gif) 0px 4px no-repeat;
	}
.sidebar ul#connect li { background-image:none; padding: 3px 0 3px 5px; }
.sidebar ul ul li {
	padding: 0;
	line-height: 20px;
	}
.sidebar ul span { float: right; }
.sidebar img {
	float: left;
	padding: 0px 10px 0 0;
	border: none;
	}

/************************************************
*	Comments									*
************************************************/
.comments-template {
	margin: 10px 0 0;
	border-top: 1px solid #ccc;
	padding: 10px 0 0;
}
.comments-template a { font-weight:normal; }
.comments-template ul { list-style:none; padding: 0 10px 15px; }
.comments-template ul li { border-bottom:1px solid #000;}
.comments-template ul li:first-child { border-top:1px solid #000;}
.comments-template p { }
.comments-template label { float:left; margin-left: 20px; width:60px; }
.comments-template small { font-weight:bold; font-size:11px; }
.comments-template input, textarea { margin-left:5px; background:#faf798; border: #fcb040 solid 1px; }
.comment { background:#EEE; padding:2px 15px; border-bottom:1px dotted #999; }
.posted { background:#FFF; padding:2px 15px; font-size:.9em; }
span.nocomments { color:#666; }

/************************************************
*	Post Meta Styles - CHANGE MORE WORK HERE	*
************************************************/

.meta-bottom {
	clear: both; /* we need this so floats in the post are cleared */
	padding: 5px 10px;
	margin: 0px 0px 15px 0px;
	border-bottom: 1px solid #333;
	font-size: 12px;
	font-weight: normal;
	}

/************************************************
*	Photo Sidebar - Styling						*
************************************************/

#photoside {
	}
	
/************************************************
*	Content to Span Wrapper						*
************************************************/
#contentfull {
	width:920px;
	padding: 10px 20px 10px 20px;
	}

/************************************************
*	PageNavi - (Pagelinks)						*
************************************************/
.nav {
	font-size: 1.2em;
	padding-top:20px;
	display: block;
	float: left;
	width: 100%;
	font-weight: 700;
	padding: 0;
	margin: 0px 10px 20px 0px;
	float: left;
	text-align: center;
	height: 28px;
	line-height: 28px;
	}
.nav span{
	float: left;
	margin-right:10px;
	}
.nav #current{
	padding: 0;
	margin: 2px;
	background: #333;
	color: #FFF;
	text-decoration: none;
	float: left;
	width: 32px;
	height: 28px;
	line-height: 28px;
	text-align:  center;
	-moz-border-radius-topleft:5px; -webkit-border-top-left-radius:5px;
	-moz-border-radius-topright:5px; -webkit-border-top-right-radius:5px;
	-moz-border-radius-bottomleft:5px; -webkit-border-bottom-left-radius:5px;
	-moz-border-radius-bottomright:5px; -webkit-border-bottom-right-radius:5px;
}
.nav a{
	padding: 0;
	margin: 2px;
	background: #999;
	color: #000;
	text-decoration: none;
	float: left;
	width: 32px;
	height: 28px;
	line-height: 28px;
	text-align:	center;
	-moz-border-radius-topleft:5px; -webkit-border-top-left-radius:5px;
	-moz-border-radius-topright:5px; -webkit-border-top-right-radius:5px;
	-moz-border-radius-bottomleft:5px; -webkit-border-bottom-left-radius:5px;
	-moz-border-radius-bottomright:5px; -webkit-border-bottom-right-radius:5px;
	}

/************************************************
*	Content to Span Wrapper						*
************************************************/
#fullcontent {
	background: #EDEDED;
	width: 960px;
	margin: 0px auto 0px;
	padding: 15px 0px 20px 0px;
	line-height: 20px;
	border-top: 5px solid #333;
	border-bottom:1px solid #ABC;
	clear: both;
	}
#fullcontent p {
	padding: 0px 0px 0px 0px;
	margin: 0px;
	}
#fullcontent h2 {
	color: #000000;
	font-size: 18px;
	font-family: Times New Roman, Georgia, Arial;
	font-weight: normal;
	margin: 0px 0px 10px 0px;
	}
#fullcontent h2 a, #bottom h2 a:visited  {
	color: #000000;
	text-decoration: none;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
	}
#fullcontent h2 a:hover {
	color: #000000;
	text-decoration: none;
	}
#fullcontent img{
	float: left;
	border: none;
	margin: 0px 0px 10px 0px;
	}
#fullcontent ul{
	list-style-type: square;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	}
#fullcontent ul li{
	list-style-type: square;
	margin: 0px 0px 0px 20px;
	padding: 0px 0px 0px 0px;
	}	
.fullcontentbyfour h2 { background:#CCC; color:#FFF; border-bottom:none; padding:10px; text-align:center; }
.fullcontentbyfour { float:left; width:220px; padding: 0px 10px 0px 10px; margin:0; overflow:hidden;}

/************************************************
*	Footer      								*
************************************************/
#footerbg {
	background: #000000;
	}

#footer {
	background: #000000;
	color: #AAAAAA;
	width: 810px;
	margin: 0px auto 0px;
	padding: 10px 25px 15px 25px;
	font-size: 11px;
	line-height: 20px;
	}
	
#footer p {
	font-family: Arial, Tahoma, Verdana;
	margin: 0px;
	padding: 0px 10px 0px 0px;
	color: #999;
	}
	
#footer a, #footer a:visited {
	color: #FFF;
	text-decoration: none;
	font-weight: normal;
	}
	
#footer a:hover {
	color: #FFF;
	text-decoration: underline;
	}
	
#footer a img {
	width: auto;
	height : 50px;
	border: none;
	margin: 0px 0px 0px 10px;
	padding: 0px;
	}
	
.footerleft {
	width: 405px;
	float: left;
	margin: 0px;
	padding: 5px 0px 0px 0px;
	}
	
.footerright {
	width: 405px;
	float: right;
	margin: 0px;
	padding: 5px 0px 0px 0px;
	text-align: right;
	}

#footer #navfooter ul {
	list-style-type: none;
	margin: 0px; padding: 0px 0px 8px 0px;
} 
#footer #navfooter li {
	display: inline;
	border-right: 1px solid #333;
	margin: 0px; padding: 0px 10px 0px 10px;
}
#footer #navfooter li:first-child { border-left: 1px solid #333; }
#footer #navfooter li.home {
	border: none;
	margin: 0px; padding: 0px 10px 0px 0px;
}
#footer #navfooter li a {
	color: #FFF;
	text-decoration: none;
	margin: 0px; padding: 0px;
}
#footer #navfooter li a:hover {
	color: #FFF;
	text-decoration: underline;
}

/************************************************
*	Default Images								*
************************************************/

img.aligncenter {
	display:block;
	margin-left:auto;
	margin-right:auto;
	border: 1px solid #ededed;
	}
img.alignright {
	margin:3px 0 2px 10px;
	padding: 4px;
	border: 1px solid #ededed;
	display:inline;
	}
img.alignleft {
	margin: 3px 10px 2px 0;
	padding:4px;
	border:1px solid #ededed;
	display:inline;
	}
.alignleft {float: left;}
.alignright {float:right;}

#accordion img { border:none; }
#accordion li a { background:url(images/icon_file.png) center right no-repeat; padding-right:20px;}
#accordion ul { margin-top:5px; padding-left:10px; }