﻿
/************/
/*  GLOBAL  */
/************/

/* NON-HEADER */
*{padding:0; margin:0;}
 body {
	font-size:62.5%;
	background:#FFFFFF;

	font-family:verdana,arial,sans-serif;
} /*Font-size: 1.0em = 10px when browser default size is 16px*/

.page-content {
	width:995px; 
	margin:0px auto; 
	border:solid 1px rgb(150,150,150);
	background:#FFFFFF; 
	font-size:1.0em;}


.main {
	clear:both; 
	width:995px; 
	padding-bottom:30px; 
	background:white;
}


.latest-updates {
	display:inline;
	float:left;
	width:780px;
	margin:0 0 0 10px;
	overflow:visible !important;
	overflow:hidden;
}

.right-menu {
	display:inline /*Fix IE floating margin bug*/;
	border:solid 1px #000000; 
	float:right; 
	width:325px;
	height:100%;
	margin-right:2px;
	overflow:visible !important /*Firefox*/;
	overflow:hidden /*IE6*/;
	background:#FFFFFF	url('http://www.chirkutonorkut.com/img/gradient_1.png') repeat-x;
}


.center-content {
	display:inline; /*Fix IE floating margin bug*/; 
	float:left; width:440px;
	margin:0 0 0 10px;
	overflow:visible !important /*Firefox*/;
	overflow:hidden /*IE6*/;
}

.left-menu {
	display:inline /*Fix IE floating margin bug*/;
	float:left; 
	width:200px; 
	margin:0 0 0 2px;
	overflow:visible !important /*Firefox*/;
	overflow:hidden /*IE6*/;}


.footer {
	clear:both; 
	width:995px; 
	height:3.7em; 
	padding:1.1em 0 0; 
	background:rgb(225,225,225) url(http://www.chirkutonorkut.com/img/footer.jpg) no-repeat; 
	font-size:1.0em; overflow:visible !important /*Firefox*/; 
	overflow:hidden /*IE6*/;
}

/* --- For alternative headers START PASTE here --- */

/* HEADER */
.header {
	width:995px; 
	font-family:"trebuchet ms",arial,sans-serif;
}
.header-top {
	width:995px; 
	height:100px; 
	background:#FFFFFF; 
	overflow:visible !important /*Firefox*/; 
	overflow:hidden /*IE6*/;
}


.header-middle {
	width:995px; 
	height:97px; 
	background:#FFFFFF; 
	overflow:visible !important /*Firefox*/; 
	overflow:hidden /*IE6*/;
}




.header-breadcrumbs {
	clear:both; 
	width:995px; 
	padding:1.0em 0 1.5em 0;
	background:#FFFFFF;
}

/*  site banner  */

.sitelogo {
	width:995px; 
	height:100px; 
	position:absolute; 
	text-align:center;
	z-index:1; 
}

.sitelogo img {
	border:none;
}

.top-left-header {
	width:355px; 
	float:right;
	position:absolute; z-index:2; 
	margin:0; 
	margin-left:640px !important /*Non-IE6*/; 
	margin-left:640px /*IE6*/;
	
}

.top-left-header img {
	height:80px; 
	border:none;
}


.sitemessage {
width:995px; 
height:100px; 
position:absolute; 
z-index:1; 
margin:0px 0 0 5px; 
color:rgb(234,239,247); /*xoverflow:visible !important /*Activate if Firefox print problems*/; 
overflow:hidden /*IE6*/;
}




/******************/
/*  MAIN SECTION  */
/******************/
.latest-updates-right {
	float:right;
	width:375px;
	margin-bottom:10px !important;
	margin-bottom:5px;
}
.latest-updates-right .slideshow { 
height: 162px; 
width: 372px;
 
}
.latest-updates-right .slideshow img { 
padding: 6px; 
border: 1px solid #ccc; 
background-color: #eee; 
}

.latest-updates-left {
	float:left;
	width:405px;
	margin-bottom:10px !important;
	margin-bottom:5px;
}

/* MAIN NAVIGATION */
.rightmenu-right {
	float:right;
	width:155px;
	margin-bottom:10px !important;
	margin-bottom:5px;
}

.rightmenu-left {
	float:left;
	width:155px;
	margin-bottom:10px !important;
	margin-bottom:5px;
}

/* MAIN CONTENT */
.column1-unit {
	width:440px;  
	margin-bottom:10px !important /*Non-IE6*/; 
	margin-bottom:5px /*IE6*/;
}
.center-content-right {
	float:left; 
	width:200px; 
	margin-bottom:10px !important /*Non-IE6*/; 
	margin-bottom:5px /*IE6*/;
}

.center-content-left {
	float:right; 
	width:200px; 
	margin-bottom:10px !important /*Non-IE6*/; 
	margin-bottom:5px /*IE6*/;
}
.center-content-onecol {
	float:left; 
	width:120px; 
	margin-bottom:10px !important /*Non-IE6*/; 
	margin-bottom:5px /*IE6*/;
}

.center-content-twocol {
	float:left; 
	width:120px; 
	margin-bottom:10px !important /*Non-IE6*/; 
	margin-bottom:5px /*IE6*/; 
	margin-left:40px;
}

.center-content-threecol {
	float:right; 
	width:120px; 
	margin-bottom:10px !important /*Non-IE6*/; 
	margin-bottom:5px /*IE6*/;
}


/* MAIN SUBCONTENT */
.leftmenu-top-ten {
	width:195px; 
	margin:0 0 2.0em 0; 
	padding:0 0 5px 0; 
	border:solid 1px #000000;
	background:#FFFFFF	url('http://www.chirkutonorkut.com/img/gradient_1.png') repeat-x;
}

.leftmenu-updates {
	width:200px;
}
/********************/
/*  FOOTER SECTION  */
/********************/
.footer p {
	line-height:1.3em; 
	text-align:center; 
	color:rgb(125,125,125); 
	font-weight:bold; 
	font-size:110%;
}
.footer p.credits {
font-weight:normal;
}

.footer a {
	text-decoration:underline; 
	color:rgb(125,125,125);
}

.footer a:hover {
	text-decoration:none; 
	color:rgb(0,0,0);
}
.footer a:visited {
	color:rgb(0,0,0);
}

/*********************/
/*  6. CLEAR FLOATS  */
/*********************/
.page-contaent:after, .header:after, .header-three:after, .main:after, .right-menu:after, .center-content:after, .center-content div:after, .left-menu:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.column1-unit:after, .rightmenu-left:after, .rightmenu-right:after, .center-content-onecol:after, .center-content-twocol:after, .center-content-threecol:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.leftmenu-top-ten:after, .leftmenu-update:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.footer:after, p:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.clear-contentunit {
clear:both; 
width:440px; 
margin:10px 0 10px 0;
height:0.1em; 
border:none; 
background:rgb(210,210,210); 
color:rgb(210,210,210);}

/********************************/
/*  PRINTING and MISCELLANEOUS  */
/********************************/
@media print {.header-top {width:995px; height:80px; background:rgb(240,240,240); overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}}
@media print {.nav2 {float:left; width:900px; border:none; background:rgb(240,240,240); color:rgb(75,75,75); font-size:1.0em; font-size:130%;}} /*Color navigation bar normal mode*/
@media print {.main {clear:both; width:900px; padding-bottom:30px; background:transparent;}}
@media print {.right-menu {display:inline /*Fix IE floating margin bug*/; float:left; width:199px; border-right:solid 1px rgb(200,200,200); border-bottom:solid 1px rgb(200,200,200); background-color:rgb(240,240,240); overflow:visible !important /*Firefox*/; overflow:hidden /*IE*/;}}
@media print {.footer {clear:both; width:995px; height:3.7em; padding:1.1em 0 0; background:rgb(240,240,240); font-size:1.0em; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}}
html {filter: expression(document.execCommand("BackgroundImageCache", false, true));} /*IE proprietary flicker hack for background images. Not validating, but OK*/