/* Sweetcron Boxy CSS - 08/09/2008

	Table of Contents:
	Reset
	Typography
	Positioning
	Per-Domain Styling
	IE Fixes
	3rd Party
			
*/

/* Reset
---------------------------------------------------------------------------------------- */

* {
	margin: 0;
	padding: 0;
}

/* now I'm working with a clean slate! */


/* Typography
---------------------------------------------------------------------------------------- */
	

ul#activity_list li.item.<YOUR_DOMAIN_COM> div.item_inner {
	font-family: Georgia, 'Times New Roman', Times, serif;	
}


ul#activity_list li.item, p.original_link a, p.activity_image_text span, p.site_info a, div#aboutme, p.blog_cite, div#single_header p, ul#navigation li a, p.osf_recipe {
	color: #999
	font-size: 0.90em;
}

/* Positioning
---------------------------------------------------------------------------------------- */



div.wrapper_SC {
    width: 900px; 
	background:#FFF;
}


img#itsame {
	width: 137px;
    height: 130px;
	display: block;
	position: absolute;
	right: 30px;
	bottom: 0;
	z-index: 888;
}

div#main_container {
	padding: 15px 10px 10px 10px;
    width: 885px; 
    float: left;
	background:#FFF;
	margin: 20px 0px 0px 0px;
}

div#sidebar_container {
	background-color:#FFF;
    display: inline;
    width: 200px;
    float: left;
    padding: 15px 10px 10px 10px;
}
    
p.site_info {
    padding: 3px 3px 3px 22px;
}

p.date {
	font-size: 0.80em;
	color:#999
}

p.date a{
	font-size: 0.80em;
	color:#999
}
p.date a:hover {
	color:#666;
	font-size: 0.80em;
}

ul#activity_list {
	float: left;	
}

ul#activity_list li.item {
    width: 211px;
    padding: 0 10px 18px 0;
    float: left;
    overflow: hidden;
}

div.item_inner {
	border: 1px solid #CCC;
    height: 250px;
    overflow: hidden;
    position: relative;
	font-size: 0.95em;
	font-family:Arial, Helvetica, sans-serif
}

ul#activity_list li.item.last {
	margin-right: 0;
}

li.item img, div#single_container img {
    display: block;
}

ul.item_tag_list li {
    display: inline;   
}

div.clear {
	clear: both;	
}

p#breadcrumb, p#pagination {
    margin-bottom: 15px; 
    padding: 3px;  
    border: 1px solid #CCC;
    border-style: dotted none;
}

p#pagination {
	padding: 10px 0;	
}

div#sidebar_container h3 {
    border: 1px solid #CCC;
    border-style: none none solid none;
    margin: 10px 0 5px 0;   
}

div#sidebar_container div#aboutme_blurb h3 {
	margin-top: 0;	
	border: none;
}

ul.tag_list li {
    display: inline;
    margin: 0 5px 0 0;   
}

div#comments_container {
    border: 1px solid #EEE;
    border-style: solid none none none;
    padding: 10px 0;
    margin-top: 20px;   
}

div.ad_container img {
	display: block;	
}

div.ad_container.bottom { 
	margin: 15px 0;
}

form#mailing_list {
    margin-top: 15px;
    background: white url(images/mailinglist.gif) 0 0 no-repeat;
    border: 1px solid #CCC;
}

form#mailing_list p {
    padding: 70px 10px 10px 10px;   
}

input.text_input {
    background: #FFFFCC;
    width: 180px;   
}
div#explanation {
    background: #99cccc;
    padding: 10px ;
    margin: 0 0;
}

div#aboutme_blurb {
    width: 180px;
    border: 1px solid #EEE;
    border-style: none solid none none;
    padding: 0 15px 0 0;
    float: left;
    margin-right: 15px;
}

div#aboutme ul {
    list-style-type: disc;
}

div#aboutme ul li {
    padding-bottom: 5px;
}

div#aboutme h3, div#aboutme ul, div#aboutme p {
    margin-left: 20px;
}

div#aboutme h3 {
    margin-bottom: 5px;
}

p.sidebar_small_banner img {
    display: block;
    margin-bottom: 10px;
}


a#credits {
    position: absolute;
    right: 10px;
    top: 6px;
}

div#single_header {
	padding: 10px 0 15px 0;	
}

div#single_content p, div#single_container object, div#single_container img, div#single_container ul, div#single_container ol {
	margin-bottom: 15px;	
}

div#single_container img {
	border: 1px solid #CCC;
	padding: 5px;	
}

div#single_container h3, div#single_container h4, div#single_container h5 {
	border: 1px solid #CCC;
	border-style: none none dotted none;	
	padding-bottom: 8px;
	margin-bottom: 8px;
	margin-top: 25px;
}

p#original_permalink span {
	background: #FFFFCC;	
}

div.activity_list_inner img {
	float: left;
	margin-right: 10px;	
}

li.activity_item {
	clear: both;	
}

/* Per-Domain Styling
---------------------------------------------------------------------------------------- */

li.item.flickr_com {
	background: white url(images/flickrlogo.gif) center center no-repeat;
}

li.item.flickr_com p.site_info {
	background: blue;	
}

li.item.vimeo_com div.item_inner {
	background: #80ceff url(images/vimeoback.jpg) bottom center no-repeat;
}

li.item.vimeo_com div.item_inner object {
	border: 1px solid white;
	border-style: none none solid none;	
}

ul#activity_list li.item.twitter_com div.item_inner {
	background: url(images/twitterback.jpg);	
}

ul#activity_list li.item.jamazon_co_uk div.item_inner {
        background: #b25036 url(images/last_back.png) bottom right no-repeat;
}

	

p.vimeo_title a {
	border: 1px solid #a7dafa;
	border-style: none none solid none;	
}

p.vimeo_title a:hover {
	border: 1px solid white;
	border-style: none none solid none;
}

p.twitter_user {
	margin: 10px 0 0 10px;	
	padding-bottom: 10px;

}

p.last_love {
	margin: 10px 0 0 10px;	
	padding-bottom: 10px;

}

p.twitter_user img {
	display: block;
	border: 1px solid #999;
}

p.last_love img {
	display: block;
	border: 0px ;
}

p.twitter_tweet {
	background: white;
	padding: 8px 12px;
	overflow: hidden;	
	background: white url(images/twitterdither.gif) bottom left repeat-x;
	border: 1px solid #DDD;
	border-style: none none solid none;
	margin: 0 10px;
}

p.last_song {
	background: #b25036;
	padding: 8px 12px;
	overflow: hidden;	
	background: #b25036 url(images/twitterdither.gif) bottom left repeat-x;
	border: 1px solid #DDD;
	border-style: none none solid none;
	margin: 0 10px;
}

ul#activity_list li.item.digg_com div.item_inner {
	background: #1b5790 url(images/diggback.gif) bottom right no-repeat;	
}

ul#activity_list li.item.stumbleupon_com div.item_inner {
	background: #4f74ab url(images/stumbleuponback.gif) bottom right no-repeat;	
}

ul#activity_list li.item.delicious_com div.item_inner {
	background: #5d88d6 url(images/deliciousback.gif) bottom right no-repeat;	
}

ul#activity_list li.item.google_com div.item_inner {
	background: #eaeffd url(images/googleback.gif) bottom right no-repeat;	
}

ul#activity_list li.item.<YOUR_DOMAIN_COM> div.item_inner {
	background: #7094b8 url(images/blogsback.gif) bottom right no-repeat;	
}


li.item.delicious_com div.item_inner a {
	border: 1px solid #7094b8;
	border-style: none none dotted none;
	display: block;	
	padding-bottom: 5px;
	margin-bottom: 5px;
}

li.item.<YOUR_DOMAIN_COM> div.item_inner a {
	border: 1px solid #7094b8;
	border-style: none none dotted none;
	display: block;	
	padding-bottom: 5px;
	margin-bottom: 5px;
}

li.item.google_com div.item_inner a {
	border: 1px solid #2238ce;
	border-style: none none dotted none;
	display: block;	
	padding-bottom: 5px;
	margin-bottom: 5px;
}

li.item.digg_com div.item_inner a {
	border: 1px solid #6688d4;
	border-style: none none dotted none;
	display: block;	
	padding-bottom: 5px;
	margin-bottom: 5px;
}

li.item.stumbleupon_com div.item_inner a {
	border: 1px solid #6688d4;
	border-style: none none dotted none;
	display: block;	
	padding-bottom: 5px;
	margin-bottom: 5px;
}




div.speech_tail {
    height: 10px;
    background: transparent url(images/speech_tail.gif) 13px 0 no-repeat;
}


span.type_label.blog {
    background: transparent url(images/blog_label.gif) 0 0;
}

span.type_label.photo {
    background: transparent url(images/photo_label.gif) 0 0;
}

span.type_label.bd {
    background: transparent url(images/bd_label.gif) 0 0;
}

span.type_label.video {
    background: transparent url(images/video_label.gif) 0 0;
}

span.type_label.audio {
    background: transparent url(images/audio_label.gif) 0 0;
}

span.type_label.regular {
    background: transparent url(images/regular_label.gif) 0 0;
}

span.type_label.quote {
    background: transparent url(images/quote_label.gif) 0 0;
}

span.type_label.link {
    background: transparent url(images/link_label.gif) 0 0;
}

div.inner_container {
	padding: 8px 10px;
}	

ul#activity_list li.item.youtube_com div.item_inner {
	background: #FE3333 url(images/youtubeback.gif) bottom left repeat-x;
}

ul#activity_list li.item.youtube_com div.item_inner object {
	border: 1px solid white;
	border-style: none none solid none;	
	margin-bottom: 7px;
}

ul#activity_list li.item.youtube_com div.item_inner p {
	padding: 0 10px;
}

ul#activity_list li.item.youtube_com div.item_inner a {
	border: 1px solid #f07777;
	border-style: none none solid none;
	color:#F5F5F5
}

ul#activity_list li.item.youtube_com div.item_inner a:hover {
	border: 1px solid white;
	border-style: none none solid none;	
}


ul#activity_list li.item.delicious_com div.item_inner {
	background: #5d88d6 url(images/deliciousback.gif) bottom left no-repeat;
}
ul#activity_list li.item.<YOUR_DOMAIN_COM> div.item_inner {
	background: #99cccc url(images/blogsback.gif) bottom left no-repeat;
}

p.blog_title, p.blog_cite {
	margin: 15px 0 20px 0;

}
span.type_label {
    display: block;
    height: 48px;
    width: 48px;
    position: absolute;
    right: 0;
    bottom: 0;
}

ul#activity_list li.item.<YOUR_DOMAIN_COM> div.item_inner img {
	display: inline;	
}

li.item.opensourcefood_com img {
	position: absolute;	
	bottom: 0;
	right: 0;
	z-index: 0;
}

div.osf_fold a {
    height: 250px;
    width: 211px;
	background: transparent url(images/osfback.png) bottom right no-repeat;
	z-index: 1000;
	position: absolute;	
}

p.osf_recipe {
	position: absolute;
	z-index: 1001;
	top: 10px;
	left: 10px;	
	width: 190px;
}

p.osf_recipe a {
	border: 1px solid #333;
	border-style: none none solid none;
}

p.osf_recipe a:hover {
	border: 1px solid white;
	border-style: none none solid none;
}

p.osf_recipe span {
	margin-top: 3px;
	display: block;	
	width: 180px;
}

a.activity_image {
	display: block;
	height: 250px;	
}

p.activity_image_text {
	position: absolute;
	bottom: 0;
	color:#FFF;
	padding: 5px;
	background: #EBEBEB;	
}

div.instructions code {
	background: #FFFFCC;	
}

ul.tag_list li {
        display: inline;
        margin-right: 3px;
        padding: 3px; text-decoration: none;
     }
ul.tag_list li :link  { color: #99cccc; text; text-decoration: none;}
ul.tag_list li :visited { color: #99cccc; text-decoration: none; }
ul.tag_list li :hover { color: #99cccc; text-decoration: underline;  }
ul.tag_list li :active { color: #99cccc; text-decoration: underline; } 

/* IE Fixes (lulz)
---------------------------------------------------------------------------------------- */

body {
	word-wrap: break-word;	
}


/* 3rd Party
---------------------------------------------------------------------------------------- */