/*
Theme Name: Gruff Rhys
Theme URI: http://www.gruffrhys.com
Description: The Gruffington Post designed by thebait.co.uk built by greenfieldmedia.com
Version: 1.0
Author: Andrew Minton, Mathew Bevan
Tags: Newspaper, Gruffington Post, Gruff Rhys, Three Column Layout
*/
@import url(960.css);
@import url(reset.css);
@import url(text.css);

.screen-reader-text {
     position: absolute;
     left: -1000em;
}

.current_page_item{color:#CCCCCC;}

#header {
margin:20px;
}

a {
font-weight:bold;
text-decoration: underline;
color: #000000;
}

a:hover {
text-decoration: none;
color: #808080;
}

a:active {
text-decoration: none;
color: #ff2424;
}

#header h1 {
height:130px;
}

.english{width:660px;margin:0 auto;background: url("images/gruffington_post_logo.jpg") no-repeat;}
.cymraeg{width:818px;margin:0 auto;background: url("images/welsh_header.jpg") no-repeat;}

#header h1 a {
/*width: 960px;*/
display: block;
text-indent: -1000px;
height:130px;
}

.grid_12{
margin-bottom: 20px;
}

#nav {
margin: 0px 0px 0px 0px;
font-size: 12pt;
float: none !important;
}

#nav ul {
}

#nav li {
background-image:url(images/divider.jpg);
background-position:0 5px;
padding-bottom:10px;
padding-top:10px;
background-repeat:no-repeat;
display: inline;
margin-left:10px;
/*list-style-image:url(images/divider.jpg);*/
}

#nav li a {
margin-left:15px;
list-style-image:url(images/divider.jpg);
text-decoration: none;
color: #000000;
font-family: seperado;
font-size:25px;
}

.current_page_item{color:#CCCCCC !important;}

#nav li a:hover {
color: #CCCCCC;
}
ul li:last-child,li.last-child {list-style-type:none;border:0px;}
ul#nav li:last-child,li.last-child { list-style-type:none;margin-right:0px; }
ul#nav li:first-child,li.first-child { list-style-type:none;margin-left:0px;background-image:none; }

.none:after {
list-style-type: none;
}

.line{margin-bottom:40px;margin-top: 2px;}
.postline{margin-bottom:5px;margin-top: 2px;}

.social {float: right;margin-top:4px;}

.meta{margin-top:2px !important;margin-left:10px;}

.social li {
margin: 0px;
display: inline;
}

a.myspace {
float:left; display:inline;
	margin-right:5px;
	background-image:url(images/social_buttons.gif);
	background-repeat:no-repeat;
	width:20px; height:21px;
	text-indent:-9999px;

}

a.youtube {
float:left; display:inline;
	margin-right:5px;
	background-image:url(images/social_buttons.gif);
	background-repeat:no-repeat;
	width:29px; height:21px;
	text-indent:-9999px;
        background-position: -25px 0;

}

a.twitter {
float:left; display:inline;
	margin-right:5px;
	background-image:url(images/social_buttons.gif);
	background-repeat:no-repeat;
	width:20px; height:21px;
	text-indent:-9999px;
        background-position: -57px 0;

}

a.facebook {
float:left; display:inline;
	margin-right:5px;
	background-image:url(images/social_buttons.gif);
	background-repeat:no-repeat;
	width:20px; height:21px;
	text-indent:-9999px;
        background-position: -81px 0;
}

a.myspace:hover {
float:left; display:inline;
	margin-right:5px;
	background-image:url(images/social_buttons.gif);
	background-repeat:no-repeat;
	width:20px; height:21px;
	text-indent:-9999px;
        background-position: 0px -20px;
}

a.youtube:hover {
float:left; display:inline;
	margin-right:5px;
	background-image:url(images/social_buttons.gif);
	background-repeat:no-repeat;
	width:29px; height:21px;
	text-indent:-9999px;
        background-position: -25px -20px;

}

a.twitter:hover {
float:left; display:inline;
	margin-right:5px;
	background-image:url(images/social_buttons.gif);
	background-repeat:no-repeat;
	width:20px; height:21px;
	text-indent:-9999px;
        background-position: -57px -20px;

}

a.facebook:hover {
float:left; display:inline;
	margin-right:5px;
	background-image:url(images/social_buttons.gif);
	background-repeat:no-repeat;
	width:20px; height:21px;
	text-indent:-9999px;
        background-position: -81px -20px;
}

.last {
border: 0px !important;
}

.grid_6 h2 {
font-size: 25pt;
letter-spacing: 1px;
line-height:1em;
/*word-spacing: -1px;*/
text-transform:uppercase;
font-weight:bold;
}

.grid_6 p {
margin-top: 10px;

}

.post {
border-bottom: solid 4px;
padding-bottom: 20px !important;
}

.post a.link {
color: #999999;
text-decoration:underline;
}

.post a.link:hover {
color: #000000;
text-decoration: none;
}

.post ul {
margin: 10px 0px 10px 0px;
padding: 0px;
}


.post li {
margin: 0px 0px 0px 15px;
padding: 0px;
list-style-type: disc;
}

.post ol {
margin: 10px 0px 10px 0px;
padding: 0px;
}

.post ol li {
margin: 0px 0px 0px 30px;
padding: 0px;
list-style:decimal-leading-zero;
}

.post em {
font-style: italic;
/*color: #999999;*/
color: #000000;
}

.post blockquote {
font-size: 13pt;
font-style: italic;
margin-top:0px;
margin-left:15px;
margin-bottom: 20px;
padding:0px;
quotes: "\201C" "\201D";
}

blockquote:before {
font-family: arial, helvetica;
content: open-quote;
font-weight: bold;
font-size: 30pt;
margin: -10px 0px 0px -25px;
position: absolute;
float: left;
clear: left;
}

blockquote:after {
font-family: arial, helvetica;content: close-quote;
font-weight: bold;
font-size: 30pt;
margin: -5px 0px 0px -0px;
position: absolute;
float: left;
clear: left;
}

q:after {
content: open-quote;
font-weight: bold;
}


q:before {
content: open-quote;
font-weight: bold;
}

.grid_4 h3 {
padding: 3px 0px 3px 5px;
color: #ffffff;
background-color: #000000;
text-transform:uppercase;
font-weight:bold;
font-size:28px;
line-height:1em;
margin-bottom:5px;
word-spacing:-5px;
}

.grid_4 h5 {
padding-right: 10px;
margin-bottom:0px;
float: left;

}

.grid_4 ul {
list-style-type: none;
margin-bottom: 0px;
}

#news {
border-bottom: solid 4px;
/*margin-bottom: 10px;*/
}

#news h2{margin-bottom:5px;line-height:0.8em;font-weight:bold;text-transform:capitalize;margin-top:5px;}
#news li p{margin-bottom:10px;}

#news li {
border-bottom: 1px dashed;
clear: both;
display: block;
list-style-type: none;
margin: 0px;
padding-bottom: 10px;
}

#news li img{float:left;padding-bottom:5px;padding-right:10px;}

#live {
border-bottom: solid 4px;
margin-bottom: 10px;
}


#live p{
clear: both;
margin-left: 60px;
}


#live li {
margin: 0px 0px 10px 0px;
list-style-type: none;
border-bottom: dashed 1px;
}

#archive {
border-bottom: solid 4px;
}

#archive li {
margin: 0px 0px 10px 0px;
list-style-type: none;
border-bottom: dashed 1px;
}

#archive p {
margin: 5px 5px 5px 0px;
}

.grid_2 h3 {
padding: 3px 0px 3px 5px;
color: #ffffff;
background-color: #000000;
font-size: 10pt;
text-transform:uppercase;
font-weight:bold;
font-family:rockwell;
}

.grid_2 img{margin-bottom:5px;}
.grid_2 p {
margin-top: 0px;
margin-bottom:5px;
}

#new_release {
list-style-type: none;
border-bottom: solid 4px;
margin-bottom: 0px;
}

#new_release li {
margin: 0px 0px 20px 0px;
border-bottom: dashed 1px;
}

#collaberations {
list-style-type: none;
border-bottom: solid 4px;
margin-bottom: 0px;
}

#collaberations li {

margin: 0px 0px 10px 0px;
border-bottom: dashed 1px;
}

#collaberations p {
margin: 5px 5px 5px 0px;
}

#collaberations li a {
text-decoration: none !important;
margin: 5px 5px 5px 0px;
}


#links {
list-style-type: none;
border-bottom: solid 4px;
margin-bottom: 0px;
}

#links li {
margin: 0px 0px 0px 0px;
border-bottom: dashed 1px;
}
#links li a{text-decoration: none !important;}

#links p {
margin: 5px 5px 5px 0px;
}

.button {
width: auto;
padding-bottom: 10px;
padding-top: 15px;
}

.button a {
width: auto;
padding:7px;
background-color: #000000;
list-style-type: none;
text-decoration: none;
color: #ffffff;

}

.button a:hover {
text-decoration: none;
color: #ffffff;
background-color: #808080;

}

#footer {
margin: 30px 0px 60px 0px;
clear: both;
}
.blogroll a{text-decoration:none !important;; }
ul.upcomingReleases{margin-bottom:0px;border-bottom: 4px solid #000000;}
.upcomingReleases img{width:140px;}
.upcomingReleases p{margin-bottom:2px;}
.upcomingReleases em{font-weight:bold;font-style:normal;font-size:14px;}
.upcomingReleases li{margin-left:0px;list-style-type:none;border-bottom:1px dotted #000000;margin-bottom:10px;}
.blogroll li{margin-left:0px;list-style-type:none;border-bottom:1px dotted #000000;margin-bottom:10px;}
ul.blogroll{margin-bottom:0px;border-bottom: 4px solid #000000;}
ul.gigList{margin-bottom:0px;border-bottom: 4px solid #000000;}
.gigList li{margin-left:0px;list-style-type:none;border-bottom:1px dotted #000000;margin-bottom:10px;}

.gigDate {width:50px;float:left;clear:left;font-weight:bold;font-size:16px;}
.gigDetails{float:left;width:150px;margin-left:10px;}
.gigDetails h4{margin-bottom:4px !important;font-weight:bold;font-size:16px;line-height:0.9em;}
.gigDetails p{margin-bottom:4px;}
.grid_4 ul{border-bottom:4px solid #000000;margin-left:0px;list-style-type:none;}
.grid_4 li{border-bottom:1px dashed #000000;margin-left:0px;list-style-type:none;margin-bottom:10px;}
.post img{max-width:450px;}
.grid_4 img{max-width:300px;}
.grid_4 h3 a{color:#FFFFFF;}
.grid_4 h3 a:link{color:#FFFFFF;}
.grid_4 h3 a:hover{color:#CCCCCC;}
.credit{color:#898989;margin-top:20px;}
.credit a{color:#898989;text-decoration:none;}
.credit a:link{color:#898989;}
.credit a:hover{color:#898989;text-decoration:underline;}
.credit a:visited{color:#898989;}
.grid_4 ol li{list-style:decimal !important;}
.discogPanel h2{margin-bottom:10px;font-size:18px;border-bottom:2px dotted #000000;font-weight:bold; }
.discogPanel div{margin-bottom:10px;}
.discog h2{line-height:0.9em;text-transform:uppercase;}
.tracklist{margin-left:40px;}
.gigLocation{float:left;clear:left;}
.home{margin-top:3px;margin-left:20px;background-image:url(images/home_v02.gif);background-position:-105px 0;width:20px;height:21px;float:left;text-indent:-1000px;display:block;}
a:hover.home {background-position:-105px -20px;}
.discogPanel h2{font-size:16px;}
.purchase h2{font-size:16px;margin-bottom:5px;}
.discogPanel hr{margin-bottom:2px;}
#scroll{
display: inline;
float: left;
height: 170px;
margin-right: 10px;
overflow: hidden;
padding: 0px 5px 0px 0px;
width: 200px;}
#scrollbar{
background: url(http://www.turnstilemusic.net/imgs/src/scroll-bg.gif) repeat-y 0px 0px;
display: inline;
float: left;
height: 170px;
position: relative;
width: 5px;
}
#handle{
background: #000000 url(images/scrollhandle.gif) no-repeat 0px 0px;
cursor: pointer;
height: 12px;
position: absolute;
width: 5px;
}
.homenav{position:absolute;
z-index:100;}

.joinform{
line-height:23px;
margin-left:10px;}
a.joinform {text-decoration:none !important;
font-family:seperado !important;
font-size:23px;}

.newsdrip{
line-height:23px;
margin-left:20px;}
a.newsdrip {text-decoration:none !important;
font-family:seperado !important;
font-size:23px;}

/*.grid_4 ul li a{text-decoration:none !important;}*/
.gigList ul li a {text-decoration:none !important;}
#news h2 a {text-decoration:none !important;}
.discogPanel a{text-decoration:none !important;}
.post h2 a{text-decoration:none !important;}
.submit{font-family: Rockwell;background-color:#000000;padding:5px;color:#FFFFFF;border:none;float:right;clear:both;display:block;text-transform:uppercase;font-weight:bold;}
.submit:hover{background-color:#CCCCCC;}
.grid_2 ul{margin-bottom:0px;border-bottom:4px solid #000000;margin-left:0px;list-style-type:none;}
.grid_2 ul li{
margin-bottom:5px;
margin-left:0;list-style-type:none;}
.grid_2 ul li a{text-decoration:none !important;}
#scrollbig{
display: inline;
float: left;
max-height: 400px;
margin-right: 10px;
overflow: hidden;
padding: 0px 5px 0px 0px;
width: 300px;}
#scrollbarbig{
background: url(http://www.turnstilemusic.net/imgs/src/scroll-bg.gif) repeat-y 0px 0px;
display: inline;
float: left;
max-height: 400px;
position: relative;
width: 5px;
}
.grid_2 ul.links h3 {padding-top:0px;padding-left:0px;margin-left:0px;background-color:#FFFFFF;color:#000000;text-transform:uppercase;}
ul.links ul.blogRoll li{}
.links h3 {margin-bottom:4px;}
.links hr{margin-bottom:10px !important;}

.grid_4 .discogsPanel #scroll{
display: inline;
float: left;
/*height: 300px !important;*/
height: auto;
margin-right: 10px;
overflow: hidden;
padding: 0px 5px 0px 0px;
width: 280px;
}


.grid_4 .discogsPanel #scrollbar{
background: url(http://www.turnstilemusic.net/imgs/src/scroll-bg.gif) repeat-y 0px 0px;
display: inline;
float: left;
height: auto;
/*height:300px !important;*/
position: relative;
width: 5px;
}

.grid_4 .discogsPanel #handle{background: #000000 url(images/scrollhandle.gif) no-repeat 0px 0px;
cursor: pointer;
height: 12px;
position: absolute;
width: 5px;}


.advert{
	margin-bottom:40px;
	text-align:center
}

.advert p{padding-top: 23px; font-size: 12px;}




.socialnav{display:block;float:right;width:224px;}
/*.social{float: right;margin-bottom: 0px !important;margin-top: 5px !important;}*/


.lang{
line-height:23px;
margin-right:10px;float:left;}
a.lang {text-decoration:none !important;
font-family:seperado !important;
font-size:23px;}
.socialtop {float: right;margin-top:5px;}
div.menuwrap{display:none !important;}

/*#crowdstore{overflow:visible;}

iframe{color:#000000;}
#crowdstore table .listings{width:50%;}*/