/* Sweetcron Sandbox CSS - 28/08/08

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

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

* {
	margin:0;
	padding:0;
}

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

p#pagination {
    font-family:Georgia, Times, 'Times New Roman', serif;
    font-size:14px;
    color:#FFF;
}

p.site_info, p.date, p.original_link {
    font-size:10px;
}

p.site_info {
    border-top:1px dashed #333;
    border-bottom:1px dashed #333;
    padding:5px 0 5px 0;
    margin:0 0 10px 0
}

p.original_link {
    font-family:Georgia, Times, 'Times New Roman', serif;
    font-style:italic;
    font-weight:normal;
    padding-bottom:10px;
}

strong {
	font-weight:bold;
}


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

body {
	color:#666;
	font-family:'Helvetica', Arial, Geneva, Verdana, Sans-Serif;
	font-size:12px;
	line-height:18px;
}	

h1 {
	font-size:56px;
	color:#fff;
	margin:20px 0 0 0;
}

h1 a {
	text-decoration:none;
	color:#fff;
}

h1 a:hover {
	text-decoration:none;
	color:#ccc;
}

h2 {
    font-size:18px;
    line-height:22px;
    color:#FFF;
}

div#sidebar_container h3 {
    color:#FFF;
    font-size:18px;
    margin:10px 0 5px 0;   
}

a {
	color:#FFEC00;
	text-decoration:none;
}

a:hover {
	color:#999;
	text-decoration:underline;
}

p.original_link a {
    color:#999;
    text-decoration:none;
    padding-bottom:20px;
}

p.date a {
    text-decoration:none;
	color:#00aeef;
}

p.site_info a {
    text-decoration:none;
	color:#00aeef;  
}

p.original_link a:hover, p.date a:hover, p.site_info a:hover {
    text-decoration:underline;
	color:#CCC;
}


li a {
    font-weight:bold;
}

li.current a {
    text-decoration:none;
	color:#FFF;
}



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

body {
    background:#141414 url('http://blog.plasticbag.de/wp-content/themes/sharpfolio/images/bg_tile.gif') repeat-y top;
}

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

div#header {
    padding:20px 0;   
}

ul#navigation {
    display:block;
    position:absolute;
    right:0;
/*    border:1px solid #333;*/
}   

ul#navigation li {
    display:inline;
    margin-left:4px;
}

ul#navigation li:hover {
/*	border-bottom:2px solid #fff;*/   
}

div#main_container {
    padding:20px 0 0 0;  
    width:500px; 
    float:left;
}

div#sidebar_container {
    color:#ccc;
    display:inline;
    width:230px;
    float:right;
    background:#333;
    border:1px solid #333;
    margin:20px 0 0 0;
    padding:10px;
}
    
p.site_info {
    padding-left:20px;   
}

ul#activity_list li.item {
    width:500px;
    margin-bottom:50px;
/*
    padding-bottom:25px;
    border-bottom:1px dashed #333;
*/
}

/*
li.item img, div#single_container img {
    display:block;
    border:1px solid #CCC;
    padding:3px;
    margin:5px 0;   
}
*/

li.item img, div#single_container img {
	 background-color:#181818;
	 border:1px solid #333;
	 display:block;
	 margin:5px 5px 5px 0;
	 padding:4px;
	 position:relative;
	}
	
li.item img:hover, div#single_container img:hover {
	background-color:#666;
	/*filter:alpha(opacity=75);-moz-opacity:.75;opacity:.75;*/
	}
	

ul.item_tag_list li {
    display:inline;   
}

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

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

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

/* Form Elements
---------------------------------------------------------------------------------------- */

.searchbutton {
 	color:#FFEC00;
 	font-weight:bold;
 	background:#404040;
 	border-top:1px solid #666;
 	border-right:1px solid #333;
 	border-bottom:1px solid #333;
 	border-left:1px solid #666;
 	cursor:pointer;
 	width:auto;
 	text-align:center;
 	padding:2px 5px 2px 5px;
 }
 
.searchbutton:hover {
 	color:#999;
 	background:#303030;
 	border-top:1px solid #212121;
 	border-right:1px solid #404040;
 	border-bottom:1px solid #404040;
 	border-left:1px solid #212121;
 }
 

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

.lastfmbar {
	background-color:#666;
	padding:0; margin:0;
	border:1px solid #333;
}

#twitter_update_list li {
/*	border-bottom:1px dashed #666;*/
	padding:0 0 5px 0;
}


#twitter-link, #twitter-link a {
	padding:5px 0 0 0;
	font-weight:bold;
	font-size:10px;
	color:#00aeef;
	display:block;
	text-decoration:none;
}

#twitter-link:hover, #twitter-link a:hover {
	color:#ccc;
	text-decoration:underline;
}