/*
Theme Name: BGGS
Theme URI: http://www.bggs.qld.edu.au
Description: Brisbane Girls Grammar Website
Author: KND Web Consultants
Author URI: http://www.knd.com.au
version: 1.0
*/

/* PNG fixes for ie 6 */
/*div#swishy-top-thing { behavior: url(/wp-content/themes/bggs/scripts/iepngfix.htc) }*/
/*div#sidebar { behavior: url(/wp-content/themes/bggs/scripts/iepngfix.htc) }*/

body{
	background-color: #FFF;
	margin: auto;
	position: relative;
	width: 944px;
}

#container{
	background: url(images/sidebar-bg.jpg) repeat-y;
	margin: 0px auto;
	width:944px;
}

#content-container{
	height: 600px;
	height: auto !important;
	min-height: 600px;
	overflow: hidden;
	padding: 0px 0px 0px 10px;
}

/* we will add a whole heap of these */
#container .hero-1 {	
	background:url(images/hero-1.jpg) no-repeat;
}
#container .hero-2 {	
	background:url(images/hero-2.jpg) no-repeat;
}
#container .hero-3 {	
	background:url(images/hero-3.jpg) no-repeat;
}
#container .hero-4 {	
	background:url(images/hero-4.jpg) no-repeat;
}
#container .hero-5 {	
	background:url(images/hero-5.jpg) no-repeat;
}
#container .hero-6 {	
	background:url(images/hero-6.jpg) no-repeat;
}
#container .hero-7 {	
	background:url(images/hero-7.jpg) no-repeat;
}
#container .hero-8 {	
	background:url(images/hero-8.jpg) no-repeat;
}
#container .hero-9 {	
	background:url(images/hero-9.jpg) no-repeat;
}
#container .hero-10 {	
	background:url(images/hero-10.jpg) no-repeat;
}
#container .hero-11 {	
	background:url(images/hero-11.jpg) no-repeat;
}
#container .hero-12 {	
	background:url(images/hero-1-homepage.jpg) no-repeat;
}  

/* left sidebar */
#swishy-top-thing{
	clear: both;
	height: 173px;
	margin: 0px;
}


/* sidebar */
#sidebar{
	float: left;
	height: auto;
	padding-bottom: 10px;
	position: relative;
	top: -78px;
	width: 236px;
}
#sidebar li{font-size: 12px;}
#sidebar h2.subhead{
	background: #015AB4 url("images/heading-back.jpg") repeat-y;
	color: #FFF;
	font-size: 14px;
	font-weight: bold;
	padding: 5px;
	padding-left: 30px;
	position: relative;
	width: 228px;
	width: 193px !important;
}


/* home page sidebar */
#homeSidebar a{color: #FFF; text-decoration: none;}
#homeSidebar a:hover{color: #060A6D;}
#homeSidebar ul.blogroll li{
	font-size: 12px;
	margin-left: 20px;
	padding-bottom: 10px;
}
#homeSidebar li.linkcat{color: #FFF;}

#homeSidebar li.linkcat h2{      
	background: #015AB4 url("images/heading-back.jpg") repeat-y;
	color: #FFF;
	font-size: 14px;
	font-weight: bold;
	padding: 5px;
	position: relative;
	margin: 0px 0px 5px 0px;
	width: 228px;
	width: 218px !important;
}
/* end home page sidebar */


/* accordionSidebar sidebar */
.accordionSidebar{
	background-color: #FFF;
	width: 228px;
	
	filter: alpha(opacity=70);		/* Internet Explorer       */
	-moz-opacity: 0.7;				/* Mozilla 1.6 and below   */
	opacity: 0.7;					/* newer Mozilla and CSS-3 */
}
.accordionSidebar div.toggler{
	border-bottom: #848789 1px dashed;
	padding: 5px 0px;
	width: 100%;
}
.accordionSidebar div.togglerHover{background-color: #848789;}

.accordionSidebar div.togglerOpen{background-image: url("images/open.gif"); background-repeat: no-repeat;}
.accordionSidebar div.togglerClose{background-image: url("images/close.gif"); background-repeat: no-repeat;}

.accordionSidebar div.togglerLvl1{background-position: 0px 0px;}
.accordionSidebar div.togglerLvl2{background-position: 15px 0px;}
.accordionSidebar div.togglerLvl3{background-position: 30px 0px;}
.accordionSidebar div.togglerLvl4{background-position: 45px 0px;}

.accordionSidebar div.toggler a.link{
	color: #0088CC;
	display: block;
	font-size: 12px;
	width: 145px;
}

.accordionSidebar div.toggler a.linkLvl1{color: #0088CC; margin-left: 20px;}
.accordionSidebar div.toggler a.linkLvl1:hover{color: #060A6D;}

.accordionSidebar div.toggler a.linkLvl2{color: #DC883A; margin-left: 35px;}
.accordionSidebar div.toggler a.linkLvl2:hover{color: #DC883A;}

.accordionSidebar div.toggler a.linkLvl3{color: #DC883A; margin-left: 50px;}
.accordionSidebar div.toggler a.linkLvl3:hover{color: #DC883A;}

.accordionSidebar div.toggler a.linkLvl4{color: #DC883A; margin-left: 65px;}
.accordionSidebar div.toggler a.linkLvl4:hover{color: #DC883A;}

.accordionSidebar li.page_item ul ,#sidebarNav li.cat-item ul {
	background: #FFF;
}
/* end accordionSidebar sidebar */


/* search form */
#sidebar #searchform{
	background-color: #FFF;
	border-right: #939393 1px solid;
	border-top: #939393 1px solid;
	margin-left: 20px;
	margin-top: 15px;
	padding: 2px 0px 2px 3px;
	width: 175px;
}
#sidebar #searchform input{
	background: none;
	border: none;
	width: 150px;
}
#searchform  input#s{
	border: #FFF;
	color: #555;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}
#sidebar #searchform #searchsubmit{
	background: transparent url(images/search.gif) no-repeat;
	border: none;
	font-size: 0px;			/*hide the text in IE*/
	height: 18px;
	line-height: 0px;		/*hide the text in IE*/
	overflow: hidden;
	padding-left: 3px;
	text-indent: -999px;	/* hide the text in firefox */
	width: 20px;
}


/* content */
#content{
	float: left;
	line-height: 1.4;
	margin-left: 10px;
	padding: 0px 0px 10px 0px;
	width: 688px;
}

#content.homepage{
	float: left;
	line-height: 1.4;
	margin-top: -10px;  
	width: 698px;
	margin-left: 0px; 
	background: url('images/content-bg.jpg') repeat-y;
}    
#content h1 {
	color: #002A92;
	font-size: 18px;
	font-weight: bold;
}
#content h2{
	color: #002A92;
	font-size: 16px;
	font-weight: bold;
	padding-bottom: 4px;
}
#content h3{
	font-size: 14px;
	font-weight: bold;
	padding-bottom: 5px;
}
#content h4{
	font-size: 14px;
	font-weight: bold;
	padding-bottom: 5px;
	padding-top: 5px;
}
blockquote{
	padding: 0px 10px;
	font-size: 10px;

}
#content ul{
	font-size: 12px;
	list-style-type: disc;
	list-style-position: inside;
	padding-bottom: 9px;
}
#content ol{
	font-size: 12px; 
	list-style-type: decimal;
	list-style-position: inside;
	padding-bottom: 9px;
}
#content p{padding-bottom: 10px;}
#content a{
	color: #08C;
	font-size: 12px;
	text-decoration: none;
}
#second img.thumbnail{
	display: block;
	float: left;
	height: 50px;
	margin: 0px 10px 0px 0px;
	width: 50px;
}
#second div.featureExcerpt{float: left;	width: 156px;}
#content .post/*{border-bottom: #848789 1px dashed;*/ margin-bottom: 25px;}


/* image caption */
.wp-caption{
	background-color: #F3F3F3;
	border: #DDD 1px solid;
	padding-top: 4px;
	margin: 10px;
	text-align: center;

	/* For rounded corner */
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}
.wp-caption img{
	border: 0px;
	margin-bottom: 5px;
	padding: 0px;
}
.wp-caption p.wp-caption-text{
	font-size: 11px;
	line-height: 17px;
	margin: 0px;
	padding: 0px 4px 5px;
}
.aligncenter{
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.alignright{float: right;}
.alignleft{float: left;}
/* end image caption */


/* table stuff */
/*
table{
	font-size: 12px;
	margin-left: 10px;
	margin-bottom: 10px;
}

td, th{
	border: #666 1px solid;
	padding: 3px;
	vertical-align: top;
}
table.noBorder td, table.noBorder th{
	border: 1px;
	padding: 3px;
	vertical-align: top;
}
*/


/* comments */
#commentssection{padding: 10px 0px;}
.commentlist li{
	background-color: #EFEFEF;
	margin: 5px;
	padding: 5px;
}
#commentform{border-top: #848789 1px dashed; padding-top: 10px;}
#commentform label{float: left; width: 120px;}
#commentform input{width: 310px;}
#commentform textarea{width: 315px;}
#commentform textarea{margin-left: 120px;}
#commentform #submit{margin-left: 120px; width: auto;}

#recaptcha_area{margin-left: 119px;}


/* triplets (3 columns) */
#first{ width: 224px; float: left; background-color: #d8e3e9; padding-top: 10px; height: auto; } 
/*#first h2, #first li a { padding-left: 10px!important;} */

#second{
	float: left;
	margin: 0;
	padding-top: 10px;
	width: 218px;
	padding-left: 10px;
	background-color: #fff;
}
#second h1 {
	color: #002A92;
	font-size: 14px;
	font-weight: bold;
}
#second h2, #first h2{
	color: #002A92;
	padding: 5px 5px 5px 10px;
	/*background: url(images/header-gradient.jpg) right;*/
	/*font-style: italic;*/
	font-weight: bold;
	font-size: 14px;
} 
#second h2 { padding-left: 0!important;}
#second .article{padding: 10px 0 0 0;}
.article{padding: 25px 0px 0px;}
.article p{font-size: 11px; line-height: 1.25;}
.article a{font-weight: bold;}
.article h3 a{
	color: #08C;
	font-size: 14px;
	font-weight: bold;
	padding-bottom: 5px;
}
#second hr {
	border: 0px;
	border-bottom: #848789 1px dashed;
	height: 1px;
}

#third{float: left; width: 226px; padding-top: 10px; background-color: #fff; padding-left: 20px;}
.promo{margin-bottom: 10px;}


/* sub page styles */
#sidebar-sub{
	background: #95AAB9 url(images/sidebar.png) no-repeat;
	float: left;
	margin: 0px;
	margin-left: 10px;
	padding-top: 80px;
	width: 236px;
}
#sub-content{
	float: right;
	width: 704px;
}
#recaptcha-submit-btn-area #submit{
	margin: 10px 0px 10px 120px;
	width: 75px;
}


/* accordion for wp content */
#content h3.wpToggler{
	background: #EEE;
	border: #DDD 1px solid;
	padding: 5px 5px 0px;
}
#content div.wpAccordionContent{
	padding: 5px 7px 15px;
}

/*New homepage news styles */
.hidden { display: none; }
#viewer { width: 100%; height: 210px;/*padding-bottom: 210px;*/ } 
div.blurb { float: left; margin: 0 10px;}  
div.blurb h2 { padding: 0!important;}
div.blurb h2 a { font-weight: bold; color: #0088cc; font-weight: bold; font-style: normal;}
div.blurb p.date { color: #7F7F7F; font-size: 10px; }
div.blurb a.moreLink, #mainCopyMore { text-decoration: underline!important; cursor: pointer;}
div.blurb a.moreLink:hover, #mainCopyMore:hover { color: #060a6d!important;}
/*#news-list { position: absolute; bottom: 30px; width: 224px;}*/
#news-list ul { border-top: 1px solid #bdc1c3;}
#news-list li {
	list-style: none;
}
#news-list li a {
	display: block;
	color: #0088cc;
	font-weight: bold;
	padding: 10px 0; 
	background: #ecf1f4 url('images/news-list-button.jpg') 200px center no-repeat;  
	padding-left: 10px;  
	padding-right: 40px;
	border-bottom: 1px solid #bdc1c3; 
} 
#news-list li a:hover, .tabOn {
	background: #c2dbe8 url('images/news-list-button-hover.jpg') 200px center no-repeat!important;
}
a.older-news {
	float: right;
	color: #6c7174!important; 
	font-weight: bold; 
	margin-right: 10px;
}

#mainCopyContent{
	height: 180px;
}

#mainCopyExcerptContainer, #mainCopyContentContainer{
	display: none;
}

#captchaImgDiv{
	background: #eee;
	border: 1px solid #f1f1f1;
	margin-left: 118px;
	padding: 10px;
	width: 300px;
}

#captchaImgDiv div{
	margin-bottom: 10px;
	position: relative;
}

#captchaImgDiv #si_audio_com,
#captchaImgDiv #si_refresh_com{
	position: absolute;
	left: 185px;
}

#captchaImgDiv #si_audio_com{
	top: 5px;
}

#captchaImgDiv #si_refresh_com{
	top: 30px;
}

#captchaImgDiv #captchaInputDiv #captcha_code,
#captchaImgDiv #captchaInputDiv label{
	display: block;
}

#captchaImgDiv #captchaInputDiv #captcha_code{
	background: #fff;
	border: 1px solid #ccc;
	margin-bottom: 5px;
	padding: 3px 5px;
	width: 95%;
}

#captchaImgDiv #captchaInputDiv label{
	width: auto;
}