/*======================================
      WELCOME TO THE STYLESHEET
--------------------------------------      
     Copyright Mike Crittenden
      Author: Mike Crittenden
======================================*/
 
/**************************************\
|------------COLOR SCHEME--------------|
\**************************************/
.light-gray{
	color: gray;
}
.gray {
	background: #e3e3e3;
	padding-top: 5px;
	border: 3px solid #c4c4c4;
}
.dark-gray {
	color: #101010;
}
.black {
	background: black;
}
.black-text {
	color: black;
}
.orange {
	color: #ED9121;
}
.bordered {
	border-top: 1px solid #404040;
	border-bottom: 1px solid #404040;
	padding: 10px 2px;
	margin-bottom: 10px;
	text-align: center;
}
.user-bordered {
	border-top: 1px solid #404040;
	border-bottom: 1px solid #404040;
	padding: 10px;
	margin-bottom: 10px;
}

/**************************************/
/*              GLOBALS               */
/**************************************/
#userprofile {
	padding-left:5px;
	margin-top:5px;
}
#userprofile a {
	color: white;
}
div.grippie {
	background:#EEEEEE url('images/g.png') no-repeat scroll center 2px;
	border-color:#DDDDDD;
	border-style:solid;
	border-width:0pt 1px 1px;
	border-right:-1px;
	cursor:s-resize;
	height:9px;
	overflow:hidden;
}
textarea {
	display:block;
	margin-bottom:0pt;
}

.b {
   background: #202020 url('images/b.png') repeat-x bottom left;
}
.form-background {
   background: #202020 url('images/b.png') repeat-x bottom left;
}
.t {
   background: #202020 url('images/t.png') repeat-x top left;
}
.form-background {padding: 0 30px; }
.login-margin { padding-left: 30px; }

.space {
	margin-bottom: 2em;
}
.uncramped {
	margin-bottom: 0.1em;
}
.down {
	margin-top: -10px;
}
.word-spacing {
	word-spacing: 6px;
}

/**************************************/
/*              HEADER                */
/**************************************/
#IE-button {
	display: none;
}
.IE-fork {
	font-size: 0.6em;
	color: white;
}

/**************************************/
/*             NAVIGATION             */
/**************************************/
a input, a img { border: 0; text-decoration: none; background: none; }
a input, a img { border: 0; text-decoration: none; background: none; }
a input:hover { text-decoration: none; cursor: pointer; }

.footer a, .white {
	color: white;
}
.nav a {
	color:#FFFFFF;
	font-size:1.3em;
}

/**************************************/
/*            MAIN CONTENT            */
/**************************************/
.ping-form {
	width: 25em;
}
.knug-save-question {
	width: 29em;
}
.knug-save-answer {
	width: 29em;
	height: 20em;
}
#form label {
  display: block;
}
#search-form input, #map-form input, #ping-form input {
	text-align: center;
	font-family: helvetica, verdana, arial;
	font-size: small;
}
#f1  input[type='text'] {
	background:#D8D8D8;
} 

.pen {
	width: 24px;
	height: 24px;
	background-image: url('images/pencil.png');
	display: inline;
}
.edit {
	width: 24px;
	height: 24px;
	background-image: url('images/pen.png');
	display: inline;
}
.delete {
	width: 12px;
	height: 12px;
	background-image: url('images/x.png');
}
.key {
	width: 24px;
	height: 24px;
	margin-bottom: -0.2em;
}
.bulb {
	margin-bottom: -0.5em;
	margin-left: 0.7em;
}
.knug-total {
	font-size: 1.3em;
}
.knug-vote {
	font-size: 1.8em;
	font-weight: bold;
	color: white;
	font-family: "Trebuchet MS", arial;
}
.map {
	width: 12px;
	height: 12px;
	background-image: url('images/x.png');
}

.m-1 { font-size: 1.0em; line-height: 1.4em; }
.m-2 { font-size: 1.2em; line-height: 1.4em; }
.m-3 { font-size: 1.4em; line-height: 1.3em; }
.m-4 { font-size: 1.6em; line-height: 1.2em; }

.r-1 { font-size: 1.2em; line-height: 2.0em; }
.r-2 { font-size: 1.6em; line-height: 1.6em; }
.r-3 { font-size: 2.0em; line-height: 1.2em; }
.r-4 { font-size: 2.4em; line-height: 1.0em; }

.b-1 { font-size: 1.3em; line-height: 2.4em; }
.b-2 { font-size: 1.9em; line-height: 1.8em; }
.b-3 { font-size: 2.5em; line-height: 1.6em; }
.b-4 { font-size: 3.1em; line-height: 1.4em; }

.s-1 { color: #0033FF;}
.s-2 { color: #51BEF0;}
.s-3 { color: #B0E0E6;}
.s-4 { color: #FFFFFF;}

/**************************************/
/*               FOOTER               */
/**************************************/
ul.errorlist {
	margin: 0;
	padding: 0;
}
.errorlist li, .errors {
	color: red;
	display: block;
	margin-left: -1px;
	font-size: 1em;
	padding: 3px 0;
}

/* the overlayed element */ 
div.overlay {       	    
    /* initially overlay is hidden */ 
    display:none;    
    /* some padding to layout nested elements nicely  */ 
    padding:25px; 
	color:white;
	cursor:pointer; 
	position: center;
} 
/* default close button positioned on upper right corner */ 
div.close { 
    background-image:url('images/close.png'); 
    position:absolute; 
    left:1px; 
    top:1px; 
    cursor:pointer; 
    height:35px; 
    width:35px; 
} 
ul.tabs-user li , ul.settings li  { 
	padding-bottom: 0.7em;
	display: block;
	list-style:none; 	 
	text-indent:0;
	margin:0 !important;
	list-style-image:none !important; 
}
ul.settings a {
	font-size:1.1em;
	text-decoration: none;
}
ul.tabs-user a { 
	color: #C0C0C0;
	font-size:1.2em;
}
ul.tabs-user a:hover, ul.tabs-user a:active, ul.tabs-user a:focus {
	text-decoration: none;
	color: #FFF;
}
div.tabs-browse a {
	font-size:1.4em;
	color: #FFFFFF;
}