@charset "utf-8";
/* CSS Document */

/* BODY ELEMENTS */

/* BODY background, color, font */
       /* PURPLE */

body.home{ /* your classy purple page */
font-family: "Verdana"; /* stick to: Arial, Courier New, Georgia, Helvetica, Times New Roman, Trebuchet MS, Verdana, serif, sans-serif */ 
/* element background */
font-size: 100%; /* spacing between lines */
color:black; /* font color as rgb(r,g,b), name or #hex */
/* background-color:rgb(75%,40%,100%); /* can also use background-image for elements */
width:auto; /* keep for flexibility */
/* margin, border, and padding can also be specified as -top, -right, -bottom, -left */
padding:0; /* space between CONTENT AREA and BORDER */
border:0; /* the outside edge */
margin:0px 0px 0 0px; /* was 180px for left and right margin the space beyond the BORDER; margin fixed top right bottom left so words don't collapse into one another for IE etc */
background-color:white;
}

body.home h1{ /* main header class of purple class */
text-align:center;
font-family: "Georgia"; /* stick to: Arial, Courier New, Georgia, Helvetica, Times New Roman, Trebuchet MS, Verdana, serif, sans-serif */ 
font-weight: 900; /* 100 to 900 */
font-size:50px;
color:black; /* font color as rgb(r,g,b), name or #hex */
/* line-height: .5; */
}

body.home h2{ /* subheader class of purple class */
/* border-right:2px dashed #B74E07;  /* ALL COLORS: dotted, dashed, solid, double; LIGHT: grove, ridge, inset, outset */
text-align:center;
font-family: "Verdana"; /* stick to: Arial, Courier New, Georgia, Helvetica, Times New Roman, Trebuchet MS, Verdana, serif, sans-serif */ 
font-weight: 400; /* 100 to 900 */
font-style: oblique; /* oblique, normal */
font-size:20px;
margin-left:15px;
margin-top:-40px;
color:black; /* font color as rgb(r,g,b), name or #hex */
padding-top:17px;
}

body.home h3{
font-family: "Times New Roman";
font-weight: 600;
font-style:oblique;
color:#333333;
}

/* COLUMN layout options */
       /* ONE-COLUMN with sidebar, HOME*/

#onehome{ /* background, may want to use an image or a repeating image block */
width:auto;
/* height:800px; /* not completely necessary */
margin:-20px auto 0 0;
padding:0;
}
       
#screen{ /* position of the movie */
position:relative;
z-index:10;
background:none;
margin-top:-35px;
padding:0px 0px 0px 0;
width:100%;
/* margin:auto; */
}

#onehome #header{
position:relative;
z-index:0;
background-color:none; /* change the header background image or color */
padding-top:25px;
padding-bottom:20px; /* may want to use line spacing instead */
/* margin-top:50px; */
width:100%;
}

#onehome .description{
position:relative;
left:1em;
margin-bottom:0.2em;
}

#onehome #col{
margin-top:-920px; /* change as amount of sidebar text changes; also affects the nav buttons */
width:100%;
}

#onehome p#side{ /* flexible width for purple class sidebar text */
width:auto; /* interior paragraphs of purple pages */
text-align:left; /* left, right, center, justify */
font-style: oblique; /* oblique, normal */
font-family: "Times New Roman";
font-size: 15px;
color: #333333;
line-height: 1;
}
        
#onehome .entry{
background-color:white;
margin-bottom:-20px;
margin-right:0px; /* was 20px */
padding-right:225px; /* you added this */
line-height: 1.5;
}
		
#onehome .photo_text{
top:-30px;
/* border-right:2px dashed #B74E07;  /* ALL COLORS: dotted, dashed, solid, double; LIGHT: grove, ridge, inset, outset */
margin-left:127px; /* amount of pixels away from the left margin */
padding-right:5px;
padding-bottom:0px;
position:relative; /* relative is more flexible than absolute, which is fixed */
width:auto;
margin-top:-15px; /* you added this */
}		
     
#onehome .continued{
margin-left:-1px; /* if you keep within photo_text division */
}

#onehome .photo{ /* the position for the photo to reside */
left:-120px; /* the element is set this much from (or into) the left margin) */
position:absolute;
top:0px;
}

#onehome .photo img{ /* the actual image */
border:solid #CC99FF 2px;
width:100px;
height:100px;
}

#onehome #sidebar{
background-color:none;
margin-top:0px;
margin-left:75%;
margin-right:0px;
padding:10px;
width:auto;
position:relative;
z-index:1;
}    

#onehome .date{
padding:0;
position:relative;
top:-35px;
margin:0 1em 0 0;
text-align:right;
}

.home #onehome #nav{ 
position:relative;
color:#999999;
text-align:center;
font-family: "Verdana";
font-size:8px;
z-index:10; /* the higher the number, the more visible the element is; must use with POSITIONED elements */
}

a:hover.current{
text-decoration:none; /* underline, overline, line-through, none */
}

    /* RESOURCE Links */
    /* Coming Soon */
p#navbluesoon a:link{ /* the initial state */
padding:0;
background-color:none;
border-spacing:0;
color:#3366FF;
text-decoration:none;
}

p#navbluesoon a:hover{
padding:0;
background-color:none;
/* border:1px ridge red; */
color:black;
text-decoration:none;
}

#navorangesoon a:link{ /* the initial state */
padding:0;
background-color:none;
border-spacing:0;
color:#F8C15F;
text-decoration:none;
}

#navorangesoon a:hover{
padding:0;
background-color:none;
/* border:1px ridge red; */
color:black;
text-decoration:none;
}

p#navpurpsoon a:link{ /* the initial state */
padding:0;
background-color:none;
border-spacing:0;
color:#CC99FF;
text-decoration:none;
}

p#navpurpsoon a:hover{
padding:0;
background-color:none;
/* border:1px ridge red; */
color:black;
text-decoration:none;
}

p#navbluegreen a:link{ /* the initial state */
padding:0;
background-color:none;
border-spacing:0;
color:#99FF66;
text-decoration:none;
}

p#navgreensoon a:hover{
padding:0;
background-color:none;
/* border:1px ridge red; */
color:black;
text-decoration:none;
}
   
   /* Active Links */

    /* SEO Links */

.orange p#navorange{
font-size:12px;
color:#928389;
}
   
#navorange a:link{ /* the initial state */
padding:0;
background-color:none;
border-spacing:0;
color:#FAAB01;
text-decoration:none;
}

#navorange a:visited{ /* the initial state */
padding:0;
background-color:one;
color:#FAAB01;
text-decoration:none;
}

#navorange a:hover{
padding:0;
background-color: #FAAB01;
/* border:1px ridge red; */
color:black;
text-decoration:none;
}

#navorange a:active{ /* an indication of what page your visitor is on */
padding:0;
background-color:none;
color:#FAAB01;
text-decoration:none;
}

/* Resource Links */

.blue p#navblue{
font-size:12px;
color:#928389;
}
   
p#navblue a:link{ /* the initial state */
padding:0;
background-color:none;
border-spacing:0;
color:#3366FF;
text-decoration:none;
}

p#navblue a:visited{ /* the initial state */
padding:0;
background-color:one;
color:#3366FF;
text-decoration:none;
}

p#navblue a:hover{
padding:0;
background-color:#A9DCDC;
/* border:1px ridge red; */
color:black;
text-decoration:none;
}

p#navblue a:active{ /* an indication of what page your visitor is on */
padding:0;
background-color:none;
color:#3366FF;
text-decoration:none;
}

    /* CUSTOM DESIGN & DEVELOPMENT Links */

.purple p#navpurp{
font-size:12px;
color:#928389;
}
   
p#navpurp a:link{ /* the initial state */
padding:0;
background-color:none;
border-spacing:0;
color: #9966CC;
text-decoration:none;
}

p#navpurp a:visited{ /* the initial state */
padding:0;
background-color:one;
color:#9966CC;
text-decoration:none;
}

p#navpurp a:hover{
padding:0;
background-color:#CC99FF;
/* border:1px ridge red; */
color:black;
text-decoration:none;
}

p#navpurp a:active{ /* an indication of what page your visitor is on */
padding:0;
background-color:none;
color:#9966CC;
text-decoration:none;
}

    /* DIY Links */

.green p#navgreen{
font-size:12px;
color:#928389;
}
   
p#navgreen a:link{ /* the initial state */
padding:0;
background-color:none;
border-spacing:0;
color:#009900;
text-decoration:none;
}

p#navgreen a:visited{ /* the initial state */
padding:0;
background-color:one;
color:#009900;
text-decoration:none;
}

p#navgreen a:hover{
padding:0;
background-color: #99FF66;
/* border:1px ridge red; */
color:black;
text-decoration:none;
}

p#navgreen a:active{ /* an indication of what page your visitor is on */
padding:0;
background-color:none;
color:#009900;
text-decoration:none;
}

/* BODY background, color, font */
       /* PURPLE */

body.purple{ /* your classy purple page */
background-image:url(../images/designblock.jpg);
font-family: "Verdana"; /* stick to: Arial, Courier New, Georgia, Helvetica, Times New Roman, Trebuchet MS, Verdana, serif, sans-serif */ 
/* element background */
font-size: 100%; /* spacing between lines */
color:black; /* font color as rgb(r,g,b), name or #hex */
/* background-color:rgb(75%,40%,100%); /* can also use background-image for elements */
width:auto; /* keep for flexibility */
/* margin, border, and padding can also be specified as -top, -right, -bottom, -left */
padding:0; /* space between CONTENT AREA and BORDER */
border:0; /* the outside edge */
margin:0 200px 0 200px; /* the space beyond the BORDER; margin fixed top right bottom left so words don't collapse into one another for IE etc */
}

body.purple h1{ /* main header class of purple class */
margin-top:40px;
font-family: "Georgia"; /* stick to: Arial, Courier New, Georgia, Helvetica, Times New Roman, Trebuchet MS, Verdana, serif, sans-serif */ 
font-weight: 900; /* 100 to 900 */
font-size:50px;
text-align:center;
line-height: .75;
color:#CC99FF; /* font color as rgb(r,g,b), name or #hex */
}

body.purple h2{ /* subheader class of purple class */
/* border-right:2px dashed #B74E07;  /* ALL COLORS: dotted, dashed, solid, double; LIGHT: groove, ridge, inset, outset */
font-family: "Georgia"; /* stick to: Arial, Courier New, Georgia, Helvetica, Times New Roman, Trebuchet MS, Verdana, serif, sans-serif */ 
font-weight: 800; /* 100 to 900 */
font-style: oblique; /* oblique, normal */
font-size:30px;
margin-left:15px;
color:black; /* font color as rgb(r,g,b), name or #hex */
position:relative;
z-index:5;
}

body.purple h3{
font-family: "Times New Roman";
font-weight: 600;
font-style:oblique;
color:#333333;
}

/* COLUMN layout options */
       /* ONE-COLUMN with sidebar, PURPLE*/

#onepurp{ /* background, may want to use an image or a repeating image block */
width:auto;
height:800px; /* not completely necessary */
margin:0 auto 0 0;
padding:0;
}

#onepurp .nextentry{
margin-top:-50px;
background-color:white;
margin-bottom:-20px;
margin-right:0px; /* was 20px */
padding-right:225px; /* you added this */
line-height: 1.5;
}
       
#onepurp #screen{
background:none;
padding:0px 0px 0px 0;
}

#onepurp #header{
background-color:white;
padding-top:25px;
padding-bottom:20px; /* may want to use line spacing instead */
margin-top:0px;
width:100%;
}

#nav{ 
position:relative;
text-align:right;
z-index:10; /* the higher the number, the more visible the element is; must use with POSITIONED elements */
}

#onepurp .description{
position:relative;
left:1em;
margin-bottom:0.2em;
}

#onepurp #col{
margin-top:-410px; /* change as amount of sidebar text changes; also affects the nav buttons - WAS -920px*/
width:100%;
position:relative;
z-index:2;
}

#onepurp p#side{ /* flexible width for purple class sidebar text */
width:auto; /* interior paragraphs of purple pages */
text-align:left; /* left, right, center, justify */
font-style: oblique; /* oblique, normal */
font-family: "Times New Roman";
font-size: 15px;
color: #333333;
line-height: 1;
position:relative;
z-index:3;
}
        
#onepurp .entry{
margin-top:78px;
background-color:white;
margin-bottom:-20px;
margin-right:0px; /* was 20px */
padding-right:225px; /* you added this */
line-height: 1.5;
}
		
#onepurp .photo_text{
top:-30px;
/* border-right:2px dashed #B74E07;  /* ALL COLORS: dotted, dashed, solid, double; LIGHT: grove, ridge, inset, outset */
margin-left:127px; /* amount of pixels away from the left margin */
padding-right:5px;
padding-bottom:0px;
position:relative; /* relative is more flexible than absolute, which is fixed */
z-index:6;
width:auto;
margin-top:-15px; /* you added this */
}		
     
#onepurp .continued{
margin-left:-1px; /* if you keep within photo_text division */
}

#onepurp .photo{ /* the position for the photo to reside */
left:-120px; /* the element is set this much from (or into) the left margin) */
position:absolute;
top:-15px;
}

#onepurp .photo img{ /* the actual image */
/* border:solid #CC99FF 2px; */
width:100px;
height:100px;
}

#onepurp #sidebar{
background-color:none;
margin-top:0px;
margin-left:75%;
margin-right:0px;
padding:10px;
width:auto;
position:relative;
z-index:4;
}    

#onepurp .date{
padding:0;
position:relative;
top:-35px;
margin:0 1em 0 0;
text-align:right;
}
   
#onepurp p#nav a:link{ /* the initial state */
padding:0;
background-color: #FFFF00;
border:none;
color:black;
text-decoration:none;
}

#onepurp p#nav a:visited{ /* the initial state */
padding:0;
background-color: #FFFF00;
border:none;
color:black;
text-decoration:none;
}

#onepurp p#nav a:hover{
padding:0;
background-color: #FFFF00;
border:none;
color:red;
text-decoration:none;
}

#onepurp p#nav a:active{ /* an indication of what page your visitor is on */
padding:0;
background-color: #FFFF00;
border:none;
color:black;
text-decoration:none;
}

#onepurp a:hover.current{
text-decoration:none; /* underline, overline, line-through, none */
}







/* BODY background, color, font */
       /* GREEN */

body.green{ /* your classy purple page */
background-image:url(../images/diyblock.jpg);
font-family: "Verdana"; /* stick to: Arial, Courier New, Georgia, Helvetica, Times New Roman, Trebuchet MS, Verdana, serif, sans-serif */ 
/* element background */
font-size: 100%; /* spacing between lines */
color:black; /* font color as rgb(r,g,b), name or #hex */
/* background-color:rgb(75%,40%,100%); /* can also use background-image for elements */
width:auto; /* keep for flexibility */
/* margin, border, and padding can also be specified as -top, -right, -bottom, -left */
padding:0; /* space between CONTENT AREA and BORDER */
border:0; /* the outside edge */
margin:0 200px 0 200px; /* the space beyond the BORDER; margin fixed top right bottom left so words don't collapse into one another for IE etc */
}

body.green h1{ /* main header class of purple class */
margin-top:40px;
font-family: "Georgia"; /* stick to: Arial, Courier New, Georgia, Helvetica, Times New Roman, Trebuchet MS, Verdana, serif, sans-serif */ 
font-weight: 900; /* 100 to 900 */
font-size:50px;
text-align:center;
line-height: .75;
color:#99FF66; /* font color as rgb(r,g,b), name or #hex */
}

body.green h2{ /* subheader class of purple class */
/* border-right:2px dashed #B74E07;  /* ALL COLORS: dotted, dashed, solid, double; LIGHT: grove, ridge, inset, outset */
font-family: "Georgia"; /* stick to: Arial, Courier New, Georgia, Helvetica, Times New Roman, Trebuchet MS, Verdana, serif, sans-serif */ 
font-weight: 800; /* 100 to 900 */
font-style: oblique; /* oblique, normal */
font-size:30px;
margin-left:15px;
color:black; /* font color as rgb(r,g,b), name or #hex */
padding-top:17px;
position:relative;
z-index:5;
}

body.green h3{
font-family: "Times New Roman";
font-weight: 600;
font-style:oblique;
color:black;
}

/* COLUMN layout options */
       /* ONE-COLUMN with sidebar, GREEN*/

#onegreen{ /* background, may want to use an image or a repeating image block */
width:auto;
height:800px; /* not completely necessary */
margin:0 auto 0 0;
padding:0;
}

#onegreen .nextentry{
margin-top:-50px;
background-color:white;
margin-bottom:-20px;
margin-right:0px; /* was 20px */
padding-right:225px; /* you added this */
line-height: 1.5;
}
       
#onegreen #screen{
background:none;
padding:0px 0px 0px 0;
}

#onegreen #header{
background-color:white;
padding-top:25px;
padding-bottom:20px; /* may want to use line spacing instead */
margin-top:0px;
width:100%;
}

#nav{ 
position:relative;
text-align:right;
z-index:10; /* the higher the number, the more visible the element is; must use with POSITIONED elements */
}

#onegreen .description{
position:relative;
left:1em;
margin-bottom:0.2em;
}

#onegreen #col{
margin-top:-450px; /* change as amount of sidebar text changes; also affects the nav buttons */
width:100%;
position:relative;
z-index:2;
}

#onegreen p#side{ /* flexible width for purple class sidebar text */
width:auto; /* interior paragraphs of purple pages */
text-align:left; /* left, right, center, justify */
font-style: oblique; /* oblique, normal */
font-family: "Times New Roman";
font-size: 15px;
color: #333333;
line-height: 1;
}
        
#onegreen .entry{
margin-top:78px;
background-color:white;
margin-bottom:-20px;
margin-right:0px; /* was 20px */
padding-right:225px; /* you added this */
line-height: 1.5;
}
		
#onegreen .photo_text{
top:-30px;
/* border-right:2px dashed #B74E07;  /* ALL COLORS: dotted, dashed, solid, double; LIGHT: grove, ridge, inset, outset */
margin-left:127px; /* amount of pixels away from the left margin */
padding-right:5px;
padding-bottom:0px;
position:relative; /* relative is more flexible than absolute, which is fixed */
z-index:6;
width:auto;
margin-top:-15px; /* you added this */
}		
     
#onegreen .continued{
margin-left:-1px; /* if you keep within photo_text division */
}

#onegreen .photo{ /* the position for the photo to reside */
left:-120px; /* the element is set this much from (or into) the left margin) */
position:absolute;
top:-15px;
}

#onegreen .photo img{ /* the actual image */
/* border:solid #99FF66 2px; */
width:100px;
height:100px;
}

#onegreen #sidebar{
background-color:none;
margin-top:0px;
margin-left:75%;
margin-right:0px;
padding:10px;
width:auto;
position:relative;
z-index:4;
}    

#onegreen .date{
padding:0;
position:relative;
top:-35px;
margin:0 1em 0 0;
text-align:right;
}
   
#onegreen p#nav a:link{ /* the initial state */
padding:0;
background-color: #FFFF00;
border:none;
color:black;
text-decoration:none;
}

#onegreen p#nav a:visited{ /* the initial state */
padding:0;
background-color: #FFFF00;
border:none;
color:black;
text-decoration:none;
}

#onegreen p#nav a:hover{
padding:0;
background-color: #FFFF00;
border:none;
color:red;
text-decoration:none;
}

#onegreen p#nav a:active{ /* an indication of what page your visitor is on */
padding:0;
background-color: #FFFF00;
border:none;
color:black;
text-decoration:none;
}

#onegreen a:hover.current{
text-decoration:none; /* underline, overline, line-through, none */
}







/* BODY background, color, font */
       /* BLUE */

body.blue{ /* your classy purple page */
background-image:url(../images/resblock.jpg);
font-family: "Verdana"; /* stick to: Arial, Courier New, Georgia, Helvetica, Times New Roman, Trebuchet MS, Verdana, serif, sans-serif */ 
/* element background */
font-size: 100%; /* spacing between lines */
color:black; /* font color as rgb(r,g,b), name or #hex */
/* background-color:rgb(75%,40%,100%); /* can also use background-image for elements */
width:auto; /* keep for flexibility */
/* margin, border, and padding can also be specified as -top, -right, -bottom, -left */
padding:0; /* space between CONTENT AREA and BORDER */
border:0; /* the outside edge */
margin:0 200px 0 200px; /* the space beyond the BORDER; margin fixed top right bottom left so words don't collapse into one another for IE etc */
}

body.blue h1{ /* main header class of purple class */
margin-top:40px;
font-family: "Georgia"; /* stick to: Arial, Courier New, Georgia, Helvetica, Times New Roman, Trebuchet MS, Verdana, serif, sans-serif */ 
font-weight: 900; /* 100 to 900 */
font-size:50px;
text-align:center;
line-height: .75;
color:#A9DCDC; /* font color as rgb(r,g,b), name or #hex */
}

body.blue h2{ /* subheader class of purple class */
/* border-right:2px dashed #B74E07;  /* ALL COLORS: dotted, dashed, solid, double; LIGHT: grove, ridge, inset, outset */
font-family: "Georgia"; /* stick to: Arial, Courier New, Georgia, Helvetica, Times New Roman, Trebuchet MS, Verdana, serif, sans-serif */ 
font-weight: 800; /* 100 to 900 */
font-style: oblique; /* oblique, normal */
font-size:30px;
margin-left:15px;
color:black; /* font color as rgb(r,g,b), name or #hex */
padding-top:17px;
position:relative;
z-index:5;
}


body.blue h3{
font-family: "Times New Roman";
font-weight: 600;
font-style:oblique;
color:black;
}

/* COLUMN layout options */
       /* ONE-COLUMN with sidebar, BLUE*/

#oneblue{ /* background, may want to use an image or a repeating image block */
width:auto;
height:800px; /* not completely necessary */
margin:0 auto 0 0;
padding:0;
}
       
#oneblue #screen{
background:none;
padding:0px 0px 0px 0;
}

#oneblue #header{
background-color:white;
padding-top:25px;
padding-bottom:20px; /* may want to use line spacing instead */
margin-top:0px;
width:100%;
}

#nav{ 
position:relative;
text-align:right;
z-index:10; /* the higher the number, the more visible the element is; must use with POSITIONED elements */
}

#oneblue .description{
position:relative;
left:1em;
margin-bottom:0.2em;
}

#oneblue #col{
margin-top:-480px; /* change as amount of sidebar text changes; also affects the nav buttons */
position:relative;
z-index:2;
width:100%;
}

#oneblue p#side{ /* flexible width for purple class sidebar text */
width:auto; /* interior paragraphs of purple pages */
text-align:left; /* left, right, center, justify */
font-style: oblique; /* oblique, normal */
font-family: "Times New Roman";
font-size: 15px;
color: black;
line-height: 1;
}
        
#oneblue .entry{
margin-top:78px;
background-color:white;
margin-bottom:-20px;
margin-right:0px; /* was 20px */
padding-right:225px; /* you added this */
line-height: 1.5;
}

#oneblue .nextentry{
margin-top:-50px;
background-color:white;
margin-bottom:-20px;
margin-right:0px; /* was 20px */
padding-right:225px; /* you added this */
line-height: 1.5;
}
		
#oneblue .photo_text{
top:0px;
/* border-right:2px dashed #B74E07;  /* ALL COLORS: dotted, dashed, solid, double; LIGHT: grove, ridge, inset, outset */
margin-left:127px; /* amount of pixels away from the left margin */
padding-right:5px;
padding-bottom:0px;
position:relative; /* relative is more flexible than absolute, which is fixed */
z-index:6;
width:auto;
margin-top:-15px; /* you added this */
}		
     
#oneblue .continued{
margin-left:-1px; /* if you keep within photo_text division */
}

#oneblue .photo{ /* the position for the photo to reside */
left:-120px; /* the element is set this much from (or into) the left margin) */
position:absolute;
top:-15px;
}

#oneblue .photo img{ /* the actual image */
/* border:solid #A9DCDC 2px; */
width:100px;
height:100px;
}

#oneblue #sidebar{
background-color:none;
margin-top:0px;
margin-left:75%;
margin-right:0px;
padding:10px;
width:auto;
position:relative;
z-index:4;
}    

#oneblue .date{
padding:0;
position:relative;
top:-35px;
margin:0 1em 0 0;
text-align:right;
}
   
#oneblue p#nav a:link{ /* the initial state */
padding:0;
background-color: #FFFF00;
border:none;
color:black;
text-decoration:none;
}

#oneblue p#nav a:visited{ /* the initial state */
padding:0;
background-color: #FFFF00;
border:none;
color:black;
text-decoration:none;
}

#oneblue p#nav a:hover{
padding:0;
background-color: #FFFF00;
border:none;
color:red;
text-decoration:none;
}

#oneblue p#nav a:active{ /* an indication of what page your visitor is on */
padding:0;
background-color: #FFFF00;
border:none;
color:black;
text-decoration:none;
}

#oneblue a:hover.current{
text-decoration:none; /* underline, overline, line-through, none */
}





/* BODY background, color, font */
       /* ORANGE */

body.orange{ /* your classy purple page */
background-image:url(../images/seoblock.jpg);
font-family: "Verdana"; /* stick to: Arial, Courier New, Georgia, Helvetica, Times New Roman, Trebuchet MS, Verdana, serif, sans-serif */ 
/* element background */
font-size: 100%; /* spacing between lines */
color:black; /* font color as rgb(r,g,b), name or #hex */
/* background-color:rgb(75%,40%,100%); /* can also use background-image for elements */
width:auto; /* keep for flexibility */
/* margin, border, and padding can also be specified as -top, -right, -bottom, -left */
padding:0; /* space between CONTENT AREA and BORDER */
border:0; /* the outside edge */
margin:0 200px 0 200px; /* the space beyond the BORDER; margin fixed top right bottom left so words don't collapse into one another for IE etc */
}

body.orange h1{ /* main header class of purple class */
margin-top:40px;
font-family: "Georgia"; /* stick to: Arial, Courier New, Georgia, Helvetica, Times New Roman, Trebuchet MS, Verdana, serif, sans-serif */ 
font-weight: 900; /* 100 to 900 */
font-size:50px;
text-align:center;
line-height: .75;
color:#F8C15F; /* font color as rgb(r,g,b), name or #hex */
}

body.orange h2{ /* subheader class of purple class */
/* border-right:2px dashed #B74E07;  /* ALL COLORS: dotted, dashed, solid, double; LIGHT: grove, ridge, inset, outset */
font-family: "Georgia"; /* stick to: Arial, Courier New, Georgia, Helvetica, Times New Roman, Trebuchet MS, Verdana, serif, sans-serif */ 
font-weight: 800; /* 100 to 900 */
font-style: oblique; /* oblique, normal */
font-size:30px;
margin-left:15px;
color:maroon; /* font color as rgb(r,g,b), name or #hex */
padding-top:17px;
position:relative;
z-index:5;
}

body.orange h3{
font-family: "Times New Roman";
font-weight: 600;
font-style:oblique;
color:maroon;
}

/* COLUMN layout options */
       /* ONE-COLUMN with sidebar, ORANGE*/

#oneorange{ /* background, may want to use an image or a repeating image block */
width:auto;
height:800px; /* not completely necessary */
margin:0 auto 0 0;
padding:0;
}

#oneorange .nextentry{
margin-top:-50px;
background-color:white;
margin-bottom:-20px;
margin-right:0px; /* was 20px */
padding-right:225px; /* you added this */
line-height: 1.5;
}
       
#oneorange #screen{
background:none;
padding:0px 0px 0px 0;
}

#oneorange #header{
background-color:white;
padding-top:25px;
padding-bottom:20px; /* may want to use line spacing instead */
margin-top:0px;
width:100%;
}

#nav{ 
position:relative;
text-align:right;
z-index:10; /* the higher the number, the more visible the element is; must use with POSITIONED elements */
}

#oneorange .description{
position:relative;
left:1em;
margin-bottom:0.2em;
}

#oneorange #col{
margin-top:-395px; /* change as amount of sidebar text changes; also affects the nav buttons */
position:relative;
z-index:2;
width:100%;
}

#oneorange p#side{ /* flexible width for purple class sidebar text */
width:auto; /* interior paragraphs of purple pages */
text-align:left; /* left, right, center, justify */
font-style: oblique; /* oblique, normal */
font-family: "Times New Roman";
font-size: 15px;
color: maroon;
line-height: 1;
}
        
#oneorange .entry{
margin-top:78px;
background-color:white;
margin-bottom:-20px;
margin-right:0px; /* was 20px */
padding-right:225px; /* you added this */
line-height: 1.5;
}
		
#oneorange .photo_text{
top:0px;
/* border-right:2px dashed #B74E07;  /* ALL COLORS: dotted, dashed, solid, double; LIGHT: grove, ridge, inset, outset */
margin-left:127px; /* amount of pixels away from the left margin */
padding-right:5px;
padding-bottom:0px;
position:relative; /* relative is more flexible than absolute, which is fixed */
z-index:6;
width:auto;
margin-top:-15px; /* you added this */
}		
     
#oneorange .continued{
margin-left:-1px; /* if you keep within photo_text division */
}

#oneorange .photo{ /* the position for the photo to reside */
left:-120px; /* the element is set this much from (or into) the left margin) */
position:absolute;
top:-15px;
}

#oneorange .photo img{ /* the actual image */
/* border:solid #FAAB01 2px; */
width:100px;
height:100px;
}

#oneorange #sidebar{
background-color:none;
margin-top:0px;
margin-left:75%;
margin-right:0px;
padding:10px;
width:auto;
position:relative;
z-index:4;
}    

#oneorange .date{
padding:0;
position:relative;
top:-35px;
margin:0 1em 0 0;
text-align:right;
}
   
#oneorange p#nav a:link{ /* the initial state */
padding:0;
background-color: #FFFF00;
border:none;
color:black;
text-decoration:none;
}

#oneorange p#nav a:visited{ /* the initial state */
padding:0;
background-color: #FFFF00;
border:none;
color:black;
text-decoration:none;
}

#oneorange p#nav a:hover{
padding:0;
background-color: #FFFF00;
border:none;
color:red;
text-decoration:none;
}

#oneorange p#nav a:active{ /* an indication of what page your visitor is on */
padding:0;
background-color: #FFFF00;
border:none;
color:black;
text-decoration:none;
}

#oneorange a:hover.current{
text-decoration:none; /* underline, overline, line-through, none */
}






/* POPUP options */

#pop{
margin-top:0px;
position:absolute; /* POPUP: must be absolute */
z-index:1; /* the higher the number, the more visible the element is; must use with POSITIONED elements */
}

img.mini{
border:none;
}

div#pop a:hover{
background:white;
}

div#pop a:img.big{
height:0;
width:0;
border-width:0;
}

div#pop a:hover img.big{ 
position:absolute;
top:100px;
left:300px;
height:575px;
width:500px;
border:none;
}

/* FOOTER options */

#footer{
font-size:10px;
margin: 0 auto;
position:relative;
z-index:10;
text-align:left;
color: black;
background-color:white;
clear:both; /* to keep other elements out of this element's path */
}

#home_footer{
clear:both; /* to keep other elements out of this element's path */
font-size:12px;
text-align:center;
border-top:2px dotted #B74E07; /* also, border-width, border-style, border-color */
color: #928389;
/* line-height: 40%; */
}
		 
p.miniphotos{
height:33px;
overflow:hidden; /* visible (the default), hidden, scroll, auto (have scrollbars appear when necessary) */
padding-top:4px;
margin-bottom:auto;
}

.miniphotos img{
padding:0 2px;
vertical-align:middle; /* baseline, middle, sub, super, text-top, text-bottom, top, bottom */
}

p#newsec{ /* subheader class of purple class */
/* border-right:2px dashed #B74E07;  /* ALL COLORS: dotted, dashed, solid, double; LIGHT: groove, ridge, inset, outset */
font-family: "Georgia"; /* stick to: Arial, Courier New, Georgia, Helvetica, Times New Roman, Trebuchet MS, Verdana, serif, sans-serif */ 
font-weight: 800; /* 100 to 900 */
font-style: oblique; /* oblique, normal */
font-size:30px;
margin-left:0px;
color:black; /* font color as rgb(r,g,b), name or #hex */
position:relative;
z-index:5;
}

/* LIST options */

ol{ /* HTML: <ol><li></li></ol> */
list-style-type:upper-roman; /* disc, circle, square, decimal, upper-alpha, lower-alpha, upper-roman, lower-roman */
/* list-style-position:inside; */
}

ul{ /* HTML: <ul><li></li></ul> */
list-style-type:square; /* disc, circle, square, decimal, upper-alpha, lower-alpha, upper-roman, lower-roman */
}

dl{ /* HTML: <dl><dt><dd></dd></dt></dl> */
/* definition lists */
}

dt{ /* HTML: <dl><dt><dd></dd></dt></dl> */
font-weight:bold;/* the term to be defined */
}

dt.example{
font-style:oblique;
}

dd{ /* HTML: <dl><dt><dd></dd></dt></dl> */
/* the definition */
font-style:oblique;
}