body {
margin: 0 auto;  
padding: 0;
background: #eee;
color: #333;
}

h1 span {display:none;} 

h2, h3 {
font-family: arial, lucida grande, verdana, arial, helvetica, sans-serif;
text-transform:  lowercase;
margin: 0;
margin-bottom: 5px;
padding: 0
}

h4 {
font-family: lucida grande, verdana, arial, helvetica, sans-serif;
margin-bottom: 4px;
}

p {
font-family: verdana, arial, georgia, times new roman, times, serif;
line-height: 16px;
}

.center {
text-align: center;
}

blockquote {
font-family: verdana, arial, helvetica, sans-serif;
color: #666;
}

ul {
list-style: square;
margin-top: 3px;
margin-bottom: 3px;
margin-left: 1em;
padding-left: 1em;
}

li {
font-size: 100%;
font-family: verdana, georgia, times new roman, times, serif;
}

img {
margin: 0;
padding: 0;
border: 0;
}

a:link { background-color: transparent; text-decoration: none; color: #ED145B; }
a:hover { background-color: #ED145B; text-decoration: none; color: #fff; }
a:visited { background-color: transparent; text-decoration: none; color: #ED145B; }

/*  boxes */

#wrappertop {
background-image:url(http://www.artcodes.com/images_site/pinkheader.jpg);background-repeat:no-repeat;
height: 65px;
width: 740px;
}

#wrapper {
margin: 0px auto;
padding-bottom: 10px;
width: 740px;
border-top: 0px;
border-right: 1px solid #aaa;
border-bottom: 20px solid #ED145B;
border-left: 1px solid #aaa;
background: #eee;
color: #333;
}

#header {
margin-bottom: 10px;
padding: 5px 10px 5px 20px;
border-bottom: 1px solid #ccc;
background: #fff;
color: #ED145B;
}

#blogtitle {
float: left;
margin: 0;
padding: 0;
width: 350px;
text-align: left;
}

#blogtitle h1 {
font-family: trebuchet ms, verdana, arial, helvetica, sans-serif;
margin: 0;
padding: 0;
font-size: 160%;
letter-spacing: 0.1em;
text-align: left;
}

#nav {
font-family: verdana, arial, sans-serif;
float: right;
margin: 0;
margin-right: 18px;
padding: 0;
width: 550px;
text-align: right;
background: transparent;
color: #333;
font-size: 65%;
}

#content {
float: left;
margin-bottom: 10px;
padding: 0 10px;
}

#media {
margin-bottom: 10px;
padding: 0 10px;
}

#blog {
float: left;
margin-right: 5px;
padding: 10px;
border: 1px solid #ccc;
width: 440px;
background: #fff;
color: #333;
font-size: 70%;
text-align: left;
}

#blogwide {
margin-right: 5px;
padding: 10px;
border: 1px solid #ccc;
width: 700px;
background: #fff;
color: #333;
font-size: 70%;
text-align: left;
}

#sidebar {
float: left;
margin-left: 5px;
padding: 10px;
border: 1px solid #ccc;
width: 225px;
background: #fff;
color: #333;
text-align: left;
font-size: 70%;
}

#footer {
margin: 0 250px 0 10px;
padding: 10px 10px;
background: transparent;
color: #333;
font-size: 70%;
}

#imagecontainer img {
float: left;
}

#popup {
margin-right: 5px;
padding: 10px;
border: 0px solid #ccc;
background: #eee;
color: #333;
font-size: 70%;
text-align: left;
}

#popupTrans {
margin-right: 5px;
padding: 10px;
border: 0px solid #ccc;
background: transparent;
color: #333;
font-size: 70%;
text-align: left;
}


/*  pretty styles */

.pages1 {display:none;}

.date {
font-size: 11px;
font-weight: bold;
background: transparent;
color: #F5989D;
}

.title {
font-size: 28px;
font-weight: normal;
background: transparent;
color: #336600;
border-bottom: 1px solid #ddd;
margin-top: 0px;
}

.dialogue {
font-family: verdana, lucida sans unicode, lucida grande, sans-serif;
font-weight: normal;
background: transparent;
}

.more {
font-size: 130%;
font-weight: normal;
background: transparent;
}

.logolink , a.logolink , a.logolink:link , a.logolink:visited, a.logolink:hover {
	height: 36px;
 	width:108px;
 	padding:0;
 	display:block;
}

.broken_browsers {
  display: none;
  }

.posted {
margin-bottom: 18px;
font: 10px lucida grande, verdana, arial, helvetica, sans-serif;
background: transparent;
color: #666;
} 

.description {
margin-bottom: 18px;
font: 10px verdana, lucida grande, verdana, arial, helvetica, sans-serif;
background: #eee;
padding: 5px;
color: #333;
} 

.sidetitle {
margin: 10px 0;
font-size: 115%;
font-weight: normal;
background: transparent;
color: #336600;
border-bottom: 1px dotted #ccc;
}

.spacer {
clear: both;
}

.paginate {
 font-family:		Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif;
 font-size:			10px;
 font-weight: 		normal;
 padding:			10px 6px 10px 10px;
 margin:			0;
 background-color: #eee;
}

.paginatelinks {
 font-family:		Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif;
 font-size:			18px;
 font-weight: 		normal;
 padding:			10px 6px 10px 0px;

}

.pagecount {
 font-family:		Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif;
 font-size:			10px;
 color:				#666;
 font-weight:		normal;
 padding:			10px 6px 10px 4px;
 background-color: transparent;  
}

.calendarBG {
 background-color: #000; 
}

.calendarBlank { 
 background-color: #ED145B;
}

.calendarHeader { 
 font-weight: bold; 
 color: #fff; 
 text-align: center;
 background-color: #000; 
}

.calendarMonthLinks {
 font-family:       Arial, Trebuchet MS, Tahoma, Verdana, Sans-serif;
 font-size:         11px;
 font-weight:		bold;
 letter-spacing:	.1em;
 text-decoration:   none;
 color:             #fff;
 background-color:  transparent;
}

.calendarMonthLinks a {
 color:             #fff;
 text-decoration:   none;
 background-color:  transparent;
}
  
.calendarMonthLinks a:visited {
 color:             #fff;
 text-decoration:   none;
 background-color:  transparent;
}

.calendarMonthLinks a:hover {
 color:             #ccc;
 text-decoration:   underline;
 background-color:  transparent;
}

.calendarDayHeading {
 font-weight: bold; 
 font-size:	11px;
 color: #fff; 
 background-color: #663300; 
 text-align:  center;
 vertical-align: middle;
}

.calendarToday { 
 font-family:       Arial, Trebuchet MS, Tahoma, Verdana, Sans-serif;
 font-size:         12px;
 font-weight:		bold;
 letter-spacing:	.1em;
 text-decoration:   none;
 text-align:  center;
 vertical-align: middle;
 color:             #000;
 background-color: 	#ccc;
}

.calendarCell {
 font-family:       Arial, Trebuchet MS, Tahoma, Verdana, Sans-serif;
 font-size:         12px;
 font-weight:		bold;
 letter-spacing:	.1em;
 text-decoration:   none;
 text-align:  center;
 vertical-align: middle;
 color:             #666;
 background-color:  #fff;
}

.calendarCell a {
 color:             #000;
 text-decoration:   underline;
 background-color:  transparent;
}
  
.calendarCell a:visited {
 color:             #000;
 text-decoration:   underline;
 background-color:  transparent;
}

.calendarCell a:hover {
 color:             #fff;
 text-decoration:   none;
 background-color:  transparent;
}


/* form styles */

input, textarea, select {
 	background: #ff6;
 	font-family: verdana, arial, sans-serif;
 	font-size: 11px;
 	font-weight: normal;
 	color: #000;
 	border:1px inset #937967; 
	padding: 0;
 	margin: 0 0 2px 0; 
	font-size:  xx-small;      
	voice-family: "\"}\"";   
	voice-family: inherit;   
	font-size:  x-small;   
}
	
input.button {
 width:50px;
 margin: 2px 0 0 2px; 
 border:1px outset #937967; 
 background-color: #cab08d;
} 

.submit {
 width:70px;
 color: #000;
 margin: 2px 0 0 2px; 
 border:1px outset #937967; 
 background-color: #ff6;
} 
/* 
.input {
border-top:        1px solid #999999;
border-left:       1px solid #999999;
background-color:  #fff;
color:             #000;
font-family:       Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif;
font-size:         11px;
height:            1.6em;
padding:           .3em 0 0 2px;
margin-top:        6px;
margin-bottom:     3px;
} 

.textarea {
border-top:        1px solid #999;
border-left:       1px solid #999;
background-color:  #fff;
color:             #000;
font-family:       Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif;
font-size:         11px;
margin-top:        3px;
margin-bottom:     3px;
}

.checkbox {
background-color:  transparent;
margin:            3px;
padding:           0;
border:            0;
}

.submit {
background-color:  #fff;
font-family:       Arial, Verdana, Sans-serif;
font-size:         10px;
font-weight:       normal;
letter-spacing:    .1em;
padding:           1px 3px 1px 3px;
margin-top:        6px;
margin-bottom:     4px;
text-transform:    uppercase;
color:             #000;
}  


/*  emedia styles */

#wrapperPersona	{
	background-image:url(http://www.artcodes.com/emedia/movies/persona/images/personabg-sm.gif);background-repeat:no-repeat;
	margin: 0px auto;
	padding: 0;
	border: 0;
	border-top: 0;
	width: 700px;  /* bmh */	
	width: 699px;	 
	}
html>#wrapperXXX	{
	width: 699px;
	}