/* CSS Document */

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

	Theme Name: UCSF Data Share v1.0
	Theme URI: 
	Description: Theme for Datasharing Project
	Author: JM
	Author URI: 
	Version: 1.0
	default	
-------------------------------------------------------------- */
* {padding:0; margin:0;}
body { font-family: georgia, times, "times new roman", serif; background-color: #36322a; background-image: url(images/line.gif); background-repeat: repeat-x; background-attachment: scroll; }
a { text-decoration: none; outline:none medium; }
a img { background-color: transparent; text-decoration: none; border-style: none; }
.alignright {float:right;}
.alignleft {float:left;}
.alignnone {clear:both;}
.aligncenter {margin-left: auto; margin-right: auto;}

blockquote {background:url(images/blockquote-bg.png) top left no-repeat; padding:5px 0 0 35px; font-family:georgia,'Lucida Grande','Lucida Sans Unicode'; font-style:italic;}

img.alignright {display:inline;}
img.alignleft {display:inline;}
img.aligncenter {margin:0 auto; display:block;}
img.alignnone {clear:both;}
#header { height:194px; clear:both; padding:70px 49px 0; width:940px; margin:0 auto; text-align:left; background:no-repeat center top; text-decoration: none; position:relative; }
#logo { background-image: none; text-decoration: none; clear:both; overflow: hidden; position:absolute; top: 7px; left:55px; width: 300px; height: 90px; }
#logo a { text-decoration: none; display: inline; text-indent: -9999px; margin:0; padding:0; }
#tagline { color: #bebe50; font-size: 13px; font-family: georgia, serif; font-style: italic; text-decoration: none; clear:both; float: left; padding-left: 17px; padding-top: 6px; display: inline; }
#tagline a { color: #bebe50; font-size: 13px; font-style: italic; text-decoration: none; }
#wrap { background-color: white; background-image: none; background-attachment: scroll; background-position: 0 0; width:940px; text-align:center; overflow:hidden; margin-top: -20px; margin-right: auto; margin-bottom: 0; margin-left: auto; padding-right: 49px; padding-bottom: 0; padding-left: 49px; /*for Internet Explorer 8*/ }

#navigation { clear:both; background:no-repeat; height:64px; position:relative; top:40px; margin-top: 35px; display: block; z-index:9999; }
#page-nav { height:25px; font-size:0.9em; font-family: georgia, times, "times new roman", serif; font-weight:normal; margin-left: 10px; padding:0; }
#page-nav ul li {float:left; list-style:none; padding:5px 25px 0 10px; display:block;}
#page-nav ul li a {text-decoration:none; color:#ffffff;}
#page-nav ul li a:hover {color:#ffffff;}
#page-nav ul li#welcome {padding-left:10px; padding-right:25px;}
#page-nav ul li#welcome a {color:#e0d9b8;}
#page-nav ul li#welcome a:hover {color:#d33431;}
#page-nav ul li#welcome.current_page_item2 {background:no-repeat right top; height:25px; color:#36322a;} 




#nav2, #nav2 ul{padding: 0;	float:left;	list-style: none;}
#nav2 { padding:0; float:left; }
#nav2 a { display:block; font-weight:normal; text-transform:uppercase; text-decoration:none; font-size:12px; font-family: georgia, times, "times new roman", serif; }
#nav2 li {float:left; line-height:27px;  padding:0 6px; margin-right:3px; }

#nav2 li a:hover {background: none;}
#nav2 li ul {position:absolute;	width: 15em; left: -999em; padding-top:1px;}
#nav2 li:hover ul, #nav2 li.sfhover ul { color: #d33431; left:auto; z-index:1000; }
#nav2 li ul.children li { color: white; background: #aaaa49; border-bottom:1px inset white; border-left:1px inset white; border-right:1px inset white; line-height:28px; width:8em; margin-left: -6px; }
#nav2 li:hover, #nav2 li.hover { color: #d33431; position: static; }
#nav2 li ul ul {margin: -29px 0 0 15em;}
#nav2 li:hover ul ul, #nav2 li.sfhover ul ul {left: -999em;}
#nav2 li:hover ul, #nav2 li li:hover ul, #nav2 li.sfhover ul, #nav2 li li.sfhover ul {left: auto;}
#nav2 li:hover ul ul, #nav2 li:hover ul ul ul, #nav2 li.sfhover ul ul, #nav2 li.sfhover ul ul ul {left: -999em;}
#nav2 li:hover ul, #nav2 li li:hover ul, #nav2 li li li:hover ul, #nav2 li.sfhover ul, #nav2 li li.sfhover ul, #nav2 li li li.sfhover ul {left: auto;} 




#cat-nav { background-attachment: scroll; clear:both; margin-left: 10px; padding: 4px 0 0 5px; display: block; }
#cat-nav ul li.cat-item { background-color: transparent; background-image: none; background-attachment: scroll; background-position: 0 0; margin-right: 25px; border-top-width: 0; border-bottom-width: 0; border-left-width: 0; }

#cat-nav ul li.cat-item a {color:white;}
#cat-nav ul li.cat-item a:hover { color:#d33431; background-color: transparent; }
#cat-nav ul li.cat-item.current-cat { background-color: #d33431; background-image: none; background-attachment: scroll; background-position: 0 0; border-right: 1px solid #e27e7c; border-left: 1px solid #e27e7c; } 
#cat-nav ul li.cat-item.current-cat a { color:#ffffff; text-shadow:none; }
#nav2 li ul.children li.cat-item.current-cat { color: #fff; background:#d33431; } 
#nav2 li ul.children li.cat-item.current-cat a{ color:#fff; } 
#cat-nav ul li.cat-item.current-cat ul.children li a{ color:white; }

/*single*/
.main-container { width:590px; overflow:hidden; margin:0 20px 20px 0; float:left; text-align:left; font-size:13px; font-family: georgia, times, "times new roman", serif; background-color: white; bottom:1px; position:relative; padding: 20px; }
.main-container a {color:#36322a; text-decoration:none;}
.main-container a:hover {color:#d33431; text-decoration:underline;} 

.title-area { color:#595548; font-size:40px; text-transform:uppercase; background:transparent; margin-bottom:25px; padding-top: 15px; padding-right: 10px; padding-bottom: 8px; border-bottom: 1px solid #948d76; /*for Internet Explorer 8*/  }


.post-featured-title { color: #595548; letter-spacing:-1px; font-size:18px; font-family: georgia, times, "times new roman", serif; font-weight:normal; line-height:26px; background-color: transparent; margin-bottom:5px; text-transform:uppercase; padding-bottom: 2px; border-bottom: 1px solid #948d76; }
.post-title { font-size: 18px; font-family: georgia, times, "times new roman", serif; font-weight: bold; line-height: 20px; text-transform: capitalize; letter-spacing: -1px; margin-bottom: 3px; text-shadow:1px 1px 2px #C2C2C2; }
.post-title a {text-decoration:none; color:#d33431;}
.post-title a:hover {color:#d33431; text-decoration:underline;}
.post-title-big { font-size:40px; font-weight:normal; line-height:40px; margin-bottom:10px; text-transform:capitalize; padding-bottom: 10px; border-bottom: 1px solid #948d76; text-shadow:1px 1px 2px #C2C2C2; }
.post-title-big a {text-decoration:none; color:#595548;}
.post-title-big a:hover { color: #d33431; text-decoration:underline; }
.post-meta-data { font-size:11px; color:#827755; text-transform:uppercase; font-family:georgia; margin-bottom:15px; }
.post-meta-data a { color: #827755; font-size: 11px; font-family: georgia; text-decoration: underline; text-transform: uppercase; margin-bottom: 15px; }
img.thumbs-in-archive {float:right; padding:2px; border:solid 1px #948d76; margin:1px 0 0 15px;}
.post-excerpt { color: #595548; line-height:20px; height:80px; overflow: hidden; margin-bottom:22px; }
.post-readmore {display:inline;}
.post-contentbox { clear:both; overflow:hidden; margin-bottom: 30px; padding: 15px; /*for Internet Explorer 8*/ }
.post-content { line-height: 24px; background-color: transparent; margin-bottom: 30px; padding: 15px; clear: both;}
.post-content a {background:transparent;}
.post-content ol {padding:10px 0 10px 40px;}
.post-content ol li ol {padding-left:20px;}
.post-content ol li ul {padding-left:20px;}
.post-content ul {padding:10px 0 10px 40px;}
.post-content ul li ol {padding-left:20px;}
.post-content ul li ul {padding-left:20px;}
.post-content p { color: #252623; padding:0 0 15px; opacity:1; filter: alpha(opacity=100); /*for Internet Explorer 6/7*/
filter: “alpha(opacity=100)”; /*for Internet Explorer 8*/ }

.post-content h1, .post-content h2, .post-content h3, .post-content h4, .post-content h5, .post-content h6 {font-size:24px; font-weight:normal; line-height:30px; padding-bottom:10px;}

.wp-caption {padding:8px 3px 0px 3px; border:1px solid #eeeeee; text-align:center; margin:0 auto;}
.wp-caption.alignright {margin:8px 0 5px 15px;} 
.wp-caption.alignleft {margin:8px 15px 5px 0;}
.wp-caption.aligncenter{clear:both; margin:15px auto; display:block; }
.wp-caption.alignnone {clear:both; margin:15px auto; display:block; }
p.wp-caption-text {text-align:center; font-family:georgia; font-style:italic; font-size:11px; line-height:13px;}

.post-content img.alignright {display:inline; margin:8px 0 5px 20px;}
.post-content img.alignleft {display:inline; margin:8px 20px 5px 0;}
.post-content img.aligncenter {clear:both; margin:10px auto; display:block; opacity:1; filter: alpha(opacity=100); /*for Internet Explorer 6/7*/
filter: “alpha(opacity=100)”; /*for Internet Explorer 8*/  }
.post-content img.alignnone {clear:both; margin:10px auto; display:block; }
.post-content a img.alignright {display:inline; margin:8px 0 5px 20px;}
.post-content a img.alignleft {display:inline; margin:8px 20px 5px 0;}
.post-content a img.aligncenter {clear:both; margin:10px auto; display:block; }
.post-content a img.alignnone {clear:both; margin:10px auto; display:block; }

.post-content p img.alignright {display:inline; margin:20px 0 5px 20px;}
.post-content p img.alignleft {display:inline; margin:20px 20px 5px 0;}
.post-content p img.aligncenter {clear:both; margin:10px auto; display:block; }
.post-content p img.alignnone {clear:both; margin:10px auto; display:block; }
.post-content p a img.alignright {display:inline; margin:8px 0 5px 20px;}
.post-content p a img.alignleft {display:inline; margin:8px 20px 5px 0;}
.post-content p a img.aligncenter {clear:both; margin:10px auto; display:block; }
.post-content p a img.alignnone {clear:both; margin:10px auto; display:block; }

#page-links {font-family:verdana, "Courier New", Courier, georgia, arial, helvetica; clear:both; margin:10px 0; font-weight:bold; text-transform:uppercase; font-size:11px; margin:5px 0 30px; clear:both;}
#page-links a {padding:2px 4px;  text-decoration:underline; color: #ffffff; background-color: #cc2701; border: solid 1px #cc2701; text-shadow:none; }
#page-links a:hover { background:#ffffff; color:#333333; }

.author-box { color: #212121; background:#f2f2ee; border:solid 1px #dddddd; padding:20px; margin-bottom:30px; /*for Internet Explorer 8*/ }
.author-box img.avatar {float:left; border:1px solid #ccc; padding:3px; margin:1px 10px 0 0;}
.author-box .author-name { padding-bottom:5px; font-style:oblique; font-weight:normal; font-size:24px; color:#d33431; font-family: georgia, times, "times new roman", serif; }
.author-box .author-description {font-family:verdana, arial, helvetica; font-size:11px; line-height:16px; color:#212121;}
.author-box .author-links { color: #212121; margin:14px 0 2px; text-transform:uppercase; font-size:11px; font-family: georgia, times, "times new roman", serif; border-top:1px dashed #212121; padding-top:14px; }
.author-box .author-links a { color: #d33431; font-size: 11px; font-family: georgia, times, "times new roman", serif; text-transform: uppercase; }
.author-box .author-links a:hover { color: #d33431; font-size: 11px; font-family: georgia, times, "times new roman", serif; text-decoration: underline; text-transform: uppercase; }
.author-box-small { color: #727272; background:#f2f2ee; border:solid 1px #ddd; padding:5px 10px 5px 5px; text-align:right; font-family:verdana, arial, helvetica; font-size:11px; margin-bottom:25px; }
.author-box-small a {color: #d33431;}
.author-box-small a:hover {color: #d33431; text-decoration: underline;}

.social-bar {background:url(images/spread-the-word.png) no-repeat top left; height:63px; text-align:right; margin:0 0 30px 0; position:relative;}
ul#social-btns {position:absolute; left:299px;}
ul#social-btns li {float:left; height:63px; list-style:none;}
ul#social-btns li a {height:63px; background:url(images/social-sprites.png); display:block; text-indent:9999px;}
ul#social-btns li a#delicious {width:68px; background-position:0 -66px;}
ul#social-btns li a:hover#delicious {width:68px; background-position:0 0;}
ul#social-btns li a#digg {width:52px; background-position:-68px -66px;}
ul#social-btns li a:hover#digg {width:52px; background-position:-68px 0;}
ul#social-btns li a#stumbleupon {width:58px;  background-position:-120px -66px;}
ul#social-btns li a:hover#stumbleupon {width:58px;  background-position:-120px 0;}
ul#social-btns li a#technorati{width:58px; background-position:-178px -66px;}
ul#social-btns li a:hover#technorati{width:58px; background-position:-178px 0;}
ul#social-btns li a#twitter {width:54px; background-position:-236px -66px;} 
ul#social-btns li a:hover#twitter {width:54px; background-position:-236px 0;} 
/*comments*/

#comments {padding:0 0 35px 0; }
#comments h3{text-align:left; font-size:35px; font-weight:normal; line-height:38px; color:#595548;}
img.avatar {float:left; padding:3px; border:1px solid #ccc; margin:0 10px 0 0;}
cite.fn a {font-family:georgia; font-style:normal; text-transform:uppercase; padding:0; color:#333333; text-decoration:none; font-size:11px;}
.comment-author {padding:0; line-height:14px;}
.comment-meta {font-family:"Trebuchet MS", verdana;  font-size:11px; color:#727272; line-height:14px; padding-bottom:5px;}
.comment-meta a {color:#d33431; font-weight:normal; text-decoration:none;}
.comment-body { color: #212121; margin-bottom:20px; padding:20px 20px 5px; font-style:italic; font-family:"Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", verdana, georgia; overflow:hidden; }

.comment-body p a {color:#d33431; font-weight:bold; text-decoration:none;}
.comment-body p a:hover{text-decoration:underline;}
li.comment.even {background:#fff; border:1px solid #DDDDDD; margin-bottom:20px;}
li.comment.odd {background:#f4f4f4; border:solid 1px #dddddd; margin-bottom:20px;}
ul.commentlist li {list-style:none;}
li.parent {padding-bottom:10px;}
.commentlist ul.children {margin:20px;}
.comment-meta .commentmetadata p a {color:#d33431; }
.reply {clear:both; border-top:1px dashed #ccc; padding-top:7px; margin-top:12px; text-align:right;}
a.comment-reply-link {color:#d33431; font-family:verdana; font-size:11px; padding:0 0 0 19px; background:url(images/arrow-135-medium.png) no-repeat left 50%; }

/*response*/
h3#response-title {text-align:left; font-size:35px; font-weight:normal; line-height:38px; color:#595548; padding:15px 0 35px; }
h3#response-title a {color:#212121; text-decoration:none; text-transform:capitalize;}
a#cancel-comment-reply-link {padding:5px; background:#d33431; color:#ffffff;  font-family:georgia; text-transform:uppercase; text-decoration:none;}
#commentform {padding:45px 25px 25px 25px; background:#fff; border:1px solid #DDDDDD; margin-bottom:25px;}
#commentform p {padding-bottom:5px;}
.comment-form-input-fields {padding:5px; margin-bottom:10px;}
.comment-form-labels {font-family:georgia; font-weight:bold; color:#ffffff; width:162px; font-size:14px; padding:5px; text-transform:uppercase; background:#2b2b2b url(images/comment-labels.gif) no-repeat right top; }
.comment-form-labels small {font-family:Verdana, Arial, helvetica; font-size:9px; font-weight:normal;}
input.send-comment {background:#d33431; color:#ffffff; font-family:georgia; padding:5px;}

/*snarfer specific*/

h3.tab-bars {clear:both;  background:url(images/cat-nav-bg.png) repeat-x; height:22px; border:1px solid #e9e9e9; padding:5px 0 0 7px; margin-bottom:25px; } 
h3.tab-bars a { font-weight:bold; text-transform:uppercase; text-decoration:none; line-height:16px; font-size:14px; text-shadow:0 1px 0 #fff; color:#212121; font-family: georgia, times, "times new roman", serif; }
h3.tab-bars a:hover {text-shadow:none; color:#d33431;}
.post-container { font-family: georgia, times, "times new roman", serif; background-color: transparent; width:285px; float:left; }
.post-container.odd {margin-right:20px;}
.post-container .post-title-sm {font-size:17px; padding-bottom:10px; text-transform:capitalize; font-weight:bold;}
.post-container .post-title-sm a {text-decoration:none; color:#595548; }
.post-container .post-title-sm a:hover {text-decoration:underline; color:#bcc423;}
.post-container .post-meta-data {font-size:11px; color:#595548; text-transform:uppercase; font-family:georgia; padding:0 0 5px; margin:0;}
.post-container img.thumbs {padding:5px; border:solid 1px #948d76; margin-bottom:10px;}
.post-container .post-excerpt-small { color: #595548; overflow:hidden; height:65px; font-size:12px; line-height:20px; margin-bottom:10px; }
.post-container .continue {background:transparent; border:solid 1px #dddddd; padding:5px 10px 5px 5px; text-align:right; font-family:verdana, arial, helvetica; font-size:11px; margin-bottom:25px;}
.post-container .continue a {font-family:verdana, arial, helvetica; font-weight:bold; font-size:10px; color:#595548; text-decoration:none; text-shadow:0 1px 0 #fff; }
.post-container .continue a:hover {text-decoration:underline;}
#view-all {float:right; padding: 2px 4px; margin:20px 0; background:transparent; border:solid 1px #dddddd;}
#view-all a {font-family:verdana, "Courier New", Courier, georgia, arial, helvetica; clear:both; margin:10px 0; font-weight:bold; text-transform:uppercase; font-size:11px; color: #595548; text-decoration:none; text-shadow:0 1px 0 #fff;}
#view-all a:hover {text-decoration:underline;}

/*sidebar*/
#sidebar { background-color: transparent; width:290px; min-height:700px; overflow:hidden; float:left; margin-top: 15px; }
#searchform { height:40px; background:transparent; text-align:left; float: right; margin-top: -70px; margin-bottom:20px; }
input.inputs { height: 15px; margin-top: 6px; margin-right: 0; margin-bottom: 0; }
input.go { background:#d33431; color:#ffffff; font-family:georgia; height: 22px; margin-top: 10px; padding-right: 1px; padding-left: 1px; }

.sidebar-row{ color: #595548; padding:15px 19px; background:transparent; margin-bottom:20px; text-align:left; font-size:13px; font-family: georgia, times, "times new roman", serif; line-height:22px; border-top: 1px solid #948d76; border-bottom: 1px solid #948d76; }
.sidebar-row h3 { color: #595548; font-size:24px; font-family: georgia, times, "times new roman", serif; text-align: center; text-transform: uppercase; padding-bottom:10px; }
.sidebar-row ul {padding:0 10px 0 10px;}
.sidebar-row ul li{ list-style:none; padding:0 0 6px 20px; background:url(images/list-item-bullet.gif) no-repeat ; }
.sidebar-row ul.children li {border-bottom:none;}
.sidebar-row a {color:#36322a; text-decoration:none;}
.sidebar-row a:hover {text-decoration:underline; color:#bcc423;}
.sidebar-row #calendar_wrap { background:#ffffff; padding:25px; }
.sidebar-row #calendar_wrap caption {font-weight:bold; padding-bottom:25px; font-size:20px; font-family:helvetica; text-shadow:0 1px 0 #fff;}
.sidebar-row table#wp-calendar {border-collapse:collapse; width:100%; text-align:center;}

/*tabbed-menu*/
#tabbed-container { clear:both; background:#36322A; height:375px; margin-bottom:20px; text-align:left; color:#666666; font-family:verdana, arial, helvetica; font-size:11px; line-height:16px; padding-top: 16px; padding-right: 0; padding-bottom: 20px; }
ul.mootabs_title { list-style-image: none; list-style-type: none; padding: 0; height: 24px; font-family:georgia, times, "times new roman", serif; text-transform:uppercase; color:#252623; text-decoration:none; line-height:16px; font-size:12px; margin-left: 13px; }
ul.mootabs_title li { float: left; display:block; padding:5px 7px 0; height:22px; line-height:16px; cursor: pointer; background:white repeat-x; margin-left: 2px; }
.mootabs_title li.active { color:#ffffff; background-color: #bcc423; text-shadow:none; }
.mootabs_panel {display: none; position: relative; width:100%; top: 5px; clear: both;	overflow: hidden;}
.mootabs_panel p { font-family: georgia, times, "times new roman", serif; padding:25px 20px; text-align:left; }
.mootabs_panel.active { background-color: #fff; display: block;}

/*popular posts*/
#Popular { width:220px; margin-left: 15px; padding-top: 15px; padding-right: 20px; padding-left: 20px; }
#Popular a{text-decoration:none; color:#212121;}
#Popular a:hover{text-decoration:underline; color:#d33431;}
#Popular ul{padding:0 10px 0 0;}
#Popular ul li { list-style:none; padding:0 0 6px 20px; border-bottom:1px dashed #bbb; background:url(images/list-item-bullet.gif) no-repeat ; margin-bottom: 2px; }
/*recent comments*/
#RecentComments { width:220px; font-weight:bold; color:#212121; margin-left: 15px; padding-top: 15px; padding-right: 20px; padding-left: 20px; }
#RecentComments a{text-decoration:none; color:#212121; font-weight:normal; padding-left:5px;}
#RecentComments a:hover{text-decoration:underline; color:#d33431;}
#RecentComments ul{padding:0 10px 0 0;}
#RecentComments ul li { list-style:none; padding:0 0 6px 20px; border-bottom:1px dashed #bbb; background:url(images/list-item-bullet.gif) no-repeat ; margin-bottom: 2px; }
/*tag cloud*/
#Tags { color: #212121; padding:15px 20px 25px; width:220px; margin-left: 15px; }
#Tags a {text-decoration:none; color:#212121;}
#Tags a:hover {text-decoration:underline; color:#d33431;}

/*page-navi*/

.wp-pagenavi { color: #595548; clear:both; margin:10px 0; font-weight:bold; text-transform:uppercase; font-size:11px; font-family: georgia, times, "times new roman", serif; background-color: transparent; float:right; }
.wp-pagenavi a, .wp-pagenavi a:link { padding:2px 4px; margin: 2px; text-decoration: none; color: #595548; background-color: #f2f2ee; border: solid 1px #ddd; }	
.wp-pagenavi a:visited { padding:2px 4px; margin: 2px; text-decoration: none; color: #595548; background-color: #f2f2ee; border: solid 1px #ddd; }
.wp-pagenavi a:hover { color: white; background-color: #d33431; border: solid 1px #d33431; }
.wp-pagenavi a:active { color: #595548; padding:2px 4px; margin:2px; text-decoration: none; background-color: #f2f2ee; border: solid 1px #ddd; }
.wp-pagenavi span.pages { padding: 2px 4px; margin: 2px; color: #595548; background:#f2f2ee; border: solid 1px #ddd; text-shadow:0 1px 0 #fff; }
.wp-pagenavi span.current { color: white; padding: 2px 4px; margin: 2px; font-weight: bold; background:#d33431; border: solid 1px #d33431; }
.wp-pagenavi span.extend { padding: 2px 4px; margin: 2px; color: #595548; background-color: #f2f2ee; border: solid 1px #ddd; }
.wp-pagenavi span.current a.page{ color:#595548; background-color: #f2f2ee; border: solid 1px #d33431; }
.next-prev-links { clear:both; margin:10px 0; font-weight:bold; text-transform:uppercase; font-size:11px; font-family: georgia, times, "times new roman", serif; float:right; }
.next-prev-links a { padding:2px 4px; margin: 2px; text-decoration: none; color: #ffffff; background-color: #d33431; }
.next-prev-links a:hover { color: #ffffff; text-decoration: underline; background-color: #d33431; margin: 2px; padding: 2px 4px; }
/*footer*/
#footer { height:106px; clear:both; padding:15px 49px 0; width:940px; margin:0 auto; text-align:center; background:no-repeat left top; position:relative; left: 20px; }
#logo-footer {text-transform:uppercase; color:#f1f1f1; font-size:15px; display:block; margin:18px 7px 2px 0; padding:0; clear:both; text-align:left;}
#page-nav-footer {float:left; text-align:left;}
#page-nav-footer ul li { line-height: 8px; background: url(images/credits-sep.png) no-repeat left top; list-style: none; margin-bottom: 3px; padding: 0 8px 2px; float: left; }
#page-nav-footer ul li.first {background:none;} 
#page-nav-footer ul li a { font-size:11px; color:#f1f1f1; font-family: georgia, times, "times new roman", serif; text-decoration:none; }
#page-nav-footer ul li a:hover { color: #bcc423; text-decoration:underline; }
#credits { color: #f1f1f1; display:block; padding:2px 7px 0 8px; clear:both; font-family:georgia; font-size:11px; background-color: transparent; display:block; text-align:left; }
#credits a{color:#f1f1f1; text-decoration:none;}
#credits a:hover { color:#d33431; text-decoration: underline; }