/** Digitaloop CSS **/

/** General **/

body { font-size: 75%; font-family: georgia, 'times new roman', sans-serif; color: #999; line-height: 1.2; margin: 0px; padding: 0px; background: #30261e; border-top: 4px solid #fffc9e; }

p { margin: 5px 0px 10px 0px;}

ul { padding: 0; margin: 0; font-size: 0.9em; }
li { padding: 0 0 0 8px; width: 179px; margin: 0; list-style-image: none; list-style-type: none; line-height: 1.8em; background: url(../display_images/bullet_arrow.gif) no-repeat 0 7px; float: left; }
li a, #introduction a { padding: 4px 4px; }
li a:hover, #introduction a:hover { background: #171310; }

a, a:link, a:active, a:visited { color: #fffc9e; text-decoration: none; }
a:hover { color: #ffffff; }

img { border: none; }

h1, h2, h3 { font-family: georgia, 'times new roman', sans-serif; color: #fff; margin: 0; padding: 0; font-weight: normal; }
h1 { font-size: 2.5em; }
h2 { font-size: 1.2em; padding: 7px 0 0 0; }
h3 { font-size: 1.3em; color: #fff; margin: 0 0 4px 0; line-height: 1.2;  }

/** Layout **/

#container { width: 956px; position: relative; margin: 0 auto; }

#header { margin: 70px 0 20px 10px; }

#introduction { border-top: 1px solid #404040; color: #ccc; font-size: 1.4em; line-height: 1.6em; padding: 30px 10px; }
#introduction p { margin: 0; padding: 0; }

#work { background: url(../display_images/double_dotted_line.gif) repeat-x; padding: 0 10px; }
#work ul { margin: 20px 0 0 0; }

#recent-work { position: relative; background: url(../display_images/double_dotted_line.gif) repeat-x; float: left; width: 719px; margin: 40px 30px 0 0; height: 345px; overflow: hidden; } 
#recent-work h2 { text-indent: 10px; }
#recent-work img { border: 1px solid black; margin: 27px 0 30px 0; }
#recent-work .work-item { position: relative; }
#recent-work .desc { position: absolute; top: 37px; left: 10px; padding: 18px; background: url(../display_images/work_info.png); width: 181px; height: 110px; border: 1px solid white; }
#recent-work .desc a { font-style: italic; }
#recent-work .desc p a { font-style: normal; font-size: 0.9em; text-decoration: underline; }
#recent-work .more { font-family: arial, sans-serif; color: #fff; font-size: 0.9em; margin: 20px 0 0 0; line-height: 1.5em; }

#photography { background: url(../display_images/double_dotted_line.gif) repeat-x; float: left; width: 188px; margin: 40px 0 0 0; padding: 0 0 0 10px; }
#photography img { background: #f8f8f8; padding: 2px; border: 2px solid #1c1612; }
#flickr { margin: 27px 0 0 0; }
.flickr_badge_image { width: 75px; height: 75px; float: left; margin: 0 27px 28px 0; }
#flickr_badge_image2, #flickr_badge_image4, #flickr_badge_image6 { margin: 0 0 28px 0 !important; }
#flickr_badge_image5, #flickr_badge_image6 { margin-bottom: 0 !important; }

#friends { background: url(../display_images/double_dotted_line.gif) repeat-x; padding: 0 10px; margin: 30px 0 0 0; }
#friends ul { margin: 20px 0 40px 0; }

#footer { background: url(../display_images/double_dotted_line.gif) repeat-x #2b221b; padding: 9px 10px 0 10px; margin: 30px 0 40px 0; height: 22px; font-size: 0.9em; }

.clear { display: block; height: 0; clear: both; visibility: hidden; }

.inactive { display: none; }
.active { display: block; }