/* My Childrens Classics
* screen.css
* Styling used by all templates
* Author: Mark Birch, HyperlaunchDMG
* Date: 28-08-2009
* v.1.0*/

/* Generic styling */
* {margin:0; padding:0;}
body {color:#00467b; font:italic 90% Georgia, sans-serif; font-weight:bold; text-align:center; background:url(../images/bg-world_v2.jpg) top center no-repeat #fcb415;}
img, fieldset {border:0;}
h1 {font-size:100%;}
h2, h3, h4 {}
h3.strong {font-weight:bold;}
h2 {font-size:135%; margin:0 0 2px 0;}
p {margin-bottom:11px;}

a {color:#005baa; text-decoration:none;}
a:hover, a:active {text-decoration:underline;}

ul {}
li {}
dl {}
dt {}
dd {}

.fl {float:left;}
.fr {float:right;}
.cb {clear:both;}
.b {font-weight:bold;}


/* Layout */
h1 span, h2 span {display:none;}

h1 {float:left;}

#header {width:760px; margin:auto; }

#buy_now { width:96px; float:left; margin-top:5px;}

#main-content {width:760px; margin:auto; }

#anim1 { position:relative; float:left; margin-top:50px; width:190px; height:200px; }
#anim2 { position:relative; float:right; margin-top:50px; width:190px; height:200px; }

.intro {margin:auto; width:360px; }

.cta {margin:auto; width:600px;}

.tracks {position:relative; margin:auto; width:760px; padding-bottom:10px;}

.column {width:240px;}
.panel {margin:auto; width:760px; padding-bottom:10px; clear:both;}
.column img, .panel img  {margin:0; padding:0; display:block;}

#colLeft {position:relative; float:left; display:inline; margin:0 0 0 10px;}
#colMiddle {position:relative; float:left; display:inline; margin:0 0 0 10px;}
#colRight {position:relative; float:right; display:inline; margin:0 10px 0 0;}

.columnInner, .panelInner {background-color:#fff; display:block;}
.panelInner {padding:10px; text-align:center;}

.trackItem {clear:both;}
.playbtn {float:left; width:40px; height:60px; padding-bottom:20px;}
.trackDetails {text-align:left; width:196px;}
 .trackDetails h3 {color:#68a944;}
 .trackDetails p {color:#000;}
 
.percent {padding-bottom:4px;}
 .percentBarBg {height:20px; width:100px; background-color:#ccc; margin-left:40px}
 .percentBar {height:20px; background-color:#fcb415;}

.clearer {clear:both; height:1px;}

.footer {clear:both; margin:auto; width:760px;}