@import "style/css/reset.css";
@import "style/css/typography.css";
@import "style/css/layout.css";

body {
	width: 960px;
	margin-left: auto;
	margin-right: auto;
	background-color: #2a231a;
	background-image: url(/images/layout/gradientback.png);
	background-position: top;
	background-repeat: repeat-x;
}

img { -ms-interpolation-mode: bicubic; }

a:link    { text-decoration: none; color: #C2A485; }
a:visited {	text-decoration: none; color: #C2A485; }
a:hover   { text-decoration: none; color: #deccb4; }
a:active  {	text-decoration: none; color: #E7D7C2; }

a.lowerlink:link    { text-decoration: none; color: #AF875F; }
a.lowerlink:visited { text-decoration: none; color: #AF875F; }
a.lowerlink:hover   { text-decoration: none; color: #deccb4; }
a.lowerlink:active  { text-decoration: none; color: #E7D7C2; }

a.footer:link    { text-decoration: none; color: #725b34; }
a.footer:visited { text-decoration: none; color: #725b34; }
a.footer:hover   { text-decoration: none; color: #deccb4; }
a.footer:active  { text-decoration: none; color: #E7D7C2; }

.header {
	background-image: url(/images/layout/background.png);
	background-position: center top;
	background-repeat: no-repeat;
	height: 123px;
	width: 960px;
	margin-bottom: 16px;
}

.rss {
	padding-top: 24px;
	margin-left: 2px;
	margin-right: 886px; /* For IE7 */
	float: left;
}

.nav-news {
	margin-left: 15px;
	float: left;
	clear: left;
}

.pho-mus-ren {
	margin-left: 39px;
	float: left;
}

.gam-con {
	margin-left: 38px;
	float: left;
}

.inner {
	background-position: right top;
	background-repeat: no-repeat;
	width: 940px;
	margin-top: 11px;
	margin-left: 15px;
	float: left;
	clear: left;
}

.twitter { 
	float: left;
	clear: left;
	height: 249px;
}

.twiteyes {	float: left; }

.twitter_text {
	float: left;
	clear: left;
	margin-top: 35px;
	margin-left: 25px;
	width: 255px;
}

.listenplay {
	margin-top: 7px;
	margin-bottom: 13px;
	float: left;
	clear: left;
}

.newsleft {
	width: 550px;
	float: left;
	clear: left;
}

.newsright {
	float: left;
	margin-top: 13px;
	margin-left: 90px;
	margin-bottom: 27px;
	font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, sans-serif;
	font-size: 14px;
	color: #b7976b;
	line-height: 22px;
}

.news       { background-image: url(/images/layout/news.png); }
.photo2011  { background-image: url(/images/layout/2011.png); margin-top: 0px; margin-bottom: 20px; }
.photo2010  { background-image: url(/images/layout/2010.png); margin-top: 0px; margin-bottom: 20px; }
.photo2009  { background-image: url(/images/layout/2009.png); margin-top: 0px; margin-bottom: 20px; }
.photo2008  { background-image: url(/images/layout/2008.png); margin-top: 0px; margin-bottom: 20px; }
.photo2007  { background-image: url(/images/layout/2007.png); margin-top: 0px; margin-bottom: 20px; }
.music      { background-image: url(/images/layout/achenar.png); background-position: center top; margin-bottom: 24px;}
.games      { background-image: url(/images/layout/games.png); margin-bottom: 20px; }
.skins      { background-image: url(/images/layout/skins.png); margin-top: 0px; }
.videos     { background-image: url(/images/layout/videos.png);	margin-top: 27px; padding-top: 50px; margin-bottom: 20px; }
.map		{ margin-bottom: 15px; }
.single		{ margin-bottom: 100px; }

.bigicon {
	width: 456px;
	height: 213px;
	float: left;
	clear: left;
	margin-bottom: 27px;
}

.bigicon-video {
	width: 456px;
	height: 213px;
	float: left;
	margin-left: 24px;
	margin-bottom: 33px;
}

.bigicon-overlay {
	opacity: 0.00;
	filter: alpha(opacity=0);
	width: 456px;
	height: 213px;
}

#overlay-photo    { background-image: url(/images/icons/bigicon-overlayphoto.png); }
#overlay-zhvx     { background-image: url(/images/icons/bigicon-overlayzhvx.png); }
#overlay-renoise  { background-image: url(/images/icons/bigicon-overlayrenoise.png); }

.revealer {
	opacity: 0.00;
	filter: alpha(opacity=0);
}

	.revealer:hover {
		opacity: 1.00;
		filter: alpha(opacity=100);
	}

.normal {
	float: left;
	margin-top: 186px;
	margin-left: 63px;
}

.panzoom {
	float: left;
	margin-top: 186px;
	margin-left: 144px;
}

.screenshot {
	float: left;
	margin-top: 184px;
	margin-left: 57px;
}

.download {
	float: left;
	margin-top: 184px;
	margin-left: 117px;
}

.downloadicon-church {
	margin-top: 15px;
	margin-left: 97px;
}

.downloadicon-siege {
	margin-top: 15px;
}

/* Need the margin-bottom for texts, due to IE7 */

#lightdark		   { background-image: url(/images/icons/lightdark.jpg); } #text-lightdark { background-image: url(/images/icons/text-lightdark.png); width: 440px; height: 111px; margin-bottom: 74px; }
#ruinsfalls		   { background-image: url(/images/icons/ruinsfalls.jpg); } #text-ruinsfalls { background-image: url(/images/icons/text-ruinsfalls.png); width: 363px; height: 101px; margin-bottom: 84px; }
#lochvaa		   { background-image: url(/images/icons/lochvaa.jpg); } #text-lochvaa { background-image: url(/images/icons/text-lochvaa.png); width: 268px; height: 101px; margin-bottom: 84px; }
#hwpark			   { background-image: url(/images/icons/hwpark.jpg); } #text-hwpark { background-image: url(/images/icons/text-hwpark.png); width: 450px; height: 103px; margin-bottom: 82px; }
#mountainpanoramas { background-image: url(/images/icons/mountainpanoramas.jpg); } #text-mountainpanoramas { background-image: url(/images/icons/text-mountainpanoramas.png); width: 449px; height: 100px; margin-bottom: 85px; }
#lochs			   { background-image: url(/images/icons/lochs.jpg); } #text-lochs { background-image: url(/images/icons/text-lochs.png); width: 404px; height: 101px; margin-bottom: 84px; }
#winter0910        { background-image: url(/images/icons/winter0910.jpg); } #text-winter0910 { background-image: url(/images/icons/text-winter0910.png); width: 303px; height: 103px; margin-bottom: 82px; }
#snowathome        { background-image: url(/images/icons/snowathome.jpg); } #text-snowathome { background-image: url(/images/icons/text-snowathome.png); width: 340px; height: 101px; margin-bottom: 84px;  }
#hogmanay0910      { background-image: url(/images/icons/hogmanay0910.jpg); } #text-hogmanay0910 { background-image: url(/images/icons/text-hogmanay0910.png); width: 387px; height: 111px; margin-bottom: 74px; }
#meall             { background-image: url(/images/icons/meall.jpg); } #text-meall { background-image: url(/images/icons/text-meall.png); width: 449px; height: 101px; margin-bottom: 84px; }
#glenmore          { background-image: url(/images/icons/glenmore.jpg); } #text-glenmore {	background-image: url(/images/icons/text-glenmore.png); width: 450px; height: 104px; margin-bottom: 81px; }
#inshriach         { background-image: url(/images/icons/inshriach.jpg); } #text-inshriach { background-image: url(/images/icons/text-inshriach.png); width: 329px; height: 101px; margin-bottom: 84px; }
#coloursofice      { background-image: url(/images/icons/coloursofice.jpg); } #text-coloursofice {	background-image: url(/images/icons/text-coloursofice.png); width: 425px; height: 101px; margin-bottom: 84px; }
#smallerwildlife   { background-image: url(/images/icons/smallerwildlife.jpg); } #text-smallerwildlife { background-image: url(/images/icons/text-smallerwildlife.png); width: 359px; height: 101px; margin-bottom: 84px; }
#miscmay           { background-image: url(/images/icons/miscmay.jpg); } #text-miscmay { background-image: url(/images/icons/text-miscmay.png); width: 416px; height: 111px; margin-bottom: 74px; }
#monuments         { background-image: url(/images/icons/monuments.jpg); } #text-monuments { background-image: url(/images/icons/text-monuments.png); width: 450px; height: 95px; margin-bottom: 90px; }
#tullochgrue       { background-image: url(/images/icons/tullochgrue.jpg); } #text-tullochgrue { background-image: url(/images/icons/text-tullochgrue.png); width: 260px; height: 111px; margin-bottom: 74px; }
#frogs             { background-image: url(/images/icons/frogs.jpg); } #text-frogs { background-image: url(/images/icons/text-frogs.png); width: 311px; height: 111px; margin-bottom: 74px; }
#mountainoverseer  { background-image: url(/images/icons/mountainoverseer.jpg); } #text-mountainoverseer {	background-image: url(/images/icons/text-mountainoverseer.png); width: 450px; height: 106px; margin-bottom: 79px; }
#frostvalley       { background-image: url(/images/icons/frostvalley.jpg); } #text-frostvalley { background-image: url(/images/icons/text-frostvalley.png); width: 414px; height: 111px; margin-bottom: 74px; }
#winterwoods       { background-image: url(/images/icons/winterwoods.jpg); } #text-winterwoods { background-image: url(/images/icons/text-winterwoods.png); width: 348px; height: 101px; margin-bottom: 84px; }
#church            { background-image: url(/images/icons/church.jpg); } #text-church { background-image: url(/images/icons/text-church.png); width: 198px; height: 101px; margin-bottom: 84px; margin-right: 50px; /* IE7! */ }
#siege             { background-image: url(/images/icons/siege.jpg); } #text-siege { background-image: url(/images/icons/text-siege.png); width: 199px; height: 101px; margin-bottom: 84px; }
#tf2killcam        { background-image: url(/images/icons/tf2killcam.jpg); } #text-tf2killcam { background-image: url(/images/icons/text-tf2killcam.png); width: 370px; height: 101px; margin-bottom: 84px; }
#zhvx              { background-image: url(/images/icons/zhvx.jpg); } #text-zhvx { background-image: url(/images/icons/text-zhvx.png); width: 265px; height: 115px; margin-bottom: 84px; margin-bottom: 70px; }
#church-album      { background-image: url(/images/icons/church-album.jpg); } #church-video { background-image: url(/images/icons/church-video.jpg); }
#siege-album       { background-image: url(/images/icons/siege-album.jpg); } #siege-video { background-image: url(/images/icons/siege-video.jpg); }
#citylights        { background-image: url(/images/icons/citylights.jpg); } #text-citylights { background-image: url(/images/icons/text-citylights.png); width: 411px; height: 101px; margin-bottom: 84px; }
#heather           { background-image: url(/images/icons/heather.jpg); } #text-heather { background-image: url(/images/icons/text-heather.png); width: 350px; height: 112px; margin-bottom: 73px; }
#lava              { background-image: url(/images/icons/lava.jpg); } #text-lava { background-image: url(/images/icons/text-lava.png); width: 292px; height: 111px; margin-bottom: 74px; }
#renoiseae		   { background-image: url(/images/icons/video-renoiseae.jpg); } #text-renoiseae { background-image: url(/images/icons/text-renoiseae.png); width: 450px; height: 91px; margin-bottom: 94px; }
#renoise28		   { background-image: url(/images/icons/video-28.jpg); } #text-28 { background-image: url(/images/icons/text-28.png); width: 399px; height: 102px; margin-bottom: 83px; }
#patterncommands   { background-image: url(/images/icons/video-patterncommands.jpg); } #text-patterncommands { background-image: url(/images/icons/text-patterncommands.png); width: 430px; height: 102px; margin-bottom: 83px; }
#sampleeffects     { background-image: url(/images/icons/video-sampleeffects.jpg); } #text-sampleeffects { background-image: url(/images/icons/text-sampleeffects.png); width: 341px; height: 111px; margin-bottom: 74px; }
#vsts              { background-image: url(/images/icons/video-vsts.jpg); } #text-vsts { background-image: url(/images/icons/text-vsts.png); width: 264px; height: 112px; margin-bottom: 73px; }
#beginner          { background-image: url(/images/icons/video-beginner.jpg); } #text-beginner { background-image: url(/images/icons/text-beginner.png); width: 425px; height: 111px; margin-bottom: 74px; }

.musiccontainer {
	width: 300px;
	float: left;
}

#download-church { 
	background-image: url(/images/layout/church.png);
	width: 893px;
	height: 148px;
	margin-left: 18px;
	margin-bottom: 42px;
	float: left;
	clear: left;
}

#download-siege { 
	background-image: url(/images/layout/siege.png);
	width: 705px;
	height: 148px;
	margin-left: 115px;
	margin-bottom: 42px;
	float: left;
	clear: left;
}

.mediumicon {
	width: 300px;
	height: 169px;
}

.musicsplit {
	width: 19px;
	height: 169px;
	float: left;
}

#renoisesplit {
	width: 500px; /* IE7 again */
	height: 24px;
	float: left;
	clear: left;
}

#awc        { background-image: url(/images/icons/awc.jpg); } #text-awc { background-image: url(/images/icons/text-awc.png); width: 265px; height: 64px; }
#sdek       { background-image: url(/images/icons/sdek.jpg); } #text-sdek { background-image: url(/images/icons/text-sdek.png); width: 174px; height: 64px; }
#ninremixes { background-image: url(/images/icons/ninremixes.jpg); } #text-ninremixes { background-image: url(/images/icons/text-ninremixes.png); width: 219px; height: 64px; }

.smallicon {
	width: 200px;
	height: 113px;
	float: left;
}

#present { margin-left: 2px; margin-right: 40px; }
#past    { background-image: url(/images/icons/past.jpg); margin-right: 2px; margin-left: 40px; }

.bigtextimage {
	margin-top: 55px;
	margin-left: 34px;
	float: left;
}

.mediumtextimage {
	margin-top: 23px;
	margin-bottom: 81px;
	margin-left: auto;
	margin-right: auto;
}

h2 {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-weight: normal;
	font-size: 36px;
	color: #c8ab81;
	line-height: 44px;
}

h3 {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-weight: normal;
	font-size: 18px;
	color: #b29160;
	margin-left: 2px;
	line-height: 22px;
}

.entry {
	font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, sans-serif;
	font-size: 14px;
	color: #a78a61;
	margin-left: 2px;
	margin-top: 25px;
	margin-bottom: 25px;
	line-height: 18px;
}

.posttext {
	margin-bottom: 14px;
}

.post {
}

.musictextcontainer {
	height: 113px;
	width: 940px;
	float: left;
	clear: left;
}

.pushdown {
	margin-bottom: 30px;
}

#present-text {
	height: 113px;
	width: 692px;
	padding-top: 10px;
	text-align: left;
	float: left;
}

#past-text {
	height: 113px;
	width: 692px;
	padding-top: 10px;
	text-align: right;
	float: left;
}

#future-text {
	width: 900px;
	padding-top: 10px;
	margin-bottom: 35px;
	text-align: center;
	float: left;
}

#map-text {
	float: left;
	clear: left;
	width: 940px; /* IE7 issue again */
}

.bigtext {
	font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, sans-serif;
	font-size: 18px;
	color: #bb914c;
	line-height: 22px;
}

.smalltext {
	font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, sans-serif;
	font-size: 12px;
	color: #9b7a44;
	line-height: 16px;
}

.musictext        { margin-bottom: 5px; }
.churchsiegetext  { margin-bottom: 19px; }
.renoisetextbig   { color: #d3af7a; }
.renoisetextsmall { color: #b79358; }

#years {
	width: 423px;
	height: 47px;
	background-image: url(/images/layout/years.png);
	background-position: center top;
	background-repeat: no-repeat;
	margin-left: 16px;
	margin-bottom: 15px;
}

.photoyears {
	margin-right: 29px;
	float: left;
}

#musiclinks {
	width: 332px;
	height: 32px;
	background-image: url(/images/layout/musiclinks.png);
	background-repeat: no-repeat;
	margin-left: 285px;
	float: left;
	clear: left;
}

.musicicons {	
	margin-right: 68px;
	width: 32px;
	height: 32px;
	float: left;
}

#footer {
	background-image: url(/images/layout/footer.png);
	background-repeat: repeat-x;
	height: 4px;
	width: 950px;
	margin-left: 8px;
	margin-bottom: 16px;
	float: left;
	clear: left;
}

#footertextsmall {
	float: left;
	clear: left;
	width: 160px; /* IE7 */
	padding-left: 834px;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 13px;
	color: #725b34;
	line-height: 17px;
}

#footertextbig {
	float: left;
	clear: left;
	width: 180px; /* IE7 */
	padding-left: 760px;
	padding-bottom: 10px;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 18px;
	color: #725b34;
	line-height: 22px;
}