/* @override http://www.binglybongly.com/css/style.css */

/*
Theme Name: Plain Layout
Theme URI: http://www.indelible.com
Description: plain and simple
Version: 2.0
Author: Jon Tubmen
Author URI: http://www.indelible.com
*/


/* 
Generic Stylesheet
Created by Jon Tubmen - June 2007
http://www.indelible.com

Menu Structure
---------------------------
1. Main Links and Content Wrappers
2. Header Items
3. Top Navigation Items
4. Text Formatting
5. General Lists
6. Meta Information
7. Comments Page + Forms
8. Post/Entry Formatting
9. Right Hand Sidebar
10. LiveSearch Formatting
11. Footer Items
12. Live Archives
*/

/* @group preload */

#preload
{
	height: 0;
	overflow: hidden;
}

/* @end preload */


/* @group Main Links and Content Wrappers */


/*
1. Main Links and Content Wrappers
-----------------------------------------------------------------------------------------------------
*/

A:visited  {color: #666699; text-decoration: none}
A:link  {color: #6666CC; text-decoration: none}
A:active  {color: #C0FFC0; text-decoration: none}
A:hover   {color: #6666FF; text-decoration: underline}


a img {
	border: none;
	text-decoration: none;
}


#wrapper { 
	height: auto; 
	position: relative; 
	text-align: left;
	margin: auto;
	width: 784px;
}

img {
     position: relative;
}

 img, div, input { behavior: url("/iepngfix.htc") }


html {height:100%}

body {
	min-height:101%;
	margin: 0;
	padding: 0;
	border: 0;			/* This removes the border around the viewport in old versions of IE */
	text-align: center;
	background: #009dea url(../images/bg_logo_60size.png) no-repeat fixed center 20px;
	behavior: url("/iepngfix.htc");
	margin-top: 6px;
	font-size: 62.5%;
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	position: relative;

		width:100%;
		min-width:600px;		/* Minimum width of layout - remove line if not required */
						/* The min-width property does not work in old versions of Internet Explorer */
}

/* @end Main Links and Content Wrappers */

/* @group Header Items */

.header {
	text-align: left;
	height: 170px; 
	width: 784px; 
	position: relative; 
	background:  url(../images/curvy_top.png);
	behavior: url("/iepngfix.htc");
}

/* @end Header Items */


/* @group Top Navigation */


#top_menu
{
	position: absolute;
	left: 29px;
	top: 125px;
	width: 720px;
	height: 20px;
}

#centeredmenu
{
	float: left;
	width: 100%;
	overflow: hidden;
	position: relative;
	font: 12px Verdana, arial, sans-serif;
}

#centeredmenu ul
{
	clear: left;
	float: left;
	list-style: none;
	margin: 0;
	padding: 0;
	position: relative;
	left: 50%;
	text-align: center;
}

#centeredmenu ul li
{
	display: block;
	float: left;
	list-style: none;
	margin: 0;
	padding: 0;
	position: relative;
	right: 50%;
	opacity: 0.8;
}

#centeredmenu ul li a
{
	display: block;
	margin: 0 0 0 2px;
	padding: 3px 12px;
	color: #3333CC;
	text-decoration: none;
	font-weight: bold;
	background-color: #c5eefe;
}

#centeredmenu ul li a:hover { color: #fff; }

#centeredmenu ul li a.active,
#centeredmenu ul li a.active:hover
{
	color: #fff;
}

/* @end Top Navigation */

/* @group Left Hand Sidebar */

#left_menu {
	position:relative;
	width:180px;
	color: #000099; 
	font: bold 11px/160% Verdana;
	text-align: left; 
	left: 43px;
	line-height: 160%;
	text-decoration: none;
	top: -8px;
	margin-bottom: 40px;
}

#left_menu a:link {
	position:relative;
	width:180px;
	color: #0000FF; 
	text-align: left; 
	left: 0px;
	text-decoration: none;
	top: -0px;
	font: bold 11px/160% Verdana;
}

#left_menu a:visited {
	position:relative;
	width:180px;
	color: #333399; 
	text-align: left; 
	left: 0px;
	text-decoration: none;
	top: -0px;
	font: bold 11px/160% Verdana;
}

#folder0 a:link { 
	position:relative;
	width:176px;
	color: #000099; 
	text-align: left; 
	opacity: 0.8;
	text-decoration: none;
	font: bold 12px/150% Verdana;
	height: 20px;
	display: block;
	margin-bottom: 20px;
}

#folder0 a:link { 
	position:relative;
	width:176px;
	color: #333399; 
	text-align: left; 
	opacity: 0.8;
	text-decoration: none;
	font: bold 12px/150% Verdana;
	height: 20px;
	display: block;
	margin-bottom: 20px;
}


#left_menu img
{
	top: 1px;
	position: relative;
	margin-right: 1px;
}

*:first-child+html #left_menu {top: 2px;} * html 


.side_nav:visited {font-family: Verdana,Arial,Helvetica; font-size: 10px; line-height: 120%; font-weight: normal; text-decoration: none; color: #3333CC;}

.side_navX:link {font-family: Verdana,Arial,Helvetica; font-size: 12px; line-height: 120%; font-weight: normal; text-decoration: none; color: #0000FF;
	top: -2px;
}

.side_navX:visited {font-family: Verdana,Arial,Helvetica; font-size: 12px; line-height: 120%; font-weight: normal; text-decoration: none; color: #3333CC;
	top: -2px;
}

.side_navY:link { color: #000099;
	text-decoration: none; 
	left: 15px;
	position: relative;
	top: -12px;
}

.side_navY:visited {
	text-decoration: none; 
	color: #666666;
	left: 15px;
	position: relative;
	top: -12px;
}


.side_nav:link {font-family: Verdana,Arial,Helvetica; font-size: 10px; line-height: 120%; font-weight: normal; text-decoration: none; color: #0000FF;}


.side_nav2:link {font-family: Verdana,Arial,Helvetica; font-size: 10px; line-height: 120%; font-weight: bold; text-decoration: none; color: #0000FF;}
.side_nav2:visited {font-family: Verdana,Arial,Helvetica; font-size: 10px; line-height: 120%; font-weight: bold; text-decoration: none; color: #3333CC;}

/* @end Left Hand Sidebar */

/* @group Right Hand Sidebar */

#right_panel {
	position: relative;
	left: 10px;
	width:120px;
	color: #666699;
	font-size: 9.0pt; 
	font-family: Verdana; 
	text-align: left; 
	line-height: 150%;
	padding-bottom: 17px;
}

*:first-child+html #right_panel {top: 5px;} * html #right_panel {top: 5px;}

/* @end Right Hand Sidebar */

/* @group Content items */

#page {
	width: 784px; 
	background:  url(../images/edges.png);
	behavior: url("/iepngfix.htc");
	position: relative;
	top: 0px;
	float: left;
}


#content {
	top: 0px;
	position:relative;
	width:335px;
	color: #372c9d;
	font: 10.0pt/150% Verdana;
	text-align: left;
	margin-bottom: 30px;
	left: 29px;
}

*:first-child+html #content {top: 0px;} * html #content {top: 0px;}

.inline_logo
{
	left: 1px;
	border-style: none;
	top: 7px;
	position: relative;
}

.center
{
	margin:0 auto;
	text-align:center;
}

/* @end Content items */

/* @group Footer Items */

#footer {
	color: #333; 
	font-size: 7.0pt; 
	font-family: Verdana; 
	text-align: center; 
	width: 335px; 
	position: relative; 
}

#credit_container {
	width: 760px;
	text-align: right;
	position: relative;
	top: 25px;
}

#design_credit {
	color: #babbfe; 
	font-size: 7.0pt; 
	font-family: Verdana; 
	width:748px;
}

#design_credit a {
text-decoration: none;
	color: #babbfe; 
}

#design_credit a:hover {
text-decoration: none;
	color: #656565;
}

.page_bottom {
	width: 784px; 
	height: 90px;
	background: url(../images/bottom.png) no-repeat 0 0;
	behavior: url("/iepngfix.htc");
	position: relative;
	float: left;
}

/* @end Footer Items */

/* @group Text Formatting */


h1 {
	font-weight : bold;
	color : #999999;
	display: block;
	font-size: 16px;
}

h2 a {
text-decoration: none;
border-bottom-width:0px;
} 

h2 a:visited {
border-bottom-width:0px;
} 

h2 a:hover {
border-bottom-width:0px;
} 

h3 {
	font-weight: bold;
}

blockquote {
	text-indent: 25px;
	background: url(../images/start_quote_rb.png);
	background-position: 0 2px;
	background-repeat: no-repeat;
	width: 150px;
	behavior: url("/iepngfix.htc");
	margin: 0;
	height: auto;
}

blockquote p {
	line-height: 1.8;
	display: inline;
	padding-right: 27px;
	background: url(../images/end_quote_rb.png) no-repeat right 5px;
	behavior: url("/iepngfix.htc");
	padding-bottom: 5px;
}


.startquote {
	width: 24px; 
	height: 13px;
	background: url(../images/start_quote_rb.png) no-repeat 0 0;
	behavior: url("/iepngfix.htc");
	position: relative;
	float: left;
	top: 1px;
}

.endquote {
	width: 24px; 
	height: 13px;
	background: url(../images/end_quote_rb.png) no-repeat;
	behavior: url("/iepngfix.htc");
	position: relative;
	float: right;
	top: 5px;
}

hr {
	border: 0;
	width: 100%;
	color: #99f;
	background-color: #99f;
	height: 1px;}

.caption {font-family: Verdana,Arial,Helvetica; font-size: 10px; color: #CCCCCC;}

/* @end Text Formatting */

/* @group Post/Entry Formatting */

.inputbox{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px; Text-Align: center; font-weight: normal; color: #0000FF }

.textfield
{
    BORDER-RIGHT: #3333cc 1px solid;
    PADDING-RIGHT: 2px;
    BORDER-TOP: #000099 1px solid;
    PADDING-LEFT: 2px;
    FONT-SIZE: 10px;
    PADDING-BOTTOM: 2px;
    BORDER-LEFT: #000099 1px solid;
    COLOR: #333399;
    PADDING-TOP: 2px;
    BORDER-BOTTOM: #000099 1px solid;
    FONT-FAMILY: Verdana, Arial, Helvetica
}

/* @end Post/Entry Formatting */

/* @group Three Column layout */

	/* 'widths' sub menu */
	/* column container */
	.colmask {
		position:relative;	/* This fixes the IE7 overflow hidden bug */
		clear:both;
		float:left;
		width:100%;			/* width of whole page */
		overflow:hidden;		/* This chops off any overhanging divs */
	}
	/* common column settings */
	.colright,
	.colmid,
	.colleft {
		float:left;
		width:100%;			/* width of page */
		position:relative;
	}
	.col1,
	.col2,
	.col3 {
		float:left;
		position:relative;
		padding:0 0 0em 0;	/* no left and right padding on columns, we just make them narrower instead 
						only padding top and bottom is included here, make it whatever value you need */
		overflow:hidden;
}
	/* 3 Column settings */
	.threecol {
	}
	.threecol .colmid {
		right:25%;			/* width of the right column */
	}
	.threecol .colleft {
		right:50%;			/* width of the middle column */
	}
	.threecol .col1 {
		width:50%;			/* width of center column content (column width minus padding on either side) */
		left:100%;			/* 100% plus left padding of center column */
	}
	.threecol .col2 {
		width:25%;			/* Width of left column content (column width minus padding on either side) */
		left:25%;			/* width of (right column) plus (center column left and right padding) plus (left column left padding) */
	}
	.threecol .col3 {
		width:25%;			/* Width of right column content (column width minus padding on either side) */
		left:75%;			/* Please make note of the brackets here:
						(100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
	}

/* @end Three Column layout */

#edit {
	position: absolute;
	top: 100px;
	left: 292px;
	width: 685px;
	z-index: 5;
	background-color: #29B1EB;
}
.button{
    FONT-WEIGHT: bold;
    FONT-SIZE: 11px;
    CURSOR: pointer;
	font-family: Arial, Verdana, Helvetica;
	border: 1px solid #3333ff;
	background: url(/admin/images/but_bg.gif) repeat-x;
	padding: 0;
	margin: 0;
}

.edit_button 
{
	text-align: center;
	text-decoration: bold;
	font-size: 9px;
	color: #000000;
	position: relative;
	background-color: #f9ff31;
	top: 0px;
	border-style: solid;
	border-width: 1px;
	font-weight: bold;
	padding: 1px 4px 2px;
	height: 0;
	margin-right: 0;
	margin-left: 0px;
}

.edit_button_main
{
	text-align: center;
	text-decoration: bold;
	font-size: 9px;
	color: #000000;
	position: relative;
	background-color: #f9ff31;
	top: -3px;
	border-style: solid;
	border-width: 1px;
	font-weight: bold;
	padding: 1px 4px 2px;
	height: 0;
	margin-right: 0;
}

.logged
{
	text-align: left;
	text-decoration: none;
	font-weight: normal;
	font-size: 9px;
	color: #000099;
	position: relative;
	top: -5px;
	line-height: 140%;
}