@import "reset.css";
@import "global-forms.css";

*::-moz-selection {background: #F6CF74 none repeat scroll 0 0; color: #FFFFFF;}
::selection {background: #F6CF74 none repeat scroll 0 0; color: #FFFFFF;}

body {
	background: #000000 url(../img/back.jpg) no-repeat scroll center top;
	color: #000305;
	font-family: 'Trebuchet MS',Trebuchet,'Lucida Sans Unicode','Lucida Grande','Lucida Sans',Arial,sans-serif;
	font-size: 0.875em;
	line-height: 2.143;
	margin: 0;
	padding: 0;
	text-align: left;
	font-size: 14px;
	line-height: 30px;
}
h2 {font-size: 1.571em;}
h3 {
	font-size: 1.714em;
	font-weight: 400;
	line-height: 1.25;
	margin: 1.25em 0 1.25em;
	text-shadow: 1px 1px 1px #FFFFFF;
}
h4 {font-size: 1.214em; line-height: 1.765;}
h4.longHeading {
	border-bottom: 1px solid #DFDDD1;
	font-size: 1em;
	font-variant: small-caps;
	font-weight: 400;
	letter-spacing: 0.08em;
	line-height: 2.143;
	text-transform: lowercase;
}
h5 {font-size: 1em; font-weight: bold;}
h5.entry-title {font-size: 19px; line-height: 30px; text-shadow: 1px 1px 1px #ffffff; font-weight: 400;}
h6 {font-size: 1em;}
h2, h3, h4, h5, h6 {font-family: georgia,serif;}

a {outline-style: none; outline-width: 0;}
a:link, a:visited {color: #8E91AF; text-decoration: underline;}
a:hover, a:active {
	background-color: #8E91AF;
	color: #FFFFFF;
	text-decoration: none;
	text-shadow: 1px 1px 1px #333333;
}
a.cnrSignUpButton, a.ajaxLink  {border-bottom: 1px dashed; text-decoration: none;}
a.button, a.button:hover, a.imgLink:hover {background-color: transparent !important; text-decoration: none !important; border: 0 none !important;}

p {font-size: 1.072em; line-height: 2;}
p, pre, blockquote {margin-bottom: 2em; letter-spacing: normal; word-spacing: 0}
section.nonPost p {
	font-size: 0.928em;
	line-height: 2.308em;
	margin-bottom: 2.308em;
	font-family: georgia,serif;
}
blockquote {margin-bottom: 2.143em;}
p.img {background-color: #E3E6FF; margin: 0 -20px 2em 0; padding: 30px 20px; line-height: 0;}
p.img span.smallcaps {line-height: 2.143;}
p.imgLong {background-color: #E3E6FF; margin: 0 -20px 2em -250px; padding: 30px 20px; line-height: 0;}
p span.related {
	font-size: 0.933em;
	font-style: italic;
	left: 0;
	line-height: 2.143;
	position: absolute;
	width: 200px;
}
p.note {background-color: #FFF7C1; border: 1px dashed #EFDF77; padding: 0 1em;}
p.footnote {font-size: 10px !important; line-height: 15px !important; margin-bottom: 15px !important; }
p.footnote.last {margin-bottom: 30px !important;}
a img {border: 0 none; text-decoration: none;}

/* * p:last-child,*/ * pre:last-child, * blockquote:last-child  {margin-bottom: 0;} 
strong, b {color: #3F3A2B; font-weight: bold;}
em, i {font-style: italic;}
pre {background-color: #FFFFFF; border: 1px dashed #DFDDD1; font-family: "Gill Sans MT","Gill Sans",GillSans,Arial,Helvetica,sans-serif; padding: 10px 15px;}
.codeInText, code {font-family: 'andale mono','monotype.com','lucida console',monospace; font-size: 1em;}
.codeInText {background-color: #DFE3FF;}

ul {list-style-image: none; list-style-position: outside; list-style-type: disc; margin: 1em 0 1.5em 1.5em;}
ol {list-style-image: none; list-style-position: outside; list-style-type: decimal; margin: 1em 0 1.5em 1.5em;}
dl {margin: 0 0 1.5em;}
dt {font-weight: bold;}
dd {margin-left: 1.5em;}
blockquote {font-style: italic; padding-left: 40px;}
sup {vertical-align: super;}
.smallcaps {font-style: normal; text-transform: lowercase; font-variant: small-caps; letter-spacing: 0.08em;}
.left {float: left;}
.right {float: right;}
.alignCenter {text-align: center;}
.alignRight {text-align: right;}

header, section, footer, aside, nav, article, figure {display: block; color: #3F3F3F;}
.body {clear: both; margin: 0 auto; width: 900px;}
img.right figure.right {float: right; margin: 0 0 2em 2em;}
img.left, figure.left {float: right; margin: 0 0 2em 2em;}
.red {color: #C00000;}
.sic {color: #C33700;}

/* MAIN */
#profileTop {height: 25px; text-align: right; color: #ffffff;}
#profileTop a {color: #ffffff; font-size: 0.85em;}
#top {margin: -16px auto 0; padding: 0; text-align: center;}
	#top h1 {font-size: 3.571em; line-height: 0.6;}
	#top h1 a:link, #banner h1 a:visited {
		color: #000305;
		display: block;
		font-weight: bold;
		margin: 0 0 0.6em 0.2em;
		text-decoration: none;
		width: 880px;
	}
	#top a:hover, a:active {background-color: transparent; text-decoration: none;}
	#top h1 a:hover, #banner h1 a:active {background: transparent none repeat scroll 0 0; color: #F5B800; text-shadow: none;}
	#top h1 strong {font-size: 0.36em; font-weight: 400;}
	#top nav {
		-moz-border-radius-topleft: 10px;
		-moz-border-radius-topright: 10px;
		-webkit-border-top-left-radius: 10px;
		-webkit-border-top-right-radius: 10px;
		border-top-right-radius: 10px;
		border-top-left-radius: 10px;
		background: #FFFFFF none repeat scroll 0 0;
		height: 30px;
		margin: 0 auto;
		padding: 0;
		width: 900px;
	}
	#top nav h3 {
		color: #8F7064;
		float: left;
		font-size: 1em;
		font-weight: 500;
		height: 28px;
		line-height: 1.9em;
		margin: 0;
		padding: 6px 0 0 1em;
		text-shadow: 1px 1px 1px #EFDCD1;
	}
	#top nav ul#socialMenu {float: left;}
	#top nav ul#menu {float: right;}
	#top nav ul {
		list-style-image: none;
		list-style-position: outside;
		list-style-type: none;
		margin: 0 auto;
	}
	#top nav li {display: inline; float: left; margin: 0;}
	#top nav ul#menu a, #top nav ul#menu a:link, #banner nav ul#menu a:visited {
		color: #626262;
		display: block;
		height: 30px;
		padding: 0 15px 0;
	}
	#top nav ul#menu a:hover, #top nav ul#menu .active a, #banner nav ul#menu .active a:visited {
		background: #E3E6FF url(../img/menu_pixel.png) repeat scroll;
		color: #626262;
		text-shadow: 1px 1px 1px #ffffff;
		text-decoration: underline;
	}
	#top nav ul#menu .noLink a, #banner nav ul#menu .noLink a:visited {text-decoration: none; cursor: default;}

	#top nav ul#menu li:last-child a {-moz-border-radius-topright: 10px; -webkit-border-top-right-radius: 10px; border-top-right-radius: 10px;}
	#top nav ul#socialMenu a, #top nav ul#socialMenu a:link, #banner nav ul#socialMenu a:visited {
		color:#626262;
		display: block;
		line-height: 23px;
		padding: 7px 15px 0;
	}
	#top nav ul#socialMenu a:hover, #banner nav ul#socialMenu a:active, #top nav ul#socialMenu .active a, #banner nav ul#socialMenu .active a:visited {
		background: #E3E6FF url(../img/menu_pixel.png) repeat scroll;
		color: #626262;
		text-shadow: none !important;
	}
	#top nav ul#socialMenu li:first-child a {-moz-border-radius-topleft: 10px; -webkit-border-top-left-radius: 10px; border-top-left-radius: 10px;}

#featured {
	background: #FFF7C1 url(../img/stripFeatured.png) repeat-x scroll 0 0;
	border-top: 1px solid #FFCE88;
	border-bottom: 1px solid #F3E586;
	margin: 0 -20px;
	overflow: hidden;
	padding: 10px 0 0 15px;
	width: 890px;
	height: 198px;
}
	#featured ul {list-style-type: none; margin: 0 0 0 20px;}
	#featured ul li {}
	#featured article#promo span.comingOut {margin-left: 3em; vertical-align: top;}
	#featured article#promo span.comingOut a {text-decoration: none; border-bottom: 1px dashed; vertical-align: top;}
	#featured article#promo a img {margin: 0 0 0 8px;}
	#featured figure {float: right; width: 529px; margin-top: 5px;}
	#featured figure p {text-align: center;}
	#featured figure span {
		color: #626262;
		display: block;
		font-size: 0.8em;
		margin-bottom: 16px;
	}
	#featured figure a {display: inline-block;}
	#featured figure a:hover {background-color: transparent; text-decoration: none;}
	#featured figure h4 {font-size: 0.9em; font-weight: bold;}
	#featured figure h4 a {color: #FF732F;}
	#featured figure img {margin: 15px 0 0 -1px; display: block;}
	#featured h2 {
		color: #AFA178;
		font-size: 24px;
		font-weight: bold;
		line-height: 30px;
		margin-bottom: 18px;
		text-shadow: 1px 1px 1px #FFFFFF;
	}
	#featured h3 {font-weight: 400; margin: 0.625em 0 0 0;}
	#featured h3 a:link, #featured h3 a:visited {color: #000305; text-decoration: none;}
	#featured h3 a:hover, #featured h3 a:active {color: #FFFFFF;}

.codenrun_top_aside #featured {height: 348px;}
	.codenrun_top_aside #featured p {font-size: 1.286em; line-height: 1.667; margin-bottom: 30px; width: 290px;}
	.codenrun_top_aside #featured p.details {margin-bottom: 30px; font-size: 13px;}
	.codenrun_top_aside #featured figure {width: 518px; margin-top: 0;}
	.codenrun_top_aside #featured figure img {margin: -11px 0 0 -41px;}
	.codenrun_top_aside #featured article#promo a img {margin: 0 0 0 32px;}
	.codenrun_top_aside #featured article#promo span.comingOut {
		font-style: italic;
		display: block;
		vertical-align: baseline;
		width: 290px;
		text-align: center;
		margin: -10px 0 0;
	}
	.codenrun_top_aside #featured h2 {margin-left: 0; padding-top: 30px;}
	
#announcement {
	background: #ddffc1 url(../img/stripAnnouncement.png) repeat-x scroll 0 0;
	border-bottom: 1px solid #adea7a;
	overflow: hidden;
	width: 900px;
	height: 30px;
	text-align: center;
	margin-left: -20px;
	font-weight: 700;
}

#content {
	background-color: #FFFFFF;
	overflow: hidden;
	padding: 0 20px;
	width: 860px;
}
section.body {background:url("../img/stripContent.png") repeat-x scroll 0 242px #FFFFFF;}
section.codenrun_top_aside {background: url("../img/stripContent.png") repeat-x scroll 0 392px #FFFFFF;}
	#content.no_top_aside {background: #ffffff url(../img/stripContent.png) repeat-x scroll 0 32px; min-height: 400px;} /*F6F7FF*/
	#content #tableOfContents {
		width: 225px;
		background-color: #F9F9F9;
		border: 1px solid #AAAAAA;
		padding: 0 10px;
		margin-bottom: 2em;
	}
	#content #tableOfContents h5 {text-align: center;}
	#content #tableOfContents ul {margin: 0;}
	#content #tableOfContents ul li {list-style: decimal;}
	#content footer.issue-info {
		color: #626262;
		font-size: 0.8em;
		letter-spacing: 0.3em;
		text-transform: uppercase;
	}
	
#about {
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 10px; 
	-webkit-border-bottom-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
	background: #FFFFFF none repeat scroll 0 0;
	border-top: 1px solid #DFDDD1;
	font-style: normal;
	margin-bottom: 2em;
	overflow: hidden;
	padding: 0 20px 0;
	text-align: left;
	width: 860px;
}
	#about .primary {float: left; width: 360px;}
	#about .primary strong {color: #000000; display: block; font-size: 1em;}
	#about .photo {float: left; margin: 5px 20px;}
	#about .url:link, #about .url:visited {text-decoration: none;}
	#about .bio {float: right; width: 500px;}

#footer {text-align: right;}

/* DETAILS */
.hentry {}
.scs header {display: none;}


/* #posts-list .fancy blockquote:first-child:first-letter {margin-left: -0.5em; font-size: 10em;}
#posts-list .fancy  blockquote * + p:first-letter{margin-left: 0;} */

.hentry {}

	.hentry address em {
		color: #626262;
		font-size: 0.8em;
		font-style: italic;
		font-variant: normal;
	}
	.hentry .entry-content p span a {background-color: transparent;}
	.hentry .post-info * {font-style: normal;}
	.hentry .post-info address.author {color: #3F3F3F;}
	.hentry .post-info em {font-style: italic; font-variant: normal; font-size: 0.8em; color: #626262;}
	.hentry .post-info address {}
	.hentry .post-info address.play {margin: 0 0 15px;}
	.hentry .post-info address.play a {background-color: transparent; margin: 0 0 15px;}
	.hentry .post-info address.top {border-top: 1px solid #DFDDD1; padding-top: 5px;}
	.hentry .post-info a {color: #626262;}
	.hentry .post-info a:hover {color: #FFFFFF;}
	.hentry .post-info strong {display: block;}
	.hentry .post-info .retweet-box strong {display: inline;}
	.hentry .post-info .retweet-box a:hover {background-color: #F6F7FF; text-decoration: none;}
	.hentry .post-info .screencast {margin-top: 20px;}
	.hentry footer address {display: block;}
	
	.hentry#account section#accountDetails {width: 355px; display: inline-block; vertical-align: top;}
	.hentry#account section#orderDetails {width: 500px; display: inline-block;}
	.hentry#account section#orderDetails div#orders { border: 1px solid #DFDDD1;}
	.hentry#account section#orderDetails div.product {height: 45px; margin: 0 0 15px}
	.hentry#account section#orderDetails div.product a {font-size: 17px;}
	.hentry#account section#orderDetails div.product ul {list-style: none; margin: 0;}
	.hentry#account section#orderDetails div.product ul li {display: inline; margin: 0 15px 0 0;}
	
#posts-list, #posts-list-home {
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	margin: 0;
	font-family: georgia,serif;
}
	#posts-list-home article {float: left; margin: 0 35px 0 0; position: relative; width: 412px;}
	#posts-list-home article.secondInARow {margin: 0;}
	#posts-list-home article header {}
	#posts-list-home article footer {}
	#posts-list-home article footer abbr.published {display: none;}
	#posts-list-home article div.entry-content p {}
	#posts-list article header {display: none;}
	#posts-list.blog article header {display: block;}
	#posts-list article {padding-left: 230px; position: relative;}
	#posts-list article form div.left {float: left; margin-right: 30px;}
	#posts-list article form.loginRegister {display: inline-block; width: 430px; vertical-align: top;}
	#posts-list article.fullWidth {padding: 0;}
	#posts-list li article ul {padding: 0;}
	#posts-list li article li {border: 0 none; list-style-type: circle; margin: 0 0 0 2em;}
	#posts-list .hentry-page {padding-left: 0; position: relative;}
	#posts-list li {border-bottom: 1px solid #DFDDD1;}
	#posts-list li:last-child {border-bottom: 0 none;}
	#posts-list footer {
		color: #626262;
		left: 0;
		position: absolute;
		width: 200px;
	}
	#posts-list footer a.imgLink img {margin-bottom: 1.428em;}
	#posts-list footer address {display: block;}
	#posts-list footer address.marginTop{margin-top: 2.143em;}
	#posts-list footer address.retweet-box {margin-top: 0.6em;}

div#notifyMeBox {
	border-top: 1px solid #bcbaac;
	border-bottom: 1px solid #bcbaac;
	padding: 5px; 
	position: absolute; 
	background-color: #E3E6FF; 
	top: 360px; 
	margin-left: 37px; 
	display: none; 
	width: 308px;
}
#posts-list div#notifyMeBox {
	margin-left: 0;
	padding: 15px 5px;
	top: 0;
	width: 188px;
}

input#notifyMeInput {margin: 1px 0 0 0; width: 182px;}
input#notifyMeFormButton {text-align: center; float: right; margin-top: 3px; height:24px;}
#posts-list input#notifyMeFormButton  {float: left;}

div#signUpBox {
	background-color: #ffffff;
	padding: 5px;
	width: 350px;
	height: 60px;
	border: 5px solid #9F9F9F;
}
div#signUpBox {padding: 5px;}
input#signUpInput {margin: 1px 0 0 0; width: 245px;}
input#signUpFormButton {text-align: center; float: right; margin-top: 3px; height:24px;}

label[for="UserRememberMe"], label[for="UserSubscribed"], label[for="PostPostPublished"], label[for="ScreencastScreencastPublished"] {display: inline;}
.message {color: #FF2A00;}
#PostExcerpt {height: 100px}
#PostBody, #ScreencastBody{height: 900px;}
#biblographyBlock {font-size: 1em;}
#biblographyBlock p {margin-bottom: 0.2em;}
h2.codeNRun {margin: 4px 0 0;}
span.orangeBackground {background-color: #ffd69a;}
div#twitterBird {bottom: -40px;position: fixed; width: 100%;}
div#twitterBird div {width: 900px; margin: 0 auto; text-align: right;}
div#twitterBird div img {margin-right: -23px;}
div#changePasswordBox {display: none;}

.front {margin-top: 60px !important;}
.front strong {display: inline !important;}
.front div.block {margin-bottom: -40px !important;}
.front h4 {font-size: 1.571em; text-align: right;}
.front h5 {
	font-size: 24px;
	font-style: italic;
	margin-bottom: 30px;
	text-align: center;
	text-shadow: 1px 1px 1px #FFFFFF;
}


div.cute_profiles_sprite {right: 0; top: 181px;}
div.cute_profiles_sprite {clear: both; position: fixed;}
div.cute_profiles_sprite a.cute_profiles_twitter {background-position: -32px -32px;}
div.cute_profiles_sprite a.cute_profiles_rss {background-position: -320px -32px;}
div.cute_profiles_sprite a.cute_profiles_facebook {background-position: -64px -32px;}
div.cute_profiles_sprite a.cute_profiles_delicious {background-position: -512px -32px;}
div.cute_profiles_sprite a {
	background: url("../img/icons/sideIcons.png") no-repeat scroll 0 0 transparent;
	display: block;
	height: 32px;
	margin: 0 0px 10px;
	width: 32px;
}

/* Most common stuff you'll need to change */
.coda-slider-wrapper {}
.coda-slider {}

/* Use this to keep the slider content contained in a box even when JavaScript is disabled */
.coda-slider-no-js .coda-slider {height: 200px; overflow: auto !important; padding-right: 20px}

/* Change the width of the entire slider (without dynamic arrows) */
.coda-slider, .coda-slider .panel {width: 600px} 

/* Change margin and width of the slider (with dynamic arrows) */
.coda-slider-wrapper .coda-slider, .coda-slider-wrapper .coda-slider .panel {width: 789px}
.coda-slider-wrapper .coda-slider {margin: 0 35px;}

/* Arrow styling */
.coda-nav-left a, .coda-nav-right a {width: 24px; height: 24px;}

/* Panel padding */
.coda-slider .panel-wrapper .minHeight531 {min-height: 531px;}
.coda-slider .panel-wrapper .minHeight338 {min-height: 338px;}
.coda-slider .panel-wrapper h1 {font-size: 25px; margin-bottom: 30px; text-align: center;}
.coda-slider .panel-wrapper h4 {font-size: 1.571em; margin-bottom: 30px; text-align: right;}
.coda-slider .panel-wrapper sup {font-size: 10px;}
.coda-slider .panel-wrapper figure {position: absolute; text-align: center; width: 395px;}
.coda-slider .panel-wrapper hgroup {display: block; padding: 4.286em 0 0 395px; width: 394px;}
	.coda-slider .panel-wrapper hgroup.reset {padding: 0; width:  100%; display: inline;}
	.coda-slider .panel-wrapper hgroup p {margin: 0 0 2.308em 2.308em;}
	.coda-slider .panel-wrapper hgroup.reset p {margin: 0 0 2.308em;}
	.coda-slider .panel-wrapper hgroup .plan {
		border: 1px solid #BCBAAC;
		display: inline-block;
		text-align: center;
		width: 261px;
		margin: 0 -1px 30px 0;
		background-color: #E3E6FF;
	}
	.coda-slider .panel-wrapper hgroup .plus {background-color: #ffffff;}
	.coda-slider .panel-wrapper hgroup .plan h2 {text-shadow: 1px 1px 1px #FFFFFF;}
	.coda-slider .panel-wrapper hgroup .plan h3 {margin: 0 auto; width: 200px; border-bottom: 1px solid #BCBAAC; font-style: italic;}
	.coda-slider .panel-wrapper hgroup .plan ul {margin: 30px 0; list-style: none;}
	.coda-slider .panel-wrapper hgroup .plan ul li {font-size: 1.286em; line-height: 1.667;}
.coda-slider .panel-wrapper div.left figure {position: absolute; text-align: center; width: 395px; right: 0px;}
.coda-slider .panel-wrapper div.left hgroup {display: block; padding: 4.286em 395px 0 0; width: 394px;}
.coda-slider .panel-wrapper div.left hgroup p {margin: 0 2.308em 2.308em 0;}
.coda-slider .panel-wrapper hgroup p strong {display: block;}
.coda-slider .panel-wrapper div.block {width: 788px; margin-bottom: 30px; position: relative;}
.coda-slider .panel-wrapper .left, .coda-slider .panel-wrapper .right {float: none;}
.coda-slider .panel-wrapper figure a.zoomIn {
	font-style: italic;
	text-decoration: none;
	padding-left: 20px;
	background: url(/img/zoomIn.png) no-repeat scroll 0 1px transparent;
	color: #5A5C6F;
}
.coda-slider .panel-wrapper div a.zoomIn:hover {text-shadow: none; color: #ffffff;}
.coda-slider .panel-wrapper div.padding {padding-top: 4.286em;}
.coda-slider .panel-wrapper .details {padding-left: 42px;}
.coda-slider .panel-wrapper #detailsPreview {background: transparent url(../img/cnr/slide3Preview.png) no-repeat scroll 0 0;}
.coda-slider .panel-wrapper #detailsSearch {background: transparent url(../img/cnr/slide3Search.png) no-repeat scroll 0 0;}
.coda-slider .panel-wrapper #detailsHeart {background: transparent url(../img/cnr/slide3Heart.png) no-repeat scroll 0 0;}
.coda-slider .panel-wrapper #detailsSites {background: transparent url(../img/cnr/slide3Sites.png) no-repeat scroll 0 0;}
.coda-slider .panel-wrapper #detailsSettings {background: transparent url(../img/cnr/slide3Settings.png) no-repeat scroll 0 0;}
.coda-slider .panel-wrapper #detailsNext {background: transparent url(../img/cnr/slide3Next.png) no-repeat scroll 0 0;}

/* Preloader */
.coda-slider p.loading {padding: 20px; text-align: center}

/* Don't change anything below here unless you know what you're doing */

/* Tabbed nav */
.coda-nav {height: 2.143em; margin: 2.143em 0; width: 860px;}
.coda-nav ul {clear: both; display: block; margin: auto; overflow: hidden; width: 47.08em;}
.coda-nav ul li {display: inline;}
.coda-nav ul li a {float: left; margin: 0 15px; text-decoration: none; color: black; border-bottom: 1px #000000 dashed; padding: 0 0 0 30px;}
.coda-nav ul li.tab1 a {background: url("/img/cnr/notebook.png") no-repeat scroll 0 3px transparent;}
.coda-nav ul li.tab2 a {background: url("/img/cnr/edit.png") no-repeat scroll 0 3px transparent;}
.coda-nav ul li.tab3 a {background: url("/img/cnr/basket.png") no-repeat scroll 0 3px transparent;}
.coda-nav ul li.tab4 a {background: url("/img/cnr/cart.png") no-repeat scroll 0 3px transparent;}
.coda-nav ul li a:hover {color: #ffffff; border-bottom: 0 none;}
.coda-nav ul li.tab1 a:hover, .coda-nav ul li.tab2 a:hover, .coda-nav ul li.tab3 a:hover, .coda-nav ul li.tab4 a:hover, .coda-slider .panel-wrapper div a.zoomIn:hover{background-color: #8E91AF;}
.coda-nav ul li a.current {background-color: #ffffff; text-decoration: none; border: 0 none;}
.coda-nav ul li a.current:hover {text-shadow: none; color: #000000; cursor: default; background-color: #ffffff;}

/* Miscellaneous */
.coda-slider-wrapper {clear: both; overflow: hidden;}
.coda-slider {float: left; overflow: hidden; position: relative}
.coda-slider .panel {display: block; float: left}
.coda-slider .panel-container {position: relative}
.coda-nav-left, .coda-nav-right {float: left; margin-top: 93px;}
.coda-nav-left a, .coda-nav-right a {display: block; text-align: center; text-decoration: none;}
.coda-slider h2.title {display: none;}
.coda-nav h3 {margin: 0;}

.cake-sql-log {color: #ffffff}

/*Styles for fuzz overlay & message box*/
 #dim {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100; 
	background: url("/img/dim.png");
	display: none;
	text-align: left;
}
/*Message box, positioned in dead center of browser*/
.messageBox {
	background: none repeat scroll 0 0 #FFFFFF;
	border: 5px solid #9F9F9F;
	left: 50%;
	margin-left: -175px;
	margin-top: -100px;
	padding: 10px;
	position: fixed;
	top: 50%;
	width: 350px;
	z-index: 200;
	display: none;
}
/*The "X" in the upper right corner of msgbox*/
.close{display: block;}
#sb-loading-inner{color: #ffffff; text-transform: uppercase; font-weight: bold; letter-spacing: 5px;}
#sb-title-inner,#sb-info-inner,div.sb-message{color: #ffffff;}
#sb-container{position:fixed;margin:0;padding:0;top:0;left:0;z-index:999;text-align:left;visibility:hidden;display:none;}
#sb-overlay{position:relative;height:100%;width:100%;}
#sb-wrapper{position:absolute;visibility:hidden;width:100px;}
#sb-wrapper-inner{position:relative;overflow:hidden;height:100px;}
#sb-body{position:relative;height:100%;}
#sb-body-inner{position:absolute;height:100%;width:100%;}
#sb-player.html{height:100%;overflow:auto;}
#sb-body img{border:none;}
#sb-loading{position:relative;height:100%;}
#sb-loading-inner{position:absolute;font-size:16px;line-height:30px;height:24px;top:50%;margin-top:-12px;width:100%;text-align:center;}
#sb-loading-inner span{background:url(../img/loading.gif) no-repeat;padding-left:34px;display:inline-block;}
#sb-title,#sb-info{position:relative;margin:0;padding:0;overflow:hidden;}
#sb-title,#sb-title-inner{height:26px;line-height:26px;}
#sb-title-inner{font-size: 16px; font-weight: bold;}
#sb-info,#sb-info-inner{height:20px;line-height:20px;}
#sb-info-inner{font-size:12px;}
#sb-nav{float:right;height:16px;padding:2px 0;width:45%;}
#sb-nav a{display:block;float:right;height:16px;width:16px;margin-left:3px;cursor:pointer;background-repeat:no-repeat;}
#sb-nav-close{background-image:url(../img/shadowbox/close.png);}
#sb-nav-next{background-image:url(../img/shadowbox/next.png);}
#sb-nav-previous{background-image:url(../img/shadowbox/previous.png);}
#sb-nav-play{background-image:url(../img/shadowbox/play.png);}
#sb-nav-pause{background-image:url(../img/shadowbox/pause.png);}
#sb-counter{float:left;width:45%;}
#sb-counter a{padding:0 4px 0 0;text-decoration:none;cursor:pointer;color:#fff;}
#sb-counter a.sb-counter-current{text-decoration:underline;}
div.sb-message{font-size:12px;padding:10px;text-align:center;}
div.sb-message a:link,div.sb-message a:visited{color:#fff;text-decoration:underline;}