/*
Theme Name: Direct Discos
Theme URI: http://www.direct-discos.co.uk/
Description: Child Theme for Direct Discos
Author: Elms Creative
Author URI: http://www.elmscreative.com/
Template: twentyeleven
Version: 1.0
*/
 
@import url("../twentyeleven/style.css");

/* ----------------------------------------------------------------------------------------------------------
1) Layout
---------------------------------------------------------------------------------------------------------- */

html { height:99%; background:#b6f0f7 url('images/backgroundRepeat.jpg') top repeat-x; }
body { height:100%; font:62.5%/1.5 Helvetica, Arial, Sans-serif; color:#fff !important; letter-spacing:0; line-height:1.2em; overflow:auto; background:url('images/clouds.png') top center no-repeat !important; }

h1, h2, h3, h4 { margin:5px 0 15px; padding:0; color:#ff1818; }
h1 { font-size:1.6em; }
h2 { font-size:1.4em; }
h3 { font-size:1.2em; }
h4 { font-size:1em; }

hr { width:100%; height:1px; padding:0; margin:10px 0; border-top:#fff 2px solid; border-bottom:none; border-left:none; border-right:none; }

p { font-size:1.2em; line-height:1.4em; }
span { color:#58beef; }

#outer { height:100%; width:100%; overflow:visible; } /* or without overflow */
#outer[id] { display:table; position:static; }
  #grass-footer { height:196px; width:100%; position:absolute; bottom:0; left:0; z-index:2; background:url('images/grassBackground.png') bottom repeat-x; }
#middle { position:absolute; top:50%; width:100%; text-align:center; } /* for explorer only*/
#middle[id] { display:table-cell; vertical-align:middle; position:static; }
#page { position:relative; top:-50%; text-align:left; } /* for explorer only */
#page { width:870px; height:670px; max-width:870px; margin:0 auto 2em; padding-top:22px; text-align:left; z-index:10; background:url('images/container2.png') center no-repeat !important; }

/* ----------------------------------------------------------------------------------------------------------
1) Header
---------------------------------------------------------------------------------------------------------- */

header#top { width:850px; height:165px; margin:0 auto; padding:0; position:relative; z-index:20; background:url('images/headerBackground.png') top no-repeat; }
header#top .logo { margin:0; padding:0; position:absolute; top:10px; left:20px; z-index:25; }
header#top nav#pri { width:450px; height:60px; margin:0; padding:0; position:absolute; top:25px; right:20px; z-index:25; }
header#top #soci { width:65px; position:absolute; top:100px; left:114px; }

/* ----------------------------------------------------------------------------------------------------------
1) Main
---------------------------------------------------------------------------------------------------------- */

#main { width:850px; height:468px !important; margin:-42px auto 0; padding:0; position:relative; top:0; z-index:10; overflow:hidden; background:url('images/layout.02.jpg') top repeat-y !important; }
#primary, #secondary { margin-top: 22px; color:#fff; background:url('images/layout.03.png') top repeat; border-radius:6px; position:relative; z-index:10;  }
#primary { width:640px !important; height:405px; padding:30px 0 0; overflow-x:hidden; overflow-y:scroll; }
#secondary { float:right; margin-right:0; width:160px; padding-left:40px; }
#content { margin:0 34% 0 0; width:610px; padding:15px; }
#content header { height:auto; background:none; }

.widget-title { color:#000; }
.comments-link { display:none; } 
.scrolling {  }

.singular .entry-header, .singular .entry-content, .singular footer.entry-meta, .singular #comments-title { margin:0 auto; width:100%; }
.singular.page .hentry { padding:0; }
.singular #content, .left-sidebar.singular #content {margin:0 0 40px; position:relative; width:auto}
#content img {background:none; border:#868686 1px solid}
.entry-content h1, .entry-content h2, .comment-content h1, .comment-content h2 {color:#d62469}
.ytsg_play {background:none !important; border:none !important}

.widget ul li { color:#777; font-size:13px; margin:0 0 0.25em; }


/* ----------------------------------------------------------------------------------------------------------
1) Footer
---------------------------------------------------------------------------------------------------------- */

footer#colophon { width:826px; height:26px; margin:0 auto; padding:1em; position:relative; color:#3CAAE6; }
footer#colophon span { color:#90c21e; }
footer#colophon p { font-size:1.2em; line-height:2em; }
footer#colophon p.copy { float:left; }
footer#colophon p.design { float:right; }

/* ----------------------------------------------------------------------------------------------------------
2) Navigation
---------------------------------------------------------------------------------------------------------- */

.menu { width:100%; height:20px; list-style:none; margin:4px auto; padding:0; text-align:center; }
.menu_sub { width:100%; height:20px; list-style:none; margin:4px auto; padding:0; position:relative; left:0; text-align:center; }
.menu li, .menu_sub li { width:auto; height:auto; margin:0 0.4em 4px; display:inline-block; font-size:1.4em; text-align:center; }
.menu a#selected, .menu_sub a#selected { color:#90c21e; }
	
	/* ----------------------------------------------------------------------------------------------------------
3) Links
---------------------------------------------------------------------------------------------------------- */

a:active, a:visited, a:link, a:hover { color:#000; text-decoration:none; -moz-transition:color 0.1s linear 0.1s; -webkit-transition:color 0.1s linear 0.1s; -o-transition:color 0.1s linear 0.1s; transition:color 0.1s linear 0.1s; }

.menu a:active, .menu a:visited, .menu a:link, .menu_sub a:active, .menu_sub a:visited, .menu_sub a:link { text-decoration:none; color:#58beef; }
.menu a:hover, .menu_sub a:hover { color:#a0a0a0; }