/*GLOBAL
----------------------------------------*/

/*reset*/
* {
margin:0;
padding:0;
border:0;
}

.clear {
clear:both;
height:0;
}

html {
height: 100.1%; /* Adds vertical scrollbar */
}

body {
font-family: Arial, Helvetica, sans-serif;
font-size:75%; /* For IE6 */
color:#3b5a4a;
height:100.1%;
background:#52695c url(../images/collage.jpg) fixed top center repeat;
}

html>body {
font-size:12px; /* For modern browsers */    
}



/*TEXT ELEMENTS
 ------------------------------------------------*/

p {
font-size: 1em; /* 12px */
line-height: 1.5em; /* 18px */
margin: 0 0 1.5em 0;
}

noscript p {    
color:#fff;
font-size:16px;
}

h5 {
font-size: 1.3333em; /* 16px */
line-height: 1.125em; /* 18px */
margin-top: 0em;
margin-bottom: 1.125em;    
}

#right_col h5{
padding:3px 0 4px 19px;
margin:0 0 15px 0;
background:transparent url(../images/search_box_top_bg.png) top left no-repeat;
color:#fff;
border-bottom:1px solid #fff;
}

#category_header h5 {
margin:0;
}

h6 {
font-size: 1.1667em; /* 14px */
line-height: 1.2857em; /* 18px */
margin:0;   
}

#right_col h6 {
color:#43504a;    
}

span.author_name {
font-style:italic;
font-weight:bold;
display:block;
}

#result h6{
color:#233231;
}

#result h6.notfound_message {
margin:0 0 0 40px;    
}

#result p.quote {
margin:18px 0;
}

#w3c_xhtml_link {
margin:0 6px 0 0;    
}

#w3c_css_link {
margin:0 0 0 6px;    
}

#footer p {
font-size:10px;
color:#87948C;
font-weight:bold;
padding:1px 0 0 0;
margin:0;
}

/* CONTAINERS
-------------------------------------------*/

#main_container {
width:765px;
margin:0px auto;
padding:18px 0 36px 0;
}

#header {
height:90px;
margin:0;
}

#header_left_col {
float:left;
width:12px;
height:90px;
background:transparent url(../images/header_left_col_bg.png) top left no-repeat;
}

#header_center_col{
float:left;
width:741px;
height:90px;
background:transparent url(../images/header_center_col_bg.png) repeat-x;
}

#header_right_col {
float:left;
width:12px;
height:90px;
background:transparent url(../images/header_right_col_bg.png) top left no-repeat;
}

#content_top {
height:36px;
padding:0 0 0 40px;
}

#content {
width:765px;
background:transparent url(../images/content_bg.png) repeat-y;    
padding:0 0 54px 0;
}

#left_col{
width:510px;
float:left;
margin:9px 0 0 0;
}

#loading_image_container {
height:24px;
width:24px;
float:left;
margin:0 0 0 145px;
}

.showLoadingImage {
background:transparent url(../images/loading.gif) top left no-repeat;     
}

.quoteblock {
margin:0 40px;
background:#d6ded4;
}

#right_col {    
width:235px;
float:right;
background:transparent;
color:#50655c;
margin:0 20px 0 0;
}

.search_box {
background:#c6d3c2 url(../images/search_box_bottom_bg.png) bottom left no-repeat;   
height:63px;
margin:0 0 18px 0;
padding:0 0 13px 0;
}

#category_header {
background:#c6d3c2;  
}

#category_search_box {
height:19px;
padding:15px 0 0 19px;
background: #c6d3c2;
}

#category_result {
background:#c6d3c2;
padding:9px 30px 18px 30px;
color:#38463e;
background:#c6d3c2 url(../images/search_box_bottom_bg.png) bottom left no-repeat;
}

#category_footer {
background:#c6d3c2 url(../images/search_box_bottom_bg.png) bottom left no-repeat;  
height:36px;
}

#content_bottom {
height:11px;
background:transparent url(../images/content_bottom_bg.png) top left no-repeat;    
}

#footer {
margin:18px 0 0 0;
}

#footer_top {
height:9px;
background:transparent url(../images/footer_top_bg.png) left top no-repeat;
overflow:hidden; /*IE6 fix*/
}

#footer_content {
height:18px;
background:transparent url(../images/footer_content_bg.png) repeat-y;
}

#footer_col1 {
width:235px;
float:left;
padding:0 0 0 20px;
}

#footer_col2 {
width:255px;
float:left;
text-align:center;
}

#footer_col3 {
width:235px;
float:left;
text-align:right;
padding:0 20px 0 0;
}

#footer_bottom{
height:9px;
background:transparent url(../images/footer_bottom_bg.png) left top no-repeat;    
}


/*NAVIGATION, LINKS AND BUTTONS
 ---------------------------------------------*/

#category_result ul {
list-style-type:none;
font-size: 1em;
display:inline-block; /*Fix for IE*/                       
}

#category_result li {
display:inline;
float:left;
padding: 0 6px 0 0;
font-weight:bold;
line-height: 1.5em;
}

#category_result li a {
cursor:pointer;
}

#category_result li a:hover {
color:#498091;
}

.submit_button {
background:#498091 url(../images/submit_btn_normal.png) no-repeat;
width:45px;
height:19px;
font:12px Arial, Helvetica, sans-serif;
color:#fff;
margin:0;
padding:0 0 2px 0;
cursor:pointer;
position:relative; /*needed for pngFix and ie6 */
}

.submit_button:hover {
background:#498091 url(../images/submit_btn_over.png) no-repeat;   
}

.submit_button:active{
background:#498091 url(../images/submit_btn_active.png) no-repeat;   
}

.cat_button {
width:32px;
height:19px;
font:12px Arial, Helvetica, sans-serif;
color:#fff;
margin:0;
padding:0;
cursor:pointer;
position:relative;
float:left;
padding:0 0 2px 0;
}

.left_button {
background:transparent url(../images/category_btn_left_normal.png) no-repeat;    
}

.left_button:hover {
background:transparent url(../images/category_btn_left_over.png) no-repeat;    
}

.left_button:active {
background:transparent url(../images/category_btn_left_active.png) no-repeat;    
}

.middle_button{
background:transparent url(../images/category_btn_middle_normal.png) no-repeat; 
}

.middle_button:hover{
background:transparent url(../images/category_btn_middle_over.png) no-repeat; 
}

.middle_button:active{
background:transparent url(../images/category_btn_middle_active.png) no-repeat; 
}

.right_button {
background:transparent url(../images/category_btn_right_normal.png) no-repeat;    
}

.right_button:hover {
background:transparent url(../images/category_btn_right_over.png) no-repeat;    
}

.right_button:active {
background:transparent url(../images/category_btn_right_active.png) no-repeat;    
}

.random_button {
background:#d6ded4 url(../images/random_btn_normal.png) no-repeat;
width:61px;
font:12px Arial, Helvetica, sans-serif;
color:#fff;
margin:0;
padding:0 0 2px 0;
cursor:pointer;
position:relative;
height:19px;
float:left;
}

.random_button:hover {
background:#d6ded4 url(../images/random_btn_over.png) no-repeat;    
}

.random_button:active {
background:#d6ded4 url(../images/random_btn_active.png) no-repeat;    
}

#e-h_button,#i-l_button,#m-p_button,
#q-t_button,#u-z_button {
margin:0 0 0 1px;    
}

#footer a:link {
color:#87948C;
text-decoration:none;
}

#footer a:visited {
color:#87948C;
text-decoration:none;
}

#footer a:hover {
color:#C0D0CA;
text-decoration:none;
}

#footer a:active {
color:#87948C;
text-decoration:none;
}


/*IMAGES
 ---------------------------------------------*/

#header_logo {
padding: 20px 0px 0  30px;
width:177px;
height:37px;
}


/*MISC
 ---------------------------------------------*/


.text_input  {
margin:0 0 0 19px;
height:19px;
width:129px;
padding:0 0 0 22px;
position:relative;
color:#21565e;
float:left;
background:#fff url(../images/text_input_bg.png) no-repeat;
}