/*
Title:  Chuck Dodson | chuckdodson.com
Author:  Kelly Dodson | kellydodson.com
*/

body {
margin: 0 auto 0 auto;
text-align: center;
background-color: #666;
}

#FLVPlayer {margin: 0 0 0 5px}

#frame {
width: 825px;
background-image: url(../images/bgcenter.gif);
margin: 0 auto 0 auto;
padding: 0px;
text-align: left;
}

#framephoto {
width: 825px;
background-image: url(../images/bgphoto.gif);
margin: 0 auto 0 auto;
padding: 0px;
text-align: left;
}

/* -------- headers --------- */

h1 {
font-size: 8px;
color: #160e0c;
margin: 0;
}

h3 {
font-family: Times;
}

h4 {
font-family: Times;
}

p {
font-family: Arial;
}

br {clear: both}

img {border: none}

a {
text-decoration: none
}

a:hover {
text-decoration: underline;
}

/* -------- header layers --------- */

#Layer1 {
width: 825px; 
height: 200px; 
z-index: 2; 
background-image: url(../images/header.jpg); 
}

#Layer1 a {
color: #fff
}

#Layer1 a:hover {
color: #fff;
text-decoration: none;
background-color: #d42700
}

#Layer1 img {
margin: 0 0 0 8px;
vertical-align: middle
}

#Layer2 {
width: 810px; 
height: 49px; 
z-index: 3; 
color: #fff;
font-family: Verdana;
font-size: 12px;
padding: 23px 0 0 15px;
left: 0px; 
top: 0px; 
visibility: hidden; 
background-image: url(../images/flap.jpg); 
}

/* -------- content blocks --------- */

/* -------- content header --------- */
		
#contentheader {
width: 825px;
height: 200px;
background-image: url(../images/header.jpg)
}

#contentheader h1 {
font-size:14px;
padding:10px;
margin:0px;
}

#contentheader2 {
width: 825px;
height: 100px;
background-image: url(../images/headersm.jpg)
}

#gammaheader {
width: 825px;
height: 100px;
background-image: url(../images/headergamma.jpg)
}

#dropproject {
width: 825px;
height: 100px;
}

#dropproject a {
display: block;
background-position: 0 -100px;
width: 825px;
height: 100px;
background-image: url(../images/home_projects.gif)
}

#dropproject a:hover {
background-position: 0 -0px;
background-image: url(../images/home_projects.gif)
}

#dropmusic a {
display: block;
background-position: 0 -100px;
width: 825px;
height: 100px;
background-image: url(../images/home_music.gif)
}

#dropmusic a:hover {
background-position: 0 -0px;
background-image: url(../images/home_music.gif)
}

#dropfilm a {
display: block;
background-position: 0 -100px;
width: 825px;
height: 100px;
background-image: url(../images/home_film.gif)
}

#dropfilm a:hover {
background-position: 0 -0px;
background-image: url(../images/home_film.gif)
}

#dropwriting a {
display: block;
background-position: 0 -100px;
width: 825px;
height: 100px;
background-image: url(../images/home_writing.gif)
}

#dropwriting a:hover {
background-position: 0 -0px;
background-image: url(../images/home_writing.gif)
}

#dropart a {
display: block;
background-position: 0 -100px;
width: 825px;
height: 100px;
background-image: url(../images/home_art.gif)
}

#dropart a:hover {
background-position: 0 -0px;
background-image: url(../images/home_art.gif)
}

#dropprofile a {
display: block;
background-position: 0 -100px;
width: 825px;
height: 100px;
background-image: url(../images/home_profile.gif)
}

#dropprofile a:hover {
background-position: 0 -0px;
background-image: url(../images/home_profile.gif)
}

#dropcontact a {
display: block;
background-position: 0 -100px;
width: 825px;
height: 100px;
background-image: url(../images/home_contact.gif)
}

#dropcontact a:hover {
background-position: 0 -0px;
background-image: url(../images/home_contact.gif)
}

#dropphoto a {
display: block;
background-position: 0 -100px;
width: 825px;
height: 100px;
background-image: url(../images/home_photos.gif)
}

#dropphoto a:hover {
background-position: 0 -0px;
background-image: url(../images/home_photos.gif)
}

/* -------- content left --------- */

#contentleft {
width: 175px;
padding: 0px;
float: left
}

#contentleft h3 {
font-family: Arial;
margin: 15px 15px 0 12px;
font-size: 15px
}

#contentleft hr {
height: 1px;
border: 0;
margin: 10px 12px 0 12px;
background-color: #bbb;
color: #bbb
}

#quotes {
font-family: Arial;
font-size: 13px;
margin: 0 15px
}

/* -------- content center --------- */
	
#contentcenter {
width: 420px;
padding: 5px 0 15px 0;
margin: 0 25px 0 25px;
float: left
}

#contentcenterphoto {
width: 648px;
padding: 0;
margin: 0;
float: right
}

#contentcenter h2 {
font-size: 28px;
margin: 20px 0 15px 0;
padding: 0 3px 0 3px
}

#contentcenter h3 {
font-size: 24px;
margin: 20px 0 0 0;
padding: 0 3px 0 3px
}

#contentcenter h4 {
font-size: 20px;
margin: 15px 0 0 0;
padding: 0 3px 0 3px
}

#contentcenter p {
font-size: 13px;
line-height: 18px;
margin: 0 0 16px 0;
padding: 0 3px 0 3px
}

#contentcenter img {
background-image: url(../images/frame.gif);
padding: 19px;
margin: 0 0 10px 0
}

/* -------- content right --------- */
	
#contentright {
width: 175px;
padding: 0px;
float: left
}

#contentright table {
margin: 0 15px 0 15px;
padding: 0
}

#contentright hr {
height: 1px;
border: 0;
margin: 10px 15px 0 15px;
background-color: #bbb;
color: #bbb
}

#contentright h3 {
font-family: Arial;
margin: 15px 15px 0 15px;
font-size: 15px
}

#contentright p {
line-height: 15px;
color: #333;
font-size: 11px;
padding: 0;
margin: 5px 0 3px 0;
}

#contentright ul {
font-family: Arial;
list-style-type: none;
margin: 0 10px 0 15px;
padding: 0;
font-size: 12px
}

#contentright li {
padding: 0 0 7px 0
}

/* -------- google frame --------- */

iframe {
margin: 15px 0 0 10px
}

/* -------- quote elements --------- */

#quote {
height: 60px;
width: 825px;
background-color: #000;
color: #fff
}

#quote-show {
margin: 0;
padding: 0;
line-height: 180%;
text-align: center;
}

cite {
font-size: 11px;
color: #666
}

blockquote {
background-color: #fff6e7;
padding: 10px;
}

/* -------- forms --------- */

#contact {
background-color: #eee;
margin: 0;
padding: 25px;
font-family: Arial;
font-size: 13px;
line-height: 19px
}

.email {
width: 200px;
margin: 0 0 8px 0
}

textarea {
width: 355px;
height: 125px;
margin: 0 0 15px 0
}

/* -------- lists --------- */
	
.navlist {
font-family: Arial;
list-style-type: none;
font-size: 14px;
margin: 0;
padding: 2px 0 7px 12px;
line-height: 18px;
}

.navlist a {
text-decoration: none;
padding: 2px 0 7px 12px;
color: #000
}

.navlist a:hover {
background:url(../images/bullet.gif) no-repeat left;
}

.navlist2 {
font-family: Arial;
list-style-type: none;
font-size: 12px;
margin: 5px 0 0 0;
padding: 0px 15px 0px 13px;
line-height: 18px;
}

.navlist2 a {
display: block;
color: #666
}

.navlist2 a:hover {
color: #000;
text-decoration: none
}

.navlist2 li {
border: 1px solid #999;
padding: 3px 3px 3px 8px;
margin: 0 0 2px 0
}

.navlist2 li:hover {
color: #000;
background-color: #fff
}

/* -------- news --------- */
		
.newscontent {
font-family: Arial;
font-size: 13px;
line-height: 19px
}

.newsdate {
font-family: Arial;
font-size: 12px;
color: #666;
}

.newstitle a {
font-family: Times;
font-size: 25px;
color: #000;
margin: 20px 0 4px 0;
}

/* -------- footer --------- */

.footer {
color: #999;
background-image: url(../images/bgfooter.gif);
text-align: center;
height: 45px;
width: 825px;
margin: 0;
padding: 30px 0 0 0;
}

.footer p {
margin: 0;
padding: 0;
font-family: Arial;
font-size: 11px;
}

.footer a {
color: #999
}

.footer a:hover {
color: #fff;
background-color: #666
}

.footerphoto {
color: #999;
background-color: #666;
text-align: center;
height: 40px;
width: 825px;
margin: 0;
padding: 5px 0 0 0;
}

.footerphoto p {
font-family: Arial;
font-size: 11px;
}

.footerphoto a {
color: #999
}

.footerphoto a:hover {
color: #fff;
background-color: #666
}