
/* TYPOGRAPHY */
/* ----------------------------------------- */

/* 
	 #fcf8cb - text color, menu inactive
	 #ffa000 - span, hover, active menu color
	 #ffc30b - link color
	 
*/

a													{color: #ffc30b;  border:none; outline:none;}
p													{padding: 6px 0;}

.orange 											{color: #ffa000;}

#bandlogo a											{display: block; width: 100%; height: 100%; text-indent: -9999px;}


#information h3										{font-size: 50px; text-align: center; overflow: hidden; padding: 0 0 10px 0;}
#information h3 span.thanks							{font-size: 30px; float: right;}
#information a										{color: #fcf8cb;}

#information span									{font-size: 50px;}


.contentcol .post h2								{padding: 0 0 26px; color: #ffa000; font-size: 36px;}
.contentcol .post h2 a								{color: #ffa000; font-size: 36px;}
.contentcol .post.video h2							{padding: 0 0 10px; height: 72px;}
.contentcol .post hr								{display: block; height: 1px; background: url(../img/article/divider.png) 0 0 no-repeat; border: none; margin: 40px 0 30px;}
#sidebar .iconnavi li								{padding: 0 0 12px;}
#sidebar .iconnavi a								{color: #fcf8cb; font-size: 24px; display: block; height: 44px;  padding: 6px 0 0 70px; background-position: 0 0; background-repeat: no-repeat;}
#sidebar .iconnavi a:hover							{color: #ffa000; background-position: 0 -51px;}
#sidebar .iconnavi .menu-item-1 a					{background-image: url(../img/rightmenu/gallery.png)}
#sidebar .iconnavi .menu-item-2 a					{background-image: url(../img/rightmenu/videos.png)}
#sidebar .iconnavi .menu-item-3 a					{background-image: url(../img/rightmenu/concerts.png)}
#sidebar .iconnavi .menu-item-4 a					{background-image: url(../img/rightmenu/discography.png)}
#sidebar .iconnavi .menu-item-5 a					{background-image: url(../img/rightmenu/shop.png)}
#sidebar .iconnavi .menu-item-6 a					{background-image: url(../img/rightmenu/jubilee.png)}
#sidebar .iconnavi .menu-item-7 a					{background-image: url(../img/rightmenu/rss.png)}

h4.concerts, h4										{font-size: 30px; color: #ffa000;}

#concertspage p										{padding: 4px 0; margin: 4px 0;}
#concertspage li									{display: block; line-height: 25px; padding: 0 0 0 38px; margin: 6px 0 6px 16px; background: url(../img/article/concertsbullet.png) 0 0 no-repeat;}

#onassamych h4										{margin: 20px 0 0;}
#contact h4											{padding: 0 0 20px 0;}
#contact h5											{font-size: 24px; padding: 50px 0 0;}
#contact ul li										{padding: 4px 0;}
#contact ul li a									{display: block; height: 25px; line-height: 25px; padding: 0 0 0 36px; background: url(../img/article/humanico.png) 0 0 no-repeat;}

#discography h5										{font-size: 24px; color: #ffa000; padding: 0 0 10px;}
#discography li a									{background: url(../img/article/nute.png) 0 0 no-repeat; padding: 7px 0 7px 35px; display: block; color: #fcf8cb;}
#discography li a:hover								{color: #ffa000;}

.post .comments										{text-align: right;}
.post .comments	a									{padding: 6px 0 6px 35px; background: url(../img/article/commentico.png) 0 0 no-repeat; font-weight: bold;}
.video .comments									{padding: 14px 0;}

#postnav .old a 									{padding: 5px 0 6px 35px; background: url(../img/article/prev.png) 0 0 no-repeat; float:left}
#postnav .new a 									{padding: 5px 35px 6px 0; background: url(../img/article/next.png) 100% 0 no-repeat; float: right;}
#postnav a:hover									{color: #ffa000;}

.content .post ul									{padding: 0 0 0 20px;}
.content .post ul li								{padding: 4px 0 4px 8px; list-style: disc; list-style-position: outside;}

/* Font stack options

	The following represents a list of font stacks, as recommended by Nathan Ford in
	http://unitinteractive.com/blog/2008/06/26/better-css-font-stacks/

	I've added inverted commas around the relevant family names to ensure compatibility.
	p = balanced for paragraphs or body copy
	t = balanced for headlines or titles

	- - - -

Arial, "Helvetica Neue", Helvetica, sans-serif - p, t

Baskerville, "Times New Roman", Times, serif - p
Baskerville, "Times, Times New Roman", serif - t

Cambria, Georgia, Times, "Times New Roman", serif - p, t
"Century Gothic", "Apple Gothic", sans-serif - p, t

Consolas, "Lucida Console", Monaco, monospace - p, t

"Copperplate Light", "Copperplate Gothic Light", serif - p, t

"Courier New", Courier, monospace - p, t

"Franklin Gothic Medium", "Arial Narrow Bold", Arial, sans-serif - p, t

Futura, "Century Gothic", "Apple Gothic", sans-serif - p, t

Garamond, "Hoefler Text", "Times New Roman", Times, serif - p
Garamond, "Hoefler Text", Palatino, "Palatino Linotype", serif - t

Geneva, "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif - p
Geneva, Verdana, "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", sans-serif - t

Georgia, Palatino, "Palatino Linotype", Times, "Times New Roman", serif - p
Georgia, Times, "Times New Roman", serif - t

GillSans, Calibri, Trebuchet, sans-serif - p
GillSans, Trebuchet, Calibri, sans-serif - t

"Helvetica Neue", Arial, Helvetica, sans-serif - p
Helvetica, "Helvetica Neue", Arial, sans-serif - t

Impact, Haettenschweiler, "Arial Narrow Bold", sans-serif - p, t

"Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", sans-serif - p, t

Palatino, "Palatino Linotype", Georgia, Times, "Times New Roman", serif - p
Palatino, "Palatino Linotype", "Hoefler Text", Times, "Times New Roman", serif - t

Tahoma, Geneva, Verdana - p
Tahoma, Verdana, Geneva - t

Times, "Times New Roman", Georgia, serif - p, t

Trebuchet, "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif - p
Trebuchet, Tahoma, Arial, sans-serif - t

Verdana, Geneva, Tahoma, sans-serif - p
Verdana, Tahoma, Geneva, sans-serif - t

*/