* {
	margin: 0;
	padding: 0;
}
html {
	height: 100%;
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
	display: block;
	behavior: url(./css/pie/PIE.htc);
}
body {
	margin:0 0 5px 0;
	font: 12px/18px Arial, sans-serif;
	color:#000000;
	height: 100%;
	padding:0;
	background-color:#FFFFFF;
	behavior: url(./css/pie/PIE.htc);
}
.wrapper {
	width: 100%;
	min-width: 1102px;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	behavior: url(./css/pie/PIE.htc);
	/*padding: 2px 2px 10px;*/
	/*padding: 4px 4px 4px 4px;*/
}


/* Header
-----------------------------------------------------------------------------*/
.header {
	height: 100px;
	background: #FFFFFF;
	/*padding:2px 10px;*/
	padding: 0 0 4px;
	behavior: url(./css/pie/PIE.htc);
}


/* Middle
-----------------------------------------------------------------------------*/
.middle {
	width: 100%;
	padding: 0 0 20px;
	position: relative;
	behavior: url(./css/pie/PIE.htc);
}
.middle:after {
	display: table;
	clear: both;
	content: '';
	behavior: url(./css/pie/PIE.htc);
}
.container {
	width: 100%;
	float: left;
	overflow: hidden;
	behavior: url(./css/pie/PIE.htc);
}
.content {
	padding: 0 186px 8px 196px;
	behavior: url(./css/pie/PIE.htc);
}


/* Left Sidebar
-----------------------------------------------------------------------------*/
.left-sidebar {
	float: left;
	width: 180px;
	margin-left: -100%;
	position: relative;
	background: #FFFFFF;
	behavior: url(./css/pie/PIE.htc);
}


/* Right Sidebar
-----------------------------------------------------------------------------*/
.right-sidebar {
	float: left;
	width: 170px;
	margin-left: -170px;
	position: relative;
	background: #FFFFFF;
	behavior: url(./css/pie/PIE.htc);
}


/* Footer
-----------------------------------------------------------------------------*/
.footer {
	margin: -24px auto 0;
	min-width: 1102px;
	height: 24px;
	background: #FFFFFF;
	position: relative;
	text-align: center;
	padding:2px 10px;
	behavior: url(./css/pie/PIE.htc);
}

.header-box {
	height:120px;
	background-color:#EFEFEF;
	-moz-box-shadow:4px 4px 4px rgba(0, 0, 0, 0.33);
	-webkit-box-shadow:4px 4px 4px rgba(0, 0, 0, 0.33);
	box-shadow:4px 4px 4px rgba(0,0,0,0.33);
	behavior: url(./css/pie/PIE.htc);
}
.fb-like-box {
	width:182px;
	height:364px;
	background-color:#EFEFEF;
	-moz-box-shadow:4px 4px 4px rgba(0, 0, 0, 0.33);
	-webkit-box-shadow:4px 4px 4px rgba(0, 0, 0, 0.33);
	box-shadow:4px 4px 4px rgba(0,0,0,0.33);
	behavior: url(./css/pie/PIE.htc);
}
.twitter-box {
	width:178px;
	height:400px;
	text-align:center;
	background-color:#EFEFEF;
	padding: 2px;
	-moz-box-shadow:4px 4px 4px rgba(0, 0, 0, 0.22);
	-webkit-box-shadow:4px 4px 4px rgba(0, 0, 0, 0.22);
	box-shadow:4px 4px 4px rgba(0,0,0,0.22);
	behavior: url(./css/pie/PIE.htc);
}
.login-box {
	width:182px;
	background-color:#EFEFEF;
	-moz-box-shadow:4px 4px 4px rgba(0, 0, 0, 0.33);
	-webkit-box-shadow:4px 4px 4px rgba(0, 0, 0, 0.33);
	box-shadow:4px 4px 4px rgba(0,0,0,0.33);
	behavior: url(./css/pie/PIE.htc);
}
.central-box {
	padding:2px 10px 2px 10px;
	background-color:#EFEFEF;
	-moz-box-shadow:4px 4px 4px rgba(0, 0, 0, 0.33);
	-webkit-box-shadow:4px 4px 4px rgba(0, 0, 0, 0.33);
	box-shadow:4px 4px 4px rgba(0,0,0,0.33);
	behavior: url(./css/pie/PIE.htc);
}
.right-box {
	width:168px;
	text-align:center;
	background-color:#EFEFEF;
	-moz-box-shadow:4px 4px 4px rgba(0, 0, 0, 0.33);
	-webkit-box-shadow:4px 4px 4px rgba(0, 0, 0, 0.33);
	box-shadow:4px 4px 4px rgba(0,0,0,0.33);
	behavior: url(./css/pie/PIE.htc);
}
.728x90-box {
	width:728px;
	text-align:center;
	background-color:#EFEFEF;
	-moz-box-shadow:4px 4px 4px rgba(0, 0, 0, 0.33);
	-webkit-box-shadow:4px 4px 4px rgba(0, 0, 0, 0.33);
	box-shadow:4px 4px 4px rgba(0,0,0,0.33);
	behavior: url(./css/pie/PIE.htc);
}
.300x250-box {
	width:300px;
	height:250px;
	float: right;
	text-align:center;
	background-color:#EFEFEF;
	-moz-box-shadow:4px 4px 4px rgba(0, 0, 0, 0.33);
	-webkit-box-shadow:4px 4px 4px rgba(0, 0, 0, 0.33);
	box-shadow:4px 4px 4px rgba(0,0,0,0.33);
	behavior: url(./css/pie/PIE.htc);
}
.profile-photo-box {
	width:200px;
	height:200px;
	text-align:center;
	background-color:#FFFFFF;
	-moz-box-shadow:4px 4px 4px rgba(0, 0, 0, 0.33);
	-webkit-box-shadow:4px 4px 4px rgba(0, 0, 0, 0.33);
	box-shadow:4px 4px 4px rgba(0,0,0,0.33);
	behavior: url(./css/pie/PIE.htc);
}
.red-box {
	width:230px;
	height:88px;
	text-align:center;
	vertical-align:middle;
	display: table-cell;
	background-color:#CC3333;
	-moz-box-shadow:4px 4px 4px rgba(0, 0, 0, 0.33);
	-webkit-box-shadow:4px 4px 4px rgba(0, 0, 0, 0.33);
	box-shadow:4px 4px 4px rgba(0,0,0,0.33);
	behavior: url(./css/pie/PIE.htc);
}
.green-box {
	width:230px;
	height:88px;
	text-align:center;
	vertical-align:middle;
	display: table-cell;
	background-color:#33AA33;
	-moz-box-shadow:4px 4px 4px rgba(0, 0, 0, 0.33);
	-webkit-box-shadow:4px 4px 4px rgba(0, 0, 0, 0.33);
	box-shadow:4px 4px 4px rgba(0,0,0,0.33);
	behavior: url(./css/pie/PIE.htc);
}
.yellow-box {
	width:230px;
	height:88px;
	text-align:center;
	vertical-align:middle;
	display: table-cell;
	background-color:#CCC333;
	-moz-box-shadow:4px 4px 4px rgba(0, 0, 0, 0.33);
	-webkit-box-shadow:4px 4px 4px rgba(0, 0, 0, 0.33);
	box-shadow:4px 4px 4px rgba(0,0,0,0.33);
	behavior: url(./css/pie/PIE.htc);
}
.footer-box {
	padding:2px 10px;
	background-color:#EFEFEF;
	-moz-box-shadow:4px 4px 4px rgba(0, 0, 0, 0.33);
	-webkit-box-shadow:4px 4px 4px rgba(0, 0, 0, 0.33);
	box-shadow:4px 4px 4px rgba(0,0,0,0.33);
	behavior: url(./css/pie/PIE.htc);
}
.textarea {
    resize: none;
}
.hidden_textarea {
    resize: none;
	display:none;
}
.hide {
	display:none;
}
.shout_div{
	width:168px;
	height:240px;
	background-color:#EFEFEF;
	margin-top:0px;
	margin-left:0px;
	overflow-y:auto;
	float:left;
	overflow:auto;
	word-wrap: break-word;
}
/* Back to top button */
#back_to_top {
    position: fixed;
    bottom: 24px;
    right: 24px;
    background-color: #555;
    color: #fff;
    font-size: 22px;
    line-height: 36px;
    width: 38px;
    height: 38px;
    text-align: center;
    border-radius: 4px;
    text-decoration: none;
    opacity: 0.7;
    z-index: 9999;
    display: block;
}
#back_to_top:hover {
    opacity: 1;
    background-color: #333;
}