/* css for Anne Howeson's website - version 2 */

* {
margin : 0;
padding : 0;
}

body {
	margin: 0;
	padding: 0;
	text-align: center;
	background-color: #EEE;
	font-family: "Trebuchet MS", Arial, sans-serif;
	font-size: 100%;
}

body.bg {
	background: #D30C1B url(pics/home-background.jpg) no-repeat center top;
	width: 100%;
	height: 100%;
	display: block;
}


/* type */

h1, h2, h3, h4, ul, ol, a {
	font-weight: normal;
	text-transform: uppercase;
	text-indent: 10px;
	margin: 0;
	padding: 0;
	height: auto;
	width: auto;
	letter-spacing: 0.1em;
}

h1 {
	line-height: 30px;
	font-size: 12px;
	font-weight: 900;
	color: #333;
}

.article									{ margin-bottom:100px;text-align:justify;}
.article h1.border 				{ height:30px; }
.article p								{ width:500px;}
.article * 								{ padding:10px;}
.article **								{ padding:0px;}
.article address					{ padding:0px;}
.article address img 			{ padding: 10px 0 0 ;}


h2 {
	line-height: 20px;
	font-size: 10px;
	color: #333;
}

h3 { /*not in use at the moment */
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	text-transform: none;
	font-size: 14px;
	color: #333;
	letter-spacing: 0;
}
	
h4 {
	font-size: 10px;
	color: #999;
}
	
ul{
	list-style-type: none;
}

li{
	padding: 0;
	position: relative;
	list-style-type: none;
}

p { /*main text*/
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 13px;
	color: #666;
	line-height: 22px;
	font-weight: 100;
	padding-left: 10px;
}

p.small { /*credits and stuff*/
	font-family: "Trebuchet MS", Arial, sans-serif;
	font-size: 10px;
	color: #999;
	line-height: 16px;
	text-indent: 10px;
}

.article h5,
p.work-title {
	display: inline;
	font-family: "Trebuchet MS", Arial, sans-serif;
	text-transform: uppercase;
	font-weight: 100;
	text-indent: 10px;
	letter-spacing: 0.1em;
	font-size: 13px;
	color: #333;
	
}


.article h6,
p.materials,
p.dimensions,
span.date {
	display: inline;
	font-family: "Trebuchet MS", Arial, sans-serif;
	text-transform: uppercase;
	text-indent: 10px;
	letter-spacing: 0.1em;
	font-size: 10px;
	color: #999;
}
span.date 	{ margin-left:50px }

p.dimensions {
	display: inline;
	font-family: "Trebuchet MS", Arial, sans-serif;
	text-transform: uppercase;
	text-indent: 10px;
	letter-spacing: 0.1em;
	font-size: 10px;
	color: #999;
}



/* links */

a img {
	border: none;
	text-decoration: none;
}

.l1 {
	text-decoration: none;
	color: #333; 
	line-height: 30px;
	font-size: 11px;
	list-style-type: none;
}
.l1 a:link , .l1 a:visited, .l1 a:active {color: #333; text-decoration: none;}
.l1 a:hover {color: #C33; text-decoration: none;}

.l1-current {
	text-decoration: none;
	font-size: 11px;
	color: #C33;
}
.l1-current a:link, .l1-current a:visited, .l1-current a:active {color: #C33; text-decoration: none;}
.l1-current a:hover {color: #C33; text-decoration: none;}

.l2 {
	text-decoration: none;
	color: #333; 
	font-size: 10px;
	line-height: 20px;
	list-style-type: none;
}
.l2 a:link , .l2 a:visited, .l2 a:active {color: #333; text-decoration: none;}
.l2 a:hover {color: #C33; text-decoration: none;}

.l2-current {
	text-decoration: none;
	font-size: 10px;
	color: #C33;
}
.l2-current a:link, .l2-current a:visited, .l2-current a:active {color: #C33; text-decoration: none;}
.l2-current a:hover {color: #C33; text-decoration: none;}

.l3 {
	font-family: "Trebuchet MS", Arial, sans-serif;
	font-size: 10px;
	text-indent: 10px;
	text-decoration: none;
	list-style-type: none;
}
.l3 a {color: #666; text-decoration: none; border-bottom:1px solid #666}
.l3 a:hover {color: #C30; text-decoration: none; border-bottom:1px solid #C33} 

.l4 {
	font-family: "Trebuchet MS", Arial, sans-serif;
	font-size: 9px;
	text-indent: 10px;
	text-decoration: none;
	list-style-type: none;
	line-height: 16px;
}
.l4 a {color: #999; text-decoration: none; border-bottom:1px solid #999}
.l4 a:hover {color: #C30; text-decoration: none; border-bottom:1px solid #C33} 



/* images */

.img-button {
	height: 30px;
	width: 30px;
	vertical-align: middle;
	border: 0;
	margin: -2px 0 0 0;
	padding: 0;
}

.img-border {
	border: 2px solid #FFF;	
}



/* homepage */

a#homename { 
	margin: 0;
	padding: 0;
	background-image: url(pics/name-mouseOut.png); 
	height: 203px; 
	width: 476px; 
	display: block; 
	float: left;
	top: 300px;
	left: 50px;
	position: absolute;
}	
a#homename span { display:none; }
a#homename:hover { background-image:url(pics/name-mouseOver.png); }



/* other bits and bobs */

br.clear { 
	height: 0px; 
	line-height: 0px; 
	font-size: 1px; 
	clear: both;  
}

.border {
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	padding: 5px 0;
	margin: 5px 0;
}

.borderless {
	border-top: 1px solid #EEE;
	border-bottom: 1px solid #EEE;
	padding: 5px 0;
	margin: 5px 0;
}

.text {
	margin:0;
	padding:10px 0 100px 0;
	width:500px;
	text-decoration: none;
	text-align:left;
}

}
.footer-info {
	display: inline;
	line-height: 20px;
	top: 0;
	float: left;
	width: 200px;
	padding-bottom: 30px;
}

.viewer {
	float: left;
	margin: 10px 0 0 0;
	padding: 0;
	display: block;
	width: 700px;
}

.work-description {
	margin: 5px 0 30px 0;
	padding: 0;
	display: block;
	width: 700px;
}

.footer-info-none {
	display: inline;
	line-height: 20px;
	top: 0;
	float: left;
	width: 300px;
	padding-bottom: 30px;
}

.copyright {
	padding-left: 200px;
}

/* layout divs */

#container {
	margin: 0 auto;
	padding: 30px 50px;
	width: 900px;
	text-align: left;
	top: 0;
	position: relative;
}

#header {
	text-align: left;
	margin: 0;
	padding-left: 210px;
	padding-bottom: 50px;;
}

#content { /*no need for this? */
	margin: 0;
	padding: 0;
	top: 100px;
	position: absolute;
}



/* left col */

#left-col {
	float: left;
	margin: 0;
	padding: 0;
	width: 200px;
}

#menu {
	
}
	
#menu2 {
	margin:20px 0 30px 0;
	padding-left:10px;
}

#menu3 {
	margin: 10px 0 20px 0;
	padding-left: 10px;
}

#menu3 ul {
	width: 80px;
}

#menu3 li {
	display: inline;
}

#menu3 img {
border: none;
cursor: pointer;
float: left;
height: 30px;
margin: 5px;
width: 30px;
}


/* right col */

#right-col {
	float: left;
	margin: 0;
	padding: 0;
	width: 700px;
}



/* footer */

#footer {
	padding: 200px 0 50px 0;
	margin-left: 0;
	width: 900px;
}



/* preload */

#preload {
	width: 1px;
	height: 1px;
	overflow: hidden;
} 


.wp-pagenavi a,.wp-pagenavi .current { display:none;} 
.wp-pagenavi                         { float:left;}
.alignleft, .alignright              { float:right; text-decoration:none; }
.alignleft a, .alignright a          { text-decoration:none; color:#666666;font-weight:bold;}  
.alignleft a:hover, .alignright a:hover  { text-decoration:underline;}          
.copyright                           {min-height:20px;} 

#the_archive .selected {color: #C33; text-decoration: none;}