/*  
Theme Name: BurstOpen default
Theme URI: http://internetlynx.com.au/
Description: Open-source web development
Version: 0.1
Author: Chris Cheers	
Author URI: http://internetlynx.com.au/

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/

/* Fonts, sizes and colours */
body {
	font: 0.96em Geneva, Arial, Helvetica, sans-serif;
	text-align: center;
/* Only because IE5.5 doesn't understand "margin: 0 auto;" */
}
#page {
		text-align: left;
}
#sidebar h2 {
	font-size: 1.2em;
	}
#header h2 {
	font-size: 160%;
}
#header h2 a {
	color: white;
	text-decoration: none;
	}
#header h1 {
	font-size: 115%;
	color: white;
}
#header h3 {
	font-size: 115%;
	color: white;
}
h2,h3 {
	font-size: 110%;
	color: #006;
}
#topmenu ul li a {
	color: #009;
	font-weight: bold;
	text-decoration: none;
	}
#submenu ul li a {
	color: white;
	font-weight: bold;
	}
#submenu ul li a:link, #submenu ul li a:visited {
	text-decoration: none;
}
#submenu ul li a:hover, #submenu ul li a:active {
	text-decoration: underline;
	}
#footer {
	font-size: 80%;
}
#sidebar {
	font-size: 90%;
}
	
/* Layout, background images and colours */
body {
	background: #b0b0fc url(images/burst-bgshade.jpg) repeat-x top center;
	margin: 0;
	padding: 0;
}
h1,h2, #header h3 {
	margin: 0;
	padding: 0;
	}
#page {
	width: 90%;
	margin: 15px auto;
	min-width: 320px;
	max-width: 1000px;
	}
#wrapper {
	background-color: white;
	background-repeat: repeat-y;
	background-position: left;
	margin: 0;
	padding: 0;

	}	
#header {
	width: 100%;
	background-repeat: repeat-y;
	background-position: right;
	float: left;
	margin: 0;
	padding: 0;
	margin-right: -211px;
}
#banner-wrap {
	background-repeat: repeat-y;
	background-position: left;
	margin: 0;
	padding: 0;
	margin-right: 211px;
}
#banner {
	background: url(images/boomerang-nebula.png) repeat 62% 0%;
	min-height: 80px;
	margin: 0;
	padding: 0;
	margin-right: -211px;
}
#header h2 {
	padding-top: 10px;
	padding-left: 45%;
}
#header h1 {
	float: left;
	padding-left: 10px;
	padding-top: 55px;
}
#header h3 {
	padding-left: 65%;
	padding-right: 5px;
}
#searchform {
	float: right;
	padding-top: 5px;
	padding-right: 5px;
}
#s {
	width: 150px;
	}
#container {
	min-width: 500px;
	width: 100%;
	background-repeat: repeat-y;
	background-position: right;
	float: left;
}
#content {
	background-repeat: repeat-y;
	background-position: left;
	padding: 25px;
	max-width: 50em;
	min-height: 300px;
}
#sidebar {
	background-repeat: repeat-y;
	background-position: right;
	width: 201px;
	padding: 0 5px;
	float: right;
}
#wrapper.narrowcolumn, #header, #banner-wrap, #container.narrowcolumn, #content.narrowcolumn, #sidebar, #submenu ul {
	background-image: url(images/burst-borders-sidebar.gif);
}
#wrapper.widecolumn, #container.widecolumn, #content.widecolumn {
	background-image: url(images/burst-borders.gif);
}

#container.narrowcolumn {
	margin-right: -211px;
}
#container.widecolumn {
	margin-right: 0;
}
#content.narrowcolumn {
	margin-right: 211px;
}
#content.widecolumn {
	margin-right: 15px;
}
#content img {
	margin: 10px;
}

#topmenu {
	background: url(images/burst-pageheadfoot.jpg) top left no-repeat;
	margin-right: 25px;
}
#topmenu ul#topleft {
  background: url(images/burst-pageheadfoot.jpg) top right no-repeat;
  display:block;
  padding: 25px 0 15px 0;
  margin: 0 -25px 0 25px;
}
#topmenu ul#topright {
	float: right;
  padding: 25px 0 15px 0;
  margin: 0 -10px 0 25px;
  }
#topmenu ul li {
	margin: 0;
	padding: 0;
  display: inline;
}
#topmenu ul li a {
	background-image: url(images/burst-menubutton4.png);
	background-repeat: no-repeat;
	padding: 10px 13px 15px 13px;
	min-height: 40px;
	}
#topmenu ul li a:hover, #topmenu ul li a:active {
	padding-top: 14px;
	}
#topright1 {
	background-position: right -500px;
}
#topmenu ul li.page_60 a {
	background-position: right -500px;
}
#topmenu ul li.page_41 a {
	background-position: right -400px;
}
#topmenu ul li.page_101 a {
	background-position: right -300px;
}
#topmenu ul li.page_57 a {
	background-position: right -200px;
}
#topmenu ul li.page_58 a {
	background-position: right -100px;
}
#topmenu ul li.page_42 a {
	background-position: right 0px;
}
#topmenu ul li.cat_6 a {
	background-position: right 0px;
}
#topmenu ul li.current_page_item a, #topmenu ul li.current_page_parent a,
#topmenu ul li.current_page_ancestor a, 
#topmenu ul li.current-cat a, #topmenu ul li.current-cat-parent a {
	padding-top: 16px;
	}

#submenu {
	margin: 0;
	padding: 0;
	margin-right: 5px;
	filter: alpha(opacity=85);
	opacity: 0.85;

}
#submenu ul {
	margin: 0;
	padding: 3px 0;
	background-repeat: repeat-y;
	background-position: left;
	display:block;
	margin-right: 1px;
	padding-left: 5px;

}
#submenu ul li {
	margin: 0px;
	padding: 0 5px;
  display: inline;
}
/* Submenu styling by section */
#submenu.page_0, #submenu ul.page_0, #header.page_0, div.page_0, div.page_0 p {
	background-color: #aaa;
	}
#submenu.page_60, #submenu ul.page_60, #header.page_60, div.page_60, div.page_60 p {
	background-color: #a040ff;
	}
#submenu.page_41, #submenu ul.page_41, #header.page_41, div.page_41, div.page_41 p {
	background-color: #66f;
	}
#submenu.page_101, #submenu ul.page_101, #header.page_101, div.page_101, div.page_101 p {
	background-color: #5cb8e6;
	}
#submenu.page_57, #submenu ul.page_57, #header.page_57, div.page_57, div.page_57 p {
	background-color: #5ce65c;
	}
#submenu.page_58, #submenu ul.page_58, #header.page_58, div.page_58, div.page_58 p {
	background-color: #f2b600;
	}
#submenu.page_42, #submenu ul.page_42, #header.page_42, div.page_42, div.page_42 p {
	background-color: #f25b3d;
	}
#submenu.category_6, #submenu ul.category_6, #header.category_6 {
	background-color: #f25b3d;
	}



#footer {
	margin: 0;
	padding: 0;
	background: url(images/burst-pageheadfoot.jpg) bottom left no-repeat;
/*	margin-top: -20px; IE fix in separate sheet*/
	margin-right: 25px;
}
#footer p {
  background: url(images/burst-pageheadfoot.jpg) bottom right no-repeat;
  display:block;
  padding: 25px;
  margin: 0 -25px 0 25px;
  text-align: center;
}
h2,h3 {
	margin-top: 0;
}
.last {
	margin-bottom: 0;
}
.clearing {
	height: 0px;
	overflow: hidden;
	clear: both;
}

/* Begin Lists - as WP default stylesheet

	Special stylized non-IE bullets
	Do not work in Internet Explorer, which merely default to normal bullets. */

html>body .entry ul {
	margin-left: 0px;
	padding: 0 0 0 30px;
	list-style: none;
	padding-left: 10px;
	text-indent: -10px;
	} 

html>body .entry li {
	margin: 7px 0 8px 10px;
	}

.entry ul li:before, #sidebar ul ul li:before {
	content: "\00BB \0020";
	}

.entry ol {
	padding: 0 0 0 35px;
	margin: 0;
	}

.entry ol li {
	margin: 0;
	padding: 0;
	}

.postmetadata ul, .postmetadata li {
	display: inline;
	list-style-type: none;
	list-style-image: none;
	}

#sidebar ul, #sidebar ul ol {
	margin: 0;
	padding: 0;
	}

#sidebar ul li {
	list-style-type: none;
	list-style-image: none;
	margin-bottom: 15px;
	}

#sidebar ul p, #sidebar ul select {
	margin: 5px 0 8px;
	}

#sidebar ul ul, #sidebar ul ol {
	margin: 5px 0 0 10px;
	}

#sidebar ul ul ul, #sidebar ul ol {
	margin: 0 0 0 10px;
	}

ol li, #sidebar ul ol li {
	list-style: decimal outside;
	}

#sidebar ul ul li, #sidebar ul ol li {
	margin: 3px 0 0;
	padding: 0;
	}
/* End Entry Lists */

#comment {
	width: 90%;
	}

/* Content area enhancement (as dbx pages) */

div.enhancedcontent {
	background: transparent url(images/dbx-base.jpg) no-repeat scroll left bottom;
	margin: 12px 0pt 0pt 0pt;
	padding:0pt 0pt 9px 0pt;
	text-align:justify;
}
div.enhancedcontent div.post, div.enhancedcontent #commentform, div.enhancedcontent #respond {
	background:transparent url(images/dbx-bg.jpg) repeat-y scroll left top;
	margin:0pt;
	padding:5px 8px 1px;
}

/* Extra layout for user-defined features in page */
#laptop-ani {
	position: relative;
	top: 0;
	left: 0;
	padding: 180px 0 0 0;
	}
#ani-thumbnail {
	position: absolute;
	top: 0px;
	left: -35px;
	}
#ani-bg {
	position: absolute;
	top: 0px;
	left: -35px;
	}
#mobile-ani {
	position: relative;
	top: 0;
	left: 0;
	padding: 390px 0 0 0;
	}
#mobile-thumbnail {
	position: absolute;
	top: 71px;
	left: 20px;
	}
#mobile-bg {
	position: absolute;
	top: 0px;
	left: -15px;
	}
dl.testimonial {
	width: 195px;
	padding: 20px 0;
	margin: 0 auto;
	background: url(images/speech-bubble.gif) 0px -50px no-repeat;
}
dl.testimonial dt {
	margin-top: 0px;
	padding: 0 10px;
	background: white;
	}
dl.testimonial dd {
	padding: 30px 0 0 100px;
	margin: 0;
	background: url(images/speech-bubble.gif) top left no-repeat;
}


.button * {display:block;}
.button:link,
.button:visited { /* Top left corner, top and left edges */
	margin: 1em 0 0 0;
	float:right;
	background:white url(images/green_button_ext.png) no-repeat;
	font: 1.4em bold Geneva, Arial, Helvetica, sans-serif;
	text-decoration:none;
}
.button span { /* Top right corner */
	margin: 0;
	background: url(images/green_button_cnrs.png) no-repeat right top;
}
.button span span { /* Bottom left corner */
	padding: 16px 0 0 16px;
/* set all padding values to at least the corner size */
	background: url(images/green_button_cnrs.png) no-repeat left bottom;
}

.button span span span { /* Bottom right corner, bottom and right edges */
/* let this inherit the top/left padding of the element above - ensures minimum button size */
	background:url(images/green_button_ext.png) no-repeat right bottom; 
}

.button span span span span { /* content */
background-color: transparent;
background-image: none;
	padding: 5px 10px;
	margin: -32px 0 0 -32px;
/* negative margins exactly double the bottom-left padding (corner size) will centre the text. Padding to taste. */
}
a.button span span span span {
	color:#eee;
}
a.button:hover span span span span,
a.button:focus span span span span,
a.button:active span span span span { /* Make the button more visible on :hover and :focus */
	color:#fff;
}




/* Extra layout for selected quotes plugin */
div.selected_quote {
	padding: 10px;
	margin: 0 10px 10px 0;
	width: 90%;
	border: 1px solid #006;
	background-color: #ff9;
	color: #006;
}
div.selected_quote_body {
	font-size: 90%;
	font-style: italic;
	float: left;
	padding-right: 1em;
}
div.selected_quote_author {
	font-size: 87%;
	font-weight: bold;
	margin-left: 50%;
}
