/* - - - - - - - - - - - - - - - - - - - - -



Title : Susan Sheets

Author : Colin Grigson

URL : http://www.susansheets.com



Description : Artist Portfolio Site CSS



Created : 8/7/2005

Modified : 



- - - - - - - - - - - - - - - - - - - - - */



/* ----- CSS ----- */

*{
	margin: 0px;
	padding: 0px;
}	

body{

	/* centers page */
	text-align: center; /* for IE */ 
	margin: 0 auto; /* for the rest */
	
	padding: 0px;
	font-family: 'Lucida Grande', 'Lucida Sans', Verdana, Arial, Helvetica, sans-serif;
	font-size: 75%;
	line-height: 1.8em;
	color: #333333;
	
	background-color: #333333;
}



/* ----- IDS ----- */

#primarycontainer{
	width: 750px;
	
	/* centers page */
	text-align: left;
	margin: 0 auto;

}

#contentwrapper{
	float: left;
	width: 520px;
	border-left: 1px solid #999999;
}

#rotatingimagearea{
	float: left;
	width: 520px;
}

#secondarycontainer{
	float: left;
	width: 100%;
	margin: 20px 5px 5px 5px;
	border: 1px solid #999999;
	background-color: #000000;
}	

#primaryContent{
	padding: 5px 40px 10px 40px;
	float: left;
	width: 440px;
	background-color: #FFFFFF;
}	

#homepagegraphic{
	float: left;
	width: 520px;
	height: 350px;
	background-image: url(/images/homegraphic.jpg);
}

#secondaryContent{

}	

#navigation{
	padding: 10px;
	text-align: right;
	width: 209px;
	background-repeat: no-repeat;
	float: left;
}	

#footer{
	float: left;
	width: 750px;
	text-align: center;
}


/* ----- HEADINGS ----- */



h1{
	width: 500px;
	float: left;
	padding: 15px 5px 0px 15px;
	margin-bottom: -3px;
	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: 900;
	letter-spacing: -.05em;
	color: #ffffff;
	
	border-top: 4px solid #333333;
	background-color: #202020
}

#bioheaderlink{
	background-image: url(../images/icons/pdficon.gif);
	background-repeat: no-repeat;
	
	margin-top: -4px;
	padding-left: 15px;
	
	float:right;
	font-size:11px;
	font-family: 'Lucida Grande', 'Lucida Sans', Arial, Helvetica, sans-serif;
	font-weight: normal;
	letter-spacing: normal;
}

#bioheaderlink a,a:visited{
	color: #FFFFFF;
	text-decoration: none;
}

#bioheaderlink a:hover{
	color: #cccccc;
}

h2{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: 900;
	letter-spacing: -.05em;
	color: #333333;
}

h3{

}

h4{

}



/* ----- PARAGRAPHS ----- */



p{
	padding-top: 10px;
	padding-bottom: 10px;
}

#primaryContent p{

}

#secondaryContent p{

}

#footer p{
	padding-top: 0px;
	padding-bottom: 5px;
	color: #666666;
	font-size: .9em;
}


/* ----- LINKS ----- */

a{

}

a:hover{

}

a:visited, a:active, a:focus{

}

a:visited{

}

a:active{

}


p a{

}

#backtotop a,a:visited{
	font-size: .9em;
	color: #666666;
	text-decoration: none;
	border-bottom: 1px dotted #cccccc;
}

#backtotop a:hover{
	color: #333333;
	border-bottom: 1px solid #999999;
}


/* ----- IMAGES ----- */
#navigation a,a:hover,a:visited{
	display: block;
	border: 1px solid #000000;
}

#navigation img{
}

#navigation a:hover{
	border: 1px solid #999999;
}

#navigation a.susanspic:hover {
	border: 1px solid #000;
}

#biophoto{
	margin-right: 10px;
	margin-bottom: 10px;
	border: 1px solid #cccccc;
	float: left;
	width: 215px;
	height: 310px;
	background-image: url(/images/biosm.jpg);
	background-repeat: no-repeat;
}

#ironhorselogo{
	margin-right: 20px;
	margin-bottom: 10px;
	float: left;
	width: 160px;
	height: 125px;
	background-image: url(/images/ironhorselogo.gif);
	background-repeat: no-repeat;
}

#austingallerieslogo{
	margin-right: 20px;
	margin-bottom: 10px;
	float: left;
	width: 160px;
	height: 90px;
	background-image: url(/images/austin_galleries_logo.gif);
	background-repeat: no-repeat;
}

img{

}

img a{

}

img a:hover{

}

/* ----- GALLERY SETTINGS ------ */

#gallerydetailimage{
	float: left;
	width: 520px;
	text-align: center;
	padding-top: 15px;
}

#gallerydetailimage img{
	padding: 5px;
	border: 1px solid #cccccc;
}

#gallerydetailimage a,a:visited{
	font-size: 11px;
	text-decoration: none;
	color: #999999;
}

#gallerydetailimage a:hover{
	font-size: 11px;
	text-decoration: underline;
	color: #666666;
}

#otheralbums{
	padding-top: 20px;
	width: 520px;
	text-align: center;
}

#otheralbums a,a:visited{
	font-size: 11px;
	text-decoration: none;
	color: #999999;
}

#otheralbums a:hover{
	font-size: 11px;
	text-decoration: none;
	color: #666666;
}

#otheralbums li{
	padding: 3px;
	margin-left: 5px;
	margin-right: 5px;
	list-style-type: none;
	display: inline;
	border: 1px solid #E9E9E9;
}

#gallerythumbnailimages{
	float: left;
	width: 500px;
	text-align: center;
	padding: 0 10px 10px 10px;
}

#gallerythumbnailimages li{
	border: 0px solid #ffffff;
}

#gallerythumbnailimages li{
	padding-left: 2px;
	padding-right: 2px;
	list-style-type: none;
	display: inline;
}

#gallerythumbnailimages img{
	padding: 5px;
	border: 1px solid #cccccc;
}

/* ----- QUOTES ----- */



blockquote{

}

blockquote p{

}

cite{

}

blockquote cite{

}




/* ----- TEXT FORMATTING ----- */



strong{

}

em{

}

b{

}

i{

}



/* ----- TABLES ----- */



table{

}

caption{

}

thead{

}

tbody{

}

tfoot{

}

tr{

}

tr .alt{

}

th{

}

td{

}



/* ----- FORMS ----- */



form{

}

fieldset{

}

legend{

}

label{

}

input{

}

textarea{

}

input, textarea{

}

select{

}

optgroup{

}

option{

}                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      