/* =========================================================
   Anthronic.com - Andrianto hapsoro
   (c) 2008 Andrianto hapsoro, All Rights Reserved.
============================================================ */

/* ======================== Global Reset */
*{margin: 0;padding: 0;}

/* ======================== Headers */
h1 {font-size: 36px;font-family: Arial, Helvetica, sans-serif;color: #7F7F7F;display: block;margin: 0px 0px 10px 0px;text-align: left;font-weight: normal;line-height: 0.9em;}
h2 {font-size: 24px;font-family: Arial, Helvetica, sans-serif;color: #7F7F7F;display: block;margin: 10px 0px 5px 0px;text-align: left;font-weight: normal;line-height: 0.9em;}
h3 {font-size: 16px;font-family: Arial, Helvetica, sans-serif;color: #7F7F7F;display: block;margin: 0px 0px 10px 0px;text-align: left;font-weight: normal;line-height: 0.9em;}
h4 {font-size: 14px;font-family: Arial, Helvetica, sans-serif;color: #7F7F7F;display: block;margin: 0px 0px 10px 0px;text-align: left;font-weight: normal;line-height: 0.9em;}
h5 {font-size: 12px;font-family: Arial, Helvetica, sans-serif;color: #7F7F7F;display: block;margin: 0px 0px 10px 0px;text-align: left;font-weight: normal;line-height: 0.9em;}

/* ======================== Headers with class */
h1.storearticlefont {font-size: 70px;font-family: Georgia, "Times New Roman", Times, serif;color: #FFFFFF;display: block;margin: 0px 0px 10px 0px;text-align: left;font-weight: normal;line-height: 0.9em;}
h1.bigfontblack {font-size: 24px;font-family: Arial, Helvetica, sans-serif;color: #888;display: block;margin: 0px 0px 10px 0px;text-align: left;font-weight: normal;line-height: 0.9em;}
h1.storetitlefont {font-size: 65px;font-family: Georgia, "Times New Roman", Times, serif;color: #FFFFFF;display: block;margin: 0px 0px 10px 0px;text-align: left;font-weight: normal;line-height: 0.9em;}
h1.archivelisttitle_month {font-size: 21px;font-family: Arial, Helvetica, sans-serif;color: #7F7F7F;display: block;margin: 0px 0px 10px 0px;text-align: left;font-weight: normal;line-height: 0.9em;}
h1.archivelistyear {font-size: 21px;font-family: Arial, Helvetica, sans-serif;color: #ddd;display: block;margin: 0px 0px 10px 0px;text-align: right;font-weight: normal;line-height: 0.9em;}
h1.archivelist_itemcounter {font-size: 21px;font-family: Arial, Helvetica, sans-serif;color: #ddd;display: block;margin: 0px 0px 10px 0px;font-weight: normal;line-height: 0.9em;}
h1.blogtitle {font-size: 48px;font-family: Arial, Helvetica, sans-serif;color: #7F7F7F;font-weight: bolder;display: inline;letter-spacing: -3px;line-height: normal;}
h1.blogtitle2 {font-size: 48px;font-family: Arial, Helvetica, sans-serif;color: #7F7F7F;display: inline;letter-spacing: -2px;font-weight: lighter;line-height: normal;}
h1.blogtitle3 {font-size: 24px;font-family: Arial, Helvetica, sans-serif;color: #CC3300;display: inline;letter-spacing: -4px;font-weight: bolder;margin-left: 20px;line-height: normal;}
h1.olderlatest {font-size: 14px;line-height: normal;letter-spacing: normal;margin: 0;display: block;}
h1.otherblog {font-size: 16px;line-height: normal;letter-spacing: normal;margin: 0 0 5px 0;font-weight: lighter;color: #999999;}
h1.photostitle {font-size: 36px;font-family: Arial, Helvetica, sans-serif;color: #7F7F7F;display: block;margin: 0px 0px 0px 5px;font-weight: normal;line-height: 0.9em;}
h1.projecttitle {font-size: 24px;font-family: Arial, Helvetica, sans-serif;color: #7F7F7F;display: block;margin: 0;font-weight: normal;line-height: 0.9em;}

h2.archivetitle {font-size: 20px;font-family: Arial, Helvetica, sans-serif;color: #fff;display: block;letter-spacing: 0px;line-height: normal;font-weight: lighter;margin: 0;padding: 0px 0px 0px 8px;}
h2.datefont {font-size: 18px;font-family: Arial, Helvetica, sans-serif;color: #7F7F7F;display: block;letter-spacing: 1px;line-height: normal;font-weight: lighter;margin: 0;}

h2.storecatfont_43 {font-size: 18px;font-family: Arial, Helvetica, sans-serif;color: #eee;display: block;letter-spacing: 1px;line-height: normal;font-weight: lighter;margin: 0;background-color: #CC3300;padding: 2px 2px 0px 2px;}
h2.storecatfont_44 {font-size: 18px;font-family: Arial, Helvetica, sans-serif;color: #eee;display: block;letter-spacing: 1px;line-height: normal;font-weight: lighter;margin: 0;background-color: #FF3366;padding: 2px 2px 0px 2px;}
h2.storecatfont_48 {font-size: 18px;font-family: Arial, Helvetica, sans-serif;color: #eee;display: block;letter-spacing: 1px;line-height: normal;font-weight: lighter;margin: 0;background-color: #99CC00;padding: 2px 2px 0px 2px;}

h3.best {font-size: 16px;font-family: Arial, Helvetica, sans-serif;color: #fff;display: block;letter-spacing: 0px;line-height: normal;font-weight: normal;margin: 0px 0px 4px 0px;padding: 0px 0px 0px 0px;}
h3.blogtitle4 {font-size: 12px;font-family: Arial, Helvetica, sans-serif;color: #BCBCBC;display: block;font-weight: lighter;margin: -5px 0px 0px 0px;line-height: normal;}
h3.itemdetail {font-size: 14px;font-family: Arial, Helvetica, sans-serif;color: #7F7F7F;display: block;letter-spacing: 0px;line-height: normal;font-weight: normal;margin: 0px 0px 4px 0px;padding: 0px 0px 0px 0px;}
h3.webreview {font-size: 24px;font-family: Arial, Helvetica, sans-serif;color: #999;margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;letter-spacing: 0px;line-height: normal;font-weight: normal;}

h4.storecattype_43 {font-size: 11px;font-family: Arial, Helvetica, sans-serif;color: #eee;display: block;letter-spacing: 1px;line-height: normal;font-weight: lighter;margin: 0;background-color: #CC3300;padding: 0px 2px 5px 2px;}
h4.storecattype_44 {font-size: 11px;font-family: Arial, Helvetica, sans-serif;color: #eee;display: block;letter-spacing: 1px;line-height: normal;font-weight: lighter;margin: 0;background-color: #FF3366;padding: 0px 2px 5px 2px;}
h4.storecattype_48 {font-size: 11px;font-family: Arial, Helvetica, sans-serif;color: #eee;display: block;letter-spacing: 1px;line-height: normal;font-weight: lighter;margin: 0;background-color: #99CC00;padding: 0px 2px 5px 2px;}

h4.comment {font-size: 11px;font-family: Arial, Helvetica, sans-serif;color: #7F7F7F;display: block;letter-spacing: 1px;line-height: normal;font-weight: lighter;margin: 0;}
.monthly {font-weight: bold;}
.commentnumber {background-color: #eee;padding: 0 3px;color: #999;}
.arrow12{font-size: 12px;}
/* ======================== standard Styles*/
html, body {height: 100%;}
body {font-family: Arial, Helvetica, sans-serif;margin: 0;padding: 0;background-color: #333;background-image: url(images/iluminate_background.jpg);background-position: top center;background-repeat: no-repeat;}
ul{padding: 0 0 0 10px;margin: 0 5px;list-style-image: url(images/arrow.gif);}
ol{list-style: decimal;padding: 0 0 0 10px;margin: 0 5px;}
a:link {text-decoration: none;}
a:visited {text-decoration: none;}
a:hover {text-decoration: none;}
a:active {text-decoration: none;}
blockquote{margin: 5px 0px 5px 10px;font-size: 12px;border-left: solid #eee 1px;color: #333333;}
blockquote p{padding-left: 5px;}
blockquote.webclip{	margin: 5px 0px 5px 10px;border-left: solid #fff 1px;color: #333333;font-size: 11px;}
blockquote.webclip p{padding-left: 5px;}
p {margin: 0 0 5px 0;padding: 0;display: block;}
p.caption {margin: 5px 0 10px 0;padding: 0 0 3px 0;display: block;border-bottom: dotted #ccc 1px;font-style: italic;font-size: 11px;}
p.plurktips {padding: 15px 0 0 0;display: block;}
p.twittertips {padding: 15px 0 0 0;display: block;}
p.commentname {margin: 0 0 -4px 0;padding: 0;display: block;font-size: 13px;}
p.commentdate {margin: 0 0 3px 0;padding: 0 2px;display: block;color: #999999;font-size: 10px;}
img.content1 {padding: 4px;background-color: #ddd;}
img {position: relative;}
/* ======================== for newer styles */
img.content_448 {margin-left: -80px;padding: 4px;background-color: #ddd;position: relative;}

/* ======================== for photos styles */
img.photos_400 {padding: 4px;background-color: #ddd;position: relative;}
img.photos_360 {padding: 4px;background-color: #ddd;position: relative;}
img.photos_300 {padding: 4px;background-color: #ddd;position: relative;}

/* ======================== for older styles */
img.content_450 {margin-left: -88px;margin-bottom: 5px;padding: 0px;background-color: #ddd;position: relative;}
img.content_400 {margin-left: -84px;margin-bottom: 5px;padding: 4px 4px 4px 48px;background-color: #ddd;position: relative;}
img.content_360 {padding: 4px;margin-bottom: 5px;background-color: #ddd;position: relative;}
img.content_359 {padding: 4px;margin-bottom: 5px;background-color: #fff;position: relative;}
img.content_170 {padding: 6px;margin-bottom: 5px;background-color: #ccc;}
img.content_100 {}
img.content_old {margin-left: -88px;margin-bottom: 5px;padding: 4px;background-color: #ddd;position: relative;}

/* ======================== for store styles */
img.content_79 {padding: 0px;background-color: #ccc;margin: 0px 4px 6px 6px;border-bottom: solid #333 5px;}
img.content_79_special {padding: 0px;background-color: #ccc;margin: 0px 6px 6px 28px;border-bottom: solid #333 5px;}

.pointer_400 {position: relative;background-image: url(images/transparency.png);width: 352px;height: 21px;z-index: 1;margin-left: 4px;padding: 2px 0px 4px 8px;font-size: 10px;color: #333333;margin-top: -31px;}
.pointer_360 {position: relative;background-image: url(images/transparency.png);width: 352px;height: 21px;z-index: 1;margin-left: 4px;padding: 2px 0px 4px 8px;font-size: 10px;color: #333333;margin-top: -31px;}
.pointer_300 {position: relative;background-image: url(images/transparency.png);width: 352px;height: 21px;z-index: 1;margin-left: 4px;padding: 2px 0px 4px 8px;font-size: 10px;color: #333333;margin-top: -31px;}
.pointer_thumb {margin-left: 73px;position: relative;background-image: url(images/thumbtab.png);width: 20px;height: 56px;margin-bottom: -56px;}

.leftbox{float: left;margin: 7px;}
.rightbox{float: right;	margin: 7px;}

/* ======================== for container properties */
#container{width: 758px;margin: 0px auto 0px auto;border-left: solid #ccc 1px;border-right: solid #ccc 1px;background-color: #FFFFFF;}

/* ======================== for upper styles */
#ribbonupper{margin: 0px auto 0px auto;height: 18px;background-color: #666;border-left: solid #777 1px;border-right: solid #777 1px;width: 758px;background-image: url(images/ribbonupper.jpg);}

/* ========================blog title and header container */
#header{margin: 0px auto 0px auto;height: 157px;background-image: url(images/header-ilus.jpg);background-position: bottom;background-repeat: no-repeat;}
#headerleft{margin: 0px auto 0px auto;height: 73px;float: left;width: 400px;background-image: url(images/titlebackground.jpg);background-repeat: no-repeat;padding: 45px 0px 0px 10px;font-size: 0px;}
			#headerleft a:link {color: #7F7F7F;}
			#headerleft a:visited {color: #7F7F7F;}
			#headerleft a:hover {color: #cc3300;}
#headerright{margin: 0px auto 0px auto;height: 118px;float: right;width: 284px;padding-left: 14px;}
			#headerright a:link {color: #000;}
			#headerright a:visited {color: #000;}
			#headerright a:hover {color: #000;border-top: 5px solid #ccc;}
.ribbonhome{height: 89px;width: 66px;border-right: solid #fff 1px;float: left;}
.ribbonproject{height: 89px;float: left;width: 66px;border-right: solid #fff 1px;}
.ribbonphotos{height: 89px;float: left;width: 66px;border-right: solid #fff 1px;}
.ribbonstore{height: 89px;float: left;width: 68px;}
.home{height: 20px;background-color: #fff;float: left;width: 66px;text-align: center;font-size: 11px;border-right: solid #EFEFEF 1px;padding-top: 9px;}
.home_lines{height: 20px;background-color: #eee;float: left;width: 66px;text-align: center;font-size: 11px;border-right: solid #EFEFEF 1px;padding-top: 9px;}
.homegrey{height: 20px;background-color: #666666;float: left;width: 66px;text-align: center;font-size: 11px;border-right: solid #EFEFEF 1px;padding-top: 9px;color: #FFFFFF;}
.project{height: 20px;background-color: #fff;float: left;width: 66px;border-right: solid #EFEFEF 1px;text-align: center;font-size: 11px;padding-top: 9px;}
.project_lines{height: 20px;background-color: #eee;float: left;width: 66px;border-right: solid #EFEFEF 1px;text-align: center;font-size: 11px;padding-top: 9px;}
.projectgrey{height: 20px;background-color: #666666;float: left;width: 66px;text-align: center;font-size: 11px;border-right: solid #EFEFEF 1px;padding-top: 9px;color: #FFFFFF;}
.photos{height: 20px;background-color: #fff;float: left;width: 66px;border-right: solid #EFEFEF 1px;text-align: center;font-size: 11px;padding-top: 9px;}
.photos_lines{height: 20px;background-color: #eee;float: left;width: 66px;border-right: solid #EFEFEF 1px;text-align: center;font-size: 11px;padding-top: 9px;}
.photosgrey{height: 20px;background-color: #666666;float: left;width: 66px;text-align: center;font-size: 11px;border-right: solid #EFEFEF 1px;padding-top: 9px;color: #FFFFFF;}
.store{height: 20px;background-color: #fff;float: left;width: 68px;text-align: center;font-size: 11px;font-weight: bold;padding-top: 9px;}
.store_lines{height: 20px;background-color: #eee;float: left;width: 68px;text-align: center;font-size: 11px;font-weight: bold;padding-top: 9px;}
.storegrey{height: 20px;background-color: #666666;float: left;width: 68px;text-align: center;font-size: 11px;font-weight: bold;padding-top: 9px;color: #FFFFFF;}
#aboutwrapper{height: 39px;background-color: #F4F4F4;width: 284px;float: right;padding-left: 14px;background-image: url(images/header-ilus2.jpg);}
			#aboutwrapper a:link {color: #000;}
			#aboutwrapper a:visited {color: #000;}
			#aboutwrapper a:hover {color: #000;border-top: 5px solid #ccc;}
.about{height: 20px;background-color: #fff;width: 269px;border-right: solid #ccc 1px;border-left: solid #ccc 1px;border-bottom: solid #ccc 1px;text-align: center;font-size: 11px;padding-top: 6px;}
.about_lines{height: 20px;background-color: #eee;width: 269px;border-right: solid #ccc 1px;border-left: solid #ccc 1px;border-bottom: solid #ccc 1px;text-align: center;font-size: 11px;padding-top: 6px;}
.aboutgrey{height: 20px;background-color: #666;width: 269px;border-right: solid #666 1px;border-left: solid #666 1px;border-bottom: solid #666 1px;text-align: center;font-size: 11px;padding-top: 6px;color: #FFFFFF;}

/* ======================== ribbon two tone upper */
#ribbontwotone{margin: 0px auto 0px auto;height: 10px;background-image: url(images/ribbontwotone.gif);font-size: 0px;}

/* ======================== about anything */
#aboutanything{margin: 0px auto 0px auto;background-image: url(images/bg.gif);}
.shadow{margin: 0px auto 0px auto;background-image: url(images/shadow.png);height: 13px;background-repeat: no-repeat;background-position: center;font-size: 0px;clear: both;}
.shadow_error{margin: 0px auto 0px auto;height: 1px;font-size: 0px;clear: both;border-top: solid 0px #666;}
#aboutanythingleft{float: left;width: 472px;color: #FFFFFF;margin: 0px 0px 10px 0px;}
			#aboutanythingleft a:link {color: #fff;}
			#aboutanythingleft a:visited {color: #fff;}
			#aboutanythingleft a:hover {color: #333;}
#aboutanythingleft-left{float: left;width: 80px;color: #FFFFFF;padding: 0px 6px 0px 8px;}
#aboutanythingleft-left_item{width: 86px;color: #FFFFFF;padding: 0px 0px 0px 6px;float: left;}
#aboutanythingleft-right{float: right;width: 368px;color: #bbb;padding: 0px 10px 0px 0px;font-size: 12px;text-align: justify;line-height: 16px;}
#aboutanythingright{margin: 0px auto 0px auto;float: right;width: 275px;padding: 0px 0px 0px 10px;color: #FFFFFF;}
#searchwrapper{float: left;width: 400px;color: #FFFFFF;padding: 0px 6px 0px 8px;}
			#searchwrapper a:link {color: #fff;}
			#searchwrapper a:visited {color: #fff;}
			#searchwrapper a:hover {color: #333;}
#rsswrappser{margin: 0px auto 0px auto;width: 120px;padding: 0px 10px 0px 10px;color: #FFFFFF;text-align: right;float: right;font-size: 18px;}
#ribbonafterabout{margin: 0px auto 0px auto;height: 5px;font-size: 0px;background-color: #CCCCCC;clear: both;}

/* ======================== content body */
#contentwrapper{margin: 0px auto 0px auto;}
#contentwrapper_store_01{margin: 0px auto 0px auto;background-image: url(images/store_bg_01.jpg);background-repeat: repeat-x;}
#itemtitlewrapper{float: left;width: 472px;color: #000;margin: 20px 0px -20px 0px;}
#contentleft{float: left;width: 472px;color: #000;margin: 20px 0px 10px 0px;}
#contentstore{float: left;width: 758px;color: #000;margin: 20px 0px 10px 0px;}
.date{float: left;width: 80px;color: #999;padding: 0px 6px 0px 8px;font-size: 12px;text-align: right;}

.store_cat{float: left;width: 100px;color: #FFFFFF;font-size: 12px;text-align: right;margin-left: -20px;position: relative;}
.store_cat_shadow{width: 100px;color: #FFFFFF;background-image: url(images/shadow_cat.png);background-repeat: no-repeat;height: 10px;}
.store_tittle_special {padding: 0px;margin: 0px 7px 6px 15px;float: left;font-size: 10px;width: 79px;}
			.store_tittle_special a:link {color: #7F7F7F;}
			.store_tittle_special a:visited {color: #7F7F7F;}
			.store_tittle_special a:hover {color: #cc3300;}
.store_tittle_usual {padding: 0px;margin: 0px 7px 6px 6px;float: left;font-size: 10px;width: 79px;}
			.store_tittle_usual a:link {color: #7F7F7F;}
			.store_tittle_usual a:visited {color: #7F7F7F;}
			.store_tittle_usual a:hover {color: #cc3300;}
.date_item{float: left;width: 80px;color: #999;padding: 0px 6px 0px 8px;font-size: 12px;text-align: right;margin: 5px 0 0 0;}

.date_item_photos{float: left;width: 80px;color: #999;padding: 0px 6px 0px 8px;font-size: 12px;text-align: right;margin: 5px 0 0 0;}
.h1wrapper{float: right;width: 368px;color: #000;padding: 0px 10px 0px 0px;font-size: 12px;text-align: justify;line-height: 16px;margin: 0;}
			.h1wrapper a:link {color: #888;}
			.h1wrapper a:visited {color: #888;}
			.h1wrapper a:hover {color: #CC3300;}
.h1wrapper_photos{float: right;width: 368px;color: #000;padding: 0px 10px 0px 0px;font-size: 12px;text-align: left;line-height: 16px;margin: 0;}
			.h1wrapper_photos a:link {color: #888;}
			.h1wrapper_photos a:visited {color: #888;}
			.h1wrapper_photos a:hover {color: #CC3300;}
.h1wrapper_project{color: #000;padding: 0px 10px 10px 5px;font-size: 12px;line-height: 16px;margin: 0px auto;}
			.h1wrapper_project a:link {color: #888;}
			.h1wrapper_project a:visited {color: #888;}
			.h1wrapper_project a:hover {color: #CC3300;}
.h1wrapper_project2{color: #000;padding: 0 10px 5px 0;font-size: 12px;line-height: 16px;margin: 0;float: right;width: 260px;}
			.h1wrapper_project2 a:link {color: #888;}
			.h1wrapper_project2 a:visited {color: #888;}
			.h1wrapper_project2 a:hover {color: #CC3300;}
.notfoundwrapper{float: left;width: 468px;color: #000;padding: 0px 10px 0px 8px;font-size: 12px;text-align: justify;line-height: 16px;margin: 0;}
.monthlylistwrapper{float: left;width: 105px;color: #000;padding: 0px 10px 0px 0px;font-size: 12px;text-align: justify;line-height: 16px;margin: 0;}
			.monthlylistwrapper a:link {color: #888;}
			.monthlylistwrapper a:visited {color: #888;}
			.monthlylistwrapper a:hover {color: #CC3300;}
.monthlylist_itemcounter{float: left;width: 38px;color: #000;padding: 0;font-size: 12px;line-height: 16px;margin: 0px -5px 0px 0px;}
			.monthlylist_itemcounter a:link {color: #888;}
			.monthlylist_itemcounter a:visited {color: #888;}
			.monthlylist_itemcounter a:hover {color: #CC3300;}
.monthlylist_itemarticles{float: left;width: 100px;color: #000;padding: 0px 10px 0px 0px;font-size: 12px;line-height: 16px;margin: 0;}
.content{float: right;width: 368px;color: #000;padding: 0px 10px 0px 0px;font-size: 12px;text-align: justify;line-height: 18px;}
			.content a:link {color: #CC3300;}
			.content a:visited {color: #CC3300;}
			.content a:hover {color: #666;}
.contentnotice{color: #000;padding: 10px 10px 10px 10px;font-size: 11px;text-align: justify;line-height: 18px;background-color: #FFCC99;}
.content_store_pic{float: left;width: 665px;color: #000;padding: 0px 5px 0px 0px;font-size: 12px;text-align: justify;line-height: 18px;}
			.content a:link {color: #CC3300;}
			.content a:visited {color: #CC3300;}
			.content a:hover {color: #666;}
.remark{float: right;width: 368px;color: #000;padding: 0px 10px 0px 0px;font-size: 12px;text-align: justify;line-height: 16px;}
			.remark a:link {color: #555;}
			.remark a:visited {color: #555;}
			.remark a:hover {color: #CC3300;}
.remark_photos{float: right;width: 350px;color: #000;padding: 0px 10px 0px 0px;font-size: 12px;text-align: justify;line-height: 16px;}
			.remark_photos a:link {color: #555;}
			.remark_photos a:visited {color: #555;}
			.remark_photos a:hover {color: #CC3300;}
.readmore{width: 75px;background-image: url(images/readmore.gif);background-position: left center;background-repeat: no-repeat;color: #000;font-size: 10px;height: 18px;float: left;margin: 5px 5px 0px 0px;padding: 0px 0px 0px 15px;vertical-align: middle;}
.addcomment{width: 86px;background-image: url(images/addcomment.gif);background-position: left center;background-repeat: no-repeat;color: #000;font-size: 10px;height: 18px;float: left;margin: 5px 0px 0px 0px;padding: 0px 0px 0px 15px;vertical-align: middle;}
.commenttitle{width: 80px;float: left;margin: 0px 0px 10px 0px;background-color: #CCCCCC;font-size: 11px;height: 20px;padding: 5px 3px 0px 2px;color: #FFFFFF;text-align: right;border-right: solid #bbb 1px;	}
#commentcontent{float: right;width: 368px;color: #000;padding: 0px 10px 0px 0px;font-size: 12px;text-align: justify;line-height: 18px;	}
.titlewrapper{padding: 0 2px;margin: 5px auto 0px auto;}
			.titlewrapper a:link {color: #000;}
			.titlewrapper a:visited {color: #000;}
			.titlewrapper a:hover {color: #cc3300;}
.contentnavigation{float: right;width: 368px;color: #000;padding: 0px 10px 0px 0px;font-size: 12px;text-align: justify;line-height: 18px;
	margin-top: 15px;}
			.contentnavigation a:link {color: #fff;}
			.contentnavigation a:visited {color: #fff;}
			.contentnavigation a:hover {color: #000;}
.contentnavigation_store{color: #000;padding: 0px;font-size: 12px;text-align: justify;line-height: 18px;margin: 15px auto 0px auto;}
			.contentnavigation_store a:link {color: #fff;}
			.contentnavigation_store a:visited {color: #fff;}
			.contentnavigation_store a:hover {color: #000;}
.itemprevious{float: left;width: 15px;background-color: #cc3300;height: 18px;color: #FFFFFF;text-align: center;font-weight: bold;font-size: 16px;}
.detailprevious{float: left;width: 100px;height: 20px;color: #666;text-align: left;padding-left: 5px;font-size: 11px;}
			.detailprevious a:link {color: #666;}
			.detailprevious a:visited {color: #666;}
			.detailprevious a:hover {color: #000;}
.itemnext{float: right;width: 15px;background-color: #cc3300;height: 18px;color: #FFFFFF;text-align: center;font-weight: bold;font-size: 16px;}
.detailnext{float: right;width: 100px;height: 20px;color: #666;text-align: right;padding-right: 5px;font-size: 11px;}
			.detailnext a:link {color: #666;}
			.detailnext a:visited {color: #666;}
			.detailnext a:hover {color: #000;}
.commentid{background-color: #FFFFFF;}
.commentidmaster{background-color: #eee;background-image: url(images/webadmin.gif);background-repeat: no-repeat;background-position: top right;margin-top: -5px;}
.commentwrapper{width: 364px;padding: 0px 2px 5px 0px;border-bottom: dotted #ccc 1px;font-size: 12px;text-align: justify;color: #333333;}
			.commentwrapper a:link {color: #CC3300;}
			.commentwrapper a:visited {color: #CC3300;}
			.commentwrapper a:hover {color: #666;}
.commentpartwrap{float: right;width: 365px;color: #000;padding: 0px 10px 0px 0px;font-size: 12px;text-align: justify;line-height: 18px;}
#contentleft .formbutton{margin: 0;padding: 3px 5px 5px 5px;border: 0;background-color: #666;color: #FFFFFF;width: 55px;float: left;}
#contentleft .formfield{background-image: url(images/inputform.gif);background-repeat: repeat-x;margin: 0;padding: 2px;border: solid #888 1px;background-color: #FFFFFF;float: left;}

#contentright{float: right;width: 265px;color: #000;margin: 20px 0 10px 0;padding: 0px 10px 0px 10px;line-height: 16px;}
		#contentright a:link {color: #CC3300;}
		#contentright a:visited {color: #CC3300;}
		#contentright a:hover {color: #666;}
#contentright_store{float: right;width: 265px;color: #000;margin: 20px 0 10px 0;padding: 0px 10px 0px 10px;line-height: 16px;}
			
#itemdetail {margin: 0 auto;padding: 0 8px 0 8px;font-size: 11px;}
#itemdetail_store {margin: 0 auto;padding: 0px;font-size: 11px;}
		#itemdetail_store a:link {color: #CC3300;}
		#itemdetail_store a:visited {color: #CC3300;}
		#itemdetail_store a:hover {color: #666;}
.photosthumbnail {float: left;border: solid #666 1px;padding-bottom: 3px;padding-left: 4px;padding-right: 4px;padding-top: 4px;}
.thumbnail {margin-top: -15px;}
.photosdetail {font-size: 11px;width: 130px;float: right;}
.boxplurk {font-size:12px;margin: 2px 30px 0px 4px;background-color: #E7E8EA;padding: 12px 48px 20px 7px;background-image: url(images/plurk_animal.png);background-repeat: no-repeat;background-position: right bottom;}	
#boxtips {font-size:24px;margin: 0px 30px 5px 80px;background-color: #fff;padding: 0px 2px 2px 60px;background-image: url(images/plurk_triangle.png);background-repeat: no-repeat;height: 25px;	color: #FF9900;}
		#boxtips a:link {color: #FF6600;}
		#boxtips a:visited {color: #FF6600;}
		#boxtips a:hover {color: #CC3300;}

.boxtwitter {font-size:12px;margin: 2px 35px 0px 4px;background-color: #F9FBC7;padding: 12px 30px 20px 7px;background-repeat: no-repeat;background-position: right bottom;}
.twitterbird{background-image: url(images/twitter_bird.png);width: 50px;height: 44px;float: right;margin: -30px 20px 0 0;z-index: 1;}
#boxtwitter {font-size:24px;margin: 0px 80px 5px 10px;background-color: #fff;padding: 0px 2px 2px 5px;background-image: url(images/twitter_triangle.png);background-repeat: no-repeat;height: 25px;	color: #94E4E8;}
		#boxtwitter a:link {color: #33CCFF;}
		#boxtwitter a:visited {color: #33CCFF;}
		#boxtwitter a:hover {color: #94E4E8;}
.boxtwitteritem {font-size:12px;margin: 2px 17px 0px 4px;background-color: #F9FBC7;padding: 12px 30px 20px 7px;background-repeat: no-repeat;background-position: right bottom;}
.twitterbirditem{background-image: url(images/twitter_bird.png);width: 50px;height: 44px;float: right;margin: -30px 2px 0 0;z-index: 1;}
		
.boxplurkitem {font-size:12px;margin: 2px 15px 0px 4px;background-color: #E7E8EA;padding: 12px 48px 20px 7px;background-image: url(images/plurk_animal.png);background-repeat: no-repeat;background-position: right bottom;}	
#boxtipsitem {font-size:24px;margin: 0px 15px 5px 80px;background-color: #fff;padding: 0px 2px 2px 60px;background-image: url(images/plurk_triangle.png);background-repeat: no-repeat;height: 25px;	color: #FF9900;}
		#boxtips a:link {color: #FF6600;}
		#boxtips a:visited {color: #FF6600;}
		#boxtips a:hover {color: #CC3300;}


.projectoverview{width: auto;margin: 0px auto 10px 8px;background-color: #eee;padding: 8px 0 0 0;border-bottom: 4px solid #ccc;}
.projectlist{width: auto;margin: 0px auto 10px 10px;padding: 10px 0 10px 10px;border-bottom: 1px solid #ccc;}
.projectlist2{width: auto;margin: 0px auto 10px 10px;padding: 10px 0 10px 10px;}
.projectoverviewpic{float: left;width: 150px;padding: 0px 10px 0px 10px;}
.projectoverviewpic img{border: 1px solid #999;}
.projectoverviewpic_black{float: left;width: 140px;padding: 10px 10px 10px 0px;background-color: #888;margin: 0 0 0 0;text-align: right;background-image: url(images/picbackground.jpg);background-repeat: no-repeat;background-position: center left;border-bottom: 2px solid #7B7B7B;}
.projectoverviewpic_black img{border: 3px solid #aaa;}
.project_date{float: left;width: 50px;color: #FFFFFF;font-weight: bold;font-size: 24px;line-height: 18px;margin: -12px 0 0 0;}
.project_year_font{font-size: 36px;display: block;margin: 10px 0 0 0;color: #CCCCCC;}
.projectoverviewcontent{float: right;width: 260px;color: #666;padding: 0px 10px 0px 0px;margin: 0 auto;font-size: 12px;}
			.projectoverviewcontent a:link {color: #CC3300;}
			.projectoverviewcontent a:visited {color: #CC3300;}
			.projectoverviewcontent a:hover {color: #000;}
.projectoverviewcontent_list{float: right;width: 260px;color: #666;padding: 0px 10px 0px 0px;margin: 0 auto;font-size: 12px;}
			.projectoverviewcontent_list a:link {color: #666;}
			.projectoverviewcontent_list a:visited {color: #666;}
			.projectoverviewcontent_list a:hover {color: #CC3300;}

#archivewrapper{margin: 0px auto 0px auto;background-color: #CC3300;padding-bottom: 10px;}
#archivewrapper_grey{margin: 0px auto 0px auto;background-color: #777;padding-bottom: 10px;}
#archivewrapper_green{margin: 0px auto 0px auto;background-color: #93A902;padding-bottom: 10px;}
.archiveleft{float: left;width: 177px;color: #eee;margin: 5px 0px 5px 0px;padding: 0px 4px 0px 8px;font-size: 12px;text-align: justify;	}
.ribbontop{margin: 0px auto 0px auto;height: 5px;font-size: 0px;padding: 0px 10px 0px 10px;}
.bundletopline{float: right;width: 172px;color: #fff;margin: 5px 5px 0px 5px;border-bottom: solid #B2B2B2 3px;height: 1px;font-size: 0px;	}
.timetoplinelong{float: right;width: 354px;color: #fff;margin: 5px 5px 0px 5px;border-bottom: solid #B2B2B2 3px;height: 1px;font-size: 0px;}
.searchtopline{float: right;width: 536px;color: #fff;margin: 5px 5px 0px 5px;border-bottom: solid #B2B2B2 3px;height: 1px;font-size: 0px;	}
.ribbonbottom{margin: 0px auto 0px auto;height: 5px;font-size: 0px;padding: 0px 10px 0px 10px;}
.bundlebottomline{float: right;width: 172px;color: #fff;margin: 0px 5px 0px 5px;border-bottom: solid #ccc 1px;height: 1px;font-size: 0px;		}
.timebottomlinelong{float: right;width: 354px;color: #fff;margin: 0px 5px 0px 5px;border-bottom: solid #ccc 1px;height: 1px;font-size: 0px;}
.searchbottomline{float: right;width: 536px;color: #fff;margin: 0px 5px 0px 5px;border-bottom: solid #ccc 1px;height: 1px;font-size: 0px;	}
.archiveright{float: right;width: 546px;color: #fff;margin: 5px 0px 5px 0px;padding: 0px 10px 0px 10px;}
#older-last-content{float: left;width: 354px;color: #fff;margin: 0px 5px 0px 5px;background-position: right top;background-repeat: no-repeat;}
.older-last-date{float: left;width: 54px;color: #fff;margin: 0px 4px 0px 0px;font-size: 12px;}
.older-last-title01{float: right;width: 246px;color: #fff;margin: 0px 0px 0px 0px;font-size: 14px;padding-right: 50px;}
			.older-last-title01 a:link {color: #fff;}
			.older-last-title01 a:visited {color: #fff;}
			.older-last-title01 a:hover {color: #333;}
.older-last-title{float: right;width: 296px;color: #fff;margin: 0px 0px 0px 0px;font-size: 14px;}
			.older-last-title a:link {color: #fff;}
			.older-last-title a:visited {color: #fff;}
			.older-last-title a:hover {color: #333;}
#archivemonthly{float: right;width: 170px;color: #fff;margin: 0px 5px 0px 0px;font-size: 12px;padding-bottom: 15px;background-repeat: no-repeat;background-position: bottom;}
			#archivemonthly a:link {color: #fff;border-bottom: solid #fff 1px;}
			#archivemonthly a:visited {color: #fff;}
			#archivemonthly a:hover {color: #333;border-bottom: solid #333 0px;}
.monthlylist {display: block;}
#searcharea{float: left;width: 335px;color: #333;margin: 0px 5px 0px 5px;background-color: #CCCCCC;background-image: url(images/bgw.gif);border: solid #aaa 1px;	padding: 4px 6px 4px 6px;}
#searcharea .formfield{background-image: url(images/inputform.gif);background-repeat: repeat-x;margin: 0;padding: 2px;border: 0;background-color: #FFFFFF;float: left;}
#searcharea .formbutton{margin: 0px 0px 0px 10px;padding: 2px 5px 2px 5px;border: 0;background-color: #666;color: #FFFFFF;width: 35px;float: right;}
#searchdetail{float: right;width: 160px;color: #fff;margin: 0px 5px 0px 5px;padding: 0px 4px 4px 4px;font-size: 12px;}
			#searchdetail a:link {color: #fff;}
			#searchdetail a:visited {color: #fff;}
			#searchdetail a:hover {color: #333;}
#searchdetail02{float: left;width: 335px;color: #fff;margin: 0px 5px 0px 5px;padding: 0px 4px 4px 4px;font-size: 12px;}
			#searchdetail02 a:link {color: #fff;}
			#searchdetail02 a:visited {color: #fff;}
			#searchdetail02 a:hover {color: #333;}
#ribbonafterarchive{margin: 0px auto 0px auto;height: 8px;font-size: 0px;background-color: #ccc;clear: both;background-image: url(images/ribbonafterarchive.gif);}
#ribbonafterarchive_grey{margin: 0px auto 0px auto;font-size: 0px;clear: both;border-bottom: solid #555 5px;border-top: solid #888 2px;}
#otherblogwrapper{margin: 0px auto 0px auto;}
#webclipcontainer {width: 371px;float: left;margin: 20px 0px 10px 0px;}
.ribbonred_web{margin: 0px auto 5px 8px;border-bottom: solid #cc3300 2px;padding: 0px 0px 4px 0px;}
.webclipdate{width: 75px;float: left;margin: 0px 0px 0px 8px;font-size: 12px;color: #666666;}
.webclipcontent{width: 275px;float: right;margin: 0px 0px 5px 0px;text-align: justify;font-size: 12px;}
			.webclipcontent a:link {color: #CC3300;}
			.webclipcontent a:visited {color: #CC3300;}
			.webclipcontent a:hover {color: #666;}
.otherblogtitle{margin: 0 auto 0 auto;padding: 0;}
			.otherblogtitle a:link {color: #999;}
			.otherblogtitle a:visited {color: #999;}
			.otherblogtitle a:hover {color: #cc3300;}
#reviewcontainer {width: 372px;float: right;margin: 20px 0px 10px 0px;}
.ribbonred_review{margin: 0px 8px 5px 7px;border-bottom: solid #cc3300 2px;padding: 0px 0px 4px 0px;}
.reviewdate{width: 60px;float: left;margin: 0px 0px 0px 8px;color: #666666;font-size: 12px;}
.reviewcontent{width: 274px;float: right;margin: 0px 12px 5px 0px;text-align: justify;font-size: 12px;}
			.reviewcontent a:link {color: #cc3300;}
			.reviewcontent a:visited {color: #cc3300;}
			.reviewcontent a:hover {color: #666;}
.reviewtitle{margin: 0 auto 0 auto;padding: 0;}
			.reviewtitle a:link {color: #999;}
			.reviewtitle a:visited {color: #999;}
			.reviewtitle a:hover {color: #cc3300;}
#photoscontainer {width: 758px;margin: 10px 0px 10px 0px;}
.ribbonred_photos{margin: 0px 8px 5px 8px;border-bottom: solid #cc3300 2px;padding: 0px 0px 0px 0px;}
#photoscontent{margin:0 auto;padding: 0px 8px 0px 8px;width: 720px;}
.imagewrapper{float: left;margin: 0px 4px 0px 4px;}
.imagewrapper img{padding: 5px;background-color: #eee;}
			.imagewrapper a:link img{border: 1px solid #fff;}
			.imagewrapper a:visited img{border: 1px solid #fff;}
			.imagewrapper a:hover img{border: 1px solid #ccc;}
			
.projectwrapper{float: left;margin: 0px 4px 0px 4px;}
.projectwrapper img{padding: 5px;background-color: #ddd;}
			.projectwrapper a:link img{border: 1px solid #fff;}
			.projectwrapper a:visited img{border: 1px solid #fff;}
			.projectwrapper a:hover img{border: 1px solid #999;}
			
.photodetail{font-size: 12px;margin: 10px 0px 10px 0px;}

#footer{margin: 0px auto 0px auto;background-color: #888;}
#footer_error{margin: 0 auto;height: 100%;width: 760px;background-image: url(images/error_line.gif);}

#copyright{width: 80px;float: left;margin: 0px 0px 10px 0px;background-color: #cc3300;font-size: 10px;height: 30px;padding: 5px 3px 0px 2px;color: #FFFFFF;text-align: right;border-right: solid #913D22 1px;background-image: url(images/copyrightbg.gif);background-repeat: repeat-x;}
#copyright_detail{float: left;margin: 0px auto 10px auto;font-size: 10px;padding: 5px 0px 0px 5px;color: #eee;width: 580px;text-align: justify;}
			#copyright_detail a:link {color: #fff;font-weight: bold;}
			#copyright_detail a:visited {color: #fff;font-weight: bold;}
			#copyright_detail a:hover {color: #333;font-weight: bold;}

.clearcontent{margin: 0px auto 0px auto;clear: both;font-size: 0px;height: 2px;padding-bottom: 10px;}
.clearitemtitle{margin: 0px auto 20px auto;clear: both;font-size: 0px;}
.clearspacer{margin: 10px 10px 10px auto;clear: both;font-size: 0px;padding-bottom: 5px;border-bottom: solid #cc3300 2px;}
.generalspacer{	margin: 0 auto;	clear: both;font-size: 0px;padding: 5px;}
.searchspacer{	margin: 0 auto 0 8px;	clear: both;font-size: 0px;padding: 5px;border-top: solid #ccc 2px;}
.clearolderpost{margin: 0px auto 0px auto;clear: both;font-size: 0px;padding-bottom: 5px;}
.clearweb{margin: 0px auto 5px 8px;clear: both;font-size: 0px;border-bottom: solid #eee 1px;}
.clearreview{margin: 0px 8px 5px 7px;clear: both;font-size: 0px;border-bottom: solid #eee 1px;}
.clear{margin: 0px auto 0px auto;clear: both;font-size: 0px;}

.line01{margin: -5px -10px 10px auto;border-bottom: solid #ccc 2px;}
.line02{margin: 2px auto 5px auto;border-bottom: solid #ccc 1px;clear: both;}
.line03{margin: -5px -10px 10px auto;border-bottom: solid #F1F1F1 1px;}