/*
* $ID style.css, v2.3; Eck <webmaster@quotebucket.org>; Sunday 14 March 2010 10:26: GMT+1 
*/

/* Misc */
* { margin: 0; padding: 0; }
a { color: #8D8B8B; text-decoration: none; }
h1 { font-size: 1.4em; }
h1,h2,h3,h4 { font: normal 1.2em "Trebuchet MS",sans-serif; color: #747272; }
.clearer { clear: both; }

body {
 background: #FFF;
 color: #444;
 font: normal 63.5% "Lucida Sans Unicode",Verdana,sans-serif;
}

.header h1 a {color: #656567; text-decoration: none;}
.header h1 a:hover {color: #7E7E81;}

.header {
 background: #B1B2B4 url(../../images/header.png) repeat-x;
 border-bottom: 1px solid #949494;
 height: 120px;
 margin-bottom: 25px;
}

.header h1 {
 color: #4F4F4D;
 font: normal 2.4em sans-serif;
 margin-left: 40px;
}

/* Searchform (Header) */
.header form {
 float: right;
 margin-right: 40px;
 margin-top: -45px;
}

.searchform {
 font-family: sans-serif;
 font-size: 9pt;
 background-color: #CACACA;
 border: 1px #4F4F4D solid;
 padding: 2px;
}

.searchform:focus {
 background-color: #B0B0B0;
 border: 1px #D7D7D6 solid;
}

.go {
 font-family: sans-serif;
 font-size: 9pt;
 background-color: #CACACA;
 border: 1px #4F4F4D solid;
 text-align: center;
 margin-left: 5px;
 padding: 2px;
}

.go:hover {
 background-color: #B0B0B0;
 border: 1px #D7D7D6 solid;
}

/* Forms */

.form, .buttons {
 font-family: sans-serif;
 font-size: 9pt;
 background-color: #C9C9C9;
 border: 1px #4F4F4D solid;
}

.form {
 padding-left: 2px;
 padding-right: 2px;
 padding-top: 1px;
 padding-bottom: 1px;
}

.buttons {
 padding-left: 2px;
 padding-right: 2px;
 padding-top: 1px;
 padding-bottom: 1px;
}

.form:focus, .buttons:hover {
 background-color: #DEDEDE;
 border: 1px #000000 solid;
}

/* Navigation bar */

.navigation li { display: inline; }
.navigation li a:hover { background: #7C7E7E; }

.navigation {
 margin-top: -53px;
 font: bold 11px Verdana;
 list-style-type: none;
 width: auto;
 overflow: hidden;
 padding-bottom: 5px;
 margin-left: 3%;
}

.navigation li a {
 float: left;
 display: block;
 text-decoration: none;
 padding: 7px 8px;
 border-right: 1px solid #B4B5B7;
 color: #B8B8B8;
 background: #626464;
}

/* Admin area */
.admin {
 color: #747272;
 font-size: 1.2em;
}

.admin a {
 color: #8C8C8C;
 text-decoration: none;
}

.admin a:hover {
 color: #444;
}

/* (Right) content */
.right {
 margin-top: 10px;
 right: 3%;
 width: 25%;
 padding-left: 7px;
 position: absolute;
 border-left: 1px #AFB1B1 dashed;
}

.right a { color: #747272; }
.right a:hover { color: #7A7A7A; border-bottom: 1px dashed #CACACA; }

.rightcontent {
 text-align: center;
}

.rightcontent h1 {
 color: #817E7E;
 font-size: 1.4em;
 margin-left: 8px;
}

/* (Left) content */
.left {
 margin: 0 30% 20px 3%;
 padding-bottom: 25px;
}

.left a { color: #747272; }
.left a:hover { color: #7A7A7A; border-bottom: 1px dashed #CACACA; }

.leftcontent, .document {
 color: #747272;
 font-size: 1.2em;
 margin-top: 10px;
}

.leftcontent li, .document li {
 margin-left: 18px;
}

.leftcontent h1, .document h1 {
 color: #817E7E;
 font-size: 1.3em;
 padding-top: 10px;
}

.leftcontent a, .document a {
 color: #8C8C8C;
 text-decoration: none;
}

.leftcontent a:hover, .document a:hover {
 color: #444444;
}

.document {
 margin: 0 0 20px 3%;
 padding-bottom: 25px;
 font-family: courier new, lucida console, fixed;
}

/* Quotes */
.qtitle {
 font-family: courier new, lucida console, fixed;
 color: #737373;
 margin-bottom: 0px;
 padding: 4px;
/* IE hack */
 text-align: left;
 font-size: 13px;
 background-color: #BFBFBF;
 border: #8C8C8C solid .2em;
 border-right: none;
 border-bottom: #808080 .2em dotted;
}

#qtitleshare a {
 color: #737373;
}

#qtitleshare a:hover {
 color: #FFFFFF;
}

.qtitle a {
 color: #FFFFFF;
}

.qtitle a:hover {
 color: #F2F2F2;
}

.quote {
 font-family: courier new, lucida console, fixed;
 margin-bottom: 0px;
/* IE hack */
 text-align: left;
 font-size: 13px;
 background-color: #F2F2F2;
 border: #E0E0E0 solid .2em;
 border-top: none;
 border-right: none;
 padding: 5px;

}

.quotes {
 margin: 0 0 0 3%;
}

.pages {
 font-size: 13px;
 text-align: center;
}

.pages textarea {
 width: 80%;
 height: auto;
}

.pages {
 font-size: 13px;
 text-align: center;
}

.links {
 color: #666;
 font-family: courier new, lucida console, fixed;
 padding: 8px;
 margin-top: 10px;
 border-left: 3px solid #EEE;
}

.links:hover {
 color: #4D4D4D;
 border-left: 3px solid #D4D4D4;
}

/* Footers */
.footer {
 border-left: 2px dashed #E0E0E0;
 border-top: 2px dashed #E0E0E0;
 border-bottom: 2px dashed #E0E0E0;
 margin-top: 13px;
 background: #F2F2F2;
 height: 60px;
 margin-left: 3%;
 padding-right: 4px;
}

.footer-left {
 text-align: left;
 color: #666;
 font: normal 1em Verdana,sans-serif;
 float: left;
 padding-top: 10px;
 padding-bottom: 5px;
 margin-left: 1%;
}

.footer-right {
 text-align: right;
 color: #666;
 font: normal 1em Verdana,sans-serif;
 float: right;
 padding-right: 5px;
 padding-top: 10px;
 padding-bottom: 5px;
}
.footer-right a { text-decoration: none; }
.footer-right a:hover { text-decoration: none; border-bottom: 2px solid #E6E6E6; }