/*[fmt]1A90-1A0B-1*/
/*Sweetcron Boxy CSS - 08/09/2008

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


Reset
----------------------------------------------------------------------------------------*/
* {
	margin: 0px 0 0 0px;
	padding: 0;
}

/*now I'm working with a clean slate!
Typography
----------------------------------------------------------------------------------------*/
BODY {
	font-family: Arial, Helvetica, "sans serif";
	font-size: 12px;
	color: #808852;
	line-height: 1.7em;
}

UL#activity_list LI.item.yongfook_com DIV.item_inner {
	font-family: Helvetica, Georgia, "Times New Roman", Times, serif;
}

H1 {
	font-size: 20px;
	text-align: left;
	line-height: 1em;
	height: 20px;
	margin-top: 10px;
	color: #4B5600;
}

A {
	color: #495918;
	outline: none;
}

A:hover {
	color: #003399;
}

DIV#aboutme H3 {
	color: #333;
}

UL#navigation LI.current A, UL#navigation LI A:hover {
	color: #000000;
}

UL#activity_list LI.item P.date, 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;
}

P.vimeo_title A, LI.item.digg_com DIV.item_inner A, UL#activity_list LI.item.youtube_com DIV.item_inner A, P.osf_recipe A, DIV#header H1 A {
	color: #FFFFFF;
}

UL#activity_list LI.item.youtube_com DIV.item_inner {
	color: #838C6A;
}

LI.item.digg_com DIV.item_inner {
	color: #7698B7;
}

DIV#explanation {
	color: #999933;
}

DIV#explanation STRONG {
	color: #666633;
}

INPUT.text_input {
	font-size: 13px;
}

H2, DIV#explanation, DIV#single_container, UL#navigation LI, P.osf_recipe {
	font-size: 13px;
	line-height: 1.4em;
}

P#pagination, UL#activity_list LI.item.yongfook_com DIV.item_inner, DIV#single_container H3, DIV#single_container H4, DIV#single_container H5 {
	font-size: 20px;
}

DIV#single_container H2 {
	font-size: 25px;
}

UL#activity_list LI.item P.date {
	font-size: 9px;
}

P.blog_cite, P.site_info, P.date, P.original_link, P.activity_image_text, DIV#aboutme, DIV#footer, UL#activity_list LI.item.youtube_com DIV.item_inner, P.osf_recipe SPAN {
	font-size: 10px;
}

P.activity_image_text A, P.twitter_tweet, P.vimeo_title, LI.item.digg_com DIV.item_inner A, DIV#explanation STRONG, P#pagination, UL#activity_list LI.item.youtube_com DIV.item_inner A, UL#activity_list LI.item.yongfook_com DIV.item_inner, DIV#single_header, DIV#single_container STRONG, UL.item_tag_list, UL#navigation LI, P.osf_recipe, DIV.instructions STRONG {
	font-weight: bold;
}

UL#activity_list LI.item.yongfook_com DIV.item_inner P.blog_cite {
	font-weight: normal;
}

P.original_link A, P.activity_image_text A, P.site_info A, P.vimeo_title A, LI.item.digg_com DIV.item_inner A, UL#activity_list LI.item.youtube_com DIV.item_inner A, UL#navigation LI A, P.osf_recipe A, DIV#header H1 A {
	text-decoration: none;
}

P.original_link A:hover, P.activity_image_text A:hover, LI.item.digg_com DIV.item_inner A:hover {
	text-decoration: underline;
}

P.vimeo_title, UL#activity_list LI.item.youtube_com DIV.item_inner, UL#activity_list LI.item.yongfook_com DIV.item_inner {
	text-align: center;
}

DIV#single_header H2 {
	line-height: 1.1em;
	margin-top: 0px;
}

P.activity_image_text {
	line-height: 1.5em;
}

P.twitter_tweet, DIV#aboutme, UL#activity_list LI.item.youtube_com DIV.item_inner {
	line-height: 1.6em;
}

/*Positioning
----------------------------------------------------------------------------------------*/
BODY {
	background: #000000 url(/images/float-blur.png) no-repeat fixed top center;
}

DIV.center_box {
	width: 995px;
	margin: 0 auto;
	position: relative;
	/*[disabled]background-image:url(http://www.fractalphono.com/sweetcron/system/application/views/themes/boxy/images);*/
}

DIV#header {
	height: 90px;
}

DIV#header DIV.center_box {
	height: 130px;
}

DIV#header H1 {
	position: absolute;
	top: 50px;
	left: 0;
}

DIV#header H1 A {
	border: 1px solid #B8DBFE;
	border-style: none none solid;
}

DIV#header H1 A:hover {
	border: 1px solid #FFFFFF;
	border-style: none none solid;
}

UL#navigation {
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 1000;
}

UL#navigation LI {
	float: left;
	margin-right: 1px;
	/*[empty]background-color:;*/
}

UL#navigation LI A {
	float: left;
	padding: 8px 18px 10px;
	background-color: #1F1F0F;
	background-repeat: no-repeat;
	background-position: bottom left;
}

UL#navigation LI.current A {
	background: #74824A;
	margin-right: 0px;
	border-bottom: 1px solid #000000;
}

DIV#main_container {
	margin: 0;
	width: 679px;
	float: left;
}

DIV#sidebar_container {
	display: inline;
	width: 300px;
	float: left;
	margin: 100px 15px 0 0;
}

.sidebar_logo {
	margin: -72px 5px 0 30px;
}

P.site_info {
	padding: 3px 3px 3px 22px;
}

UL#activity_list {
	float: left;
}

UL#activity_list LI.item {
	width: 316px;
	margin: 0 15px 15px 0;
	float: left;
	overflow: hidden;
}

DIV.item_inner {
	border-left: 1px solid #221;
	height: 280px;
	overflow: hidden;
	position: relative;
	background-image: url(/images/blackgradients/70p_black.png);
}

UL#activity_list LI.item.last {
	margin-right: 0;
}

LI.item IMG, DIV#single_container IMG {
	display: block;
	margin-left: 0px;
}

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;
	margin: 10px 0 5px;
}

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;
	padding: 10px 0;
	margin-top: 20px;
}

DIV.ad_container IMG {
	display: block;
}

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

FORM#search_form {
	margin: 8px 0 0;
}

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

FORM#mailing_list P {
	padding: 70px 10px 10px;
}

INPUT.text_input {
	background: #FFFFCC;
	width: 180px;
}

DIV#explanation {
	background: #202010;
	padding: 10px;
	margin: 0px 0 15px;
	text-align: justify;
	line-height: 1.2;
}

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;
}

DIV#footer {
	clear: both;
}

DIV#footer {
	background: #110;
	padding: 8px;
	position: relative;
	height: 17px;
}

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

DIV#single_header {
	/*[disabled]padding:10px 0 15px;*/
	margin-top: 50px;
}

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;
	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: url(images/flickrlogo.gif) no-repeat center center;
}

LI.item.flickr_com P.site_info {
	background: #0000FF;
}

LI.item.vimeo_com DIV.item_inner {
	background: #80CEFF url(images/vimeoback.jpg) no-repeat bottom center;
}

LI.item.vimeo_com DIV.item_inner OBJECT {
	border: 1px solid #FFFFFF;
	border-style: none none solid;
}

UL#activity_list LI.item.twitter_com DIV.item_inner {
	background: #010500 url(images/twitterback.jpgg);
}

P.vimeo_title A {
	border: 1px solid #A7DAFA;
	border-style: none none solid;
}

P.vimeo_title A:hover {
	border: 1px solid #FFFFFF;
	border-style: none none solid;
}

P.twitter_user {
	margin: 10px 0 0 10px;
	padding-bottom: 10px;
	background: transparent;
}

P.twitter_user IMG {
	display: block;
	/*[empty]border:;*/
}

P.twitter_tweet {
	background: #002D0B;
	padding: 8px 10px;
	overflow: hidden;
	background: #061F00;
	margin: 0 10px;
}

UL#activity_list LI.item.digg_com DIV.item_inner {
	background: #1B5790 url(images/diggback.gif) no-repeat bottom right;
}

LI.item.digg_com DIV.item_inner A {
	border: 1px solid #7698B7;
	border-style: none none dotted;
	display: block;
	padding-bottom: 5px;
	margin-bottom: 5px;
}

DIV.inner_container {
	padding: 6px 8px;
	/*[empty]width:;*/
}

UL#activity_list LI.item.youtube_com DIV.item_inner {
	/*[disabled]background:#FE3333 url(images/youtubeback.gif) repeat-x bottom left;*/
}

UL#activity_list LI.item.youtube_com DIV.item_inner OBJECT {
	border: 1px solid #FFFFFF;
	border-style: none none solid;
	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;
}

UL#activity_list LI.item.youtube_com DIV.item_inner A:hover {
	border: 1px solid #FFFFFF;
	border-style: none none solid;
}

UL#activity_list LI.item.yongfook_com DIV.item_inner {
	/*[disabled]background:#FFFFFF url(images/blogback.jpg) no-repeat bottom left;*/
}

P.blog_title, P.blog_cite {
	margin: 15px 0 20px 25px;
	color: #FF0000;
}

.blogentry H3 {
	color: #B3D340;
	font-weight: bold;
}

.blogentry H2 {
	margin-left: 15px;
}

UL#activity_list LI.item.yongfook_com DIV.item_inner IMG {
	/*[disabled]display:inline;*/
}

LI.item.opensourcefood_com IMG {
	/*[disabled]position:absolute;*/
	/*[disabled]bottom:0;*/
	/*[disabled]right:0;*/
	/*[disabled]z-index:0;*/
}

DIV.osf_fold A {
	height: 250px;
	width: 211px;
	background: transparent url(images/osfback.png) no-repeat bottom right;
	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;
}

P.osf_recipe A:hover {
	border: 1px solid #FFFFFF;
	border-style: none none solid;
}

P.osf_recipe SPAN {
	margin-top: 3px;
	display: block;
	width: 180px;
}

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

P.activity_image_text {
	position: absolute;
	top: 0;
	padding: 3px 5px;
	background: #000000;
}

DIV.instructions CODE {
	background: #FFFFCC;
}

/*IE Fixes (lulz)
----------------------------------------------------------------------------------------*/
BODY {
	word-wrap: break-word;
}

/*3rd Party
----------------------------------------------------------------------------------------*/
.blogeditlink {
	float: right;
}

.blogmenu {
	text-align: right;
	margin: 0 15px 0 0;
}

.blogmenu LI {
	list-style: none;
	display: inline;
}

.black {
	color: #000000;
}

.white {
	color: #FFFFFF;
}

.olive {
	color: #808000;
}

.big {
	font-size: 20pt;
}