html{height: 100%;}

body {
	background:url("images/bg2.jpg") #999 repeat; 
	font-family:verdana, tahoma, sans-serif;}


#interests {
	background:url("images/bg3.jpg") #999 repeat; 
	font-family:verdana, tahoma, sans-serif;}

#projects, #projects_organizing, #projects_webdesign{
	background:url("images/bg1.jpg") #999 repeat; 
	font-family:verdana, tahoma, sans-serif;}






#mainWrapper {width:900px; margin:0 auto;  background-color:#333; border:2px solid #fff; padding: 0;}
#header {width:900px; padding: 20px 0; background-color: #000; color: #fff;}
.mainheading {text-align: center; font-family: georgia, times, serif;}
#contentwrap{height: 700px; padding: 0; margin: 0;}

#content {float:left; width:420px; margin:30px 0 0 30px; background: #ccc url(images/squares.png) no-repeat top right; border: 1px solid #fff; padding: 0; }
#content ul{margin:5px 15px; list-style-type:disc;}
#content ol {margin:5px 0 5px 30px; list-style-type:upper-roman;}
#content ul li, #content ol li {margin-left:15px;}
#content ul ul li, #content ol ul li{margin-left:15px; }
#content ol ol li{margin-left:15px; list-style-type:lower-roman;}
#content h1{font-size: 1.5em; padding: 5px;}
#content p{padding: 5px 35px 10px 20px; line-height: 1.5em; font-family: arial, helvetica, sans-serif;}
#content span{padding-right: 50px;}

#content_contact {float:left; width:650px; margin:30px 0 0 30px; background-color: #ccc; border: 1px solid #fff; padding: 10px;}
#content_contact form {padding: 10px;}

.column {float:left; width:300px; margin-left:50px;  }
.column h2{margin: 28px 5px 10px 1px; color: #fff; background-color: #333;}
.column ul {margin: 0 0 15px 5px; }
.column ul li { list-style-type: none;}
.column ul li a {display:block; padding:4px 0 4px 10px; color: #fff; background-color: #333;}
.column ul li a:hover{text-decoration:none; background:#666; color: #000;}
.column h3 {font-size:110%; text-transform:uppercase; margin:10px 0 8px 0;}
.column img {margin:0 0 4px 6px;}

.clean, .clr {clear:both;}


#bottom_para { text-align: center; color: #fff; font-style: italic; font-size: 80%; line-height: 1.3em;}
#bottom_para a{color: #ccc;}

#content p.homepage a{color: #666}
#content p.homepage a:hover{color: #333}


/* ------------NEWS PAGE STYLES-------------- */
#news {
	background:url(images/bg4.jpg) #999 repeat; 
	font-family:verdana, tahoma, sans-serif;}

#news #content {width:800px; margin:30px 50px; background:#ccc; border: 1px solid #fff; padding: 0;}

#news td {vertical-align: top;}

#news #content .news_date {background-color: #fff; font-size: 1em; color: #666; width: 40px; margin: 5px 5px 5px 10px; padding: 5px; text-align: center;  border-right: 1px solid #999; border-bottom: 1px solid #999;}
#news #content .news_post {border: 1px solid #fff; margin: 5px; width: 710px; font-size: .9em;}





/* -----------DECOR PAGE STYLES --------------*/
#mainWrapper_decor{width:900px; margin:0 auto;  background-color:#666; border:2px solid #fff; padding: 0;}
#content_decor {float:left; margin:30px 0 0 30px; padding: 0; width: 500px; background-color: #333;}
#chandelier{float: right; background-color: #fff; width: 300px;}

#content_decor{
    \width: 500px;    
    w\idth: 460px;
  } 
#nav_decor {background-color: #ccc;}



/* ------------PROJECTS PAGES PAGE--------------- */
#projects #content {width:800px; margin:10px 50px; background:#ccc; border: 1px solid #fff; padding: 0;}
*>html #projects #content {
 width: 902px;
 w\idth: 800px;
}
#projects #content .main a {color: #333;}
.photo {background: url(projects/galleryimages/drop_shadow.png) right bottom no-repeat;}
.photo img {
	border: 1px solid #666;
	background-color: #fff;
	padding: 1em 2em;
	position: relative;
	top: -5px;
	left: -7px;
	}
.figure p {
	text-align: center;
	color: #000;
	font-size: 120%;
	letter-spacing: 0.2em;
	}
.figure img {
	border: 1px solid #666;
	padding: 5px;
	}
.figure {
	float: left;
	width: 210px;
	padding: 0;
	margin: 10px 15px 10px 15px;
	}
#gallery {margin: 5px 35px;}
#gallery a{color: #000;}
#gallery a:hover{color: #666;}


#breadcrumbs {margin-top: 22px; padding: 13px 0 0 10px; color: #999; font-size: 80%;}
#breadcrumbs a{color: #999;}




/*---------SEWING/ORGANIZING PAGE STYLES -----*/
#projects_organizing #content {width:800px; margin:10px 50px; background:#ccc; border: 1px solid #fff; padding: 0;}
#projects_organizing #content a{color: #333; text-decoration: underline;}
#projects_organizing #content a:hover{text-decoration: none;}
table.sewing_gallery td {vertical-align: top; font-size: 1em; padding-bottom: 15px; width: 25%;}
table.sewing_gallery a, table.sewing_gallery a:visited, table.sewing_gallery a:active, table.sewing_gallery a:link {color: #333;}
table.sewing_gallery a:hover {color: #999; text-decoration: none;}

table.sewing_sub_nav {margin-left: auto; margin-right: auto; border-bottom: 3px solid #333;}
table.sewing_sub_nav a, table.sewing_sub_nav a:visited, table.sewing_sub_nav a:active, table.sewing_sub_nav a:link {color: #333; padding: 2px 0 10px 0; }
table.sewing_sub_nav a:hover {border-top: 1px dotted #565656; text-decoration: none;}
td.sewing_sub_nav_td {width: 150px; text-align: center; letter-spacing: .1em; padding-bottom: 10px;}
a.sewing_sub_nav_td_on {font-weight: bold; background: url('http://www.aboutannie.com/images/triangle.png') no-repeat bottom center;}



/*------------WEBSITES PAGE STYLES -----------*/
#projects_webdesign #content {width:800px; margin:10px 50px; background:#ccc; border: 1px solid #fff; padding: 0; line-height: 1.3em;}
#projects_webdesign #content {width:800px; margin:10px 50px; background:#ccc; border: 1px solid #fff; padding: 0;}
#projects_webdesign #content a{color: #333; text-decoration: underline;}
#projects_webdesign #content a:hover{text-decoration: none;}
#projects_webdesign #content ul li {margin-top: 8px;}

.web_gallery {margin: 5px 35px; padding: 0;}
.web_gallery a{color: #000;}
.web_gallery a:hover{color: #666;}

#web_gallery_wrap p {line-height: 1.2em; font-family: arial, sans-serif;}

.web_figure {
	float: left;
	width: 156px;
	padding: 0;
	margin: 5px 11px 0 11px;
	}

.web_figure p {
	text-align: center;
	color: #000;
	margin: 0;
	padding: 0;
	font-size: 80%;
}



.web_photo img{	
	position: relative;
	padding: 0 5px 0 5px;
	margin: 0;
	}





/* ----------INTERESTS PAGE STYLES------------ */
#interests #content {width:800px; margin:30px 50px; background:#ccc; border: 1px solid #fff; padding: 0;}







/*-----------------------------MAIN NAV---------------------------*/
#nav ul{padding-left: 0;
margin-left: 0;
background-color: #fff;
color: #000;
float: left;
width: 100%;
font-family: arial, helvetica, sans-serif;}

#nav ul li {display: inline;}

#nav ul li a {
padding: 0.2em 1em;
color: #000;
text-decoration: none;
float: left;
border-right: 1px solid #000;
width: 80px;
text-align: center;
background-color: #fff;
}

#nav ul li a:hover 
{
background-color: #666;
color: #fff;
}

#home #on, #interests #on, #projects #on, #news #on, #projects_organizing #on, #projects_webdesign #on
{
background-color: #333;
color: #fff;
}




/*-----------------------------------SUB NAV---------------------------*/

#sub_nav {margin-top: 22px; padding: 13px 0 0 10px; color: #999; font-size: 80%;}
#sub_nav a{color: #999;}
.subnav_on a{text-decoration: underline; font-weight: bold;}



#subnav ul{padding-left: 0;
margin-left: 0;
background-color: #ccc;
color: #333;
float: left;
width: 100%;
font-family: verdana, tahoma, sans-serif;
font-style: italic;}

#subnav ul li {display: inline;}

#subnav ul li a {
padding: 1em;
color: #000;
text-decoration: none;
float: left;
border-right: 1px solid #ccc;
width: 100px;
font-size: 95%;
text-align: center;
}


#subnav ul li a.sub_on {font-weight: bold;}
#subnav ul li a:hover {text-decoration: underline}




.footnotes {font-size: 80%;}




#footer {width:900px; height:30px; padding:0; clear:both;}
#footer p {padding:5px; font-size:75%; color:#333; background-color: #888888; text-align:right; font-style:italic;}
#footer a{color: #333; }









/* -----icons ------ */ 
ul.icons{list-style-type: none; font-family: arial, sans-serif;}


.blog1{background: url(http://www.aboutannie.com/icon_img/ar.png) no-repeat left center; padding-left: 25px; margin: 0 0 2px 2px; }
.blog2{background: url(http://www.aboutannie.com/icon_img/blog.png) no-repeat left center; padding-left: 25px; margin: 0 0 2px 2px; }
.del{background: url(http://www.aboutannie.com/icon_img/del.png) no-repeat left center; padding-left: 25px; margin: 0 0 2px 2px; }
.ets {background-image: url(http://www.aboutannie.com/icon_img/etsy.gif); background-repeat: no-repeat; background-position: left center; padding-left: 25px; margin: 0 0 2px 2px; }
.fb{background-image: url(http://www.aboutannie.com/icon_img/fb.png); background-repeat: no-repeat; background-position: left center; padding-left: 25px; margin: 0 0 2px 2px; }
.fl{background-image: url(http://www.aboutannie.com/icon_img/.gif); background-repeat: no-repeat; background-position: left center; padding-left: 25px; margin: 0 0 2px 2px; }
.fl{background-image: url(http://www.aboutannie.com/icon_img/.gif); background-repeat: no-repeat; background-position: left center; padding-left: 25px; margin: 0 0 2px 2px; }
.gr{background-image: url(http://www.aboutannie.com/icon_img/gr.png); background-repeat: no-repeat; background-position: left center; padding-left: 25px; margin: 0 0 2px 2px; }
.linked{background-image: url(http://www.aboutannie.com/icon_img/li.png); background-repeat: no-repeat; background-position: left center; padding-left: 25px; margin: 0 0 2px 2px; }
.ms{background-image: url(http://www.aboutannie.com/icon_img/myspace.png); background-repeat: no-repeat; background-position: left center; padding-left: 25px; margin: 0 0 2px 2px; }
.oah{background-image: url(http://www.aboutannie.com/icon_img/oah.png); background-repeat: no-repeat; background-position: left center; padding-left: 25px; margin: 0 0 2px 2px; }
.twit{background-image: url(http://www.aboutannie.com/icon_img/twit.png); background-repeat: no-repeat; background-position: left center; padding-left: 25px; margin: 0 0 2px 2px; }
.ya{background-image: url(http://www.aboutannie.com/icon_img/ya.png); background-repeat: no-repeat; background-position: left center; padding-left: 25px; margin: 0 0 2px 2px; }
.yelp{background-image: url(http://www.aboutannie.com/icon_img/yelp.jpg); background-repeat: no-repeat; background-position: left center; padding-left: 25px; margin: 0 0 2px 2px; }
.yt {background-image: url(http://www.aboutannie.com/icon_img/youtube.jpg); background-repeat: no-repeat; background-position: left center; padding-left: 25px; margin: 0 0 2px 2px; }
.res, .letters {background-image: url(http://www.aboutannie.com/icon_img/res.png); background-repeat: no-repeat; background-position: left center; padding-left: 25px; margin: 0 0 2px 2px; }