/*
	CDAacademy.com.au CSS definitions
	(c) 2012 Eduardo Agnes Jr. - Pineapple Plus
*/

/* Getting the new tags to behave */
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video 
{display:block}
mark, rp, rt, ruby, summary, time {display:inline}

@charset "utf-8";

/* reset */
*{ margin:0; padding:0; outline:0; }
img { border: 0; }
.clear { clear: both; }


/* highlighting color */
::selection { background: #EAA0FA; /* Safari */ }
::-moz-selection { background: #EAA0FA; /* Firefox */ }

body { 
	font: 0.74em Arial, Verdana, Arial, Helvetica, sans-serif;
	/*background: #f4f4f4 url(../images/bg.png) repeat-x;*/
	background: #f4f4f4 url(../images/bg-long.png) repeat-x;
	color: #777;
	line-height: 1.6em;
}

/* typography */
a { 
	color: #3F3E44;
	text-decoration: none; 
}
a:hover {
	color: #000;
}

p {
	margin: 0 0 12px; 
}

/* headings */
h1 {
	clear: both;
	color: #fff;
	font-size: 1.7em;
	float: left;
}
h1 span {
	color: #d1d1d3;
}
h1 a
{
	color: #fff;
}

h2 {
	clear: both;
	float: left;
	font-size: 2.94em;
	color: #fff;
	line-height: 1.6em;
	position: absolute;
	top: 75px;
	filter:alpha(opacity=0);
	-moz-opacity:0;
	-khtml-opacity: 0;
	opacity: 0;
}

h3 {
	font-size: 1.8em;
	/* color: #f8fd0b; */
	color: #4169e1;
	margin: 0 0 10px;
}

h4 {
	font-size: 1.4em;
	color: #4169e1;
	margin: 0 0 10px;
}

h5 {
	font-size: 1.2em;
	color: #4169e1;
	margin: 0 0 10px;
}

/* top */
#top {
	height: 68px;
}

/* menu */
#menu {
	float: right;
	padding: 20px 0 0;
}
#menu li {
	display: inline;
	list-style: none;
	font-size: 1.1em;
}
#menu li a {
	float: left;
	margin: 0 0 0 25px;
	padding: 0 5px 10px;
	color: #A09FA8;
}
#menu li a:hover, #menu li a.current {
	background: url(../images/tab.png) repeat-x left bottom;
}
#menu li a.current {
	color: #fff;
}

/* content */
#content { 
	width: 800px;
	margin: 15px auto;
}

/* logo */
#logo {
	padding: 20px 0 0;
}

/* Ca3er style */
.cu3er_resize 
{ 
	width:800px; 
	margin:0 auto; 
	padding:10px 0 40px 0; 
	background:url(../images/banner_bg-short.png) no-repeat bottom; 
}
#cu3er-container { width:800px; outline:0;}

/* pitch */
#pitch {
	clear: both;
	text-align: center;
	height: 70px;
	padding: 140px 0 0;
	margin: 0 0 60px;
	background: url(../images/pitch.png) no-repeat;
	
}

#pitch-1 {
	clear: both;
	text-align: center;
	height: 411px;
	padding:0;
	margin: 0 0 20px;
}

/* Use this if JS detect browser as mobile device */
#pitch-2 
{
	clear: both;
	text-align: center;
	height: 113px;
	padding:0;
	margin: 0 0 20px;
}
	ul#cda-menu 
	{
		width: 766px; 
		margin: 0 auto;
		list-style: none;
	}

	ul#cda-menu li { display: inline; }
	
	ul#cda-menu li a 
	{
		display: block; 
		float: left; 
		height: 113px;
		background-image: url(../images/menu-sprite.png); 
		text-indent: -9999px;
	}

	ul#cda-menu li a.main {
		width: 135px; background-position: 0 -15px;	
	}
	
	ul#cda-menu li a.about-us {
		width: 116px; background-position: -135px 0;	
	}
	
	ul#cda-menu li a.our-teachers {
		width: 145px; background-position: -251px 0;	
	}
	
	ul#cda-menu li a.dance-styles {
		width: 143px; background-position: -396px 0;	
	}
	
	ul#cda-menu li a.news {
		width: 107px; background-position: -539px 0;	
	}

	ul#cda-menu li a.contact {
		width: 120px; background-position: -646px 0;	
	}
	
	
	ul#cda-menu li a.main:hover, ul#cda-menu li a.main:focus {
		background-position: 0 -128px;	
	}
	
	ul#cda-menu li a.about-us:hover, ul#cda-menu li a.about-us:focus {
		background-position: -135px -113px;	
	}
	
	ul#cda-menu li a.our-teachers:hover, ul#cda-menu li a.our-teachers:focus {
		background-position: -251px -113px;	
	}
	
	ul#cda-menu li a.dance-styles:hover, ul#cda-menu li a.dance-styles:focus {
		background-position: -396px -113px;	
	}
	
	ul#cda-menu li a.news:hover, ul#cda-menu li a.news:focus {
		background-position: -539px -113px;	
	}

	ul#cda-menu li a.contact:hover, ul#cda-menu li a.contact:focus {
		background-position: -646px -113px;	
	}

	ul#cda-menu li a.active1 { background-position: 0 -226px; }
	ul#cda-menu li a.active2 { background-position: -135px; -226px; }
	ul#cda-menu li a.active3 { background-position: -251px; -226px; }
	ul#cda-menu li a.active4 { background-position: -396px; -226px; }
	ul#cda-menu li a.active5 { background-position: -539px; -226px; }
	ul#cda-menu li a.active6 { background-position: -646px; -226px; }

#pitch-3 
{
	clear: both;
	text-align: center;
	height: 298px;
	padding:0;
	margin: 0 0 20px;
}
/*******************************************/

/* countdown */
#countdown { 
	filter:alpha(opacity=0);
	-moz-opacity:0;
	-khtml-opacity: 0;
	opacity: 0;
	font-size: 2em; 
	letter-spacing: -0.2px;
	text-shadow: 1px 1px 1px #343438;
	height: 30px;
}

/* columns */
#cols {
	clear: both;
	margin: 0 0 45px;
	border-bottom: 3px double #ddd;
	background: url(../images/shade.png) no-repeat center bottom;
}
.col { 
	float: left; 
	width: 239px; 
	margin: 0 25px 0 0; 
	padding: 0 15px 20px 0; 
	border-right: 1px dotted #ddd; 
}
.col2 { 
	float: left; 
	width: 478px; 
	margin: 0 25px 0 0; 
	padding: 0 15px 20px 0; 
	border-right: 1px dotted #ddd; 
}
.col3 { 
	float: left; 
	width: 782px; 
	margin: 0; 
	padding: 0 15px 20px 0; 
}
.col.last, .col2.last, .col3.last { 
	margin-right: 0; 
	border: 0; 
	padding-right: 0; 
}

/* more button */
.more { 
	display: block;
	position: relative;
	color: #ddd; 
	background: url(../images/more.png) no-repeat; 
	text-align: center; 
	width: 87px; 
	height: 21px; 
	padding: 3px 0 0; 
	font-size: .84em; 
	text-transform: uppercase; 
}
.more:hover { 
	background-position: left bottom; 
	color: #fff; 
}

#stars 
{
	clear: both;
	background: url(../images/stars.png) repeat-x;
	padding: 0 0 10px;
	margin: 0 0 20px;
	color: #999;
	text-shadow: 1px 1px 1px #fff;
}

/* screenshots */
#screenshots { clear: both; position: relative; margin: 0 0 40px; }
#screenshots .scrollable { position:relative; overflow:hidden; width: 800px; height:139px; }
#screenshots .scrollable .items { width:20000em; position:absolute; }
	
/* screenshot items */
#screenshots .items ul{ list-style: none; float: left; }
#screenshots .items ul li { float: left; }		
#screenshots .items ul li a 
{ 
	float: left; 
	width: 172px; 
	height: 129px; 
	padding: 10px 0 0 10px; 
	margin: 0 23px 0 0; 
	overflow: hidden; 
	background: url(../images/thumb_frame-big.png) no-repeat; 
}

/* screenshot arrows */
#screenshots a.arrows { display: block; width: 12px; height: 21px; text-indent: -999999px; background: url(../images/arrows.png) no-repeat; top: 50px; }
#screenshots a.prev { background-position: top left; position: absolute; left: -50px; }
#screenshots a.next { background-position: top right; position: absolute; right: -50px; }
#screenshots a.prev:hover { background-position: left bottom; }
#screenshots a.next:hover { background-position: right bottom; }
		
#screenshots h3 { margin: 0 0 20px; }

/* main content for gallery */
#main-gallery { 
	float: left; 
	width: 782px; 
	margin: 0 0 40px; 
}

/* main content (left side) */
#main { 
	float: left; 
	width: 500px; 
	margin: 0 0 40px; 
}

#main p strong, #main-gallery p strong {
	color: #3F3E44;
}

/* side */
#side { 
	float: right; 
	width: 265px; 
	margin: 0 0 40px; 
}

/* side twitter box */
.boxtop {
	background: url(../images/boxtop.png) no-repeat; 
	padding: 4px 0;
}
.boxmiddle {
	background: url(../images/boxmiddle.png); 
	padding: 0 4px; 
	height: 220px;
}
.boxmiddle-long {
	background: url(../images/boxmiddle.png); 
	padding: 0 4px; 
}
.boxbottom {
	background: url(../images/boxbottom.png) no-repeat left bottom; 
	padding: 5px 0;
}
/*************************************************************************************************/
/* sb_menu */
/*************************************************************************************************/
ul.sb_menu
{ 
	margin:0; 
	padding: 16px; 
	list-style:none; 
	color:#a7a6ae;
}

ul.sb_menu li
{ 
	margin:0; 
	background:url(../images/li.png) no-repeat 0 12px;
}

ul.sb_menu li 
{ 
	padding:4px 0; 
	border-bottom:1px dotted #a7a6ae; 
	width:100%;
}

ul.sb_menu li a 
{ 
	color:#dcdcde; 
	text-decoration:none; 
	/*margin-left:-16px;*/
	margin-left:0;
	padding-left:16px;
}

ul.sb_menu li a:hover
{ 
	/*color:#7baf30;*/ 
	color: #f8fd0b;
	font-weight:normal; 
	background:url(../images/li_a.png) no-repeat left center;
}

ul.sb_menu li a:hover { text-decoration:none;}

ul.sb_menu li.active 
{ 
	color: #f8fd0b;
	font-weight:bold; 
	background:url(../images/li_a.png) no-repeat left center;
	text-decoration:none; 
	margin-left: 0; 
	padding-left:16px;
	width:210px;
}

ul.sb_menu li.active1 
{ 
	color: #f8fd0b;
	font-weight:bold; 
	background:url(../images/li_active.png) no-repeat left center;
	text-decoration:none; 
	margin-left: 0; 
	padding-left:21px;
	width:210px;
}
/*************************************************************************************************/

/* footer */
#footer {
	clear: both;
	/*background: url(../images/bullet.png) repeat-x;*/
	background: url(../images/stars.png) repeat-x;
	padding: 20px 0 20px;
	color: #999;
	text-shadow: 1px 1px 1px #fff;
}

.footer_resize { margin:0 auto; }

#footer p.lf 
{ 
	font:normal 10px Arial, Helvetica, sans-serif;
	margin:0; 
	padding:4px 0; 
	float:right; 
	width:auto; 
	line-height:1.5em;
}

ul.fmenu 
{ 
	margin:0; 
	padding:2px 0; 
	list-style:none; 
	float:left; 
	width:auto;
}

ul.fmenu li 
{ 
	margin:0; 
	padding:0 4px; 
	float:left;
}

ul.fmenu li a 
{ 
	color:#5f5f5f; 
	text-decoration:none; 
	padding:2px 6px;
}

ul.fmenu li a:hover, ul.fmenu li.active a 
{ 
	/*color:#7baf30;*/
	color: #ee3423
}

ul.fmenu li a:hover { text-decoration:underline;}

/****************************footer************************/
footer {
	width:100%;
	padding:25px 0 46px;
	background:#080808;
}

footer h4 {
	font-size: 1.5em;
	color: #f8fd0b;
	margin: 20px 0 10px;
}

footer a { 
	color: #fff;
	text-decoration: none; 
}
footer a:hover {
	color: #f8fd0b;
}

.main { 
	width:800px;
	padding:0;
	margin:15px auto;
	font-size:0.875em;
	line-height:1.428em
}
.wrapper {width:100%;overflow:hidden}
.border-bot2 {
	width:100%;
	padding-bottom:35px;
	background:url(../images/pic-2.gif) 0 bottom repeat-x;
}
.margin-bot {margin-bottom:35px}
.fcol-1, .fcol-2, .fcol-3 { float:left }
.fcol-1 { width:240px; margin-right:50px }
.fcol-2 { width:319px; margin-right:50px }
.fcol-3 { width:200px }
.indent-left {padding-left:20px}
.aligncenter {
	text-align:center;
	padding: 0 0 40px;
}
.medium_box h3 { font-size: 1.8em; color: #4169e1; margin: 0 0 10px; }
.color-1 {color:#fff; text-decoration:none;}

.list-services {
	margin-top:-5px;
}
	.list-services li {
		line-height:36px;
		padding:10px 0;
		background:url(../images/pic-2.gif) 0 bottom repeat-x;
	}
	.list-services li.last-item {background:none}
		.list-services li a {
			display:inline-block;
			padding-left:47px;
			color:#808080;
			background:url(../images/social-icons.png) 0 0 no-repeat;
		}
		.list-services li a.it-2 {background-position:0 -55px}
		.list-services li a.it-3 {background-position:0 -110px}
		.list-services li a.it-4 {background-position:0 -165px}
		.list-services li a:hover {color:#fff}

.testimonials 
{ 
	width:100%;
	position:relative;
	z-index:1;
	height:250px;
	overflow:hidden
}
#testimonials div { 
	background:url(../images/bg_testimonials.gif) 0 bottom no-repeat #202020;
	padding:25px 27px 53px 29px 
}
#testimonials span { 
	display:block;
	padding:0 0 0 11px;
	font-style:normal
}
.testimonials li{ height:250px }
.up, .down {
	position:absolute;
	z-index:2;
	bottom:8px;
	right:0;
	width:32px;
	height:32px;
	display:block
}
.up{right:33px;background:url(../images/marker_up.gif) 0 0 no-repeat}
.down{background:url(../images/marker_down.gif) 0 0 no-repeat}
.up:hover, .down:hover{background-position:bottom}

.list-3 {margin-top:-7px}
.list-3 li {
	line-height:20px;
	padding:10px 0;
	background:url(../images/pic-2.gif) 0 bottom repeat-x;
}
	.list-3 li a {
		display:inline-block;
		padding-left:30px;
		color:#777;
		background:url(../images/marker-1.png) 0 3px no-repeat;
		text-decoration:none;
	}
	.list-3 li span {color:#808080;display:inline-block}
	.list-3 .last-item {background:none}

footer #ShowPineapple h3 {
	font-size: 1.8em;
	color: #4169e1;
	margin: 0 0 10px;
}

footer #ShowPineapple p {
	margin: 0 0 12px; 
}

footer #ShowPineapple { font: 12px Arial, Helvetica, sans-serif; }

/* ---------------------------------------------------------------------------------------------- */

#form { margin: 9px 0 0px 0px; width:580px; }
#form input {
	border-top:#cbcbcb 1px solid;
	border-left:#e0e0e0 1px solid;
	background:#f2f2f2;
	border-radius:4px;
	font: 14px Arial, Helvetica, sans-serif;
	color:#1e1e1e;
	padding:5px 10px 7px 10px;
	outline: medium none;
	width: 259px;
	height:17px;
	float:left;
}
#form textarea {
	border-top:#cbcbcb 1px solid;
	border-left:#e0e0e0 1px solid;
	background:#f2f2f2; 
	border-radius:4px;
	font: 14px Arial, Helvetica, sans-serif;
	color:#1e1e1e;
	height: 274px;
	outline: medium none;
	overflow: auto;
	padding: 5px 0px 0px 10px;
	width: 429px;
	resize:none;
	margin:0px 0 0 0;
	float:left;
}
#form label {
	position:relative;	
	overflow:hidden;
	display: block;
	min-height:40px;
}
#form label strong {
	font-weight:normal; 
	color:#1e1e1e; 
	float:left; 
	display:inline-block;
	width:80px; 
	padding-top:2px;
}
.btns { text-align:right; width:509px; padding-top:20px; }
.btns a {display:inline-block; margin:0 0px 0 10px;}

.more {
	margin:20px 0 0 0;
	text-align:center;
}
.more-1 {
	margin:20px 0 0 0;
	text-align:left;
}
.more2 {
	text-align:center;
}

ul.list { 
	margin: 0 0 25px 55px;
}

ul.list li  
{ 
	padding: 6px 0; 
	list-style-image: url(../images/bullet-red.png);
}

/*************************************************************************************************/
/* ----- ADMIN ----- */
/*************************************************************************************************/
ul#cda-menu-admin
	{
		width: 766px; 
		margin: 0 auto;
		list-style: none;
	}

	ul#cda-menu-admin li { display: inline; }
	
	ul#cda-menu-admin li a 
	{
		display: block; 
		float: left; 
		height: 113px;
		background-image: url(../images/admin-menu-sprite.png); 
		text-indent: -9999px;
	}

	ul#cda-menu-admin li a.homepage {
		width: 135px; background-position: 0 0;	
	}
	
	ul#cda-menu-admin li a.main {
		width: 116px; background-position: -135px -15px;	
	}
	
	ul#cda-menu-admin li a.edit-account {
		width: 145px; background-position: -251px 0;	
	}
	
	ul#cda-menu-admin li a.logout {
		width: 143px; background-position: -396px 0;	
	}
		
	
	ul#cda-menu-admin li a.homepage:hover, ul#cda-menu-admin li a.homepage:focus {
		background-position: 0 -113px;	
	}
	
	ul#cda-menu-admin li a.main:hover, ul#cda-menu-admin li a.main:focus {
		background-position: -135px -128px;	
	}
	
	ul#cda-menu-admin li a.edit-account:hover, ul#cda-menu-admin li a.edit-account:focus {
		background-position: -251px -113px;	
	}
	
	ul#cda-menu-admin li a.logout:hover, ul#cda-menu-admin li a.logout:focus {
		background-position: -396px -113px;	
	}

	ul#cda-menu-admin li a.active1 { background-position: 0 -226px; }
	ul#cda-menu-admin li a.active2 { background-position: -135px; 26px; }
	ul#cda-menu-admin li a.active3 { background-position: -251px; -226px; }
	ul#cda-menu-admin li a.active4 { background-position: -396px; -226px; }


#main #list-content .container img.thumbnail {
  
   padding: 10px;
   margin-top: 10px;
   margin-bottom: 10px;
   border:1px solid #e1e1e1;
}

#main #list-content .container {
   margin: 10px 0;
   padding: 10px 0;
}

#main #list-content h3 
{
	font-size: 1.4em;
	font-weight:bold;
	color: #4169e1;
}


/* Post */
#main #list-content .post {}
#main #list-content .post .title, .post .date {
	padding: 0;
}
#main #list-content .post h2.title {
	font: 24px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #b038ac;
} 

#main #list-content .post .title {
	margin: 0;
	padding-top: 30px;
	line-height: normal;
}

#main #list-content .post .title a {
	text-decoration: none;
	color: #5A5544;
}

#main #list-content .post .title a:hover {
	text-decoration: underline;
}


#main #list-content .post .date {
	line-height: normal;
	color: #ACAAA1;
}

#main #list-content .post .entry {
	margin: 0;
	padding: 20px 0;
	border-top: 1px solid #E5E1D8;
	color: #000;
}

	.entry .blog-pic-left { float: left; width: 93px; margin:0 10px 0 0; }
	.entry .blog-body-right { float: right; width: 397px; }

#main #list-content .post .meta {
	/*height: 53px;*/
	height: 43px;
	background: #E5ECDB;
	border-bottom: 1px solid #DDE5CE;
}

#main #list-content .post .meta p {
	line-height:  normal;
}

#main #list-content .post .meta .tags {
	float: left;
	/*padding: 20px 0 0 25px;*/
	padding: 10px 0 0 15px;
}

#main #list-content .post .meta .links {
	float: right;
	/*padding: 20px 25px 0 0;*/
	padding: 10px 15px 0 0;
}

#main #list-content .post .meta .comments {
	margin-right: 30px;
	padding-left: 22px;
	background: url(../images/img04.gif) no-repeat 0 50%;
}

#main #list-content .post .meta .links a {
	text-decoration:none; 
	color:#72246f;
}

#main #list-content .post .meta .delete-post {
	padding-left: 17px;
	background: url(../images/img05.gif) no-repeat 0 50%;
}

.alignleft {
	float: left;
}

.alignright {
	float: right;
}

.aligncenter {
	margin: 0 auto;
}

img.alignleft {
	margin: 0 27px 0 0;
}

img.alignright {
	margin: 0 0 0 27px;
}

img.border {
	padding: 4px;
	border: 1px solid #E9E4D8;
}

/* ADMIN SECTION - List Gallery Photos Table */
#box-table-c
{
	font-family: "Georgia", Lucida Grande, Verdana, Arial, Sans-Serif;
	font-size: 11px;
	margin: 0 auto;
	width: 500px; 
	text-align: left;
	border-collapse: collapse;
}
#box-table-c th
{
	font-size: 11px;
	font-weight: normal;
	text-align: center;
	padding: 8px;
	background: #b9c9fe;
	border-top: 4px solid #aabcfe;
	border-bottom: 1px solid #fff;
	color: #039;
}
#box-table-c td
{
	padding: 8px;
	text-align: center; 
	border-bottom: 1px solid #fff;
	color: #669;
	border-top: 1px solid transparent;
}

#box-table-c tr.row1 { background-color: #e8edff; text-align:center; }
#box-table-c tr.row2 { background-color: #d0dafd; text-align:center; }