/*  
Theme Name: Extro v2
Theme URI: http://extro.com.au/
Description: Extro Interactive Blog
Version: 2.0
Author: Extro Interactive
Author URI: http://extro.com.au/
*/

/* Begin Typography & Colors */

@import url(reset.css);

/*universal properties*/
body,div.container{height:100%;width:100%;padding-bottom:30px;}
*{font-family:arial,verdana,helvetica,sans-serif;font-size:12px;color:#484848;}
body{width:100%;height:100%;background-color:#ebebeb;font-family:arial,verdana,helvetica,sans-serif;font-size:12px;color:#484848;}
a{color:#00aeef;text-decoration:underline;}
img.left{clear:both;float:left;margin-right:10px;margin-bottom:10px;}
img.right{clear:both;float:right;margin-left:10px;margin-bottom:10px;}
p{line-height:1.5em;}
b{font-weight:bold;}
ol li{list-style-type:decimal;list-style-position:inside;}
h1,h2{font-size:30.6px;}
h3,h4,h5,h6{font-size:12px;}

hr{
	display: none;
}

body > div.container {
		height: 			auto; 
		min-height: 		100%;
	}
	
	body div#ie6 div.container{
		text-align: 		center;
	}
	
	body div.container div.page{
		width:				980px;
		min-height: 		500px;
		height: 			auto;
		margin:				40px auto 0;
		padding: 			0;
		background: 		#fff none no-repeat 0 0;
		text-align: 		left;
	}
	
	.clear{
		clear:				both;
	}

/*
	$__header			Header elements
-------------------------------------------------*/
	div.page div.header{
		width:				100%;
		height:				90px;
		border-bottom: 		2px solid #ea2c40; 	
		position:			relative;
		display: 			block;
		background-color: 	#fff;
	}
	
	div.page div.header div.logo{
		margin-top: 		-23px;
		margin-left: 		8px;
		position: 			absolute;
		
	}
	
/*
	$__navigation		Top Navigation
-------------------------------------------------*/
	div.page div.header ul.nav{
		width:				620px;
		height:				32px;
		margin-top:			32px;
		float: 				right;
		background: 		transparent url(images/nav-pattern.gif) repeat 0 0;
		}
	
	div.page div.header ul.nav li{
		display: 		    inline;
	}
	
	div.page div.header ul.nav li a{
		float: 				left;
		display: 			block;
		padding: 			8px 8px 6px;
		
		text-decoration: 	none;
		color: 				#484848;
		font-weight: 		bold;
		font-size:			15px;
		line-height: 		1em;
	}
	
	div.page div.header ul.nav li a:hover{
		color:				#ea2c40;
	}
	
	div.page div.header ul.nav li a.selected,
    div.page div.header ul.nav li.selected a{
		color:				#ea2c40;
		border-bottom:		2px solid #ea2c40;
	}


/*
	$__content			Content, anything within the mid area
-------------------------------------------------*/

	div.fixed div.content{
	   background:			#fff url(images/main-bg.png) repeat-y 0 0;
	}
	
	div.page div.content div.main-column{
		width:				auto;
		height:				100%;
		float:				left;	
		margin:				0 20px 0 20px;
		*margin:			0 10px 0 10px;
		padding:			16px 0 0 0;
		position: 			relative;
        line-height: 1.5em;
	}

	div.page div.content div.main-column{
		*width:				939px;
    }
	
	div.fixed div.content div.main-column{
		width:				624px;
		margin-right:       0px;
	}	
	
		#ie6 div.fixed div.content div.main-column{
			overflow-x: hidden;
		}

	
	div.page div.content div.main-column h1{
		font-size: 			26px;
		font-weight: 		bold;
		color:		 		#ea2c40;
		padding-bottom:		5px;
		margin-bottom:		15px;
		border-bottom:		2px solid #ea2c40;		
	}
	
	div.page div.content div.main-column h2{
		font-size: 			16px;
		font-weight: 		normal;
		color:		 		#484848;
		line-height:		1.5em;
        margin-bottom:		15px;
		overflow:           hidden;
		}
		
		div.page div.content div.main-column h2.pagetitle {
			border-bottom:2px solid #EA2C40;
			color:#EA2C40;
			font-size:26px;
			font-weight:bold;
			margin-bottom:15px;
			padding-bottom:5px;
		}
		
		div.page div.content div.main-column h2.pagetitle a{
			color:#EA2C40;
			text-decoration: none;
		}
		
		div.page div.content div.main-column h2.pagetitle a:hover{
			background: none;
		}

	div.page div.content div.main-column h2 a{
		display:            block;
		float:              left;
		padding:            2px;
	}	
	
	div.page div.content div.main-column h2 a:hover{
		background:			#fff url(images/intro-hover.gif) repeat 0 0;
	}

	div.page div.content div.main-column h3{
		padding-bottom:		9px;
		border-bottom:		2px solid #484848;
		margin-bottom:		15px;
        line-height:        1.0em;
	}
	
		div.page div.content  .widecolumn.main-column h3 {
			clear: both;
		}
		
		div.page div.content  .widecolumn.main-column .navigation{
			clear: both;
			height: 40px;
		}
	
		div.page div.content div.main-column h3 a{
			color:#484848;
			text-decoration:none;
		}
		
		div.page div.content div.main-column h3 a:hover{
			color: #00AEEF;
		}
	
		
	
	div.page div.content div.main-column h4{
		padding-bottom:		0px;
		border-bottom:		none;
		margin-bottom:		0px;
        line-height:        1.0em;
	}

	div.page div.content div.main-column p{
		margin-bottom:      15px;
	}
	
	div.page div.content div.main-column ul{
		list-style:         square outside;
		margin-left:        15px;
	}
	
	div.page div.content div.main-column ul li{
		/*margin-bottom:      10px;*/
	}
		
	div.back-to-top{
		width: 				auto;
		height:				20px;	
		display:			block;	
		/*margin-top:			-30px;*/
		padding-bottom:		8px;
		text-align: 		right;
		margin-right: 		20px;
	}	
	
	/*when sidebar exists*/
	div.fixed div.back-to-top{
		margin-right: 		335px;
        *margin-right: 		345px;
	}
	
	div.back-to-top a{
		float:				right;
		display:			block;
		width:				23px;
		height:				15px;
		padding:			5px 25px 0 0 ;	
		background:			#fff url(images/top-icon.gif) no-repeat 100% 0px;
	}
	

/*
	$__sidebar			Sidebar
-------------------------------------------------*/
	div.page div.content div.side-column{
		width:				295px;
		*width:				300px;
		float:				right;
		padding:			26px 0 20px 8px;
		*padding-top:       28px;
		margin:				0 21px 0 0;
		*margin-right:      11px;
		display:             none;
		
		overflow:           hidden;
	}
	
	div.fixed div.content div.side-column{
	   display:             block;
	}
	
	div.page div.content div.side-column ul li h3{
		font-size: 			14px;
		font-weight: 		bold;
		color:				#0087cc;
		padding-bottom:		9px;
		border-bottom:		2px solid #0087cc;
	}

	div.page div.content div.side-column ul li.nav-sub ul{
	   list-style:          square inside;
	   margin:              15px 0px 15px 0px;
	   padding:             0px;
	}
	
	div.page div.content div.side-column ul li.nav-sub ul li{
		color: 				#484848;
		border-bottom:		1px dotted #484848;
		background:         none;
		margin:             0px;
		padding:			5px;
	}
	
	div.page div.content div.side-column ul li.nav-sub ul li.hover{
		background:         transparent url(images/nav-pattern.gif) repeat scroll 0 0;
		cursor:             pointer;
		color:				#0087cc;
	}

	div.page div.content div.side-column ul li.nav-sub ul li.selected{
		color:				#0087cc;
	}
	
	div.page div.content div.side-column ul li.nav-sub a{
		color: 				#484848;
		text-decoration:    none;
	}
	
	div.page div.content div.side-column ul li.nav-sub a:hover,
    div.page div.content div.side-column ul li.nav-sub li.selected a{
		color:				#0087cc;
	}
	
	div.page div.content div.side-column ul li.nav-sub ul li ul{
		margin:             5px 0px 0px 5px;
	}
	
	div.page div.content div.side-column ul li.nav-sub ul li ul li{
		border-bottom:      none;
	}
	
	div.page div.content div.side-column ul li.features ul li{
		position:			relative;
		padding:			12px 15px 13px 0 ;
		border-bottom:		1px dotted #484848;
		background:         none;
	}
	
	div.page div.content div.side-column ul li.features ul li.hover{
		background:         transparent url(images/nav-pattern.gif) repeat scroll 0 0;
		cursor:             pointer;
        color:				#0087cc;
	}
	
	div.page div.content div.side-column ul li.features ul li h4{
		font-size: 			18px;
		line-height: 		1em;
		font-weight: 		normal;
		padding-bottom: 	5px;
	}
	
	div.page div.content div.side-column ul li.features ul li p a {
		padding-top:		0;
		display:			static;
		position:			relative;
		border-bottom:		0;
		height: 			auto;
		width: 				auto;
		background: 		transparent;
		margin-bottom: 		0px;
	}
	
	div.page div.content div.side-column ul li.features ul li  img{
		display: 			block;
		float: 				right;
	
	}
	
/*
	$__footer			Footer  
-------------------------------------------------*/
	div.page div.footer{
		border-top:			2px solid #484848;
		background:			#fff url(images/footer-bg.gif) repeat-y 0 0;
		padding:			9px 0 120px 0;
		font-size:			12px;
		line-height:		1.5em;
		width:				937px;
		*width:				939px;
		margin:				0 auto;
		*margin-left:       20px;
		position:			relative;
	} 
	
	div.page div.footer div.column-a{
		width:				152px;
		float:				left;
	}
	
	div.page div.footer div.column-a h5{
		color:				#ea2c40;
	}
	
	div.page div.footer div.column-b{
		width:				163px;
		float:				right;
		padding-left:		10px;
	}
	
	div.page div.footer div.column-b form{
		margin-top:			8px;
		padding-top:		4px;
		padding-left:		5px;
		margin-bottom:		10px;
		background:			#fff url(images/footer-search-bg.gif) no-repeat 0 0;
	}
	
	div.page div.footer div.column-b form input.text{
		width:				125px;
		float:				left;
		border:				0;
	}
	
	div.page div.footer div.column-b form button{
		width:				27px;
		height:				25px;
		margin-top: 		-5px;
		background:			transparent;
		border:				0;
		cursor:				pointer;
		}
	
	div.page div.footer div.column-b form button:active{
		outline-style:		none;
		outline-width:		0;	
	}
	
	div.page div.footer div.column-b ul.activities li{
		padding-bottom:		8px;
	}
	
	div.page div.footer div.column-b ul.activities li a{
		color:				#484848;
		text-decoration:	none;
		padding-left:		27px;
		background:			#fff url(images/footer-icons.gif) no-repeat 0 0;
	}
	
	div.page div.footer div.column-b ul.activities li a:hover{
		text-decoration:	underline;
	}
	
	
	
	div.page div.footer div.column-b ul.activities li a.newsletter{
		background-position:0 0; 
	}
	
	div.page div.footer div.column-b ul.activities li a.delicious{
		background-position:0 -24px; 
	}
	
	div.page div.footer div.column-b ul.activities li a.digg{
		background-position:0 -48px; 
	}
	
	div.page div.footer div.column-b ul.activities li a.twitter{
		background-position:0 -72px; 
	}
	
	div.page div.footer div.column-b ul.activities li a.rss{
		background-position:0 -96px; 
	}
	
	
	
	div.page div.footer ul.footer-sitemap{
		/*width:				604px;*/
		float:				left;
	}
	
	
	div.page div.footer ul.footer-sitemap li.column-0,
    div.page div.footer ul.footer-sitemap li.column-1,
	div.page div.footer ul.footer-sitemap li.column-2,
	div.page div.footer ul.footer-sitemap li.column-3,
	div.page div.footer ul.footer-sitemap li.column-4{
		width: 				162px;
		float: 				left;
	}
	
	
	div.page div.footer ul.footer-sitemap li.column-0 ul li,
    div.page div.footer ul.footer-sitemap li.column-1 ul li,
	div.page div.footer ul.footer-sitemap li.column-2 ul li,
	div.page div.footer ul.footer-sitemap li.column-3 ul li,
	div.page div.footer ul.footer-sitemap li.column-4 ul li{
		padding-bottom: 	8px;
        line-height:		1.2em;
	}
	
	div.page div.footer ul.footer-sitemap li.column-0 ul li a,
    div.page div.footer ul.footer-sitemap li.column-1 ul li a,
	div.page div.footer ul.footer-sitemap li.column-2 ul li a,
	div.page div.footer ul.footer-sitemap li.column-3 ul li a,
	div.page div.footer ul.footer-sitemap li.column-4 ul li a{
		color:				#484848;
		text-decoration:	none;
		line-height:		1.0em;
	}
	
	div.page div.footer ul.footer-sitemap li.column-0 ul li a:hover,
    div.page div.footer ul.footer-sitemap li.column-1 ul li a:hover,
	div.page div.footer ul.footer-sitemap li.column-2 ul li a:hover,
	div.page div.footer ul.footer-sitemap li.column-3 ul li a:hover,
	div.page div.footer ul.footer-sitemap li.column-4 ul li a:hover{
		text-decoration:	underline;	
	}

	div.page div.footer ul.footer-sitemap li.column-0 {
		width:				145px;
		*width:				144px;
		padding:			0 5px 0 0px;
        padding-top:        15px;
	}

	div.page div.footer ul.footer-sitemap li.column-1 {
		width:				145px;
		*width:				144px;
		padding:			0 5px 0 14px;
	}
	
	div.page div.footer ul.footer-sitemap li.column-2 {
		width:				130px;
		*width:				134px;
		padding:			0 10px 0 14px;
	}
	
	div.page div.footer ul.footer-sitemap li.column-3{
		width:				109px;
		*width:				113px;
		padding:			0 10px 0 14px;
        clear: none;\
	}

	div.page div.footer ul.footer-sitemap li.column-4{
		width:				116px;
		*width:				120px;
		padding:			0 10px 0 14px;
	}

	
	div.page div.footer ul.footer-sitemap li ul li a{
		font-weight: 		bold;
	}
	
	div.page div.footer ul.footer-sitemap li ul li ul li a{
		font-weight: 		normal;
	}
	
	body div.container div.copyright{
		width: 				960px;
		margin:				0 auto;
		padding:		    15px 0 0 20px;
		font-weight:		bold;
		background: 		transparent url(images/copyright-bg.png) no-repeat 0 0;
        text-align:         left;
	}
	
	body div.container div.copyright ul{
		padding-top:		5px;
        overflow:           hidden;
	}
	
	body div.container div.copyright ul li{
		display:			inline;
		font-weight:		normal;
        border-left:        1px solid #000;
        margin-left:        -5px;
        padding-left:       5px;
        padding-right:      8px;
	}
	
	div.page div.footer img.footer-icon-large{
		position:			absolute;
		bottom:				-147px;
		right:				-50px;
		padding-bottom:		20px;
	}	

	form{
		margin-bottom: 14px;
	}
	form  input#s{
		border:1px solid #DCDCDC;
		padding:2px;
		width:194px;
	}

/*WP Elements*/
#page {}
#content {}
.widecolumn .entry p {}
.narrowcolumn .entry, .widecolumn .entry {}
.widecolumn {}
.narrowcolumn .postmetadata {}
.alt {}
#footer {}
small {}

#headerimg .description {}


.post h2{}	
#sidebar h2 {}

h1, h1 a, h1 a:hover, h1 a:visited, #headerimg .description {	}
h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited {}
h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited, #sidebar h2, #wp-calendar caption, cite {}
.entry p a:visited {}
.commentlist li, #commentform input, #commentform textarea {}
.commentlist li {}
.commentlist cite, .commentlist cite a {}
.commentlist p {}
#commentform p {}
.commentmetadata {}
#sidebar {}
small, #sidebar ul ul li, #sidebar ul ol li, .nocomments, .postmetadata, blockquote, strike {}
code {}
acronym, abbr, span.caps{}
h2 a:hover, h3 a:hover {}
a:hover {}
/* End WP Typography & Colors */



/* Begin WP Structure */
#page {}

#header {}
.narrowcolumn {}
.widecolumn {}

.post {
	margin-bottom: 40px;
}
.narrowcolumn .post {}
.widecolumn .post {}
.narrowcolumn .postmetadata {}
.widecolumn .postmetadata {}
.widecolumn .smallattachment {}
.widecolumn .attachment {}
.postmetadata {}

#footer {}
#footer p {	}
/* End WP Structure */

/* Begin WP Sidebar */
#sidebar{}
#sidebar form {}
/* End WP Sidebar */


/*	Begin Headers */
#sidebar h2 {
	border-bottom:2px solid #0087CC;
	color:#0087CC;
	font-size:14px;
	font-weight:bold;
	padding-bottom:9px;
}

h3.comments {}
/* End WP Headers */

/* Begin WP Images */

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="cente#ff0000',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	margin: 0;
	display: block;
	}

.alignleft {
	float: left;
	margin: 0;
	display: block;
	}
/* End WP Images */



/* Begin Lists

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

html>body .entry ul {} 
html>body .entry li {}

.entry ol {}
.entry ol li {}
.postmetadata ul, .postmetadata li {}
#sidebar ul, #sidebar ul ol {}
#sidebar ul li {}
#sidebar ul p, #sidebar ul select {}
#sidebar ul p{
	margin-bottom: 20px
}
	#sidebar ul ul{
		list-style-image:none;
		list-style-position:inside;
		list-style-type:square;
		margin:15px 0;
		padding:0;
	}
	
#sidebar ul ul li{
	background:transparent none repeat scroll 0 0;
	border-bottom:1px dotted #484848;
	color:#484848;
	margin:0;
	padding:5px;
}

#sidebar ul ol {}
#sidebar ul ul ul, #sidebar ul ol {}
ol li, #sidebar ul ol li {}
#sidebar ul ul li, #sidebar ul ol li {}
/* End Entry Lists */

/* Begin WP Form Elements */
#searchform {}
#searchform input{}
#sidebar #searchform #s {}
#sidebar #searchsubmit {}
.entry form { /* This is mainly for password protected posts, makes them look better. */}
select {}
#commentform input#author,
#commentform input#email,
#commentform input#url {
	border:1px solid #DCDCDC;
	padding:2px;
}
#commentform textarea {
	border:1px solid #DCDCDC;
	padding:2px;
	}
#commentform #submit {
	
}
/* End WP Form Elements */

/* Begin WP Comments*/
.alt {}
.commentlist {}
.commentlist li {}
.commentlist p {}
#commentform p {}
.nocomments {}
.commentmetadata {}
/* End WP Comments */

/* Begin WP Calendar */
#wp-calendar {
	empty-cells: show;
	margin: 10px auto 0;
	width: 155px;
	}

#wp-calendar #next a {
	padding-right: 10px;
	text-align: right;
	}

#wp-calendar #prev a {
	padding-left: 10px;
	text-align: left;
	}

#wp-calendar a {
	display: block;
	}

#wp-calendar caption {
	text-align: center;
	width: 100%;
	}

#wp-calendar td {
	padding: 3px 0;
	text-align: center;
	}

#wp-calendar td.pad:hover { /* Doesn't work in IE */
	background-color: #fff; }
	
#wp-calendar #prev a {}
#wp-calendar a {text-decoration: none;}
#wp-calendar caption {}
#wp-calendar th {font-style: normal;}/* End WP Calendar */

/* Begin Various Tags & Classes */
acronym, abbr, span.caps {cursor: help;}
acronym, abbr {}
blockquote {}
blockquote cite {}
.center {text-align: center;}

/* End Various Tags & Classes*/