/* Copyright PayneLessDesigns.com Jan 2005 to present. CSS - New 2010/Jan */
/* START Presets */
html, body {
min-height: 100%;
height: 101%;
padding-bottom: 25px;
font: x-small Arial, Verdana, sans-serif;
voice-family: "\"}\"";voice-family:inherit;
font-size: small;/*for IE 5.5 */
}

html>body {
font-size: small;
height: auto; }/* Assist IE6 & <, 100% height */

h1, h2, h3, h4, h5, h6 {
font-family: 'times new roman', arial, verdana, helvetica, serif;
background-color: transparent;
font-style: normal;
font-variant: normal;
font-weight: normal;
margin: 14px 0 4px 10px;
}

h1 {
font-size: 1.93em;
}

h2 {
font-size: 1.72em;
}

h3 {
font-size: 1.52em;
}

h4 {
font-size: 1.42em;
}

h5 {
font-size: 1.32em;
}

h6 {
font-size: 1.21em;
}

p {
font-size: 100.1%;
line-height: 1.0em;
margin: 16px 0 12px 0;
}

/* Remove all unnecessary elements, and make the ones that survive black text on white background */

#wrapper { width: auto; margin: 0; padding: 1em; background: none; }

#header, #otherstuff, #navigation, #footer { display: none; }

#content { float: none; width: auto; margin: 0; padding: 0; background: none; text-align: left; }

#main > #content { margin: 0; }

/* This'll only work in modern browsers like Firefox, but will add an explanation to the top of the page when printed. Slick, eh? */
#content:before { content: "This is a printer-friendly version. The navigation and other unnecessary elements have been removed. Come back and visit us at PayneLessDesigns.com. Enjoy!"; display: block; margin-bottom: 3mm; padding: 3px 3px 2px; background: #f9f8e4; text-align: center; }
/* ================================================================================================================= */
/* END Presets */
* {border: 0; padding: 0; margin: 0;}/* Sets everything to "zero" */

.old {
text-decoration: line-through;
}
.old img {
display: none;
}

.void, .temp {
display: none;
}

/* START Standard Link Style */
a:link { color: #006; text-decoration: underline; }
a:visited { color: #600; text-decoration: underline; }
a:hover { color: #006; text-decoration: none; }
a:active { color: #000; background: #ff0; text-decoration: underline; }
/* END Standard Link Style */

/* START Special Link Style */
a:link.special, a:visited.special, a:hover.special, a:active.special { text-decoration: none; }
/* END Special Link Style */

/* START Body Style */
body {
background: #fff;
color: #000;
}

#text_wrap {
width: 600px;
min-height: 500px;
margin: 0 auto;
padding: 5px;
border: 0 solid #080; /* Used for layout only. Set to zero when done. */
text-align: justify;
background: #f0f8ff;
}

#text_wrap p {
line-height: 1.5em;
font-size: 1.25em;
font-weight: 900;
}

p:first-letter {
font-size: 3em;
color: #666;
}

#social-button {
width: 165px;
float: right;
margin-right: 5%;
}

#copy_block {
margin-top: 12%;
}

h1#main_title {
margin-bottom: 2%;
font-family: garamound, verdana, 'times new roman', 'comic sans ms';
font-size: 1.5em;
font-weight: 900;
color: #a0a;
}

h6.subtitle {
font-family: garamound, verdana, 'times new roman', 'comic sans ms';
font-size: 1.25em;
font-weight: bold;
color: #a0a;
}

#return {
width: 202px; 
height: 38px;
margin: 2.5% auto;
background: url(../imgs/Return-to-Top.png) no-repeat center scroll;
}

#return img {
width: 202px; 
height: 38px;
}

#return a { text-decoration: none; }
/* END Body Style */

/* START Header Style */
div#logo_banner {
width: 800px;
height: 85px;
margin: 0 auto;
background: url(http://PayneLessDesigns.com/imgs/banners/ban_PLD-sm.png) no-repeat top center scroll;
}
/*
#designed4 {
padding-bottom: 50px;
font-family: 'Comic Sans MS','Trebuchet MS', Georgia, serif, sans-serif, monospace;
font-size: .8em;
font-style: normal;
font-weight: bold;
text-align: center;
color: #0f0;
word-spacing: 1.25em;
letter-spacing: 0.5em;
text-decoration: blink;
}
*/

p#js_warn {
width: 800px;
margin: 2% auto;
font-family: terminal;
font-size: 1.0em;
font-style: normal;
font-weight: bold;
text-align: justify;
color: #990;
text-decoration: blink;
}
/* END Header Style */

/* START Left Sidebar Style */
#left_bar {
position: fixed; z-index: 1;
top: 1%;
left: 2%;
width: 208px;
min-height: 800px;
/* margin-left: 1%; */
border: 0 solid #8f0; /* Used for layout only. Set to zero when done. */
clear: both;
}

ul#nav_error li {
display: inline;
list-style-type: none;
font-size: 0.9em;
}
/* END Left Sidebar Style */

/* START Right Sidebar Style */
#right_bar {
position: fixed; z-index: 1;
top: 1%;
right: 2%;
width: 208px;
min-height: 800px;
/* margin-right: 1%; */
border: 0 solid #8f0; /* Used for layout only. Set to zero when done. */
clear: both;
}

#change_detection {
width: 208px;
margin: 10% auto;
overflow: hidden;
}

#change_detection h3 {
color: #f0f;
text-align: center;
font-size: 1em;
font-weight: bold;
}

#change_detection form input {
margin-top: 2%;
margin-left: 7%;
color: #060;
font-size: 0.9em;
font-family: "comic sans ms";
font-weight: 900;
text-decoration: blink;
}
/* END Right Sidebar Style */

/* START Common L-R Sidebars Style */
h4.l-r_subtitles {
line-height: 2em;
background: #00f;
color: #fff;
text-align: center;
font-size: 0.8em;
}

.sidebars {
width: 186px;
height: 33px;
margin: 0 auto;
}

/* h3.links_maintitle {
color: #f0f;
text-align: center;
font-size: 1.6em;
font-weight: bold;
background: #006;
}*/

.no_bullets_nav li {
list-style-type: none;
line-height: 1.25em;
font-size: 0.9em;
}
/* END Common L-R Sidebars Style */

/* START JRank Search Box */
#JRank fieldset {
border: 1px solid #f0f; 
display: inline;
}

#JRank legend {
margin-left: 20px; 
padding: 10px;
}

#JRank p {
margin-top: 5%;
}

#JRank #q {
background: #c0c0c0; 
color: #00f; 
font-family: verdana; 
font-weight: bold; 
display: inline;
vertical-align: middle;
}
/* END JRank Search Box 8?

/* START Footer Style */
#script_wrap {
width: 380px;
margin: 0 auto;
border: 0 solid #8f0; /* Used for layout only. Set to zero when done. */
}

#copyright_script, #lus_script {
text-align: center;
font-size: 0.6em;
font-weight: bold;
}

#copyright_script {
color: #c00;
}

#lus_script {
padding-left: 2%;
color: #00c;
}

#the_end {
width: 180px;
height: 300px;
margin: 2.5% auto;
text-align: center;
border: 0 solid #8f0; /* Used for layout only. Set to zero when done. */
}

#the_end #logo_code_tutorial {
width: 180px;
height: 66px;
margin: 0 auto;
margin-top: 2%;
}

#the_end #logo_merci_design {
width: 200px;
height: 107px;
margin: 0 auto;
}

#validation {
margin-top: 50%;
}

#wikipedia-link {
width: 125px;
height: 125px;
margin: 0 auto;
}
/* END Footer Style */

/* START Drop Caps Style */
p.dropcaps_space { margin-bottom: 5%; }

.dropcaps {
margin-right: 3px;
margin-top: 2px;
float: left;
color: #fff;
background: #006800;
border: 1px solid #fff;
font-size: 18pt;
line-height: 15px;
padding: 5px;
font-family: verdana;
}
/* END Drop Caps Style */

/* START Unordered List - Common Style */
.no_bullets li {
list-style-type: none;
line-height: 2em;
}
/* END Unordered List - Common Style */

/* START Tutorials Styling */
.tut_title {
color: #f0f;
font-size: 1.25em;
font-weight: bold;
}
/* END Tutorials Styling */

/* START Designs Page Styling */
ul#designs li {
list-style-type: none;
margin-bottom: 1%;
text-align: left;
}
/* END Designs Page Styling */

/* START FAQs Page Styling */
.q {
padding: 0 5px;
font-size: 1.0em;
color: #fff;
background: #000;
}

.a {
padding: 0 5px;
font-size: 1.0em;
color: #fff;
background: #066;
}

.a p {
text-indent: 2em;
}

.q a, .a a {
color: #fff;
}
/* END FAQs Page Styling */

/* START Feeds Page Styling */
.rssfeed {
width: 600px;
height: 250px;
margin: 3% auto;
}

.rssfeed object {
width:100%; 
height:100%; 
margin:1%;
}

#feedburner {
width: 39px; 
height: 50px;
}
/* END Feeds Page Styling */

/* START Golden Oldies Page Styling */
ul#goldenoldies li {
font-family: 'courier new';
font-weight: 900;
font-size: 1em;
}
/* END Golden Oldies Page Styling */

/* START Thank You Page Styling */
#thanks p {
font-size: 1.5em;
line-height: 2em;
}
/* END Thank You Page Styling */

/* START Popup Window Pages Styling */
#popup_wrap {
width: 800px;
margin: 0 auto;
}

#popup_wrap form input {
width: 150px;
height: 30px;
font-family: verdana;
font-weight: bold;
background: #000;
color: #fff;
}
/* END Popup Window Pages Styling */

.popup_link {
display: block;
color: #006;
text-align: center;
font-size: 1.25em;
font-weight: bold;
}

/* START Web Site Clock Page Styling */
.clocks {
width:390px;
height:33px;
margin: 0 auto;   
padding: 25px 25px 0 25px; 
overflow: hidden;
}
/* END Web Site Clock Page Styling */

/* START Quote Form Page Styling */
#quote #notice {
line-height: 3em; 
padding: 10px; 
font-size: 1em; 
font-weight: bold; 
text-align: center; 
color: #fff; 
background: #00f;
}

.sub-title, select, input {
font-weight: bold;
}

#quote_form {
font-family: 'comic sans serif';
font-weight: 900;
background: #a6ffff;
}

input.buttons {
text-align: center;
background: #0f0;
color: #fff;
}

.sub-title {
margin: 2% 0;
}
/* END Quote Form Page Styling */

/* START Banners Page Styling */
.scroller { width: 580px; height: 200px; margin: 5% auto; padding: 10px; }
.scroller_text p {
font-size: 9pt; 
font-weight: 900; 
text-align: center;
padding: 5px;
/* width:500px; height:300px; border: 0 solid #ffffff;*/
}

.scroller_2 { width: 580px; height: 200px; margin: 5% auto; padding: 10px; }
.scroller_2_text p {
font-size: 9pt; 
font-weight: 900; 
text-align: center;
padding: 5px;
}
/* END Banners Page Styling */

/* START BG Image, Text and Scrollbar Page Styling */
.item {
width: 500px;
height: 315px;
margin: 20px auto;
border: 1px solid black;
background: url(../imgs/backgrounds/bg_lt_blu_aircraft.jpg) no-repeat center scroll;
}

.itemtext {
width: 300px;
height: 300px;
overflow: auto;
margin: 5px;
padding: 5px;
text-align: justify;
color: #660;
}
/* END BG Image, Text and Scrollbar Page Styling */

/* START Common Textarea Box Styling */
.text-area_centering {
width: 500px;
margin: 1% auto;
white-space: pre-wrap;
}

.text-area_centering p a {
padding: 5px;
font-size: 1.0em;
font-weight: bold;
color: #f0f;
background: #006;
}

.text-area_select {
font-family: helvetica, verdana, garamond, 'comic sans ms';
font-size: 1.0em;
font-weight: bold;
background: #ff0;
}
/* END Common Textarea Box Styling */

/* START Example Error Pages' Styling */
h1#error {
text-align: center;
font-family: arial;
font-size: 3em;
color: #f00;
}

p#err1 {
text-align: center;
font-family: 'times new roman';
font-size: 1.25em;
}

div#err_footer {
width: 380px;
margin: 0 auto;
border: 0 solid #f00;
}
/* END Example Error Pages' Styling */

/* START Donation Button */
div#donation {
width: 500px;
margin: 0 auto;
margin-top: 7%;
border: 1em inset #00f; 
}

div#donation p {
font-family: Comic Sans MS;
font-size: 1.2em;
font-weight: bold;
text-align: center;
}

div#donation form {
width: 122px;
height: 47px;
margin: 0 auto;
}
/* END Donation Button */

/* START StumbleUpon */
#stumbleupon {
width: 70px;
height: 15px;
}
/* END StumbleUpon */