/******************************************************************

 Main CSS File
 Copyright, 2008: GCCreativeStudio
 Authors: M. Lehto 		| http://www.michaellehto.net
 
 ******************************************************************/

body
{
	background-color:#666666;
	color:#222222;
	font-family:Verdana, Arial, Helvetica, sans-serif;	
	font-size:11px;
	line-height:1.25;
}

#contentMain h1
{
	color:#222222;
	font-size:18px;
	font-weight:bold;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin-top:0px;
}

#contentMain h2
{
	color:#222222;
	font-size:16px;
	font-weight:bold;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin-top:0px;
	margin-bottom:0px;
}
#contentMain h3,
#contentMain h4,
#contentMain h5
{
	color:#222222;
	font-size:14px;
	font-weight:bold;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

#contentMain.resonance h1,
#contentMain.resonance h2,
#contentMain.resonance h3,
#contentMain.resonance h4,
#contentMain.resonance h5
{
	color:#CCCC99;
}
	
hr
{
	color:#222222;
}

a,
a:visited
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
	color:#222222;
	text-decoration:none;
}

a:hover
{
	font-weight:bold;
	text-decoration:underline;
}

img.inline
{
        margin-right:10px;
        border-color:#222222;
        border-width:thin;
        border-style:solid;
        text-align:left;
}
img.GCMusic-inlineLeft
{
        margin-right:10px;
        border-color:#93986A;
        border-width:thin;
        border-style:solid;
        text-align:left;
}
img.GCMusic-inlineRight
{
        margin-left:10px;
        border-color:#93986A;
        border-width:thin;
        border-style:solid;
        text-align:right;
}
img.inline-feature
{
        margin-right:10px;
	border-color:#d8c9c6;
        border-width:thin;
        border-style:solid;
        text-align:left;
}

#container
{
	width:1000px;
	height:800px;
	position:relative;
	margin: 0px auto;
}

#mainBody
{
	position:absolute;
	width:1000px;
	height:800px;
}
#banner
{
	position:absolute;
	background-color:#CCCCB2;
	width:1000px;
	height:100px;
	margin-left:0px;
	margin-top:0px;
	z-index:-1;
}

#menuArea
{
	position:absolute;
	background-color:#FFFFFF;
	width:1000px;
	height:30px;
	margin-left:0px;
	margin-top:100px;
}
#menuArea.gccreativemusic
{
	background-color:#E2E4D8;
}
#menuArea.gcvideo
{
	background-color:#E2E4D8;
}

#menuArea.gccreativemusic a
{
	font-size:10px;
}

#menuArea #menu1,
#menuArea #menu2,
#menuArea #menu3,
#menuArea #menu4,
#menuArea #menu5,
#menuArea #menu6
{
	position:absolute;
	padding-top:8px;
}

#menuArea #menu1.gcvideo
{
	margin-left:650px;
}
#menuArea #menu2.gcvideo
{
        margin-left:760px;	/* 740 when menu1 comes back */
}
#menuArea #menu3.gcvideo
{
        margin-left:860px;
}
#menuArea #menu4.gcvideo
{
        margin-left:950px;
}


#menuArea #menu1.gccreativemusic
{
	margin-left:315px;
}
#menuArea #menu2.gccreativemusic
{
	margin-left:448px;
}
#menuArea #menu3.gccreativemusic
{
	margin-left:586px;
}
#menuArea #menu4.gccreativemusic
{
	margin-left:745px;
}
#menuArea #menu5.gccreativemusic
{
	margin-left:868px;
}
#menuArea #menu6.gccreativemusic
{
	margin-left:945px;
}

#contentArea
{
	position:absolute;
	background-color:#CCCCB2;
	margin-top:100px;
	width:1000px;
	height:720px;
}
#contentArea.gccreativemusic
{
	background-color:#FDFDFD;
	margin-top:130px;
}

#contentMain
{
	position:absolute;
	background-color:#EBEBE0;
	margin-left:20px;
	margin-top:20px;
	width:650px;
	height:580px;
	padding:10px;
	overflow-y:auto;
	overflow-x:hidden;
}

#contentMain.creativementor
{
        background-color:#FDFDFD;
        color:#222222;
        margin-left:310px;
        height:580px;
        width:660px;
}

#contentMain.gcvideo
{
        background:url(img/videos_bkg.jpg) no-repeat;
        background-color:#FDFDFD;
        color:#222222;
        margin-left:310px;
        height:580px;
        width:660px;
}
#contentMain.gcvideo_waterfilms
{
        background:url(img/WaterFilms_bkg.jpg) no-repeat;
        background-color:#FDFDFD;
        color:#222222;
        margin-left:310px;
        height:580px;
        width:660px;
}

#contentMain.gccreativemusic
{
        background:url(img/GCCreativeMusic_bkgHome.jpg) no-repeat;
        background-color:#FDFDFD;
	color:#222222;
	margin-left:310px;
	height:580px;
	width:660px;
}

#contentMain.gccreativemusic-jazz
{
        background:url(img/GCCreativeMusic_bkgJazz.jpg) no-repeat;
        background-color:#FDFDFD;
	color:#222222;
	margin-left:310px;
	height:580px;
	width:660px;
}
#contentMain.gccreativemusic-ambient
{
        background:url(img/GCCreativeMusic_bkgAmbient.jpg) no-repeat;
        background-color:#FDFDFD;
	color:#222222;
	margin-left:310px;
	height:580px;
	width:660px;
}
#contentMain.gccreativemusic-relaxation
{
        background:url(img/GCCreativeMusic_bkgRelaxation.jpg) no-repeat;
        background-color:#FDFDFD;
	color:#222222;
	margin-left:310px;
	height:580px;
	width:660px;
}
#contentMain.gccreativemusic-classical
{
        background:url(img/GCCreativeMusic_bkgClassical.jpg) no-repeat;
        background-color:#FDFDFD;
	color:#222222;
	margin-left:310px;
	height:580px;
	width:660px;
}

#contentMain #siteLinks
{
}
#contentMain #siteLinks a
{
	font-size:14px;
	margin-bottom:20px;
}


#contentMain.resonance
{
        background:url(img/resonance_main.jpg);
        background-color:#4E4B46;
	color:#CCCC99;
}

#contentMain.resonance a,
#contentMain.resonance a:visited
{
	color:#CCCC99;
}

#contentMain a.musicTrack,
#contentMain a.musicTrack:visited
{
	font-size:14px;
	font-weight:bold;
	color:#000000;
}
#contentMain #featureTable
{
	margin-top:30px;
}

#contentMain #quote1
{
	/*top: 520px;*/
	margin-top:20px;
	text-align:right;
	margin-left:80px;
	margin-right:20px;
	color:#CCCC99;
}
#contentMain #quote2
{
        text-align:right;
        margin-left:10px;
        margin-right:10px;
	margin-bottom:0px;
	padding-bottom:0px;
        color:#CCCC99;
}

#contentMain #feature
{
	margin-top:30px;
        background:url(img/featureBkg.png);
	margin-left:0px;
	width:640px;
	height:260px;
	/*
	filter:alpha(opacity=20);
	-moz-opacity:0.2;
	-khtml-opacity: 0.2;
	opacity: 0.2;
	z-index:-1;
	*/
}

#contentMain #featureContent
{
	padding-left:10px;
	padding-top:10px;
	padding-right:10px;
	font-family:"Trebuchet MS", Verdana, Arial, sans;
	font-size:12px;
	color:#FFFFFF;
}

#contentMain #featureContent h1,
#contentMain #featureContent h2,
#contentMain #featureContent h3,
#contentMain #featureContent h4
{
	font-family:"Trebuchet MS", Verdana, Arial, sans;
	text-decoration:normal;
	font-style:italic;
	/*color:#E0E0C1;*/
	color:#FFFFFF;
}

#contentMain #featureContent a,
#contentMain #featureContent a:visited
{
	color:#FFFFFF;
	font-weight:bold;
}


#contentMain .post
{
	margin-bottom:20px;
	border-bottom-style:solid;
	border-bottom-width:thin;
	border-bottom-color:#666666;
	padding-bottom:14px;
}

#contentMain table
{
	text-align:left;
}

#portalImage
{
	position:absolute;
	width:127px;
	margin-left:0px;
}
#portalImage img
{
	border-style:solid;
	border-width:thin;
	border-color:#666666;
}

#portalText
{
	position:absolute;
	width:510px;
	margin-left:140px;
}

.portal1
{
	margin-top:0px;
}
.portal2
{
	margin-top:115px;
}
.portal3
{
	margin-top:225px;
}
.portal4
{
	margin-top:340px;
}

#sidebarContent
{
	position:absolute;
	background-color:#858574;
	margin-left:710px;
	height:620px;
	width:250px;
	padding:10px;
	margin-top:20px;
	font-size:11px;
	color:#FFFFFF;
	font-family:Georgia, "Times New Roman", Times, serif;
	overflow-y:auto;
}

#sidebarContent.gccreativemusic
{
	background-color:#FDFDFD;
	color:#222222;
	margin-left:20px;
	height:606px;
	margin-top:10px;
}
#sidebarContent.gccreativemusic h1,
#sidebarContent.gccreativemusic h2,
#sidebarContent.gccreativemusic h3,
#sidebarContent.gccreativemusic h4,
#sidebarContent.gccreativemusic h5
{
	color:#222222;
}
#sidebarContent.gccreativemusic a,
#sidebarContent.gccreativemusic a:visited
{
	color:#000000;
	font-size:12px;
	font-weight:bold;
}

#sidebarContent #featureTracks
{
}
#sidebarContent #otherProjects
{
	margin-top:10px;
	margin-bottom:10px;
	padding-bottom:10px;
        border-top-color:#93986A;
        border-top-width:thin;
        border-top-style:solid;
        border-bottom-color:#93986A;
        border-bottom-width:thin;
        border-bottom-style:solid;
	/*line-height:1.5em;*/
}
#sidebarContent #otherProjects img
{
	border-color:#93986A;
        border-width:thin;
	border-style:solid;
}

#sidebarContent.resonance
{
        background:url(img/resonance_sidebar.jpg);
        background-color:#8F8B84;
	color:#222222;
}

#sidebarContent.resonance h1,
#sidebarContent.resonance h2,
#sidebarContent.resonance h3,
#sidebarContent.resonance h4,
#sidebarContent.resonance h5
{
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#222222;
}
#sidebarContent.resonance h2
{
	maring-bottom:-20px;
	padding-bottom:0px;
}

#sidebarContent.resonance h3
{
	margin-top:40px;
	margin-bottom:-5px;
}

#sidebarContent.resonance #theme
{
	position:absolute;
	width:240px;
}

#sidebarContent.resonance #theme.theme1
{
	top:20px;
}
#sidebarContent.resonance #theme.theme2
{
	top:140px;
}
#sidebarContent.resonance #theme.theme3
{
	top:260px;
}
#sidebarContent.resonance #theme.theme4
{
        top:380px;
}
#sidebarContent.resonance #theme.theme5
{
	top:530px;
}

#sidebarContent.resonance #quote1
{
	position:absolute;
	top:550px;
	width:240px;
	margin-left:10px;
        text-align:right;
}

#sidebarContent.resonance a,
#sidebarContent.resonance a:visited
{
	color:#222222;
}

#sidebarContent.resonance #theme img.resonance_thumb
{
	margin-right:10px;
	border-color:#222222;
	border-width:thin;
	border-style:solid;
	text-align:left;
}

#sidebarContent table
{
	margin-left:-3px;
	width:100%;
}

#sidebarContent td.col1
{
	width:150px;
	text-align:left;
}
#sidebarContent td.col2
{
	width:60px;
	text-align:right;
}

#sidebarContent h2, h3, h4
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	margin-bottom:10px;
	font-weight:bold;
}
#sidebarContent h2
{
	font-size:18px;
	letter-spacing:2;
}
#sidebarContent h3
{
	font-size:14px;
}
#sidebarContent h4
{
	font-size:12px;
}

#sidebarContent a,
#sidebarContent a:visited
{
	color:#FFFFFF;
	font-size:11px;
	font-weight:bold;
	text-decoration:none;
}
#sidebarContent a:hover,
#sidebarContent a:active
{
	font-weight:bold;
	text-decoration:underline;
}

#sidebarContent li.blogPost
{
	margin-bottom:12px;
}
#sidebarContent li.blogCOmment
{
	margin-bottom:0px;
}

#sidebarContent .blogDate
{
	font-style:normal;
	font-size:10px;
	font-family: "Courier New", Courier;
}

#footerFrame
{
	position:absolute;
	background:#ADAD84;
	text-align:left;
	margin-left:0px;
	margin-top:675px;
	width:1000px;
	height:25px;
	
}

#footer
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#222222;
	font-size:10px;
	text-transform:none;
	padding-left:25px;
	padding-top:6px;
}

#footer a,
#footer a:visited
{
	font-weight:normal;
}


#featuredProduct
{
	background-color:#97ad84;
	border-style:solid;
	border-width:thin;
	border-color:#CCCCCC;
	color:#FFFFFF;
	top:490px;
	width:240px;
	margin-right:10px;
	padding:5px;
	padding-top:0px;
	position:absolute;
}
#featuredProduct a, 
#featuredProduct a:visited
{
	color:#FFFFFF;
}

#featuredProductHeader
{
	display:none;
	position:absolute;
	font-size:14px;
	top:465px;
	width:auto;
	padding-right:10px;
	height:25px;
	background-color:#97ad84;
}
#featuredProductHeader h2
{
	margin:0;
	margin-left:5px;
	color:#FFFFFF;
}

#sidebarContent #blogBlock
{
}

#sidebarContent #blogBlock.gccreativemusic
{
	margin-top:-10px;
	padding:0;
}

#sidebarContent ul,
.blogArea ul,
.blogBlock ul
{
    margin-left: 0px;
    padding-left: 0px;
    list-style:none;
}

.blogSubscribe
{
	border-top-style:solid;
	border-top-width:thin;
	border-top-color:#CCCCCC;
	border-bottom-style:solid;
	border-bottom-width:thin;
	border-bottom-color:#CCCCCC;
	margin-top:20px;
	padding-bottom:10px;
	padding-top:0px;
}

#sidebarContent ul a,
#sidebarContent ul a:visited
{
    font-weight:bold;
    text-decoration: none;
}

#sidebarContent ul a:hover 
{
    text-decoration: underline;
}

#sidebarContent .last-comments .author 
{
    padding-right: 1em;
}


#sidebarContent a.blogFeed
{
	float: right;
}

#contentMain .bookmarks
{
	border-top-style:solid;
	border-top-width:thin;
	border-top-color:#CCCCCC;
	margin-top:30px;
	padding-top:10px;
	margin-bottom:20px;
}