/* CSS Document */

body {background-color: #000000; background-image:url(http://tracymak.com/images/Brooklyn-Bridge-Bkgd2.jpg); background-repeat: repeat-y; font-family:Arial, Helvetica, sans-serif; font-size:.9em; color:#333333}

body,html {margin:0; padding:0;}

img, div { behavior: url(http://www.tracymak.com/iepngfix.htc) }

#container
{
width: 1024px;
margin: 0px;
line-height: 130%;
}

#leftnav
{
float: left;
width: 200px;
margin: 0;
}

#rightnav
{
float: right;
width: 325px;
margin: 0;
padding-top: 10px;
}

#content
{
margin-left: 200px;
margin-right: 325px;
width: 475px;
padding-top: 10px;
}

/* Main Navigation */

#main-nav { height: 300px; }
#main-nav dl { margin: 0; padding: 0;}
/* IE5 Mac Hack \*/ 
#main-nav { padding-left: 11px; } 
/*/ 
#main-nav { padding-left: 11px; overflow: hidden; } 
/* End Hack */
#main-nav dt { float: left; }
#main-nav dt a {
	display: block;
	height: 0px !important;
	height /**/:60px; /* IE 5/Win hack */ 
	padding: 60px 0 0 0;
	overflow: hidden;
	background-repeat: no-repeat;
}
#main-nav dt a:hover {
	background-position: 0 -60px;
}
#main-nav dt#home,
#main-nav dt#home a { width: 200px; background-image: url(http://www.tracymak.com/images/nav/home2.png); }

#main-nav dt#portfolio,
#main-nav dt#portfolio a { width: 200px; background-image: url(http://www.tracymak.com/images/nav/portfolio2.png); }

#main-nav dt#resume,
#main-nav dt#resume a { width: 200px; background-image: url(http://www.tracymak.com/images/nav/resume2.png); }

#main-nav dt#blog,
#main-nav dt#blog a { width: 200px; background-image: url(http://www.tracymak.com/images/nav/blog2.png); }

#main-nav dt#contact,
#main-nav dt#contact a { width: 200px; background-image: url(http://www.tracymak.com/images/nav/contact2.png); }

body.home dt#home,
body.home dt#home a,
body.portfolio dt#portfolio,
body.portfolio dt#portfolio a,
body.resume dt#resume,
body.resume dt#resume a,
body.blog dt#blog,
body.blog dt#blog a,
body.contact dt#contact,
body.contact dt#contact a {
	background-position: 0 -60px;
}

#main-nav img {float: right; margin-top: 15px; padding-right:25px}
/* End of Main Navigation */


/*Rounded Background*/
.dialog {
 width:90%;
 margin:0px auto;
 min-width:20em;
 max-width:700px; /* I only cut the left background images out to 800px. You could do much larger, etc. */
}

.dialog .hd .c,
.dialog .ft .c {
 font-size:1px; /* ensure minimum height */
 height:11px;
}

.dialog .hd .c {height:11px}

.dialog .ft .c {
 height:14px;
}

.dialog .hd {
 background:transparent url(http://www.tracymak.com/images/tl.png) no-repeat 0px 0px;
 margin-right:14px; /* space for right corner */
}

.dialog .hd .c {
 background:transparent url(http://www.tracymak.com/images/tr.png) no-repeat right 0px;
 margin-right:-14px; /* pull right corner back over "empty" space (from above margin) */
}

.dialog .bd {
 background:transparent url(http://www.tracymak.com/images/ml.png) repeat-y 0px 0px;
 margin-right:14px;
}

.dialog .bd .c {
 background:transparent url(http://www.tracymak.com/images/mr.png) repeat-y right 0px;
 margin-right:-14px;
 padding: 0 15px 10px 15px;
 line-height: 22px
}

.dialog .bd .c .s {
 margin:0px 8px 0px 4px;
 background:#000 url(http://www.tracymak.com/images/ms.jpg) repeat-x 0px 0px;
 padding:1em;
}

.dialog .ft {
 background:transparent url(http://www.tracymak.com/images/bl.png) no-repeat 0px 0px;
 margin-right:14px;
}

.dialog .ft .c {
 background:transparent url(http://www.tracymak.com/images/br.png) no-repeat right 0px;
 margin-right:-14px;
}


/*Rounded Dialog Box Content Style*/

.dialog h2 {
 /* header */
 margin:0px;
 padding:0px;
 margin-top:-7px;
 font-family: "Trebuchet MS", Arial, sans-serif; text-transform:uppercase; color:#00CC99; font-size:24px; text-align:center;
}

.dialog h3 {
 /* header */
 margin:0px;
 padding:0px;
 margin-top:-7px;
 line-height:22px;
 font-family: "Trebuchet MS", Arial, sans-serif; text-transform:uppercase; color:#00CC99; text-align:left
}

.dialog p {
 margin:0px 0px 0px 0px;
 padding:3px;
 font:0.95em/1.5em arial,tahoma,"sans serif";
}

html>body .dialog pre {
 font-size:1.1em;
}

/*End Rounded Dialog Box Content Style*/

strong {color:#000000}

a {color:#00CC99; text-decoration: none}
a:hover {color: #FFFF66;}

h1 {margin-top:10px; text-align: center}
h4 {font-family: "Trebuchet MS", Arial, sans-serif; text-transform:uppercase; color: #333333; font-size:16px;}
h5 {font-family: "Trebuchet MS", Arial, sans-serif; text-transform:uppercase; color: #333333; font-size:18px; margin-bottom:0px}

ul {list-style-type: square; text-align:left}

.twitter { list-style:none; padding:0; margin-left:0}

.tracy {float: left; margin-right:20px; margin-bottom:10px}
.signature {font-family: "Edwardian Script ITC", "Script MT Bold", Arial; font-size:2.3em}

table { margin-left: auto; margin-right: auto;}

#portfolio #content  {width:630px; margin-left: 200px;
margin-right: 160px;}
#portfolio #rightnav {width:160px}
.port-web {text-align:center; margin:5px; float:left}
.port-flyer {text-align:center; margin:5px; width:100%}

form {line-height:2em}
input:focus
{
background-color:#FFFF66;
}

.contact-logo {border:none; margin:0}
.mktplan {float:left; margin:5px}
.text_line {clear:both;}