/* general goodies */
body
{
	font-family: verdana, arial, tahoma, sans-serif;
	font-size: 10px;
	color: #000;
	background-color: #6699EE;
}

a, a:link, a:visited
{
	text-decoration: underline;
	color: #000;
}

a:hover, a:active
{
	text-decoration: none;
}

/* ----------------------------------------------------------------- */


/* code pane that might be showing, creating or editing code based on state */
#codePane
{
	margin-top: 13px;
	margin-right: 180px;
	border: 6px solid #D8EAFF;
	background-color: #F4F9FF;
}

#form>#codePane
{
	margin-top: 28px;
}

#newCodePane
{
	
}

#newCodePane #code
{
	width: 100%;
	height: 400px;
	background-image: url('/images/paste-your-code-here.gif');
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-color: #fff;
	border: 1px solid #a7a6aa;
}

#updatedCodePane
{
	display: none;
}

#editCodePane #updatedCode
{
	width: 100%;
	height: 400px;
	background-color: #fff;
	border: 1px solid #a7a6aa;
}

#displayCodePane
{
	font-size: 12px;
}

#displayMenuPane
{
	padding: 8px 0px 8px 8px;
}

#optionsMenuPane
{
	padding: 8px 0px 8px 8px;
}

#miniNavigationPane
{
	position: absolute;
	top: 8px;
	right: 8px;
}

#miniNavigationPane a, #miniNavigation a:link, #miniNavigation a:visited
{
	padding: 4px;
}

#miniNavigationPane a:hover, #miniNavigation a:active
{
	background-color: #2465b4;
	color: #f0ffff;
}
/* ----------------------------------------------------------------- */


/* tabs */
#tabs
{
	position: absolute;
	left: 10px;
	top: 2px;
	z-index: 1003;
}

body>#tabs
{
	left: 8px;
}

#tabs .tab
{
	padding: 0px;
	padding-top: 12px;
	height: 30px;
	width: 180px;
	background-image: url('/images/tabby.gif');
	background-repeat: no-repeat;
	text-align: center;
	float: left;
}

#tabs .tab.blur
{
	background-image: url('/images/tabby-blur.gif');
	color: #999;
}

.tab a, .tab a:link, .tab a:visited
{
	text-decoration: none;
	color: #999;
}

.tab a:hover, .tab a:active
{
	text-decoration: underline;
	color: #000;
	background-color: transparent;
}
/* ----------------------------------------------------------------- */


/* menu pane that holds all types of menus based on state */
#menuPane
{
	position: absolute;
	top: 28px;
	right: 8px;
	width: 160px;
	border: 6px solid #D8EAFF;
	background-color: #F4F9FF;
	z-index: 1000;
}

#menuPane .cancelLink
{
	color: #c00;
}

#newMenuPane
{
	
}

#editMenuPane
{
	
}

#alwaysMenuPane
{
	padding: 8px 0px 8px 8px;
}

#alwaysMenuPane #indicator
{
	display: none;
}

#alwaysMenuPane #indicator #statusMessage
{
	
}
/* ----------------------------------------------------------------- */


/* badges! */
#badges
{
	display: none;
	position: absolute;
	bottom: 8px;
	left: 8px;
	text-align: center;
}

#badges img
{
	padding-right: 8px;
	vertical-align: middle;
}

#badges a:hover, a:visited
{
	background-color: transparent;
}
/* ----------------------------------------------------------------- */


/* pane that hold the guts */
#guts
{
	margin-right: 180px;
	margin-top: 8px;
}
/* end pane that hold the guts */


/* tags and such */
#tagCloud
{
	float: right;
	border: 6px solid #2465b4;
	background-color: #f0ffff;
	width: 47%;
}
/* end tags and such */


/* pane that shows recently created/updated entries */
#recentPane
{
	float: left;
	border: 6px solid #2465b4;
	background-color: #f0ffff;
	width: 47%;
}

#form>#recentPane
{
	margin-top: 8px;
}

#recentPane .entry, #tagCloud .entry
{
	padding: 4px;
}

#recentPane .entry a, #recentPane .entry a:link, #recentPane .entry a:visited, #tagCloud .entry a, #tagCloud .entry a:link, #tagCloud .entry a:visited
{
	color: #000;
	padding-right: 4px;
}

#recentPane .entry a:hover, #recentPane .entry a:active, #tagCloud .entry a:hover, #tagCloud .entry a:active
{
	background-color: #FFFFDD;
}
/* ----------------------------------------------------------------- */


/* buttons galore! */
a.button, a.button:visited, a.button:link
{
	text-decoration: none;
	background-color: #DDEEFF;
	border: 3px double #8EB4F3;
	padding: 2px;
	width: 88%;
	display: block;
	color: #000;
}

a.button img, a.button:visited img, a.button:link img
{
	border-width: 0px;
	vertical-align: -35%;
}

a.button:active, a.button:hover
{
	background-color: #BFDBFD;
	border-color: #6699EE;
}

/* ----------------------------------------------------------------- */


/* used for anything turning on or off based on php code */
.on
{
	display: block;
}

.off
{
	display: none;
}
/* ----------------------------------------------------------------- */