BODY {
	MARGIN: 0px; 
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.8em;
	color:#545454;
	BACKGROUND-COLOR: #e0e4f2; 
	TEXT-ALIGN: center;
	background-image: url(images/gradient_bkg.jpg);
	background-repeat: repeat-x;
}

BODY img{
	border: 0px;
}
A:link {
	COLOR: #79b003; TEXT-DECORATION: none;
}
A:visited {
	COLOR: #79b003; TEXT-DECORATION: none;
}
A:hover {
	COLOR: #000000; TEXT-DECORATION: none;
}




#container {
	BACKGROUND-color: #ffffff; MARGIN: 0px auto; WIDTH: 902px; POSITION: relative; TEXT-ALIGN: left
}

#header {
	BACKGROUND-IMAGE: url(images/backheader.gif); HEIGHT: 150px
}
#logo {
	LEFT: 8px; POSITION: relative; TOP: 20px
}

#navigation {
	FONT-SIZE: 11px; POSITION: absolute; TOP: 116px; LEFT: 6px; 
}

#blog-main {
	MARGIN-TOP: 2px; MARGIN-LEFT: 0px; WIDTH: 398px; POSITION: relative; TEXT-ALIGN: justify; height: 450px;
}

#blog-single {
	MARGIN-TOP: 2px; MARGIN-LEFT: 0px; WIDTH: 398px; POSITION: relative; TEXT-ALIGN: justify; background-color: #ffffff;
}

#featured {height: 210px; WIDTH: 680px; background-color: #5d5d5d;BACKGROUND-IMAGE: url(images/backfeatured.gif);
}

#featured P{margin: 0px;
}

.featuredtitle {font-size: 14px;
}

#featured A:link {
	COLOR: #8bcb07; TEXT-DECORATION: none;
}
#featured A:visited {
	COLOR: #8bcb07; TEXT-DECORATION: none;
}
#featured A:hover {
	COLOR: #ffffff; TEXT-DECORATION: none;
}

#featuredpost  {
	margin-left: 8px; margin-top: 3px; color: #ffffff;width: 340px;
}

#blog-single A:link {
	COLOR: #c34d00; TEXT-DECORATION: none
}

#blog-single A:visited {
	COLOR: #d25a0b; TEXT-DECORATION: none;
}

#blog-single  A:hover {
	COLOR: #000000; TEXT-DECORATION: underline;
	}

#featuredlist {
	height: 210px; 
	WIDTH: 300px;
	position: absolute; 
	left: 360px;
	top: 30px;
	font-size:11px;
	text-align:right;
}

#featuredlist A:link {
	COLOR: #ffffff; TEXT-DECORATION: none;
}
#featuredlist  A:visited {
	COLOR: #ffffff; TEXT-DECORATION: none;
}
#featuredlist  A:hover {
	COLOR: #c1e96d; TEXT-DECORATION: underline;
}

	
#featuredlinks {
	font-size: 12px;margin-left: 8px; margin-top: 8px;width: 620px;
}

#featuredlinks A:link {
	COLOR: red; TEXT-DECORATION: none;
}
#featuredlinks  A:visited {
	COLOR: red; TEXT-DECORATION: none;
}
#featuredlinks  A:hover {
	COLOR: #000; TEXT-DECORATION: underline;
}

#single {WIDTH: 660px; background-color: #ffffff;BACKGROUND-IMAGE: 
}

#authorthumbnail {
	POSITION: absolute; LEFT: 1px; TOP: 0px; background-color: #c5c5c5; WIDTH: 94px; 
}

#singlepost {
	font-size: 13px; margin-left: 100px; margin-top: 3px; color: #000;
}

.titlesinglepost {font-family: georgia; font-size: 18px;}

#latest {height: 203px; WIDTH: 680px; background-color: #5d5d5d;BACKGROUND-IMAGE: url(images/backlatest.gif);font-size: 11px;;
}

#latestpost {height: 168px; WIDTH: 260px; position: relative; top: 40px; left: 20px;color: #000;
}


#latestforum {position: absolute; top: 250px; left: 358px; width: 260px;
}

#sidebar {
	BACKGROUND-IMAGE: url(images/backsidebar.gif); POSITION: absolute; LEFT: 679px; TOP: 152px; background-color: #c5c5c5; WIDTH: 223px; 
}

#sidebarsingle{
	BACKGROUND-IMAGE: url(images/backsidebar.gif); POSITION: absolute; LEFT: 679px; TOP: 1px; background-color: #c5c5c5; WIDTH: 223px; 
}

#wirednews {position: relative; top: 42px;left: 16px; width: 200px; height: 300px;}

#wirednews P {margin: 0px;}

#spottedblog {margin-left: 5px;margin-top: 4px;height: 105px; width: 213;}

#spottedblogurl {text-align: center; background-color: #ffffff}


.latest1 {WIDTH: 200px; position: relative; top: 4px; left: 18px;
}

.latest2 {WIDTH: 200px; position: absolute; top: 4px; left: 238px;
}

.latest3 {WIDTH: 200px; position: absolute; top: 4px; left: 458px;
}

.latest4 {WIDTH: 200px; position: absolute; top: 4px; left: 678px;
}




#sections {
	FONT-SIZE: 11px; 
	BACKGROUND-IMAGE: url(images/backsection.gif); 
	WIDTH: 100%; 
	POSITION: relative; 
	TOP: 0px; 
	HEIGHT: 570px;
	text-align: justify;
}

#sections  A:link {
	COLOR: #000; TEXT-DECORATION: none
}
#sections  A:visited {
	COLOR: #000; TEXT-DECORATION: none
}
#sections  A:hover {
	COLOR: #d25a0b; TEXT-DECORATION: underline
}


#sections P {margin: 0px;}

#sections img {border: solid 1px #787878;
width: 200px;
height:90px;}

#section1 {
	WIDTH: 202px; POSITION: absolute; LEFT: 14px; TOP: 40px; HEIGHT: 224px
}

#section2 {
	WIDTH: 202px; POSITION: absolute;LEFT: 238px; TOP: 40px; HEIGHT: 224px;
}

#section3 {
	WIDTH: 202px; POSITION: absolute;  LEFT: 464px; TOP: 40px; HEIGHT: 224px;
}

#section4 {
	WIDTH: 202px; POSITION: absolute;  LEFT: 688px; TOP: 40px; HEIGHT: 224px;
}



/* ######## AD, PHOTO, TAB INFO BLOGGERIAN ########## */
#adsection {
	WIDTH: 894px; POSITION: absolute;  LEFT: 9px; TOP: 246px; HEIGHT: 98px
}

#photourism {
	BACKGROUND: #ffffff; VISIBILITY: visible; OVERFLOW: auto; WIDTH: 542px; POSITION: absolute;  LEFT: 2px; TOP: 340px; HEIGHT: 224px
}

#bloggerianinfomenu {
	WIDTH: 350px; POSITION: absolute;  LEFT: 548px; TOP: 340px; HEIGHT: 30px
}

#bloggerianinfo {
	BACKGROUND: #f0f0f0; WIDTH: 352px; POSITION: absolute;  LEFT: 548px; TOP: 370px; HEIGHT: 198px
}


#bloggerianinfomenu A:link {
	COLOR: #ffffff; TEXT-DECORATION: none
}
#bloggerianinfomenu  A:visited {
	COLOR: #ffffff; TEXT-DECORATION: none
}
#bloggerianinfomenu  A:hover {
	COLOR: #cfcfcf; TEXT-DECORATION: underline
}



/* ######## FOOTER ########## */
#footer {
	FONT-SIZE: 12px; BACKGROUND-IMAGE: url(images/backfooter.gif); WIDTH: 902px ; COLOR: #ffffff; HEIGHT: 80px;TEXT-ALIGN: center;
}
#footer A:link {
	COLOR: #ffffff; TEXT-DECORATION: none
}
#footer A:visited {
	COLOR: #ffffff; TEXT-DECORATION: none
}
#footer A:hover {
	COLOR: #ffffff; TEXT-DECORATION: underline
}
#footer P {
	MARGIN-TOP: 30px; FLOAT: right; MARGIN-RIGHT: 6px; 
}







/* ######## LAINNYA ########## */
.alignright {
	FLOAT: right
}
.alignleft {
	FLOAT: left
}


/* ######## CSS for Panels. ########## */
#top-panel{
	position: relative;
	background:#ffffff;
	border-bottom:0px solid #a6c34e;
	height: 224px;
	
}

#top-panel A:link {
	COLOR: #000000; TEXT-DECORATION: none
}
#top-panel A:visited {
	COLOR: #000000; TEXT-DECORATION: none
}
#top-panel A:hover {
	COLOR: #000000; TEXT-DECORATION: underline
}

#sub-panel{
	text-align:center;
}



.face{border:solid 2px #a6c34e; margin-left:10px; float:right;}

/* ######### CSS for Shade Tabs. ######### */

.shadetabs{
border-bottom: 5px solid #D25A0B;
margin: 0px;
padding: 0;
width: 350px;
height: 20px;
background: transparent;
voice-family: "\"}\"";
voice-family: inherit;

}

.shadetabs li{
display: inline;
margin: 0;
}

.shadetabs li a{
text-decoration: none;
position: relative;
z-index: 1;
padding: 3px 7px;
margin-right: 1px;
color: #bbbbbb;
}

.shadetabs ul{
margin:0;
margin-left: 10px; /*margin between first menu item and left browser edge*/
padding: 0;
background-color: #000;
list-style: none;
}

.shadetabs li{
display: inline;
margin: 0 2px 0 0;
padding: 0;
text-transform:uppercase;
}

.shadetabs a{
float: left;
display: block;
font: bold 11px Arial;
color: white;
text-decoration: none;
margin: 0 1px 0 0; /*Margin between each menu item*/
padding: 5px 10px;
background-color: #3d3d3d; /*Brown color theme*/ 
}

.shadetabs a:hover{
background-color: #D25A0B; /*Brown color theme*/ 
color: white;
}

.shadetabs a.selected{ /*currently selected tab*/
background-color: #D25A0B; /*Brown color theme*/ 
color: white;
border-color: #D25A0B; /*Brown color theme*/
}

.tabcontent{
display:none;
}


.navigationlist{
margin: 0px;
padding: 0;
width: 700px;
height: 20px;
background: transparent;
voice-family: "\"}\"";
voice-family: inherit;

}

.navigationlist li{
display: inline;
margin: 0;
}

.navigationlist li a{
text-decoration: none;
position: relative;
z-index: 1;
padding: 3px 7px;
margin-right: 1px;
}

.navigationlist ul{
margin:0;
margin-left: 10px; /*margin between first menu item and left browser edge*/
padding: 0;
list-style: none;
}

.navigationlist li{
display: inline;
margin: 0 2px 0 0;
padding: 0;
text-transform:uppercase;
}

.navigationlist a{
float: left;
display: block;
font: bold 13px "Trebuchet MS", "Liberation Sans", verdana, arial, helvetica, sans-serif;
color: #cfcfcf;
text-decoration: none;
margin: 0 1px 0 0; /*Margin between each menu item*/
padding: 5px 10px;
}

.navigationlist a:visited{
color: #cfcfcf;
}

.navigationlist a:hover{
color: white;
}



@media print {
.tabcontent {
display:block !important;
}
}