/* Sweetcron Sandbox CSS - 28/08/08

	Table of Contents:
	Reset
	Typography
	Positioning
	Coloring
	Sources
	IE Fixes
	3rd Party
			
*/

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

* {
	margin: 0;
	padding: 0;
}

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

h2, p#pagination {
    font-size: 16px;   
}

p.site_info, p.date, p.original_link, ul.item_tag_list {
    font-size: 11px;   
}

p.original_link a {
    color: #999;
    text-decoration: none;   
}

/* Typography
---------------------------------------------------------------------------------------- */
div.clear{clear:both;}

body, ul#activity_list li.twitter_com h2{
	font-family:  Arial, "Lucida Grande",Helvetica, sans serif;
	font-size: 14px;
	font-weight:normal;
	color: #BBB;
	line-height: 1.7em;
}	

a {
	text-decoration:none;
	color:#6699FF;
}

a:hover{
	text-decoration:underline;
}

h1 a, h1{
    font-size: 48px;
	font-weight:lighter;
	text-decoration:none;
	color:#FFFFFF;
	font-family: Georgia, "Times New Roman", Times, serif;
}

div#single_container p.site_info, div#single_container ul.item_tag_list {
	font-size:12px;
}

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

body {
    background: white;   
}

div.center_box {
    width: 1000px;
    margin: 0 auto;   
    position: relative;
}

div#header {
	height: 40px;
    padding: 20px 0;
} 

div#showcase{
	padding: 10px 0;
	margin: 0 0 30px 0;
	height:250px;
}

div#main_container {
    padding: 10px 5px 0 5px;  
	margin:0 25px 0 0;
	width: 640px; 
    float: left;	
}

div#latest {
width:640px;
float:left;
}

div#recent{
	width:250;
	display:inline;
	float:left;
	margin:0 0 0 5px;
	padding:0 0 0 5px;
	border-left:#BBB 1px  dotted;
}

div#sidebar_container {
    padding: 10px;
}

div#sidebar_container ul{margin: 0 0 20px 0;}

div#sidebar_container, div#recent {
    display: inline;
    width: 250px;
    float: left;
}
    
p.site_info {
    padding-left: 20px;   
}

ul#activity_list li.item {
	margin:0 0 10px 0;
	padding:0 0 20px 0;
	border-bottom:#BBB 1px  dotted;
	float:left;
}



ul.item_tag_list li {
    display: inline;   
}

p#breadcrumb, p#pagination {
    margin-bottom: 20px; 
    padding: 3px;  
}

p#pagination {
text-align:center;
clear:both;}

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

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

ul#activity_list li.item div.post-icon{ clear:left;}

ul#activity_list li.item div.comment-count {
clear:right;
}

ul#activity_list li.item div.post-icon, ul#activity_list li.item div.content {
float:left;
display:inline;
overflow:hidden;
}

ul#activity_list li.item div.post-icon{
	width:40px;
	padding: 0 5px;
}

ul#activity_list li.item div.content {width:590px;}


div#single_container h2{
	text-align:center;
	font-size:30px;
	line-height:40px;
	padding:40px 0;
}

div#single_container ul.item_tag_list{

}

div#footer div#center{
	border: #BBB 1px  dotted;
	border-style: none dotted none dotted;
}

div#footer .element{
	border: #BBB 1px  dotted;
	border-style: none none dotted none;
}

div#footer form#search_form input{
	width:100%;
}

div#footer form#search_form input.text_input{
	border:#BBB 1px  dotted;
	background:#000;
	color:#FFF;
}

div#footer div#bottom{
	clear:both;
	width:100%;
	height:20px;
}

div#footer a#credits{
	float:left;
}

div#footer span#copyright{
	float:right;
}

div#footer {
	min-height:90px;
	width:1000px;
	margin: 10px auto;
}

div#footer div#left, div#footer div#center, div#footer div#right{
	width:305px;
	float:left;
}
div#footer div#center{
padding:0 15px;
margin:0 15px;
}

div#footer .element{
	padding-bottom:10px;
	margin-bottom:10px;
}

div#showcase div#blog-items p{
	margin: 5px 0 0 0;
}


/* Coloring
---------------------------------------------------------------------------------------- */

body{
	background:#000 url(images/bg.jpg) center top no-repeat;
}



/* Sources
---------------------------------------------------------------------------------------- */



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



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

/*
Images are wrapped in divs classed "flickr_badge_image" with ids
"flickr_badge_imageX" where "X" is an integer specifying ordinal position.
Below are some styles to get you started!
*/
#flickr_badge_uber_wrapper {text-align:center; width:260px;}
#flickr_badge_wrapper {padding:10px 0 10px 0;}
.flickr_badge_image {margin:0 10px 10px 10px;}
.flickr_badge_image img {border: 1px solid white !important;}


/*Friendfeed badge*/
div.friendfeed div.name {
	display:none !important;
}
div.friendfeed, div.friendfeed *{
	background:none !important;
	border:none !important;
}