/* Style Reset from Eric Meyer
------------------------------------------------ */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}


/* General Styles
------------------------------------------------ */
body {
 text-align: center;
 font-family: Arial, Verdana, sans-serif;
 font-size: 13px;
 line-height: 1.25em;
 background: #8c3847 url(../images/page_bg.gif);
 color: #470008;
 }

p {
 font-size: 14px;
 line-height: 18px;
 margin-bottom: 12px;
 color: #470008;
 }
 
.resume p {
 margin-bottom: 0;
  } 
 
em {font-style:italic;}
strong {font-weight:bold;}

h2, h3, h4 {
 font-size: 22px;
 line-height: 28px;
 margin-top: 15px;
 margin-bottom:6px;
 color: #c40024;
 font-weight:bold;
 }
 
h2 {
 font-size: 27px;
 margin-bottom: 9px;
 margin-top: 10px;
 }
 
h4 {
 font-size: 16px;
 margin-botto: 5px;
} 

h5 {
margin-top: 12px;
 font-weight: bold;
 }
 
#front h3 {
 margin-top: 10px;
 margin-bottom: 12px;
 } 
 
.front1,
.front2 {
	width: 305px;
	float: left;
}

.front1  {
	margin-right: 30px;
} 

.front-foot {
 margin-right: 120px;
 } 

a,
a:visited {
 color:#3366CC;
 text-decoration: none;
 font-weight:bold;
 }
 
a:hover,
a:active {
 color:#9933CC;
 text-decoration: underline;
 } 

#main input, 
#main textarea {
 width: 300px;
 margin-bottom: 5px;
 border: solid 1px #681D00;
 padding: 3px;
 font-family:Arial, Helvetica, sans-serif;
 font-size: 13px;
 }
 
#main input.button {
  background:#0099CC;
	border: solid 1px black;
	color: #fff;
	width: auto;
	padding: 3px 5px;
	margin-right: 8px;
	} 
	
	
.right {
 float: right;
 margin: 0 0 3px 8px;
 }
 
.photo {
 border: solid 1px #ccc;
 padding: 5px;
 background: #fff;
 } 

/* Major Elements
------------------------------------------------ */
#container {
 width: 933px;
 text-align: left;
 margin: 0 auto 40px auto;
 border-top: #482315 solid 8px;
 background: #e8d8d0 url(../images/side_swirl_bg.jpg) 750px 0 repeat-y;
 overflow:hidden;
 }

#front #container {
 background: #e8d8d0 url(../images/side_swirl_bg.jpg) top right repeat-y;
 }

#header {
 
 }
 
h1#sitetitle {
 font-size: 28px;
 margin-top: 10px;
 background: url(../images/title-big.png) no-repeat;
 width: 840px;
 height: 117px;
 text-indent: -9000px;
 margin:0;
 } 
 
#front h1#sitetitle {
 width: 749px;
 } 
 
h3#tagline {
 width: 934px;
 height: 42px;
 text-indent: -9000px;
 margin:0;
  /* transparent png hack for ie */
 filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/tagline-big.png',sizingMethod='crop');
 }

/* overwrite for other browsers */
h3#tagline[id] {
 background: url(../images/tagline-big.png) top left no-repeat;
 width: 934px;
 }  
 
#main {
 padding: 5px 220px 40px 25px;
 }

#front #main {
 padding: 5px 200px 20px 25px;
  /* transparent png hack for ie */
 background: url(../images/cole.gif) bottom right no-repeat;
 }

/* overwrite for other browsers */
#front #main[id] {
 background: url(../images/cole.png) bottom right no-repeat;
 } 
 
 
 
  
/* Interior Top Navigation
------------------------------------------------ */
#navTop {
 background: url(../images/div_bg.gif) bottom left repeat-x;
 margin-right: 184px;
 padding-bottom: 30px;
 }
 
#navTop {
 margin-right: 104px;
 }

#xxnavTop ul {
 padding-left: 88px; 
 }

#navTop ul {
 padding-left: 25px; 
 }

#xxnavTop li {
 width: 75px;
 height: 75px;
 float: left;
 margin: 20px 22px 0 0;
 }
 
#xxnavTop li a {
 display:block;
 width: 75px;
 height: 75px;
 text-indent: -9000px;
 } 
 
#xxnavTop  .bio { background: url(../images/int_bio.jpg); }
#xxnavTop  .writing { background: url(../images/int_writing.jpg); }
#xxnavTop  .shows { background: url(../images/int_shows.jpg); }
#xxnavTop  .myop { background: url(../images/int_myop.jpg); }
#xxnavTop  .press { background: url(../images/int_press.jpg); }
#xxnavTop  .press { background: url(../images/int_press.jpg); }
#xxnavTop  .photos { background: url(../images/int_photos.jpg); }


 
/* Front Top Navigation
------------------------------------------------ */
#navTop {
 background: url(../images/div_bg.gif) bottom left repeat-x;
 margin-right: 184px;
 padding-bottom: 30px;
 }

#navTop li {
 width: 100px;
 height: 100px;
 float: left;
 margin: 20px 19px 0 0;
 }

#navTop li {
 width: 100px;
 height: 100px;
 float: left;
 margin: 20px 19px 0 0;
 }
 
#navTop li a {
 display:block;
 width: 100px;
 height: 100px;
 text-indent: -9000px;
 } 
 
#navTop  .bio { background: url(../images/top_bio.jpg); }
#navTop  .writing { background: url(../images/top_writing.jpg); }
#navTop  .shows { background: url(../images/top_shows.jpg); }
#navTop  .myop { background: url(../images/top_myop.jpg); }
#navTop  .press { background: url(../images/top_press.jpg); }

#navTop  .television { background: url(../images/top_television.jpg); }
#navTop  .photos { background: url(../images/top_photos.jpg); }

#navTop  .bio a:hover { background: url(../images/top_bio_on.gif); }
#navTop  .writing a:hover  { background: url(../images/top_writing_on.gif); }
#navTop  .shows a:hover  { background: url(../images/top_shows_on.gif); }
#navTop  .myop a:hover  { background: url(../images/top_myop_on.gif); }
#navTop  .press a:hover  { background: url(../images/top_press_on.gif); }

#navTop  .television a:hover  { background: url(../images/top_television_on.gif); }
#navTop  .photos a:hover  { background: url(../images/top_photos_on.gif); }
 
 
/* Foot Navigation
------------------------------------------------ */
#navFoot {
 background: #411b0c url(../images/foot_bg.png) top left repeat-x;
 margin-top: 0px;
 padding-bottom: 10px;
 }

#navFoot ul {
 padding-left: 25px; 
 display: none;
 }

#navFoot li {
 float: left;
 margin: 0;
 height: 44px;
 }
 
#navFoot li a {
 display:block;
 text-indent: -9000px;
 height: 44px;
 } 
 
 
#navFoot  .bio a { background: url(../images/foot_bio.png); width: 49px; }
#navFoot  .writing a { background: url(../images/foot_writing.png); width: 92px;}
#navFoot  .shows a { background: url(../images/foot_shows.png);  width: 88px; }
#navFoot  .myop a { background: url(../images/foot_myop.png);  width: 184px; }
#navFoot  .press a { background: url(../images/foot_press.png);  width: 78px; }
#navFoot  .photos a { background: url(../images/foot_photos.png);  width: 88px; }
#navFoot  .contact a { background: url(../images/foot_contact.png);  width: 99px; }

/* Float Fix
------------------------------  */
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix {
	display: inline-block;
}

/* Hides from IE-mac \*/
.clearfix { display: block; }
/* End hide from IE-mac */