/*
Theme Name: JaiKaur Complete
Theme URI:
Description: Theme for jaikaur.com.
Author: Eric Demicco
Author URI:
Version: 2.0
*/

/* -------------------------------- */
/* ------------ BASICS ------------ */
/* -------------------------------- */

body {
	background-color: #2d2d2d;
	margin: 0;
	padding: 0;
	font-family: Georgia, serif;
	font-size: 12pt; /* further declarations in ems */
}

a {
	color: #48f54c;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

a:visited {
	color: #48c2f5;
}

/* ------------ END BASICS ------------ */

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

#container {
	margin: 20px auto;
	width: 878px;
	border: 1px solid #666;
	position: relative;
}

	h1#head {
		display: block;
		margin: 0px;
		padding: 0px;
		width: 878px;
		height: 227px;
		background-image: url("images/head-sm.jpg");
		border-bottom: 1px solid #666;
		text-indent: -3000px;
	}

	#thorax {
		margin: 0;
		padding: 0 0 1em 0;
		min-height: 610px;
		height: auto !important;	/* IE min-height hack */
		height: 610px;				/* IE min-height hack */
		background-color: #000000;
		background-image: url("images/thorax-bg.jpg");
		background-repeat: no-repeat;
	}

		#leftcol {
			position: absolute;
			left: 0px;	
			width: 165px;
			margin: 0px;
			padding: 0px;
		}
	
		#rightcol {
			margin: 0;
			padding: 0;
			float: right;
			width: 165px;
			color: #fff;
		}
	
		#main {
			margin: 18px 0 0 0;
			padding: 0 195px 0px 185px;
			color: #aeaeae;
		}

	#footer {
		width: 100%;
		height: 42px;
		background-image: url("images/footer-bg.jpg");
		border-top: 1px solid #666;
		clear: both;
	}

/* ------------ END LAYOUT ------------ */

/* ------------------------------------------------ */
/* ------------ STYLES FOR LEFT COLUMN ------------ */
/* ------------------------------------------------ */

#leftcol img {
	/* border-bottom: 1px solid #666; */
}

#leftcol p {
	margin: 0;
	padding: .3em .3em .3em .6em;
	font-size: .8em;
	line-height: 1.6em;
	color: #aeaeae;
}


	
#leftcol #logos {
	overflow: hidden;
}
	
#leftcol #logos a img {
	padding: 0 0 5px 7px;
	border: none;
	float: left;
}

div#logos {
padding-bottom:10px;
/* border-bottom: 1px solid #666; */
}

/* ------------ END STYLES FOR LEFT COLUMN ------------ */

/* ------------------------------------------------- */
/* ------------ STYLES FOR RIGHT COLUMN ------------ */
/* ------------------------------------------------- */

#rightcol ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	font-family: Verdana, sans-serif;
	font-size: .8em;
	background: #333;
}

ul#widgets {
	margin: 18px 0;
	padding: 10px 0;
	border-top: 1px solid #666;
	border-bottom: 1px solid #666;
	border-left: 1px solid #666;
}

#widgets li {
	margin: .5em 0 .5em 0;
}

#widgets h2 {
	margin: 0 0 .2em 0;
	padding: 0 0 0 10px;
	border-bottom: 1px solid #666;
	font-weight: normal;
}

#widgets li ul li{
	margin:0;
	padding: 0 0 0 10px;
} 

#searchform div{
	margin:0;
	padding: 0 0 0 10px;
}

#searchform input {
	margin: 0.15em 0;
}

#searchform input#s {
	width: 90%;
}

/* kludge to get the up-wrapped tag cloud to line up */
li#tag_cloud {
	margin: .5em 0 0 0;
	padding: 0 0 0 10px;
}

li#tag_cloud h2{
	margin: 0 0 0 -10px;
	padding: 0 0 0 10px;
}


div#signup {
        background-image: url("images/e-luminations.jpg");
	background-repeat: no-repeat;
        font-family: Georgia, serif;
	/* color: #bf8330; 
        border-bottom: 1px solid #666;
        */
        padding-top:137px;      
        font-size:13px;
        line-height:17px;
}

#signup form {
       margin: 0 .6em;
       color:#fff;
       font-size: .8em;
}

#signup form div {
     margin: .3em 0;
}

/* ------------ END STYLES FOR RIGHT COLUMN ------------ */

/* ----------------------------------------- */
/* ------------ STYLES FOR BODY ------------ */
/* ----------------------------------------- */

.date {
	float: left;
	width: 55px;
	height: 45px;
	color: #fff;
	background: #333;
	margin: 0;
	padding-top: 10px;
	text-align: center;
	border: 1px solid #666;
	line-height: 1em;
	font-family: Verdana, sans-serif;
	font-size: 1.2em;
}

	.date span {
		display: block;
		text-transform: uppercase;
		font-size: .6em;
	}

#main h2 {
	margin: 0 0 12px 70px;
	padding: 0 0 .2em 0;
	color: #fff;
	border-bottom: 1px solid #666;
	line-height: 1em;
	font-size: 1.4em;
	font-family: Verdana, sans-serif;
	font-weight: normal;
}

#main .page-content h2 {
	color:#FFFFFF;
	font-family: Georgia,serif;
	font-size: 1.5em;
	font-weight: normal;
	line-height: 1.2em;
	margin: 0.8em 0 0.6em;
	padding: 0;
	border: none;
}

.meta {
	margin: 0 0 0 70px;
	padding: 0;
		font-size: .8em;
	font-family: Verdana, sans-serif;
}

.storycontent {
	margin: .8em 0 .6em 0;
}

#main p {
	margin: .6em 0em 0em 0em;
	font-size: 1em;
	line-height: 1.6em;
}

#main ul {
	margin: 0;
	padding: 0;
	font-size: 1em;
	line-height: 1.6em;
}

#main li {
	margin: 0.6em 0 0 1.1em;
}

.feedback {
	margin: .6em 0 1.5em 0;
	padding: .6em .5em;
	border: 1px solid #666;
	background-color: #333;
	font-size: .8em;
	font-family: Verdana, sans-serif;
}

/* postings list and single post nav */
#postnav {
	color: #fff;
	background-color: #555;
	margin: 0 0 1em 0;
	border: 1px solid #999;
	height: 2em;
	line-height: 2em;
	font-family: Verdana, serif;
	font-size: .8em;
}

#postnav .prevlink {
	float: left;
	margin: 0 .3em;
}

#postnav .nextlink {
	float: right;
	margin: 0 .3em;
}

#postnav a {
	position: relative;
	top: -.35em;
}

#postnav .arrows {
	position: relative;
	top: -.05em;
	font-size: 2em;
	color: #aaa;
	}
	
#postnav a .arrows {
	position: relative;
	top: .08em;
}

#pagenav .prevlink {
	float: right;
	margin: 0 .3em;
}

#pagenav .nextlink {
	float: left;
	margin: 0 .3em;
}

#pagenav .arrows {
	font-size: 2em;
	color: #aaa;
	position: relative;
	top: .1em;
}
/* end postings list and single post nav */

/* ------------ END STYLES FOR BODY ------------ */

/* --------------------------------------------- */
/* ------------ STYLES FOR COMMENTS ------------ */
/* --------------------------------------------- */

#comments {
	border: 1px solid #666;
	margin: 0;
	padding: 0;
	font-family: Verdana, serif;
}

#comments h3, #postcomment h3 {
	font-size: .8em;
	font-weight: normal;
	line-height: 2.2em;
	background: #333;
	color: #fff;
	margin: 0;
	padding: 0 1.5em;
}

#comments ol.commentlist {
	border-top: 1px solid #666;
	color: #fff;
	list-style: none;
	margin: 0;
	padding: 0;
}

#comments ol.commentlist li {
	display: block;
	margin: 0;
	padding: 0;
	font-size: .8em;
	padding: 1.8em 1.5em;
	background-color: #000d31;
}

#comments ol.commentlist li.alt {
	background-color: #000820;
}

#comments cite {
	font-style: normal;
	font-weight: bold;
}

/* ------------ END STYLES FOR COMMENTS ------------ */

/* ----------------------------------------------------- */
/* ------------ STYLES FOR POST COMMENT BOX ------------ */
/* ----------------------------------------------------- */

#postcomment {
	margin: 1em 0;
	padding: 0;
	border: 1px solid #666;
	color: #fff;
	font-family: Verdana, sans-serif;
}

#postcomment h3 { /* rest of this is defined in section above */
	border-bottom: 1px solid #666;
}

#postcomment form {
	margin: 0;
	padding: 0;
}

#postcomment p {
	margin: 0.6em 1em;
}

#postcomment textarea {
	width: 100%;
	border: 1px solid #666;
	background-color: #222;
	color: white;
	font-family: Verdana, sans-serif;
	font-size: .8em;
}

/* ------------ END STYLES FOR POST COMMENT BOX ------------ */

/* ------------------------------------------- */
/* ------------ STYLES FOR FOOTER ------------ */
/* ------------------------------------------- */

#footer p {
	margin: 0;
	padding: .8em .3em .3em .6em;
	font-size: .8em;
	line-height: 1.6em;
	color: #aeaeae;
}

/* ------------ END STYLES FOR FOOTER ------------ */

/* ---------------------------------------- */
/* ------------ NAVIGATION BAR ------------ */
/* ---------------------------------------- */

#nav {
	margin: 0px;
	padding: 0px 0px 0px 183px;
	border-bottom: 1px solid #666;
	background-image: url("images/nav-bg.jpg");
	background-repeat: no-repeat;
	color: white;
}

#nav ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#nav ul li {
	margin: 5px 3px 0 0;
	background: url("images/tab-right-off.gif") no-repeat top right;
	float: left;
	position: relative;
}

#nav ul a {
	display: block;
	padding: 0 1em;
	line-height: 1.8em;
	background: url("images/tab-left-off.gif") no-repeat top left;
	float: left;
	color: #aeaeae;
	text-decoration: none;
	text-transform: lowercase;
	font-family: serif;
	font-size:1em;
}

#nav a:hover {
	color: #48f54c;
}

#navlist ul {
	position: absolute;
	display: none;
	top: 1.6em;
	left: 0px;
	right: 0px;
	border: 1px solid #888 !important;
	border-top: 0 !important;
	}
	
#navlist ul li {
	width: 100%;
	padding: 0 ;
	margin: 0;
	background: #000 !important;
	color: #aeaeae !important;
	clear: both;
}

#navlist ul li a {
	background: #000 !important;
	color: #aeaeae !important;
	line-height: 1.2em;
	padding: .2em 0 .2em .5em;
	font-size: .9em;
}

#navlist ul li a:hover {
	color: #48f54c !important;
}

#navlist li:hover ul {
	display: block;
	}

/* target current page */
#navlist li.current_page_item, #navlist li.current_page_ancestor {
	background: url("images/tab-right.gif") no-repeat top right;
}

#navlist li.current_page_item a, #navlist li.current_page_ancestor a{
	color: #48f54c;
	background: url("images/tab-left.gif") no-repeat top left;
}

#navlist li.current_page_item  ul, #navlist li.current_page_ancestor  ul {
	border-color: #48f54c !important;
}
/* end target current page stuff */

/* make the services tab a little wider so the drop-down isn't squished */
#navlist .services a {
	padding:0em .8em;
}

/* ------------ END NAVIGATION BAR ------------ */

/* ---------------------------------------------- */
/* ------------ STYLES FOR ALL FORMS ------------ */
/* ---------------------------------------------- */

input[type="submit"],
input.button {
	background: #333;
	color: #fff;
	border: 1px solid #777;
}

input[type="text"],
input[type="password"],
input.field {
	background: #222;
	color: #fff;
	border: 1px solid #777;
}
	
/* ------------ END STYLES FOR ALL FORMS ------------ */

/* --------------------------------------- */
/* ------------ MISC. CLASSES ------------ */
/* --------------------------------------- */

.hidden {
	display: none;
}

.clear {
	clear: both;
}

.quotebox {
	margin: 2em 0 0 0;
	width: 165px;
	background: url("images/quote-top-or.png") no-repeat left top;
        padding:1em 0;
}

.quotebox p {
	/* background: url("images/quote-bottom-or.gif") no-repeat right bottom; */
	margin: .6em 0 2em 0;
	padding: 2em 1.5em 3em 0em;
	font-size: .8em;
	line-height: 1.6em;
	font-family: Georgia, serif;
	color: #bf8330!important;
}

.quotemark {
	/* margin-left:-.4em; */
        
}

.attrib {
	margin-left: 1em;
	font-size: 1.0em;
        font-weight:bold;
}

.bookname {
	font-weight: bold;
	color: white;
	padding-top: 1em;
}

.bookauthor {
	font-style: italic;
	text-indent: 1em;
}

.quotebox .attrib {
	margin-left: 0;
}

/* ------------ END MISC. CLASSES ------------ */


/*  ---------- styling specific for the TeleClass page */
#teleclassPage {
background-color:#FCFEE6;
color:#2C2C2C;
border:solid 4px #777777;
padding:20px;
-moz-border-radius: 20px;
-khtml-border-radius: 20px;
-webkit-border-radius: 20px;
}

#teleclassPage h1 {
color:#777777;
font-size: 1.5em;
margin: .8em 0 .8em 0;
padding:0px;
line-height: 1.2em;
font-family: Georgia, serif;
font-weight: normal;
}
#teleclassPage h2 {
color:#0074CF!important;
font-style:oblique;
margin: .8em 0 1.0em 0 !important;
padding:0px;
font-size: 1.0em !important;
line-height: 1.2em;
font-weight: bold !important;
}

#teleclassPage .telebox {
border:dashed 3px #0074CF;
padding:20px;
margin: 20px 0;
line-height:1.6em;
color: #363636;
font-weight:bold;
background-color:#FFF;
}

#teleclassPage a {
	color: #0074CF;
	text-decoration: underline;
}

#teleclassPage a:hover {
	color:#CF3600;
}

#teleclassPage .telebox a {
color:#0074CF;
text-decoration: underline;
}
#teleclassPage .telebox a:hover {
color:#CF3600;
}

#teleclassPage .telebox h2 {
color:#0074CF!important;
font-size:17px!important;
}

#teleclassPage .telebox h3 {
color:#0074CF!important;
font-size:16px!important;
}

#teleclassPage .about {
color:#777777;
font-size:98%;

}

#teleclassPage input { font:12px Arial, Helvetica, sans-serif; vertical-align:middle; color:#333; background-color: #FAFBF5;}


#register-form {margin:-80px 0 0px 0;padding:0;}