/*
created: 26 12 2005
some influence from the SMH site - for the basic design and some ideas
last update 27 12 2005
*/

body 
{
	margin-top: 0;
	margin-bottom: 0;
	margin-left: 0;
	margin-right: 0;
	padding-left: 0;
	padding-right: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	background-color: #385f85;
	color: #000000;
	background-image: url(http://bjd.au.com/images2006/bg_body.jpg);
	background-repeat: repeat-y;
	font-size: 83%;
	line-height: 1.4;
}

#index_left {
	position: absolute;
	left: 5px;
	padding: 0px;
	top: 0px;
	width: 60px;
	height: 400%;
}

#index_center {
	margin-left: 40px;
	padding: 0px;
	margin-top: 5px;
	position: absolute;
	left: 0px;
	top: 0px;
	/*right: 225px;*/
	width:650px;
}

#index_center_winmsie {
	margin-left: 40px;
	padding: 0px;
	margin-top: 5px;
	position: absolute;
	left: 0px;
	top: 0px;
	/*right: 300px;*/
	width:650px;
}

#index_center_other {
	margin-left: 40px;
	padding: 0px;
	margin-top: 5px;
	position: absolute;
	left: 0px;
	top: 0px;
	/*margin-right: 225px;*/
	width:650px;
}

#index_right {
	position: absolute;
	padding: 0px;
	top: 0px;
	width: 240px;
	right: 5px;
	_z-index:-100;
	left:730px;
}

#other_center {
	margin-left: 70px;
	padding: 0px;
	background-color: #385F85;
	background-image: url(http://bjd.au.com/images2004/bg_bjdaucom.gif);
	background-repeat: repeat-y;
	margin-top: 5px;
	position: absolute;
	left: 0px;
	top: 0px;
	right: 225px;
}

#other_center_winmsie {
	margin-left: 70px;
	padding: 0px;
	background-color: #385F85;
	background-image: url(http://bjd.au.com/images2004/bg_bjdaucom.gif);
	background-repeat: repeat-y;
	margin-top: 5px;
	position: absolute;
	left: 0px;
	top: 0px;
	right: 300px;
}

#other_center_other {
	margin-left: 70px;
	padding: 0px;
	background-color: #385F85;
	background-image: url(http://bjd.au.com/images2004/bg_bjdaucom.gif);
	background-repeat: repeat-y;
	margin-top: 5px;
	position: absolute;
	left: 0px;
	top: 0px;
	margin-right: 225px;
}

#other_body 
{
	margin-top: 0;
	margin-bottom: 0;
	margin-left: 0;
	margin-right: 0;
	padding-left: 0;
	padding-right: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	background-color: #385F85;
	color: #FFCC5E;
	background-image: url(http://bjd.au.com/images2004/bg_bjdaucom.gif);
	background-repeat: repeat-y;
}

#other_center_nonav {
	margin-left: 70px;
	padding: 0px;
	background-color: #385F85;
	background-image: url(http://bjd.au.com/images2004/bg_bjdaucom.gif);
	background-repeat: repeat-y;
	margin-top: 5px;
	position: absolute;
	left: 0px;
	top: 0px;
	right: 100px;
}


.date {  font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; color: #000000}
.posts {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 83%}
.topic {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: larger; font-weight: bold}
.byline {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: smaller; font-style: italic; font-weight: bold}
.blueline {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: larger; font-weight: bold; color: #FFCC5E; background-color: #4A7CAE}
.title { font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold;}
a:link {
	color: #039;
	text-decoration: none;
}
a:visited {
	color: #444;
	text-decoration: none;
}
a:hover {
	color: #900;
	text-decoration: underline;
}
.surveillance {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: smaller;
	text-indent: 2px;
	text-align: right;
}
.surveillanceHEADING {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: smaller;
	text-align: right;
	font-weight: bold;
	color: #ffcc5e;
}

.twitter {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: smaller;
	text-indent: 0px;
	text-align: left;
}
.twitterHEADING {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: smaller;
	text-indent: 0px;
	text-align: left;
	font-weight: bold;
	color: #ffcc5e;
}

/*
div#twitter_div {border:solid 1px #d94;padding:5px;margin-bottom:5px;background-color:#fff;}
*/

div#twitter_div {padding:5px;margin-bottom:5px;}

#twitter_update_list {
	padding:5px;
	margin-bottom:5px;
	text-align:justify;
}

.smallcentered {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: smaller;
	text-indent: 0px;
	text-align: center;
	font-weight: normal;
}


#things2c_center {
	margin-left: 70px;
	padding: 0px;
	background-color: #385F85;
	background-image: url(http://bjd.au.com/images2004/bg_bjdaucom.gif);
	background-repeat: repeat-y;
	margin-top: 5px;
	position: absolute;
	left: 0px;
	top: 0px;

}

#things2c_center_winmsie {
	margin-left: 70px;
	padding: 0px;
	background-color: #385F85;
	background-image: url(http://bjd.au.com/images2004/bg_bjdaucom.gif);
	background-repeat: repeat-y;
	margin-top: 5px;
	position: absolute;
	left: 0px;
	top: 0px;

}

#things2c_center_other {
	margin-left: 70px;
	padding: 0px;
	background-color: #385F85;
	background-image: url(http://bjd.au.com/images2004/bg_bjdaucom.gif);
	background-repeat: repeat-y;
	margin-top: 5px;
	position: absolute;
	left: 0px;
	top: 0px;

}

/* shout boxes [initially only in Bollege Cam */
#chatcontent 	{ width:220px; text-align:left; color:white; }
#chatwindow 	{ border:1px solid #aaaaaa; padding:4px; background:#232D2F; color:white; font-family:Courier; }
#chatnick 		{ border: none; border-bottom:1px solid #aaaaaa; padding:4px; background:#57767F; }
#chatmsg 		{ border: none; border-bottom:1px solid #aaaaaa; padding:4px; background:#57767F; }

/* yShout stuff */
/* Basic
------------------------------------- */

#yshout {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	width: 500px;
	color: #505050;
	overflow: hidden;
	line-height: 1.5;
	background: #FFF;
}

#yshout * {
	margin: 0;
	padding: 0;
}

#yshout fieldset {
	border: none;
}

#yshout em {
	font-style: normal;
	font-weight: bold;
}

#yshout a {
	color: #DB536F;
	text-decoration: none;
	border-bottom: 1px dotted #CCC;
}

#yshout a:hover {
	border-bottom-style: solid;
	color: #86041E;
}


/* Form
------------------------------------- */

#yshout #ys-post-form {
	margin-top: 5px;
	padding: 10px;
	background: #FAFAFA;
}

#yshout #ys-input-nickname {
	width: 115px;
	margin-right: 5px;
}

#yshout #ys-input-message {
	width: 215px;
	margin-right: 5px;
}

#yshout #ys-input-submit {
	width: 55px;
	margin-right: 10px;
}

#yshout .ys-before-focus {
	color: #808080;
}

#yshout .ys-after-focus {
	color: #000;
}

#yshout .ys-input-invalid {
	background: #FFFEE9;
}

/* Posts
------------------------------------- */
#yshout #ys-posts {
}

#yshout .ys-post {
	position: relative;
	padding: 3px 5px;
	border-bottom: 1px solid #FAFAFA;
	margin-bottom: 1px;
}

#yshout .ys-post.ys-banned-post .ys-post-message, 
#yshout .ys-post.ys-banned-post .ys-post-message a, 
#yshout .ys-post.ys-banned-post .ys-post-nickname {
	color: #BEBEBE;
	text-decoration: line-through;
}

#yshout .ys-post-timestamp {
	color: #979797;
	font-size: 11px;
}

#yshout .ys-post-nickname {
	font-weight: bold;
}

#yshout .ys-post-message {

}

#yshout .ys-admin-actions {
	position: absolute;
	top: 0;
	right: 0;
	padding-top: 5px;
	padding-left: 5px;
	background: #fff;
	color: #979797;
	font-size: 11px;
	z-index: 50;
	display: none;
	filter: alpha(opacity=95);
	-moz-opacity: 0.95;
	opacity: 0.95;
}

#yshout .ys-post:hover .ys-admin-actions {
	display: block;
}

#yshout .ys-info-overlay {
	display: none;
	position: absolute;
	z-index: 49;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: #FFF;
	filter: alpha(opacity=90);
	-moz-opacity: 0.90;
	opacity: 0.90;
	padding: 3px 5px;
	color: #333333;
}

#yshout .ys-info-inline {
	display: none;
}

#yshout .ys-admin-post .ys-post-nickname {
	background: url(../images/star.gif) 0 2px no-repeat;
	padding-left: 13px;
}


/* Control Panel
------------------------------------- */

#ys-cp-overlay {
	position: absolute;
	z-index: 100;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-color: #000;
	filter: alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
}


#ys-cp-close {
	font-family: Arial, sans-serif;
	color: #fff;
	font-size: 12px;
	text-decoration: none;
	padding: 3px 5px;
}

#ys-cp-close:hover {
	text-decoration: underline;
}

/*
* html body {
	height: 100%;
	width: 100%;
}
*/


#ys-cp #cp-browser {
	border: none;
	z-index: 102;
	overflow: auto;
	height: 440px;
	background: #FFF !important;
	width: 620px;
}

#ys-cp {
	z-index: 102;
	position: absolute;
	margin-top: -220px;
	margin-left: -310px;
	top: 50%;
	left: 50%;
	height: 440px;
	width: 620px;
}