body {
background-image:url(../images/bg/chalk_bg.png);
background-position:left top;
background-repeat:repeat;
}

/*  LAYOUT '''' minus header ''''  */
#container {
border:0;
width:1000px;
margin:auto;
padding:0;
position: center;
}

#main_column {
float:left;
width:773px;
height:auto;
margin:0 0 25px 0;
}

#right_side_column {
float:right;
width:220px;
height:auto;
}

#content {
background-color: #FFFFFF;
border:1px solid #485970;
border-radius: 5px;
margin:10px 5px 10px 15px;
-moz-border-radius: 5px;
-khtml-border-radius: 5px;
-webkit-border-radius: 5px;
}

/*  WRITTEN CONTENT  */
.written {
margin:15px 25px 15px 30px;
}

.written_index {
min-height:470px;
margin:15px 25px 15px 30px;
}

.written_lifestyle {
min-height:408px;
margin:15px 25px 15px 30px;
}

/*  PHOTOS FOR WRITTEN CONTENT  */
.right {
padding:10px 0px 5px 16px;
}

.left {
padding:10px 16px 5px 5px;
}

.center {
padding:10px auto 16px;
}

/*  MENU BLOCKS  */
#menu {
background-color:#FFFFFF;
border:1px solid #485970;
border-radius:5px;
list-style-image:none;
margin:10px 0 10px 0;
-moz-border-radius: 5px;
-khtml-border-radius: 5px;
-webkit-border-radius: 5px;	
}

p.alert {
color:#7186A3;
font-family:Trebuchet, Tahoma, Arial, Verdana, sans-serif;
font-size:10px;
font-size-adjust:none;
font-style:normal;
font-weight:bold;
line-height:15px;
margin:0px auto 4px 15px;
}

ul.none {
list-style-type:none;
}

li.definer {
color:#7186A3;
font-family:Trebuchet, Tahoma, Arial, Verdana, sans-serif;
font-size:11px;
font-size-adjust:none;
font-style:normal;
font-weight:normal;
line-height:15px;
padding:-5px 5px 4px 15px;
}

a.link {
color:#485970;
font-family:Trebuchet, Tahoma, Arial, Verdana, sans-serif;
font-size:12px;
font-size-adjust:none;
font-style:normal;
font-weight:normal;
line-height:20px;
padding:0 0 6px 0px;
text-decoration:underline;
outline:none;
}

a.link:hover {
color:#C82A28;
}

.header_link {
color:#485970;
font-family:Trebuchet, Tahoma, Arial, Verdana, sans-serif;
font-size:14px;
font-size-adjust:none;
font-style:normal;
font-weight:bold;
line-height:20px;
padding:0;
text-decoration:none;
outline:none;
}

a.header_link:hover {
color:#485970;
}

.this_page {
color:#C82A28;
font-size:14px;
font-weight:normal;
padding:0 0 0 6px; 
line-height:18px;
}

/*  GENERAL STUFF  */
h1, h2, h3, h4 {
color:#485970;
font-weight:normal;
margin:5px auto 5px 10px;
padding:0px; 
line-height:1.1em;
}

h5, h6 {
color:#485970;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
color: #485970;
}

h1 {
font-size: 28px;
}
h2 {
font-size: 24px;
}
h3 {
font-size: 20px;

}
h4 {
font-size: 16px;
font-weight:bold;
}

h5 {
font-size:;
}

h6 {
color:#7186A3;
font-family:Trebuchet, Tahoma, Arial, Verdana, sans-serif;
font-size:11px;
font-size-adjust:none;
font-style:normal;
font-weight:bold;
line-height:12px;
margin:15px auto 5px 10px;
}

/* '''' FOOTER ''''*/
hr {
color:#485970;
margin:0 22px 30px 22px;
size:3px;
align:center;
}

.bye {
text-align:center;
} 

/* ALL THAT BORING STUFF */
a {
color:#485970;
font-weight:bold;
text-decoration:none;
}

a:hover {
color:#800000;
text-decoration:underline;
}

p {
font-family:Trebuchet, Tahoma, Arial, Verdana, sans-serif;
color:#202020;
font-size:12px;
font-size-adjust:none;
font-style:normal;
font-weight:normal;
line-height:18px;
}

p.index {
font-family:Trebuchet, Tahoma, Arial, Verdana, sans-serif;
color:#202020;
font-size:12px;
font-size-adjust:none;
font-style:normal;
font-weight:normal;
line-height:16px;
width:316px;
}

p.small {
align:left;
color:#485970;
font-family:Trebuchet, Tahoma, Arial, Verdana, sans-serif;
font-size:11px;
font-size-adjust:none;
font-style:normal;
font-weight:normal;
line-height:15px;
margin:0 auto 25px 20px;
}

.moody {
font-family:Trebuchet, Tahoma, Arial, Verdana, sans-serif;
color:#27303D;
font-size:13px;
font-size-adjust:none;
font-style:normal;
font-weight:bold;
line-height:16px;
}

/** I borrowed this portion of CSS from Stu Nicholls and have altered it to fit my needs. If you are a bit lost on the possibilites that exist with CSS I highly recommend Mr. Nicholls site "CSS play" at http://www.cssplay.co.uk/ **/


a.ref_photo, a.ref_photo:visited {
background:none;
color:#485971; 
font weight:strong;
position:relative; 
z-index:1;
outline:none;
}
a.ref_photo b {
position:absolute;
visibility:hidden; /* hide the image */
border:0; /* add a border */
left:0; /* position:the image */
top:-150px;
}
a.ref_photo:hover {
color:#485971; 
text-decoration:underline; 
border:0; /* needed for this to work in IE */ 
z-index:1000;
}
a.ref_photo:hover b {
visibility:visible; /* make the image visible */

cursor:pointer; /* for IE */
z-index:500; 
}
a.ref_photo:hover b img {
border:0; /* remove the link border */
}

/*  FOR COOKING MENUS  */

a.menu_photo, a.menu_photo:visited {
background:none;
color:#485971; 
font-size:14px;
font weight:bold;
line-height:18px;
position:relative; 
z-index:1;
outline:none;
}
a.menu_photo b {
position:absolute;
visibility:hidden; /* hide the image */
border:0; /* add a border */
left:0; /* position:the image */
top:-150px;
}
a.menu_photo:hover {
background:none;
color:#485971; 
text-decoration:underline; 
border:0; /* needed for this to work in IE */ 
z-index:1000;
}
a.menu_photo:hover b {
visibility:visible; /* make the image visible */

cursor:pointer; /* for IE */
z-index:500; 
}
a.menu_photo:hover b img {
border:0; /* remove the link border */
}

a.h3_photo, a.menu_photo:visited {
background:none;
color:#485971; 
font-size:14px;
font weight:bold;
line-height:18px;
position:relative; 
z-index:1;
outline:none;
}
a.h3_photo b {
position:absolute;
visibility:hidden; /* hide the image */
border:0; /* add a border */
left:0; /* position:the image */
top:+25px;
}
a.h3_photo:hover {
background:none;
color:#485971; 
text-decoration:underline; 
border:0; /* needed for this to work in IE */ 
z-index:1000;
}
a.h3_photo:hover b {
visibility:visible; /* make the image visible */

cursor:pointer; /* for IE */
z-index:500; 
}
a.h3_photo:hover b img {
border:0; /* remove the link border */

/* 20-March-2010: Began condensing different page css into this one. */
/* 21-March-2010: Added menu-photo and ref-photo, I also changed the width of the written column and damaged the photo galleries. */
/* 22-March-2010: Began deleting unnecessary functions */
/* 24-March-2010: Retrieved the CSS Folder from the site after having deleted it on my computer. Sigh. */
/* 25-March-2010: Finished repairing the 'lost' CSS files and have uploaded the new into the site. */
/* 1-April-2010: Tons of changes made: footer, nav menu, line heights, borders. I'm tired now. */