/*
===========================================================================
Get Your Ears Out
Main CSS Document
===========================================================================
Author: Kevin Jones - kevin _@_ socialwebmedia.co.uk
===========================================================================
Contents
===========================================================================

	i. GYEO Colour Scheme
	1. CSS Reset
	2. Headings
	3. Anchors
	4. Form Elements
	5. General Classes
	6. Template & Layout
	7. Print
	8. Mobile
	
	
===========================================================================
	i. GYEO Colour Scheme
===========================================================================

PINK: 	#E11588
GREEN:	#BBD300
BLUE: 	#34D8FE
BLUE: (darker): #089DBD
PURPLE:	#2A1442
PURPLE (lighter):	#351852


/*=========================================================================
	1. CSS Foundation
=========================================================================*/

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline}:focus{outline:0}body{line-height:1;color:black;background:white}ol,ul{list-style:none}table{border-collapse:separate;border-spacing:0}caption,th,td{text-align:left;font-weight:normal}blockquote:before,blockquote:after,q:before,q:after{content:""}blockquote,q{quotes:""""}

html {font-family:Arial, Helvetica, sans-serif;font-size:14px}

p {margin-bottom:12px}
strong {font-weight:bold}
div.entry-content img {border:#999 1px solid;padding:2px;float:left;margin:15px 15px 15px 0}

/*=========================================================================
	2. Headings
=========================================================================*/

h1,h2 {font-family:Georgia, "Times New Roman", Times, serif}
h3,h4,h5 {font-family:Arial, Helvetica, sans-serif}

h2.entry-title {font-size:36px;font-weight:normal;color:#E11588;margin:10px 0}
h2.page-title {margin-bottom:10px}

/*=========================================================================
	3. Links
=========================================================================*/

h2 a {color:#E11588;text-decoration:none}
h2 a:visited {color:#E11588;text-decoration:none}
h2 a:hover {text-decoration:none}


h3 a,h3:active,h3 a:visited {font-size:16px;color:#089DBD;font-weight:bold;text-decoration:none}
h3 a:hover {color:#E11588}

/* Times */
h3.entry-title a, h3.home_article_link a {color:#089DBD;font-size:18px;font-family:Georgia, "Times New Roman", Times, serif;font-weight:normal}
h3.entry-title a:hover, h3.home_article_link a:hover {color:#E11588}

#right a,#right a:active,#right a:visited {color:#FFF;text-decoration:none;font-size:18px}
#right a:hover {color:#BBD300} 

.comments_link {margin:10px 0;text-align:right}
.comments_link a {color:#E11588;font-size:12px}
/*=========================================================================
	4. Forms
=========================================================================*/

/* FORMS */
div.form_ex {position:relative;width:554px;background:#EEE;color:#000;padding:10px 20px 80px 20px;border:none;margin:0}

#comment-notes {margin-bottom:15px}
div.form-label {margin-bottom:10px}
#commentform label {float:left;width:100px;font-weight:bold}
input#submit {border:#000 2px solid;background:#BBD300;font-size:16px;font-weight:bold}



/*=========================================================================
	5. General Classes
=========================================================================*/

/* =span */
span.comments-link a {color:#E11588}

/* =ul =li */
#right li {color:#BBD300;margin:0 0 5px 20px;padding:0 0 3px 0}
#right li li {color:#FFF;border-bottom:#666 1px solid;margin:5px 0 10px 10px;padding:0 0 3px 0}

/* =div */
div.hentry {margin-bottom:20px}
div.entry-content {padding:0;margin-top:10px;border-bottom:#089DBD 1px dotted}
div.entry-content p {font-size:14px;line-height:120%;margin-bottom:10px}
div.entry-meta,div.entry-date {margin:5px 0;font-size:12px}

div.tm_l,div.tm_c,div.tm_r {float:left;text-transform:uppercase;font-size:10px}
div.tm_l {text-align:left}
div.tm_c {text-align:center}
div.tm_r {text-align:right}
div.tm_l,div.tm_r {width:310px;padding:0 10px}
div.tm_c {width:334px}

div.times_meta {border:#000 solid;height:10px;margin-bottom:10px;padding:2px 0;border-width:1px 0}

#comments {background:#EEE}
#comments h3 {padding:10px}
li.comment {background:#FFF;margin:0 10px 10px 10px;padding:10px;border:#CCC 1px solid}
div.comment-author {font-weight:bold}
div.comment-meta {font-size:12px;margin-bottom:5px;color:#999}
#respond h3 {background:#E11588;color:#FFF;padding:10px;font-size:20px}

/* rounded corners */
div.cr_nw_w,div.cr_ne_w,div.cr_sw_w,div.cr_se_w {position:absolute;width:15px;height:15px;background-repeat:no-repeat}
div.cr_nw_w {top:0;left:0;background:url(/images/cr_nw_w.gif)}
div.cr_ne_w {top:0;right:0;background:url(/images/cr_ne_w.gif)}
div.cr_sw_w {bottom:0;left:0;background:url(/images/cr_sw_w.gif)}
div.cr_se_w {bottom:0;right:0;background:url(/images/cr_se_w.gif)}


/* IMAGE REPLACEMENT HEADINGS */
#h_videos {width:62px;height:20px;background:url(/images/headings/times_videos.gif) no-repeat !important}
#h_gig_reviews {width:108px;height:21px;background:url(/images/headings/times_reviews.gif) no-repeat !important}
#h_articles {width:80px;height:20px;background:url(/images/headings/times_articles.gif) no-repeat !important}
.h_image {margin:0 0 10px 0}
.h_image span {display: block;width: 0;height: 0;overflow: hidden;}

div.main_left,#main_right {border-top:#069ebf 6px solid;border-bottom:#069ebf 2px dotted;position:relative}

div.main_left {float:left;margin-bottom:20px;width:338px;background:#F5F5F5;padding:10px}
#main_right {float:right;background:#F5F5F5;width:205px;padding:10px;margin-bottom:20px}
#main_right img {border:#E11588 1px solid;margin:20px 20px 10px 20px}

#main_right h2,.main_left h2 {color:#089DBD;font-size:14px;margin:0 0 10px 0;font-weight:bold;text-transform:uppercase}

#main_sub_left {float:left;background:#F5F5F5;padding:0;width:217px;clear:left}
#main_sub_right {float:right;background:#FFF;padding:0;width:341px;padding:20px 18px}
#right {color:#FFF}

.rss_icon {border:none !important;position:absolute;top:-13px;right:-12px}
.video {width:338px;float:left;margin-bottom:10px;border-bottom:#089DBD 1px dotted}
.video_img {width:120px;height:90px;background:#F00;margin:0 10px 10px 0;float:left}
.video_icon {width:12px;height:9px;background:url(/images/icons/icon_times_video.gif);float:left;margin:5px 10px 0 0}
.video_description {float:left;width:186px;margin:0}
.vid_left {margin-right:10px}
/*=========================================================================
	6. Template & Layout
=========================================================================*/

body {
background:url(/images/body_bg.gif) repeat #000;
margin:0;padding:0;
text-align: center; /* centering hack 1/2 */
}

#ex {
position:relative;
padding:0;margin:0 auto; 
text-align:left; /* centering hack 2/2 */
width: 994px;
background:#FFF;
}

#in  {width:994px;background:url(/images/times_head_bg.gif) top no-repeat #FFF;float:left;position:relative;padding-top:150px}

#top {
  background:#F5F5F5;
  margin:0 0 10px 0;
  padding:10px;
  width:604px; /* IE5Xwin sees this (standards width plus padding and border on left and right)*/
  voice-family: "\"}\"";
  voice-family: inherit;
  width:584px/* standards width */
}
html>body #top {
  width:584px /* standards width reinforcement */
}

#main {
  background:#FFF;
  /*border:#999 solid;border-width:0 1px 1px 1px;*/
  float: left;
  margin:0 5px 0 10px;
  padding:0;
  width: 594px; /* IE5Xwin sees this (standards width plus padding and border on left and right)*/
  voice-family: "\"}\"";
  voice-family: inherit;
  width: 594px; /* standards width */
}
html>body #main {
  width: 594px; /* standards width reinforcement */
}


#sec {
  background:#FFF;
  float: right;
  margin:0 10px 10px 0;
  padding:0;
  width: 368px; /* IE5Xwin sees this (standards width plus padding and border on left and right)*/
  voice-family: "\"}\"";
  voice-family: inherit;
  width: 368px; /* standards width */
}
html>body #sec {
  width: 368px; /* standards width reinforcement */
}

#sub {
  background:#222;
  float: left;
  margin:0 5px;
  padding:0;
  width: 160px; /* IE5Xwin sees this (standards width plus padding and border on left and right)*/
  height:600px;
  voice-family: "\"}\"";
  voice-family: inherit;
  width: 160px; /* standards width */
}
html>body #sub {
  width: 160px; /* standards width reinforcement */
}

#right {
  position:relative;
  background:#292929;
  float: left;
  margin:0 0 0 5px;
  padding:30px 0 100px 0;
  width: 198px; /* IE5Xwin sees this (standards width plus padding and border on left and right)*/
  voice-family: "\"}\"";
  voice-family: inherit;
  width: 198px; /* standards width */
}
html>body #right {
  width: 198px; /* standards width reinforcement */
}


#nav_ex,#nav_in {width:100%;background:#000;height:40px}
#nav {height:40px;width:994px;margin:0 auto}
#nav ul {float:right}
#nav li {display:inline;float:left}
#nav li a {background:none;color:#FFF;font-size:14px;font-weight:bold;text-decoration:none;padding:13px 21px;display:block}
#nav li a:active,#nav li a:visited {background:none;color:#FFF}
#nav li a.active {background:#BBD300 !important;color:#000 !important}
#nav li a.hi {background:#34D8FE}
#nav li a.hi:active,#nav li a.hi:visited {background:#34D8FE}
#nav li a:hover,#nav li a.hi:hover {background:#E11588;color:#000}

#footer {position:relative;float:left;width:994px;background:#000;text-align:center;color:#FFF;padding:20px 0}

/*=========================================================================
	7. Print
=========================================================================*/

/*=========================================================================
	8. Mobile
=========================================================================*/