/*
CSS for allysonayers.com
*/


/*Basic CSS styles for body, images, text*/

body {
font-family: "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", Verdana, Helvetica, sans-serif;
font-size: .9em;
line-height: 22px;
color: #888888;
}

img {
border: none;
}

/*All DIV styles*/
#content p {
padding: 0px;
}

#wrapper {
border:none;
margin: 50px auto 0px auto;
width: 1000px;
}

#header {
border:none;
margin: 0;
width: 1000px;
height: 70px;
border-bottom: 1px dashed #888888;
padding-bottom: 15px;
}

#logo {
float:left;
}

/*START: css for  nav bar*/
#nav {  
background:url("images/nav.gif") 0 0 no-repeat;  
float:right;
width:442px;  
height:21px;  
margin:35px 0px 0px 0px;  
padding:0;  
}  

#nav li span {
display: none;
}  

#nav li {
float:left; 
list-style:none; 
position:relative;
}  

#nav li, #nav a { 
height:21px; 
display:block;  
margin:0;  
padding:0;
}

#bio {width: 58px;}
#resume {width: 106px;}
#clips {width: 198px;}
#contact {width: 80px;}
	
#bio a:hover {background:url("images/nav.gif") 0px  -21px no-repeat;}  
#resume a:hover {background:url("images/nav.gif") -58px  -21px no-repeat;}  
#clips a:hover {background:url("images/nav.gif") -164px  -21px no-repeat;}  
#contact a:hover {background:url("images/nav.gif") -362px  -21px no-repeat;}  

/*END: css for nav bar*/

#content {
border-bottom: 1px dashed #888888; 
width: 1000px;
}

#text{
float:left;
width: 575px;
}

#text img {
margin: 20px 0px 15px 110px;
}

#photo {
background:none;
float:right;
}

#footer {width: 1000px;
height: 37px;
}

#clear {
clear:both;
} /*this defines the div that keeps the text div and photo div aligned next to each other without disturbing the elements around it*/



/*START: css for resume page, which differs slightly in layout than other pages*/
h1 {
color: #41A8DD;
font-size: 1.6em;
padding: 10px;
}

ul.resumeindent {
padding: 2px 25px 10px 25px;
}

li {
list-style: none;
}

li.bold {
list-style:none;
font-weight: bold;
}

.resume{
margin: 25px 50px 0px 50px;
width: 900px;
border: 1px dashed #888888;
}

/*END: css for resume page, which differs slightly in layout than other pages*/

/*CSS for styling specific text*/

h1 {
color: #41A8DD;
font-size: 1.1em;
padding: 0px;
font-weight: bold;
}

h2 {
color: #41A8DD;
font-size: 1.1em;
font-weight: bold;
padding-left: 15px;
}

#emphasis {
color:#41A8DD;
font-weight: bold;
}

#italic{
font-style: italic;
}

p.large {
margin-top: 100px;
}

/*CSS for links*/

a:link, a:visited {
color: #41A8DD;
text-decoration: none;
}

a:active, a:hover {
color: #888888;
text-decoration: none;
}