/*  

Theme Name: Ginger Ninja! v2

Description: The new Ginger Ninja! theme.

Version: 1.0

Author: Donny Burnside

Author URI: http://www.ginger-ninja.net/

*/



/* Generic Styling */



body {

	background:url(images/bg-body.png) repeat-x top center #09B2EF;

	font-family:Arial, Helvetica, sans-serif;

	font-size:62.5%; /* Sets default font size to 10px */

	color:#222222;
	
	text-align: center;

	}



* {

	margin:0;

	padding:0;

	}



img {

	border:0;

	}



p {

	margin-bottom:1.75em;

	}



a {

	text-decoration:none;

	color:#00B5F7;

	}

a:hover {

	text-decoration:none;

	color:#00526F;

	}



/* Structure */



#wrapper {

	margin:0 auto;

	width:700px;

	background:#ffffff;

	font-size:1.20em;
	
	text-align:left;



	}

#header {

	height:140px;

	}
	
#daytonimg {display:none}

#menu {

	height:35px;

	line-height:35px;

	background:url(images/bg-menu.png) repeat-x;

	padding:0 10px;

	}

#sidebar {

	float:right;

	width:180px;

	background:#efefef;

	margin-right:10px;

	}

#content {

	float:none;

	width:auto;

	}

.content {
	position:relative;
	margin-top:50px;
	}

#footer {

	clear:both;

	height:100px;

	background:url(images/bg-footer.jpg) no-repeat;

	}



/* Entries */



.entry {

	padding:5px 10px;

	text-align:justify;

	line-height:1.5em;
	
	font-size:1.3em;

	}

.entry-title {

	font-size:1.90em;

	font-weight:normal;

	letter-spacing:-1px;

	}

.date {

	font-size:0.9em;

	color:#bbb;

	cursor:default;

	letter-spacing:1px;

	}

.comments {

	margin-top:-1em;

	}

.comments a {

	color:#6CC7DC;

	background:url(images/icon-comment.png) no-repeat 0px 2px;

	padding-left:20px;

	padding-right:2px;

	}

.comments a:hover {

	color:#B4C835;

	}





/* Menu */



#menu ul {

	list-style-type:none;

	}

#menu li {

	float:left;

	}

#menu li a {

	padding:0 15px;

	display:block;

	color:#ffffff;

	margin-right:2px;

	}
	
#adminmenu li a {padding:0 5px}	

#menu li a:hover {

	background:url(images/bg-menu-hover.png) no-repeat center center;

	}



/* Sidebar */



#sidebar ul {

	list-style-type:none;

	margin-top:10px;

	}

#sidebar li {
	text-align:center
	

	}

#sidebar li a {

	display:block;

	height:20px;

	line-height:20px;

	color:#222222;

	padding-left:5px;

	border-bottom:1px solid #dddddd;

	}

#sidebar li a:hover {

	background:#edebed;

	color:#6CC4D8;

	}

#sidebar-bottom {

	height:20px;

	background:url(images/bg-sidebar-bottom.gif) no-repeat top center;

	}



/* Footer */



#footer-valid {

	float:left;

	padding-top:55px;

	padding-left:20px;

	cursor:default;

	color:#ffffff;

	}

#footer-valid a {

	color:#ffffff;

	text-decoration:none;

	}

#footer-valid a:hover {

	color:#ffffff;

	text-decoration:underline;

	}



/* Heading's */



h1 {

	font-size:2.5em;

	font-weight:normal;

	cursor:default;

	position:relative; top:50px; left:30px;

	letter-spacing:1px;

	color:#aaaaaa;

	font-style:italic;

	}



/* Feed */



#feed {

	height:25px;

	width:126px;

	background:url(images/bg-feed.gif) no-repeat;

	margin:0 auto;

	padding-left:26px;

	}

a.feed-button {

	display:block;

    width:100px;

    height:25px;

    background:url("images/button-feed.png") 0 0 no-repeat;

    text-decoration: none;

	}

a:hover.feed-button {

	background-position:0 -25px;

	}



/* Extra's */



#ad-top {

	width:480px;

	height:72px;

	background:url(images/bg-ad-top.jpg) no-repeat;

	padding:5px;
	margin:2px;

	}
	
#contentwide {
	width:100%;
	border:1px solid gray;
	}

/* Jtip */
	
#JT_arrow_left{

	background-image: url(images/arrow_left.gif);

	background-repeat: no-repeat;

	background-position: left top;

	position: absolute;

	z-index:101;

	left:-12px;

	height:23px;

	width:10px;

    top:-3px;

}



#JT_arrow_right{

	background-image: url(images/arrow_right.gif);

	background-repeat: no-repeat;

	background-position: left top;

	position: absolute;

	z-index:101;

	height:23px;

	width:11px;

    top:-2px;

}



#JT {

	position: absolute;

	z-index:100;

	border: 2px solid #00ADF2;

	background-color: #fff;

}



#JT_copy{

	padding:10px 10px 10px 10px;

	color:black;
	
	font-size:large;

}



.JT_loader{

	background-image: url(images/loader.gif);

	background-repeat: no-repeat;

	background-position: center center;

	width:100%;

	height:12px;

}



#JT_close_left{

	background-color: #00ADF2;

	text-align: left;

	padding-left: 8px;

	padding-bottom: 5px;

	padding-top: 2px;

	font-weight:bold;

}



#JT_close_right{

	background-color: #00ADF2;

	text-align: left;

	padding-left: 8px;

	padding-bottom: 5px;

	padding-top: 2px;

	font-weight:bold;

}



#JT_copy p{

margin:3px 0;

}



#JT_copy img{

	padding: 1px;

	border: 1px solid #CCCCCC;

}



.jTip{

cursor:help;

}

	
	
.schedule table {width:100%;text-align:center}	

.schedule table th {width:20%}

.schedule table {border:1px solid gray}

.schedule table td {border:1px solid gray;padding:2px}

.schedule {line-height:1.2;font-size:smaller}

.schedule {border:1px solid black;margin-bottom:10px;padding:2px}

.plenary {background-color:#CCFFFF}
.breakout {background-color:#FFFFCC}
.meal {background-color:#FFCCFF}
.I4 {color:red;font-weight:bold;}
table#content {width:100%}
.editbutton {text-align:right}
#optionstable {margin:0 auto;text-align:center;font-size:80%}
#optionstable td {border:1px solid gray;padding:0 5px}
.aw {background-color:#FFFF99}
.breakout {background-color:#CCCCCC}
.freeTime {background-color:#66FF99}
.dayton {background-color:#CCF4C1}
#registration, .selectitems {width:400px;margin:0 auto}
.submitbutton {text-align:center}
#emptycart {text-align:center}
#registration table {margin:0 auto}
#registration .entry-title {text-align:center}

#shoppingcart {width:500px;margin:10px auto;padding:10px;border:1px solid gray}
.eachreg {border:1px solid gray;background-color:#CCFFCC;padding:5px;margin:10px}
.childinfo {background-color:#FEE0ED}
.shortdescription {width:50%;padding-left:20px}
.quantity {width:10%;text-align:center}
.cost {width:10%;text-align:right}
.regremove {width:30%;text-align:right}
.shoppingcartinfo table, .personinfo table {width:100%}
.shoppingCartTitle {font:1.3em bolder}

.selectitems .shortdescription {width:80%}
.selectitems, .checkbox, .dropdown {text-align:center}
.regname {font-size:1.3em;font-weight:bold}
.emptyaddcost {text-align:center}

#choices {width:500px;margin:0 auto;text-align:center}
#choices p {margin:5px;font-size:1.5em}
input[type=submit] {width:250px}

.mediumbox {width:300px; margin:0 auto; text-align:center}

.thisstep {font-size:1.5em;font-weight:bold;background-color:#87D9F7}
#steps {width:100%;margin:5px auto;border-top:2px ridge #E0F4FF;border-bottom:2px ridge #E0F4FF;text-align:center;font-size:.8em;background-color:#D3F1FC;
-webkit-border-radius: 5px;}
#reginstructions {text-align:center;font-size:1.5em;width:75%;margin:0 auto}
.eachregistration {border:1px solid gray;background-color:#FDFD00;margin:5px;padding:2px}
.eachperson {background-color:#FFFFF0;border:1px solid gray;margin:3px;padding:2px}
.eachoption {margin-left:40px}
#tooltip{background:#E3E9F5;border:1px solid #071A38;color:#333;display:none;padding:2px 5px;position:absolute;font-size:1.3em}
.longdescription {display:none}
.shortdescription:hover .longdescription {display:block}

#payonline {width:300px;margin:10px auto;text-align:center}

.eachinvoice {border:1px solid gray;padding:5px;margin:5px;background-color:#ACFBB0}
.eachinvoice .Not_Paid {background-color:red;color:white}
.eachinvoice .Test {background-color:blue;color:white}
.eachinvoice .test {background-color:blue;color:white}
.eachinvoice .Failed {background-color:red;color:white}

.eachregistration .eachfamily {font-size:1.3em;font-weight:bold;margin:0}
.eachregistration {margin:10px;}
.eachregistration .eachitem {margin:0 30px;font-size:.7em;font-weight:normal}
.eachitem .shortdescription {width:300px}

.costeachperson {width:200px;font-size:.7em;font-weight:normal;margin-left:300px}
.costeachfamily {width:400px;font-size:1em;font-weight:normal}

.addNewPersonAndOption {font-size:.8em}

.confirmation {text-align:center}
tr.selectoption {height:30px}
.selectoption td {padding:0px;margin:0px}

.slideshow { float:left; width:272; height:182; margin: 50px 10px 0px 10px}
.slideshow img { padding: 15px; border: 1px solid #ccc; background-color: #eee; }

.speakers img {margin:10px}
.speakers {font-size:1em}
.speakers p {overflow:auto}

#myregs .eachMyReg {border:1px solid gray;background-color:#FFFF66;margin:5px;padding:5px}
#myregs ul {margin:5px 20px}

#myregs .description {width:300px}
#myregs .quantity {width:30px;text-align:center}
#myregs .cost {width:70px;text-align:center}
#myregs .status {width:70px;text-align:center}
#myregs .orderid {width:100px;text-align:center}
#myregs .paid {width:50px;text-align:center}
#myregs .eachperson {list-style:none;border:1px solid gray;padding:5px}
#myregs table {margin-left:20px}
#myregs .fname {font-size:1.3em;}
#myregs .lname {color:blue;font-size:1.5em;font-weight:bold}
#prices {width:600px;margin:0 auto}
#prices table {width:600px;border:1px solid gray}
#prices h2 {margin-top:30px;text-align:center}
#prices th {padding-top:10px}
#prices tr td[1] {text-align:right}
#prices td {text-align:center;width:100px}
#prices .rowlabel {text-align:right;width:200px}
#prices th {text-align:center}
#mealslist {width:600px;margin:20px auto}
.eachmeal {border:1px solid gray;margin-top:20px;padding:10px;overflow:hidden}
.eachmeal .eachmealshortdescription {font-size:1.3em;font-weight:bold;}
.eachmeal .eachmealcost span {font-style:italic;font-size:.8em;padding-left:5px}
.eachmeal .eachmeallongdescription {margin:20px 0;font-size:1.1em}
.eachmeal img {float:right}
.eachmealad {border:1px solid gray;margin:10px;padding:5px;background-color:#EFFAFE}
.eachmeal a {margin-top:20px;display:block}
#popup{background-color:#FFF;border:double 25px #101731;display:none;left:50%;margin-left:-350px;padding:5px;position:fixed;text-align:left;top:5px;width:650px;z-index:5}
#pricelistlink {margin:0 auto;text-align:center}
#contactus table {margin:0 auto}
#contactus td#submit {text-align:center}

#exhibitors {margin:0 auto;width:90%}
.eachExhibitor {border:1px solid gray;padding:10px;margin:0 0 10px 0;overflow:auto;background-color:#FFFFCC}
.exhibitorInfo {width:60%;float:none;margin-top:20px}
.exhibitspecs {width:60%;float:none;margin-top:20px}
.officeinfo {width:35%;float:right;background-color:#D5FFD5}
.clear {clear:both}
.officeinfo {border:1px solid gray;margin:20px;padding:10px}

#exhibitform {width:600px;margin:0 auto;border:1px solid gray}
#exhibitform .label {text-align:right}
#exhibitform #organization {width:300px}
.datetime {text-align:right;color:gray;font-size:smaller}
#addnewexhibitor {margin:5px;text-align:center}
.exhibitororg {font-size:1.3em; font-weight:bold}
#exhibitorguidelines {margin:30px}
#exhibitorguidelines li {margin-left:40px}
#exhibitorguidelines h2 {margin-bottom:20px;text-align:center}
#confirmexhibitorform {width:600px;margin:20px auto;text-align:center;font-size:1.5em;font-weight:bolder}
span.notapproved {color:red;font-weight:bold}
span.approved {color:#006600;font-weight:bold}

#itemsordered table {width:100%}
#itemsordered td.name {width:25%}
#itemsordered td.quantity {width:10%;text-align:right;padding-right:3px}
#itemsordered td.email {width:30%}
#itemsordered td.phone {width:20%}
#itemsordered td.paid {width:15%}
#itemsordered .count, #itemsordered .thislink {text-align:center;font-size:.8em}
#itemsordered #listlinks {margin:10px 20px;font-size:1.2em;text-align:center}
#itemsordered #listlinks a:hover {color:white;background-color:#09B2EF}
#itemsordered h2 {text-align:center}

#datatableagenda {background-color:white}
#datatableagenda a {color:#0000CC;text-decoration:underline}
#datatableagenda a:hover {color:#0000CC;text-decoration:none;font-weight:bold}

#celebrate2010map {display:none}

#totalcount {text-align:center}

#badgeinfo .status {display:block;float:right;width:50px}
#badgeinfo td.names {width:30%}
#badgeinfo td.options {width:60%}

#nextprev {text-align:center}

#regclosed {width:600px;margin:20px auto;font-size:1.5em;text-align:center}


/* Makes Schedule B&W
.meal, .dayton, .aw, .plenary, .breakout, .freeTime {background-color:white}
a, .I4 {color:black; font-weight:normal}
*/