/* whitespace reset */
@import url("whitespace_reset.css");

a, h1, h2, h3, h4 {
font-family: arial, verdana;
}
p.body {
font-family: verdana;
font-size: 12px;
line-height: 160%;
color: #333333;
}
body {
margin-bottom: 20px;
}
a {
color: #99CC66;
}
a:hover {
color: #FFB2DA;
}
.commenthidden {display:none}
.commentshown {display:inline}

/* =header
--------------------*/
body #header {

}
#header {
height: 48px;
background: url(../assets/bg_header.jpg);
}
#header div {
width: 768px;
margin: 0 auto;
}
#header h1 a {
display: block;
height: 40px;
width: 201px;
background: url(../assets/logo_aubrey_ann_finn.gif) no-repeat bottom left;
text-indent: -5000px;
text-decoration: none;
}
#header #butterflies {
display: block;
height: 59px;
width: 115px;
background: url(../assets/img_butterflies.gif);
text-indent: -5000px;
position: absolute;
top: 10px;
right: 50px;
}

/* =navigation
--------------------*/
#navigation {
background: url(../assets/bg_navigation.gif) repeat-y top left;
border-top: 1px solid #99CC66;
border-bottom: 1px solid #99CC66;
height: 26px;
}
#navigation div {
position: absolute;
top: 52px;
left: 0px;
width: 100%;
}
#navigation ul {
width: 768px;
margin: 0 auto;
}
#navigation ul li {
float: left;
width: 119px;
margin-right: 5px;
}
#navigation ul li a {
width: 100%;
height: 20px !important;
padding-top: 4px;
font-size: 12px;
display: block;
color: #FF0084;
text-align: center;
background: white url(../assets/bg_tab.gif);
}
#navigation ul li a:hover {
background: #FFEDF6 url(../assets/bg_tab.gif);
}

/* =smartNavigation
--------------------*/
#home #lihome, #pictures #lipictures, #videos #livideos {
background: white url(../assets/bg_tab_active.gif);
}


#wrap {
width: 768px;
margin: 20px auto 0 auto;
padding: 0px;
}

/* =main
--------------------*/
#main {
width: 480px;
float: left;
}
#main .entry {
margin-bottom: 20px;
font-family: verdana;
font-size: 12px;
line-height: 160%;
color: #333333;
}
#main .entry h3 {
color: #99CC66;
font-size: 13px;
font-weight: bold;
padding-left: 20px;

background: url(../assets/blt_arrow_down.gif) no-repeat center left;
}
#main .entry h2 {
color: #333333;
font-size: 21px;
margin-top: 15px;
margin-bottom: 10px;
}
#main .entry p {
margin-bottom: 10px;
}
#main .entry a img {
padding: 5px;
background: #dddddd;
border: 2px solid #FFB2DA;
margin: 10px auto;
}
#main .entry a:hover img {
border: 2px solid #FF0084;
}
#main .entry .meta {
display: block;
color: #999999;
font-family: verdana;
font-size: 11px;
background: url(../assets/blt_grey.gif) no-repeat 10px 5px;
padding-left: 30px;
padding-bottom: 10px;
margin: 15px 0 0 0;
border-bottom: 1px solid #dddddd;
}

/* =Comments
--------------------*/
#main .entry .commentshown {
font-family: verdana;
font-size: 11px;
}
#main .entry .commentshown a {
font-weight: bold;
}
#main .entry .commentshown h3 {
font-size: 12px;
font-family: arial;
font-weight: bold;
color: #666666;
padding: 5px;
background: url(../assets/bg_post_header.jpg) repeat-y top left;
margin-bottom: 10px;
}
#main .entry .commentshown p {
color: #999999;
margin-bottom: 20px;
margin-left: 10px;
}
#main .entry .commentshown .meta {
font-weight: bold;
color: #999999;
margin: 0px;
padding: 0px;
border: none;
padding-left: 20px;
display: block;
margin-left: 10px;
margin-bottom: 5px;
background: url(../assets/icon_comment.gif) no-repeat center left;
}
#main .entry .commentshown .post {
display: block;
margin-bottom: 20px;
padding-top: 5px;
border-top: 1px solid #CCCCCC;
}
#main .entry .commentshown .post a {
padding-left: 15px;
margin: 10px;
background: url(../assets/icon_post_comment.gif) no-repeat center left;
}

/* =sidebar
--------------------*/
#sidebar {
float: right;
background:  url(../assets/bg_sidebar.jpg) repeat-y top left;
font-family: verdana;
width: 262px;
font-size: 11px;
line-height: 160%;
}
#sidebar a {
color: #6699CC;
}
#sidebar a:hover {
color: #FFB2DA;
}
#sidebar #top {
background: url(../assets/bg_sidebar_top.jpg) no-repeat bottom left;
height: 10px;
}
#sidebar #middle {
background: #FFFFF2;
border: 1px solid #CCCCCC;
width: 242px;
margin: 0 auto;
}
#sidebar #middle h3 {
font-family: arial;
font-size: 13px;
padding-left: 25px;
margin-bottom: 10px;
}
#sidebar #middle li {
background: url(../assets/blt_green.gif) no-repeat left center;
padding-left: 15px;
}
#sidebar #middle #previous, #sidebar #middle #archives, #sidebar #middle #buyprints, #sidebar #middle #friends {
padding: 15px 12px 10px 12px;
border-bottom: 1px solid #CCCCCC;
}
#sidebar #middle #misc {
padding: 15px 12px 10px 12px;
}
#sidebar #middle #friends h3 {
background: url(../assets/blt_friends.gif) no-repeat left center;
}
#sidebar #middle #buyprints h3 {
background: url(../assets/blt_prints.gif) no-repeat left center;
}
#sidebar #middle #previous h3 {
background: url(../assets/blt_arrow_left.gif) no-repeat left center;
}
#sidebar #middle #archives h3 {
background: url(../assets/blt_double_arrow.gif) no-repeat left center;
}
#sidebar #bottom {
background: url(../assets/bg_sidebar_bottom.jpg) no-repeat top left;
height: 10px;
}
#sidebar #middle #misc a {
display: block;
background: url(/assets/blt_atom.gif) no-repeat left center;
height: 15px;
line-height: 15px;
padding-left: 60px;
margin: 5px 0px 5px 0px;
}
#sidebar #middle #misc img {
display: block;
margin: 15px 0px 20px 0px;
}

/* =footer
--------------------*/
#footer {
clear: both;
padding: 5px;
border-top: 1px solid #99CC66;
border-bottom: 1px solid #99CC66;
background: url(../assets/bg_navigation.gif) repeat-y top left;
}
#footer p {
font-size: 11px;
width: 768px;
margin: 0 auto;
font-family: arial, verdana;
color: #999999;
}