/*  ===========================================
	>> DEFAULTS
	=========================================== */
	
body { text-align:left; font:normal 62.5% "Lucida Grande","Lucida Sans Unicode",Tahoma,Helvetica,Verdana,sans-serif; background:#fff;}
.no_margin { margin:0px 0px !important; }
.no_pad { padding:0px 0px !important; }
.no_bg { background:none !important; }
.right { float:right; }
.left { float:left; }
a:link, a:visited { color:#666666; text-decoration:none; }
a:hover, a:active { text-decoration:underline; }

/*  ===========================================
	>> DEFAULT FONT SIZES
	=========================================== */
	
h1 { font-size: 2em;   /* 10px × 2em   = 20px */ line-height:2.2em; }
h2 { font-size: 1.8em; /* 10px × 1.8em = 18px */ line-height:2.0em; }
h3 { font-size: 1.6em; /* 10px × 1.6em = 16px */ line-height:1.8em; }
h4 { font-size: 1.4em; /* 10px × 1.4em = 14px */ line-height:1.8em; }
p  { font-size: 1.1em; /* 10px × 1.1em = 11px */ line-height:1.6em; }

body { border-top:solid 5px black; text-align:center; }
#wrapper { margin:0px auto; text-align:left; width:900px; }

/* default site-nav */
#nav { clear:both; height:90px; display:block; position:relative;}
#nav li { display:inline; }
#nav li a  { float:left; display:block; color:white; background-color:#000; margin:0px 3px; padding:5px 12px; -moz-border-radius-bottomleft:5px; -moz-border-radius-bottomright:5px; -webkit-border-bottom-left-radius:5px; -webkit-border-bottom-right-radius:5px; }
#nav li h1 { background-color:#fff; color:#000; text-transform:uppercase; font-size:2.4em; margin:0px 0px 0px 0px; padding-left:0px; font-family:"Helvetica Neue",Helvetica,Arial,Tahoma,sans-serif; }
#nav li h1 a  { float:none; display:inline; background-color:#fff; color:#000; margin:0px; padding:0px; -moz-border-radius-bottomleft:0px; -moz-border-radius-bottomright:0px;  -webkit-border-bottom-left-radius:0px; -webkit-border-bottom-right-radius:0px; }
#nav li.first { width:200px; float:left; display:block; }
#nav li li.first { width:auto; border:none; float:none; }
#nav li.last { margin-left:200px; }
#nav li.last li { display:inline; }
#nav li li.last { margin:0px; }
#nav li.last a  { float:left; display:block; color:white; background-color:#000; margin:0px 3px; padding:5px 12px; -moz-border-radius-bottomleft:5px; -moz-border-radius-bottomright:5px;  }
#nav ul { float:left; }

/* DEFAULT FORM STUFF */
form div label { display:block; line-height:2em; font-weight:bold; font-size:1.2em; color:gray; }
form div input[type="checkbox"] { float:left; line-height:2em; margin:1px 5px 0 0; }
form div.required label { font-weight:bold; color:red; }
form fieldset { border:solid #666 1px; padding:10px; margin:10px; }
form fieldset legend { color:#666; font-size:.9em; }

/* HOMEPAGE */
p.intro { -moz-border-radius:12px; background-color:#EFEFEF; float:left; font-size:1.4em; margin-right:10px; margin-top:10px; padding:20px; width:481px; border:1px solid #BFBFBF; }
p.intro strong { background-color:#FFFFCC; font-style:italic; padding:0 4px; }
#login form label { font-weight:bold; font-size:1.2em; color:gray; }
#login form input[type="text"],
#login form input[type="password"]{ width:220px; }

/* NEW USER */
#new_user p.intro { width:230px;}
#new_user form { margin-left: 285px; padding:15px; background-color:#efefef; margin-top:10px; -moz-border-radius:12px; overflow:auto;}
#new_user form div { float:left; width:285px; }
#new_user form input[type="text"],
#new_user form input[type="password"],
#nil_class_time_zone { width:230px; }
#new_user div.errorExplanation { margin-left:285px; }

/* USER INFO */
#user_info #name { float:left;margin-top:20px;padding:0 26px 13px 15px;text-align:right; }
#user_info #name h2 { font-size:20px; font-family:Georgia,"Times New Roman",Times,serif; }
#user_info #info { float:left;padding:0px 24px;width:330px; margin-top:20px; border-right:1px dotted gray; border-left:1px dotted gray; }
#user_info #info p { font-size:2em; font-family:Georgia,"Times New Roman",Times,serif; padding-bottom:26px; line-height:2em; }
#user_info #info p span { font-style:italic; background-color:#FFFFCC; padding:0px 4px; }
#user_info #stats { float:left; font-family:Georgia,"Times New Roman",Times,serif; font-size:20px; padding:27px 15px 0px 26px; }
#user_info #stats dt,
#user_info #stats dd { float:left; padding-bottom:20px; }
#user_info #stats dt { clear:left;display:block;width:148px;}
#user_info #stats dd { font-weight:bold; }

/* BOARD CREATION */
#information { font-size:1.6em; -moz-border-radius:12px; background-color:#EFEFEF; font-size:1.4em; margin-right:10px; margin-top:10px; padding:20px; width:700px; border:1px solid #BFBFBF; clear:both;}
#information label,
#information p { height:44px; font-size:1.4em; }
#information p.last { height:64px; }
#information label { width:177px; float:left; text-align:left; }
#information input[type="text"] { border:solid 1px #ababab; font-size:1em; width:400px;}
#messageboard_name { width:70px !important; margin:0 5px;}
#information select { width:250px; }
#information textarea { margin-bottom:20px; width:390px; border:1px solid #ABABAB; font-size:.7em; overflow:visible; line-height:2em; padding-left:10px; height:65px;}
#widgets {}
#widgets h2 { font-size:12px; margin:0px; }
#widgets > ul {
	list-style-position:outside;
	list-style-type:none;
	margin:0 10px 0 0;
	padding:0;
	width:170px;	
	float:left;
}
#widgets > ul li { display:block; line-height:1.6em; margin:0 0 .8em 0; background-color:#FFFFEE; padding:4px 0 4px 4px; -moz-border-radius:2px; }
#widgets > ul li.first { font-weight:bold; background:transparent;}
#widgets > ul li a { display:none; }
#widgets #layout {
	-moz-border-radius:12px; 
	background-color:#EFEFEF;
	border:1px solid #BFBFBF;
	float:left;
	overflow:auto;
	padding:15px;
	width:530px;
}
#widgets #layout ul { background-color:#fff; }
#widgets #layout li { background-color:#FFFFEE;   }
#widgets #layout .header { padding:5px; border:1px dotted gray; margin-bottom:5px; height:50px; }
#widgets #layout .above_main li,
#widgets #layout .below_main li,
#widgets #layout .header li,
#widgets #layout .footer li { float:left; height:28px; width:70px; margin-right:5px;  font-size:0.9em; padding:10px; }
#widgets #layout li a { clear:both; display:block; font-weight:bold; margin-top:6px;  }

#widgets #layout .sidebar { padding:5px; border:1px dotted gray; margin-bottom:5px; margin-right:5px; float:left; width:100px; height:178px; }
#widgets #layout .sidebar li { clear:both; margin-bottom:5px; font-size:.9em; padding:10px;}

#widgets #layout .main { float:left; width:413px; }
#widgets #layout .main .above_main { padding:5px; border:1px dotted gray; height:52px; }
#widgets #layout .main .middle { padding:5px; border:1px dotted gray; border-bottom:none; border-top:none; height:52px; color:gray; background:#efefef; }
#widgets #layout .main .below_main { padding:5px; border:1px dotted gray;  height:52px; }

#widgets #layout .footer { padding:5px; border:1px dotted gray; margin-top:5px; clear:both; height:50px; }
#widgets #layout .droppable-active {  }
.droppable-hover { border:solid 1px #996633 !important; }
#create { clear:both; }
#create input { background-color:silver;border:1px solid gray;font-size:2em;margin:20px 20px 20px 180px;}

/* PROFILE EDIT */
.profile_edit { display:block; padding:10px; -moz-border-radius:12px; background-color:#EFEFEF; font-size:1.4em; border:1px solid #BFBFBF; width:700px; margin-bottom:15px; }
.profile_edit p { padding-bottom:10px; display:block; overflow:auto; }
.profile_edit p label { float:left; display:block; text-align:right; padding-right:10px; width:300px; }
.profile_edit p input[type="text"] { border:solid 1px #ababab; font-size:1em; width:300px;}
.profile_edit input[name="commit"] { margin-left:310px; background-color:silver;border:1px solid gray;font-size:2em; }
.img_bank { width:700px;}
.img_bank p { font-size:1.1em; clear:both; display:block; margin-bottom:1em;}
.img_bank .uimg { display:block; padding:10px; float:left; position:relative; }
.img_bank .uimg img { display:block; }
.img_bank .uimg span { display:block; }
.img_bank .pagination { clear:both; display:block; }
.img_bank .uimg a.delete {	background:transparent url('../images/image_delete.png') top left no-repeat;	width: 16px;	height: 16px; text-indent:-9999px; display:none; position:absolute; bottom:2px; left:2px; }
.img_bank .uimg a.edit {	background:transparent url('../images/image_edit.png') top left no-repeat;	width: 16px;	height: 16px; text-indent:-9999px; display:none; position:absolute; bottom:2px; right:2px; }
.img_bank .uimg:hover a.delete,
.img_bank .uimg:hover a.edit { display:block; }



/* FLASH MESSAGES */
div#error { border:solid 1px #660000; color:#660000; background:#eeeeee url(/images/face_palm.jpg) left center no-repeat; padding:10px 10px 10px 85px; font-weight:bold; }
div.errorExplanation {  }
div.errorExplanation ul { list-style:disc; padding-left:20px; }
div.errorExplanation ul li { line-height:2em; }
div#notice { border:solid 1px #362; background:#9fa url(/images/accept.png) 5px center no-repeat; padding:10px 10px 10px 25px; font-weight:bold; margin-bottom:10px; }
div#warning { border:solid 1px #F60; background:#ffc url(/images/error.png) 5px center no-repeat; padding:10px 10px 10px 25px; font-weight:bold; margin-bottom:10px; }

/* ====================== */
/* = RECEIVE INVITATION = */
/* ====================== */

#invite_forms {}
#invite_forms form { display:block; float:left; width:50%; }
#invite_forms form fieldset { border:solid 1px gray; background:#efefef;}
#invite_forms form fieldset legend { font-size:1.8em; font-weight:bold; background-color:#fff; padding:4px 10px; border-bottom:solid 1px gray;}
#invite_forms form p { line-height:2.8em; }
#invite_forms form label { font-weight:bold; float:left; width:30%; font-size:1.2em; text-align:right; padding-right:10px; }
#invite_forms form input,
#invite_forms form select { width:60%; }
#invite_forms form input.button { margin-left:33%; width:auto; }
#invite_forms form input.checka { width:auto; }

/* 
	===================================
	>> CSS BUG HACKS                 <<
	===================================
*/
.clearfix:after
{
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */