/*
THEME NAME: Starry LX
THEME URI: http://www.quasi-evil.net
DESCRIPTION: Built for Eastercon LX.
TAGS: widgets, eastercon
VERSION: 0.5
AUTHOR: <a href="http://quasi-evil.net">Quasi-Hayley</a>
AUTHOR URI: http://quasi-evil.net
*/

/* LAYOUT */

body {
	font: 80%/1.7 Arial, Helvetica, sans-serif;
	padding: 0;
	margin:0;
	background: #262d40 url(images/bg-page.gif) repeat-x;
	color: #c5cad9;
}
* {
	margin:0;
	padding: 0;
	font-size:1em;
	border: 0;
}

#container {
	margin: 0 auto;
}

#wrapper {
	margin: 0;
	float:left;
	position:relative;
	color:#585f71;
	width:65%;
	display:inline;
}

#header {
	padding:0;
	background: url(images/logo.gif) no-repeat top left;
	height:179px;
}
#header h1 span {display:none}

#content {
	margin:0 0 0 2em;
	background: #fff;
	color:#585f71;
}

#sidebar {
float:left;
position:relative;
width:30%;
display:inline;
max-width: 18em;
overflow: hidden;
}

/* CONTENT */

#intro {font:bold italic 1.2em/1.5 Georgia, "Times New Roman", serif; text-align:center;}
#intro strong {color: #262d40;}
.inner { padding:1.7em 2em }
#content p, table, ul, ol { margin-bottom:1em }
#content p { margin-left: 0 } /* Safari */

	
	/* HR */
	
	#content hr { display: block; background: #aaa; color: #aaa; width: 100%; height: 1px; border: none; }
	
	/* LISTS */
	
	#content ul{list-style: disc outside;}
	#content ol{list-style: decimal outside;}
	
	/* TABLES */
	
	#content table { border-top: 1px solid #ccc;  border-left: 1px solid #ccc; }
	#content th, #content td { border-bottom: 1px solid #ddd; border-right: 1px solid #ccc; }
	
	/* MARGINS & PADDINGS */
	
	#content hr, #content p, #content ul, #content ol, #content dl, #content pre, #content blockquote, #content address, #content table, #content form { margin-bottom: 1.6em; }
	#content p+p { margin-top: -.8em; }
	/* NOTE: Calulate header margins: TOP: line-height/size, BOTTOM: TOP/2 */
	#content h1 { margin: 1em 0 .5em;  }
	#content h2 { margin: 1.07em 0 .535em; }
	#content h3 { margin: 1.14em 0 .57em; }
	#content h4 { margin: 1.23em 0 .615em; }
	#content h5 { margin: 1.33em 0 .67em; }
	#content h6 { margin: 1.6em 0 .8em; }
	#content th, #content td { padding: .8em; }
	#content caption { padding-bottom: .8em; } /* padding instead of margin for IE */
	#content fieldset { padding: 0 1em 1em 1em; margin: 1.6em 0; } /* padding-top is margin-top for fieldsets in Opera */
	#content legend { padding-left: .8em; padding-right: .8em; }
	#content legend+* { margin-top: 1em; } /* compensates for the opera margin bug */
	#content textarea, #content input { padding: .3em .4em .15em .4em; }
	#content select { padding: .1em .2em 0 .2em; }
	#content option { padding: 0 .4em .1em; }
	#content a { position: relative; padding: 0.3em 0 .1em 0; } /* for larger click-area */
	#content dt { margin-top: .8em; margin-bottom: .4em; }
	#content ul, #content ol { margin-left: 2.2em; }
	#content ul ul, content ol ul, #content ul ol, content ol ol { margin-bottom: 0; }
	#content form div { margin-bottom: .8em; }
	#content button { padding: 0.3em 0.5em; }

	
	/* COLORS */
	
	#content a:link { color: #3061e7; }
	#content a:visited { color: #3061e7; }
	#content a:hover { color: #ef8d08; }
	#content a:active, #content a:focus { color: #000; }
	#content code, #content pre { color: #404040; } /* very optional, but still useful. W3C uses about the same colors for codes */
	
	/* FORMS */
	
	fieldset { border: 1px solid #ccc; }
	legend { background: #fff; }
	textarea, input[type='text'], select { border: 1px solid #ccc; background: #fff; }
	textarea:hover, input[type='text']:hover, input[type='password']:hover, select:hover { border-color: #aaa; }
	textarea:focus, input[type='text']:focus, input[type='password']:focus, select:focus { border-color: #888; outline: 2px solid #ddd; }
	input[type='button'], input[type='submit'], input[type='checkbox'], input[type='image'], input[type='radio'], input[type='reset'], select, button { cursor: pointer; }
	input[type='hidden'] { display:none; }

/* SIDEBAR */

#sidebar p { margin-left: 0 } /* Safari */
#sidebar p { clear:left }

ul#nav {


	margin:0 0 2em 0;
	float:left;


	color:#fff;
}




ul#nav li {
	float:left;
	width:100%;
	margin:0.1em 0;
	padding-left:0.3em;
	display:block;
	border:0;
	text-transform:uppercase;
}
ul#nav li * {
	display:block;
	font-size: 0.9em;
	border:0;
	text-transform:uppercase;
}
ul#nav li li {
	float:left;
	width:100%;
	margin:0.1em 0;
	padding-left:0.3em;
}

ul#nav ul {display:none;}
ul#nav .current_page_item ul, ul#nav .page-item-3 ul, ul#nav .current_page_ancestor ul, ul#nav .current_page_parent ul {display:block; margin-left: 2em;}



ul#links {
	margin:0 0 2em 0;
	float:left;
	color:#fff;
}

ul#links li {
	float:left;
	width:100%;
	margin: 0;
	padding-left:0.3em;
	display:block;
	border:0;
	text-transform:uppercase;
}
ul#links li * {
	display:block;
	font-size: 0.9em;
	border:0;
	text-transform:uppercase;
	background:none;
}
ul#links li li {
	float:left;
	width:100%;
	background:none;
	margin: 0;
	padding-left:0.3em;
}

.box {
	text-align:center;
	margin:1em 0 2em 0;
	padding:1em;
	clear:both;
	color:#fff;
	font-size: 0.7em;

}
.box em {
	color:#fff;
	font:bold italic 2em/1 Georgia, "Times New Roman", serif;
	margin-bottom:0.25em;
	display:block;
}
.box u {
	color:#fff;
	font:bold italic 1.6em/1 Georgia, "Times New Roman", serif;
	margin-bottom:0.25em;
	display:block;
	text-decoration: none;
}


	/* HR */
	
	#sidebar hr { display: block; background: #aaa; color: #aaa; width: 100%; height: 1px; border: none; }
	
	/* LISTS */
	
	#sidebar ul{list-style: none;}
	#sidebar ol{list-style: none;}
	
	/* TABLES */
	
	#sidebar table { border-top: 1px solid #ccc;  border-left: 1px solid #ccc; }
	#sidebar th, #sidebar td { border-bottom: 1px solid #ddd; border-right: 1px solid #ccc; }
	
	/* MARGINS & PADDINGS */
	
	#sidebar hr, #sidebar p, #sidebar ul, #sidebar ol, #sidebar dl, #sidebar pre, #sidebar blockquote, #sidebar address, #sidebar table, #sidebar form { margin-bottom: 1.6em; }
	#sidebar p+p { margin-top: -.8em; }
	/* NOTE: Calulate header margins: TOP: line-height/size, BOTTOM: TOP/2 */
	#sidebar th, #sidebar td { padding: .8em; }
	#sidebar caption { padding-bottom: .8em; } /* padding instead of margin for IE */
	#sidebar blockquote { padding: 0 1em; margin: 1.6em 0; }
	#sidebar fieldset { padding: 0 1em 1em 1em; margin: 1.6em 0; } /* padding-top is margin-top for fieldsets in Opera */
	#sidebar legend { padding-left: .8em; padding-right: .8em; }
	#sidebar legend+* { margin-top: 1em; } /* compensates for the opera margin bug */
	#sidebar textarea, #sidebar input { padding: .3em .4em .15em .4em; }
	#sidebar select { padding: .1em .2em 0 .2em; }
	#sidebar option { padding: 0 .4em .1em; }
	#sidebar a { position: relative; padding: 0.3em 0 .1em 0; text-decoration:none;} /* for larger click-area */
	#sidebar dt { margin-top: .8em; margin-bottom: .4em; }
	#sidebar ul, #sidebar ol { margin-left: 0; }
	#sidebar ul ul, content ol ul, #sidebar ul ol, content ol ol { margin-bottom: 0; }
	#sidebar form div { margin-bottom: .8em; }
	#sidebar button { padding: 0.3em 0.5em; }
	#sidebar blockquote > * { margin: .8em 0; }
	
	/* COLORS */
	
	#sidebar { color: #c5cad9; }
	#sidebar a:link { color: #ef8d08; }
	#sidebar a:visited { color: #ef8d08; }
	#sidebar a:hover { color: #fff; }
	#sidebar a:active, #sidebar a:focus { color: #fff; }

#sidebar form input { background:#fff; color:#585f71; font-size: 0.9em; width:14.5em; height:1.5em; padding:0.5em 0.5em; border:none;margin:0;}
	
/* TYPOGRAPHY */

#content { font-size: 1.2em; line-height: 1.6em; }
#sidebar { font-size: 1.2em; line-height: 1.4em; }
h2 { font-size: 1.5em; margin: 1.07em 0 .535em; text-transform: uppercase;  color:#fe9b33; }
#sidebar h2 { clear: left; font-size: 1.2em; color: #fff; padding:0.2em 0 0.1em 0.3em; margin:0.8em 0 0 0; }
h3 { font-size: 1.4em; margin: 1.14em 0 .57em; text-transform: uppercase; color:#26488c; }
h4 { font-size: 1.3em; margin: 1.23em 0 .615em; color:#fe9b33; }
h5 { font-size: 1.2em; margin: 1.33em 0 .67em; color: #262d40; }
h6 { font-size: 1em; margin: 1.6em 0 .8em; color: #26488c; }

dt { color: #262d40; font-weight: 900; }
dd { margin-left: 2em; }

/* POST AND PAGES */

.post {padding: 0 0 0.5em 0; margin: 0 0 2em 0; border-bottom: 1px solid #262d40;}

.entry-date {font-size: 0.8em; font-weight: bold; margin: 0; padding:0;}
#content .post h2 {margin:0; padding:0;}
.post h2 a {text-decoration:none; margin:0;padding:0;}
#content .single-post h2 {margin:0; padding:0;}
.single-post h2 a {text-decoration:none; margin:0;padding:0;}
.entry-meta {font-size: 0.8em; margin: 0 0 1.5em 0;padding:0;}
.post-title, .page-title {color:#262d40;}

/* FEATURED */

span.info {
	display:block;
	margin:1em auto;
	padding:1.2em;
	background: #fffbe8;
}

span.alert,span.download,span.note {
	display:block;
	margin:1em auto;
	padding:1.2em;
	background: #fffbe8;
	text-align:center;
}

blockquote {
	display:block;
	width:80%;
	margin:1em auto;
	padding:1.2em 1.7em;
	padding-right:0.8em;
 	background: #fffbe8;
	font-style:italic;
}

/* CFORMS */

/*                                                    */
/*  main 'top-level' form elements                    */
/*                                                    */
@import "calendar.css";

.cform { 
	margin:10px auto 0 auto; 
	width: 450px; 
}

.cform fieldset	{ 
	margin-top:10px; 
	padding:10px 0 10px 0; 
	border:none; 
}

.cform .cf_hidden {
	display:none; 
	border:none!important;
	background:none!important;
	padding:0!important;
	margin:0!important;
}

.cform legend { 
	margin-left:0px;
	padding:0; 
	color:#E09B10;
	font-size:1.2em;
}

ol.cf-ol { 
	margin:0!important; 
	padding:0!important; 
}
ol.cf-ol li	{
	background:none!important; 
	margin:5px 0!important; /*some themes may interfere otherwise*/
	padding:0; 
	list-style:none!important; 
	text-align:left;
	line-height:1.2em;
}


/*                                                    */
/* just for text-only fields (no input)               */
/*                                                    */

ol.cf-ol li.textonly {
	padding:3px 0pt;
	text-align:center;
}


/*                                                    */
/* global definitions for field labels                */
/*                                                    */

.cform label {
	margin:2px 10px 0 0; 
	text-align:left;
	display:block;
	padding:2px;
}

label.cf-before {
	display:-moz-inline-box; /*for mozilla*/
	display:inline-block; /*for Opera & IE*/
	margin:1px 5px 0 0; 
}

label.cf-before span{
	width:100px; 
	display:block;
}

label.cf-after 	{
	display:-moz-inline-box; /*for mozilla*/
	display:inline-block; /*for Opera & IE*/
	margin:1px 2px 0 4px;
	width:400px;
	text-align:left;	
}

label.cf-after span {
	width:400px;
	display:block;
}

label.cf-group-after {
	display:-moz-inline-box; /*for mozilla*/
	display:inline-block; /*for Opera & IE*/
	margin:1px 5px 0pt 4px;;
	width:400px;
	text-align:left;
}
label.cf-group-after span {
	width:400px;
	display:block;
}

/*                                                    */
/*   FORM FIELDS general formatting                   */
/*                                                    */

.cform input,
.cform textarea,
.cform select { 
	margin:0;
	padding:3px;
	background: #fffbe8; 
	border:none;
	border-top: 1px solid #fe9b33; 
	vertical-align:top;
	color:#333;
}
.cform input:hover,
.cform textarea:hover,
.cform select:hover	{
	background:#fe9b33; 
}

.cform input:focus,
.cform textarea:focus,
.cform select:focus	{ 
	background:#fffbe8; 
}

.cform textarea,
.cform input {
	width:415px; 
}
.cform select {
	width:421px; /* attempt to have equal length */
}  

.cform select.cfselectmulti	{ 
	height:6.5em; 
}

.cform textarea {
	height: 6em;
	overflow:auto;
}

.cform  input.cf_date {
	width:395px;
}

/*                                                    */
/*   radio button title                               */
/*                                                    */

ol.cf-ol li.cf-box-title {
	margin:20px 0pt 0pt !important;
}

/*                                                    */
/*   check boxes                                      */
/*                                                    */

input.cf-box-a,
input.cf-box-b 	{ 
	margin:4px 0 4px 0; 
	width:16px; 
	height:16px;

	border:none!important;
	background:none!important; 
}



/*                                                    */
/* check box groups                                   */
/*                                                    */

ol.cf-ol li.cf-box-group {
	padding: 0 0 5px 0; 
} 



/*                                                    */
/* formatting for text:  "(required)"  & other        */
/*                                                    */

span.reqtxt,
span.emailreqtxt { 
	display:block; /*for mozilla*/
	vertical-align:top;
	text-align:right;
	margin:0 0px 0 0;
	line-height:13px;
	width:420px;
}

/*                                                    */
/*   FORM submit button                               */
/*                                                    */

p.cf-sb {
	padding: 0!important;
	margin: 0;
	text-align:right;
}
.cform input.sendbutton	{ 
	width:150px;
	padding:2px; 
	margin: 10px 28px 14px 0px;
	background:#fff; 
	border:1px solid #adadad!important;
	border-left-color:#ececec!important; 
	border-top-color:#ececec!important;
}

/*                                                    */
/*   FORM FIELDS enhanced error display               */
/*                                                    */
ol.cf-ol li.cf_li_err {
	background:#FFDFDF url(li-err-bg.png) repeat!important;
	border-color:#DF7D7D;
	border-style:solid;
	border-width:1px 0pt;
	padding:5px 0px 5px 10px!important;
	margin:5px 0!important;
}

ol.cf-ol li ul.cf_li_text_err {
	padding:0 0 0 10px;
	margin:0;
	display:inline-block;
}

ol.cf-ol ul.cf_li_text_err li {
	background:url(icon-alert.png) no-repeat left 1px!important;
	list-style:none!important;
	font-weight:bold;
	text-indent:0;
	margin:0 0 2px!important;
	padding-left:15px;
}
ol.cf-ol ul.cf_li_text_err li:before {
	content:'';
}


/*                                                    */
/* 'visitor verification' related styles              */
/*                                                    */

label.seccap {
	margin-top: 6px;
}

label.secq{
	display:-moz-inline-box; /*for mozilla*/
	display:inline-block; /*for Opera & IE*/
	width:auto;
	padding:2px 4px 2px 2px;
}
label.secq span {
	display:block!important;
	width:auto;
}

input.secinput {
	vertical-align:text-bottom;
}

#cforms_captcha6,
#cforms_captcha5,
#cforms_captcha4,
#cforms_captcha3,
#cforms_captcha2,
#cforms_captcha {
	height:15px;
	width:196px;
	padding: 4px 4px;
	margin: 0;
	vertical-align:text-bottom;
}

img.captcha	{
	vertical-align:text-bottom;
	margin:0 0 0 10px!important;
	padding:0!important;
	border:none!important;
	float:none!important;
}

img.captcha-reset {
	vertical-align:text-bottom;
	background:	url(captcha_reset_grey.gif) no-repeat;
	margin:0 0 2px 3px;
	width:21px;
	height:21px;
	border:none!important;
}

img.imgcalendar {
	border:none!important;
}

/*                                                    */
/* change formatting of response msgs here            */
/*                                                    */

div.cf_info {
	color:#333;
	display:none;
	padding:10px 15px!important;
	width:420px;
	line-height:1.3em;
	margin:10px auto;
}
div.cf_info ol {
	margin:0;
	padding:5px 15px 0 30px;
}
div.cf_info ol li {
	padding:1px 0;
	margin:2px 0;
}
div.cf_info a	{
	color:red!important;
	text-decoration:underline!important;
}
div.success {
	display:block;
	text-align:right;
}
div.failure {
	display:block;
	background:#FFDFDF url(li-err-bg.png) repeat!important;
	border-color:#DF7D7D;
	border-style:solid;
	border-width:1px 0pt;
}

/*                                                    */
/*   formatting for invalid user inputs               */
/*                                                    */
.cform .cf_error { 
	color:#ad2929; 
	border:1px solid #ad2929; 
}
div.mailerr {
	display:block;
}
.mailerr,
.cform .cf_errortxt {
	color:#ad2929; 
}

/*                                                    */
/* disabled fields [disabled] does not work on IE!    */
/*                                                    */

[disabled] {
	color:#dddddd;
	border-color:#dddddd!important;

	background:none!important;


}
.disabled {
	border-color:#dddddd!important;

}




/*                                                    */

/* upload box styling                                 */
/*                                                    */

.cform input.cf_upload  {
	width:100%;
	background: #f9f9f9;
	border:1px solid #888888;
}

/*                                                    */
/*  Other: link love                                  */
/*                                                    */
.linklove {
	width:410px;
	margin:0 auto 10px!important;
	padding:0!important;	
	text-align:center!important;
}
  
/*                                                    */
/*  Other: browser hacks                              */
/*                                                    */
* html .cform legend { 
	position:absolute; 
	top: -10px; 
	left: -7px; 
	margin-left:0;
}
* html .cform fieldset {
	position: relative;
	margin-top:15px;
	padding-top:25px; 
}
* html span.reqtxt,
* html span.emailreqtxt { 
	display:inline-block; /*for Opera & IE*/
	width:415px;
}
* html ol.cf-ol 	{
	display:inline-block; /*for IE6!!*/
}
* html img.captcha	{
	margin-bottom:1px!important;
}
*+html img.captcha	{
	margin-bottom:1px!important;
}

div.entry img { padding: .75em; outline: 1px solid #eaeaea; margin: 0 1em 1.5em 1em; }  
div.entry-content img.alignleft { float:left; margin: 0 1em 1.5em 0; }
div.entry-content img.alignright { float:right; margin: 0 0 1.5em 1em; } 
#commentform { width:80%;}