/* Sweetcron State CSS - 10/01/2010 */

/* General classes
---------------------------------------------------------------------------------------- */

* { border: 0; list-style: none; margin: 0; padding: 0; }

body { background: white url(images/bg_footer.jpg) no-repeat center bottom; color: #000; font-family: Verdana, sans serif; font-size: 11px; line-height: 13pt; }	

a { color: #069; text-decoration: none; }
a:hover { border-bottom: 1px dotted #069; }

strong { font-weight: bold; }
em { font-style: italic; }

h1 a { background: transparent url(images/logo.png) no-repeat left top; display: block; height: 40px; margin: 14px 0 14px 16px; text-indent: -999px; width: 270px; }
h1 a:hover { border: 0; }

div#body { background: transparent url(images/bg.jpg) no-repeat center top; margin: 0 auto; overflow: hidden; width: 930px; }
div#content { float: left; margin: 0 16px; width: 598px; }

div#introduction { background: transparent url(images/bg_introduction.png) no-repeat left top; color: #999; padding: 16px 26px; width: 578px; }
div#introduction a { border-bottom: 1px dotted #069; }

div.image-credit { background-repeat: no-repeat; background-position: center top; height: 74px; text-indent: -999em; width: 300px; }
div.image-credit a { display: block; height: 16px; margin: 25px 0 0 94px; width: 180px; }

.item_tag_list { overflow: hidden; font-weight: bold; }
.item_tag_list li { float: left; }
.item_tag_list li a { background: #069; border-radius: 3px; color: white; display: block; font-weight: normal; margin: 0 0 4px 4px; padding: 2px 4px 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
.item_tag_list li a:hover { background-color: #ccc; border: 0; color: #333; }

/* Lab
---------------------------------------------------------------------------------------- */

div#lab { background: #666 url(images/bg_lab.png) repeat-x left bottom; color: #ccc; font-size: 7.5pt; font-weight: bold; overflow: hidden; padding: 4px 0; text-shadow: 1px 1px 0 #333; width: 100%; }
div#lab ul { margin: 0 auto; width: 930px; }
div#lab ul a { color: #ccc; text-decoration: underline; }
div#lab ul li.lab-intro { background: transparent url(images/icon_lab.png) no-repeat left center; float: left; margin-left: 14px; padding: 5px 0 5px 20px; }
div#lab ul li.lab-oie { background: transparent url(images/icon_oie.png) no-repeat right center; float: right; padding: 5px 20px 5px 0; }
	
/* Activity list
---------------------------------------------------------------------------------------- */

ul#activity_list { float: left; }

ul#activity_list li.item { background: white url(images/bg_box_article.png) no-repeat left top; color: #666; float: left; height: 228px; margin: 0 14px 14px 0; overflow: hidden; padding: 16px 20px 20px; width: 150px; }
ul#activity_list li.item.last { margin-right: 0; }
ul#activity_list li.item h3 a { font-size: 10pt; text-decoration: none; }
ul#activity_list li.item h4 { color: #999; font-size: 7.5pt; }
ul#activity_list li.item p.site_info { background-repeat: no-repeat; background-position: left 7px; color: #999; font-size: 7.5pt;  margin-bottom: 5px; padding: 6px 0 8px 21px; }
ul#activity_list li.item p.site_info a { color: #999; font-weight: bold; }
ul#activity_list li.item p.site_info a:hover { border-bottom-color: #999; }
ul#activity_list li.item div.item_content { height: 161px; overflow: hidden; }

ul#activity_list li.item p.details { float: left; font-size: 7.5pt; font-weight: bold; margin: 10px 0 0 -10px; }
ul#activity_list li.item p.date { float: right; font-size: 7.5pt; margin: 10px -10px 0 0; }

p#breadcrumb { background: #ebebeb; font-size: 8pt; font-weight: bold; margin: 10px 0; padding: 8px 10px; }
p#pagination { border-bottom: 1px solid #ccc; clear: both; font-size: 10pt; font-weight: bold; margin: 10px 0; overflow: hidden; padding: 10px 0 14px; }
p#pagination a { border: 2px solid #c8c8c8; margin: 0 1px; padding: 0 5px 2px; }
p#pagination a:hover { border-color: #369; } 

/* Per-domain styling
----------------------------------------------------------------------------------------*/

/* Twitter */
ul#activity_list li.item.twitter_com { background: white url(images/bg_box_twitter.png) top left no-repeat; }
ul#activity_list li.item.twitter_com .site_info { margin-bottom: 1px; }
ul#activity_list li.item.twitter_com p.twitter_tweet { display: block; height: 108px; margin-bottom: 5px; overflow: hidden; }
ul#activity_list li.item.twitter_com p.twitter_user { height: 48px; margin: 0 0 6px 0; text-align: center; }
ul#activity_list li.item.twitter_com p.twitter_user a { display: block; font-size: 10pt; font-weight: bold; margin-top: 18px; position: absolute; }
ul#activity_list li.item.twitter_com p.twitter_user span.pointer { background: transparent url(images/bg_box_twitter_pointer.png) no-repeat left top; display: block; height: 11px; margin: -53px 0 0 51px; position: absolute; width: 48px; }

/* Flickr */
ul#activity_list li.item.flickr_com { background: white url(images/bg_box_photo.png) top left no-repeat; }
ul#activity_list li.item.flickr_com a.activity_image { display: block; height: 188px; margin: -6px 0 0 -10px; position: relative; width: 170px; }
ul#activity_list li.item.flickr_com a.activity_image:hover { border: 0; }
ul#activity_list li.item.flickr_com span.activity_image_text { background: black; bottom: 10px; color: white; display: block; font-size: 7.5pt; line-height: 10pt; margin-left: 10px; opacity: 0.7; padding: 8px 10px; position: absolute; width: 130px; }
ul#activity_list li.item.flickr_com h4 { margin-top: -179px; position: absolute; }
ul#activity_list li.item.flickr_com p.site_info { margin-bottom: 1px; padding-top: 6px; }

/* YouTube and Vimeo */
ul#activity_list li.item.youtube_com,
ul#activity_list li.item.vimeo_com { background: white url(images/bg_box_video.png) top left no-repeat; }

/* Sidebar
----------------------------------------------------------------------------------------*/

div#sidebar { float: left; width: 300px; }

div#sidebar div.image-credit { background-image: url(images/image_credit.jpg); }
div#sidebar div.image-credit a {  }

div.collections { background: transparent url(images/bg_collections_top.png) no-repeat left top; margin-top: 16px; padding-top: 10px; }
div.collections p.key { color: #999; display: block; font-size: 8pt; margin: 0 0 6px 14px; font-style: italic; }
div.collections ul { background: transparent url(images/bg_collections.png) repeat-y left top; border-bottom: 1px solid #ccc; }
div.collections ul li.header { background: #ccc; color: white; font-family: Arial, Sans-Serif; font-size: 12pt; font-weight: bold; margin-left: 1px; padding: 10px 14px; }
div.collections ul li.all { font-weight: bold; }
div.collections ul li a { background-position: 10px center; border: 1px solid #ccc; border-style: solid solid none none; display: block; margin-left: 1px; padding: 10px 14px 10px 34px; }
div.collections ul li a:hover { color: black; }
div.collections ul li a span { color: #999; }
div.collections ul li a span.description { display: block; }

div.collections ul li a.active { background-color: white; border: 1px solid #999; border-left-color: white; color: black; font-weight: bold; margin-left: 0; }
div.collections ul li a.active span { font-weight: normal; }

div.collections .footer { background: transparent url(images/bg_collections_bottom.png) no-repeat left top; display: block; height: 34px; }

div#help a { background: transparent url(images/btn_help.png) no-repeat center center; border: 4px solid #800; display: block; height: 92px; margin-top: 16px; text-indent: -999em; width: 292px; }
div#help a:hover { border-color: #333; }
	
/* Single entry page
----------------------------------------------------------------------------------------*/

#single { border-bottom: 1px solid #ccc; margin-bottom: 14px; padding-bottom: 14px; }
#single h2 { font-size: 14pt; line-height: 18pt; }
#single p.date { border-bottom: 1px solid #ccc; color: #666; margin: 4px 0 14px; padding-bottom: 14px; }
#single p#original_permalink { font-weight: bold; margin-top: 14px; }
#single p.video { margin-bottom: 14px; }
#single p.image { margin-bottom: 14px; }
#single p.image img { border: 1px solid #ccc; background: #f4f4f4; padding: 10px; }
#single div#single_content p { margin-bottom: 14px; }
#single p#original_permalink { background: #ebebeb; font-size: 10pt; padding: 8px 10px; }

#single div.twitter { background: #8ec1da url(images/bg_twitter.png) no-repeat left bottom; color: #666; padding: 12px 14px 14px; }
#single div.twitter div.content { background: white; margin: 0; overflow: hidden; padding: 20px; }
#single div.twitter h2{ border-bottom: 1px solid #ccc; line-height: 20pt; margin-bottom: 14px; padding-bottom: 14px; }
#single div.twitter img { float: left; margin-right: 14px; }
#single div.twitter p.twitter_user { display: block; font-size: 18px; font-weight: bold; margin-bottom: 4px; }
#single div.twitter p.date { border-bottom: 0; font-size: 8pt; font-weight: normal; margin: 0; padding: 0; }

/* Static page
----------------------------------------------------------------------------------------*/

div#static { border-bottom: 1px solid #ccc; margin: 10px 16px 14px; width: 598px; }
div#static h2 { font-size: 13pt; }
div#static h3 { font-size: 11pt; margin: 14px 0; }
div#static p { margin-bottom: 14px; }
div#static a { border-bottom: 1px dotted #369; }

/* Footer
----------------------------------------------------------------------------------------*/

div#footer { margin: 0 auto; overflow: hidden; width: 930px; }

div#footer div.info { color: #666; float: left; margin: 36px 0 0 14px; width: 300px; }
div#footer div.info a { color: #666; }

div#footer div.image-credit { background-image: url(images/image_credit_footer.jpg); float: right; height: 80px; margin: 0 309px 10px 0; width: 302px; }
div#footer div.image-credit a { margin: 30px 0 0 82px; width: 178px; }