/*
    
    

    colours:
    #454545  - mid grey
	#444444	 - darker grey
	#cd0932	 - red
	#FFFF38  - yellow
Theme Name: Rhythmfest 2010
Theme URI: www.rhythmfest.com
Author: Martyn James
Version: 1.0
    
*/
    
/*
    RESET
*/

*                   {margin:0; padding:0}
html                {overflow-y:scroll}
html,body           {height:100%}
body                {font-size:62.5%; font-family:Geneva, Arial, Helvetica, sans-serif;
                    background:url(images/background.png) top center #fff;
					color:#444444}
ul                  {list-style: square inside}
ol                  {list-style: decimal inside}
a                   {outline:none; text-decoration:none}
a img               {border:none}
img                 {vertical-align: middle}
table               {border-collapse:collaps;font-size:1.1em}
th					{text-align:left;font-size:1.1em}
td					{text-align:left;padding:2px;font-size:1.1em;vertical-align:top}

/*
    UTILITY
*/

.left               {float:left}
.right              {float:right}
.clear              {clear:both}
.button             {border: 1px solid #454545; background: #fff;
                    padding:2px 8px 2px;
                    margin-top:-2px;
                    -moz-border-radius:5px; -webkit-border-radius:5px;
                    color:#000}
.button:hover       {background:#B80028; color:#F29549}
.centered		    {text-align:center;float:left;height:auto;margin:0 auto;width:100%}

/*
	TYPOGRAPHY
*/

p					{font-size: 1.2em; line-height:1.2em ; margin:0 0 10px 0;}
#feature p,
.feature-text p		{font-size: 1.3em; line-height:1.3em;margin-top:5px;}
a					{font-size:1.05em;text-decoration:none; color:#cd0932;}
a:hover				{text-decoration:none;background:#FFFF38}
#navigation:a       {font-size:1.1em}
h1					{font-size:3.0em; font-weight:normal;font-family: Georgia, serif}
h2					{font-size:2.4em; font-weight:normal;font-family: Georgia, serif}
h3					{font-size:2.0em; font-weight:normal;font-family: Georgia, serif;
					margin: 0 0 10px 0;}
h4					{color:white; font-size:1.4em;margin-bottom:5px;}
.article-link		{font-size:1.1em;line-height:1.2em}

/*
    STRUCTURE
*/
#mainBody           {padding:0 20px 0 20px}
#page-container     {width:840px; margin:0 auto -80px;
                     min-height:100%; height:auto !important; height:100%}
#push               {height:80px;}

#artists			{height:140px;margin:10px 0 10px;}
#feature			{height:230px;margin:10px 0 10px;}
#bottom   			{height:140px;margin:10px 0 10px;}
#navigation         {width:100%}

/*
    CONTAINERS

#mainBody           {background:url(images/rfest-frame.png) repeat-y; }
*/

/*
	QUOTEBOXES
*/
.quotebox{
    border:4px solid #DDDDDD;
    margin: 20px auto 5px auto;
    padding:10px;
}
.quote p {
	padding:0 20px 0 20px!important;
    font-size:1.1em!important;
    line-height:1.2em!important;
}

.quote:before, .quote:after{
    color: #999;
    font-family: serif;
    font-size: 5em;
    font-weight: bold;
    line-height: 0px;
    vertical-align: bottom;
}

.quote:before {
    font-family: Times New Roman, Times, Georgia, serif;
    content: '\201C';
}

.quote:after {
    float:right;
    font-family: Times New Roman, Times, Georgia, serif;
    content: '\201D';
}

.quotebox .author{
    font-style:italic;
    margin-top: 2px;
    padding-right:1em;
    text-align:right;
}
/*
    HEADER
*/
h1#logo             {width:400px; height:55px;
                     background: url(images/rhythmfest.png) top left no-repeat;
                     text-indent:-9999px;margin:0 0 8px 0; float:left}   
#top-bar            {padding:10px 0 20px 0;}
#top-bar p          {color:#000; width:300px; padding:0 0 0 5px; font-size:1.6em; margin:0;}
#testimonial	    {float:right;width:350px; padding:5px;}

/*
    MENU
*/
#menu-bar           {margin-bottom:10px;padding:5px 0px 5px 5px;background-color: #454545; -moz-border-radius:5px; -webkit-border-radius:5px;}
ul#main-nav         {float:left;margin:2px 0 2px 0;}
ul#extra-nav        {float:right;margin:2px 0 2px 0;}
ul#main-nav li, 
ul#extra-nav li     {display:inline; }
ul#main-nav li a, 
ul#extra-nav li a   {text-transform:lowercase; color: #FFFF38;font-size:1.4em;
                     padding:3px 8px; -moz-border-radius:5px; -webkit-border-radius:5px;}

ul#main-nav li a:hover, 
ul#extra-nav li a:hover    {background:#cd0932; color:#fff;text-decoration:none;}

/*
	ARTISTS SECTION
*/

.artist-image-panel		{float:left;margin:0 10px 0 10px;}
.artist-image			{width:140px;height:100px;}

.artist-image-label		{width:140px;height:20px;background-color:#454545;text-align:center}
.artist-image-label	a	{color:white}
.artist-image-label a:hover		{text-decoration:none;color:#ffff38;background:#454545}
#artists				{background-image:url(images/divider.png); background-position:bottom;background-repeat:no-repeat}
/*
	FEATURE SECTION
*/
div.feature-image		{float:left;margin-right:10px;}
img.feature-image		{height:180px}
div.feature-text		{margin-left:10px}
#feature				{background-image:url(images/divider.png); background-position:bottom;background-repeat:no-repeat}
/*
	BOTTOM SECTION
*/
#bottom-left			{float:left;width:54%;padding:2px 10px 2px 10px;border:1px solid #454545;
						-moz-border-radius:5px; -webkit-border-radius:5px;}
#bottom-right			{float:left;margin-left:10px;width:38%;padding:2px 10px 2px 10px;border:1px solid #454545;
						-moz-border-radius:5px; -webkit-border-radius:5px;;margin-bottom:5px}
/*#bottom					{background-image:url(images/divider.png); background-position:bottom;background-repeat:no-repeat}*/						
/*
    WIDGETS
*/

.tweets				{float:right;width:200px; height:100px; padding:5px;
						background-image: url(images/twitter-banner-2.jpg);
						background-position:bottom right;
						background-repeat:no-repeat;
						 }
.tweet p			{font-size: 1.1em!important;width:200px!important;}
/*
    FOOTER
*/
#footer             {height:80px; background:#fff; border-top:4px solid #454545;
                     padding-top:20px;}
#footer-inside      {width:960px; margin:0 auto}
.footer-logo		{height:30px;padding:5px 20px 5px 20px;}

/*
    POSTS
*/
.artist-post-image               {float:left;padding:0 10px 10px 10px}