/*** goodarts.net - 2/15/08 ***/

@import "undohtml.css";

/* standard elements */
html {
min-height: 100%;
margin-bottom: 2px;
}

a {
border-bottom: dotted;
border-bottom-color: #CCC;
border-bottom-width: 1px;
color: #000;
font-weight: bold;
}

a:hover {
border-bottom: solid;
border-bottom-color: #369;
border-bottom-width: 1px;
color: #06C;
}

body {
background: #000;
font: .7em "Helvetica", "Arial", sans-serif;
}

p {
padding-bottom: 1.4em;
line-height: 2em;
}

h1 {
font-size: 1.5em;
margin-bottom: 4px;
padding-top:2px;
position: relative;
}

h1 span {
background: url(../i/gradient-white.png) repeat-x;
position: absolute;
display: block;
width: 100%;
height: 31px;
}

h2 {
font-size: 1.5em;
margin-bottom: 4px;
padding-top:14px;
}

h3 {
font-size: 1.2em;
}

.client{
padding-left: 300px;
font-style: italic;
font-weight: bold;
}

.after{
padding-left: 260px;
}

/* misc */
.clearer {
clear: both;
}

.left {
float: left;
}

.right {
float: right;
}

/* header */
.header {
background: none;
height: 108px;
margin: 0 auto;
padding: 0;
width: 960px;
}

.header .logo{
background: url(../i/amy_logo.png) no-repeat;
display:block;
position:absolute;
top:13px;
height:108px;
width:308px;;
z-index: 5;
}

.header h1 {
display: none;
}

.header .left {
width: 200px;
}

.header .right {
width: 630px;
}

/**nav**/
ul#nav {
position:relative;
top:46px;
width:630px;
height:30px;
right: 15px;
}

ul#nav li {
padding:0;
margin:0;
list-style-type:none;
float:left;
text-indent:-9999px;
}

ul#nav li a {
border:0;
text-decoration:none;
display:block;
background:transparent url(../i/nav.png) no-repeat;
}

li#about a {
width:86px;
height:30px;
}

li#bio a {
width:65px;
height:30px;
}

li#news a {
width:135px;
height:30px;
}

li#portfolio a {
width:108px;
height:30px;
}	 

li#testimonials a {
width:136px;
height:30px;
}

li#contact a {
width:100px;
height:30px;
}

li#about a:link, li#about a:visited {	
background-position:0px 0px;
}

li#about a:hover, li#about a:focus {
background-position:0px -30px;
}

li#bio a:link, li#bio a:visited {	
background-position:-86px 0px;
}

li#bio a:hover, li#bio a:focus {	
background-position:-86px -30px;
}

li#news a:link, li#news a:visited {	
background-position: -151px 0px;
}

li#news a:hover, li#news a:focus {	
background-position: -151px -30px;
}

li#portfolio a:link, li#portfolio a:visited {	
background-position: -286px 0px;
}

li#portfolio a:hover, li#portfolio a:focus {	
background-position: -286px -30px;
}

li#testimonials a:link, li#testimonials a:visited {	
background-position: -394px 0px;
}

li#testimonials a:hover, li#testimonials a:focus {	
background-position: -394px -30px;
}

li#contact a:link, li#contact a:visited {	
background-position: -530px 0px;
}

li#contact a:hover, li#contact a:focus {	
background-position: -530px -30px;
}

/** nav "active tabs" **/

body#about-page ul#nav li#about a {
background-position:0px -60px;
}

body#bio-page ul#nav li#bio a {
background-position:-86px -60px;
}

body#news-page ul#nav li#news a {
background-position:-151px -60px;
}

body#portfolio-page ul#nav li#portfolio a {
background-position:-286px -60px;
}

body#testimonials-page ul#nav li#testimonials a {
background-position:-394px -60px;
}

body#contact-page ul#nav li#contact a {
background-position:-530px -60px;
}

/* container */
.container {
background: url(../i/background_blue.jpg) repeat-x;
font-size: 1.2em;
margin: 10px auto;
padding: 0;
width: 960px;
}

/* content */
.content {
float: left;
margin: 0;
padding: 0 16px;
min-height: 100%;
width: 520px;
}

.contentFull {
float: left;
margin: 10px 0;
padding: 0 16px;
width: 760px;
}

.ad {
height:241px;
margin: 0 0 0 -16px;
width:660px;
}

.main_top{
background: url(../i/main_top.png) no-repeat;
padding: 0 40px 0 40px;
height: 38px;
width: 590px;
}

.main{
background: url(../i/main_middle.png) repeat-y;
min-height: 350px;
padding: 0 40px 0 40px;
width: 590px;
}

.main_bottom{
background: url(../i/main_bottom.png) no-repeat;
padding: 0 40px 20px 40px;
height: 38px;
width: 590px;
}

.flashplacement{
margin: -10px 0 10px 25px;
}

/**Portfolio**/

#portfolio_list{
padding:0px 3px 8px 3px;
}

ul.sample{
border:solid 1px #c1c1c1;
display:table;
margin:8px auto 0px auto;
padding:6px;
width:96%;
}

ul.sample:hover{
border:solid 1px #369;
}

ul.sample a{
font-size: 1em;
color:#000;
}

ul.sample .nolink{
text-transform:uppercase;
font-weight: bold;
font-size: 1em;
color:#333;
}

.image {
margin:5px 10px 2px 2px;

}

.sample p{
margin:0 5px -16px 5px;
}

.port_info{
font-style: italic;
text-align: right;
}

.title{
font-size: 1.1em;
}

/* sidebar */
.sidebar{
float: right;
width: 260px;
min-height: 100%;
padding: 0 20px 0 0;
}

.side_top{
background: url(../i/side_top.png) no-repeat;
padding: 0 40px 0 40px;
height: 38px;
width: 260px;
}

.side {
background: url(../i/side_middle.png) repeat-y;
padding:0 40px 0 40px;
width: 180px;
}

.side_bottom{
background: url(../i/side_bottom.png) no-repeat;
padding: 0 40px 20px 40px;
height: 38px;
width: 260px;
}

/* twitter */
#twitter_div {
font-family: Arial, Helvetica, sans-serif;
font-size: 1em;
line-height: 2.1em;
margin-top: 0;
padding: 0 0 0 0;
}
 
#twitter_div ul li {
color: #000;
/*border-bottom-style: solid;
border-bottom-width: 1px;
border-bottom-color: #FFF;*/
padding: 10px 0 10px 0;
}
 
#twitter_div ul li a {
color: #369;
font-weight: normal;
text-decoration: none;
}
 
#twitter_div ul li a:hover {
text-decoration: underline;
}
 
#twitter_div p {
text-align: right;
padding-right: 6px;
padding-bottom: 10px;
}

/* footer */
.footer {
background-color: #000;
color: #FFF;
font-size: 1em;
margin: 0 auto;
padding: 10px 20px 0 0;
text-align: right;
width: 960px;
}

.footer p{
font-weight: bold;
line-height: .5em;
}

.footer a{
color: #FFF;
font-weight: bold;
text-decoration: none;
}

.footer a:hover {
text-decoration: underline;
}