/*---------------------------------------------------------------------------------------
  
                        Website: Rock Art Management
                        Author: Bitmedia
                        Created: March 2010
  
---------------------------------------------------------------------------------------*/

@import "default.css";
html { height: 100%;}
body	{ background: url('../images/bg.jpg') #000 no-repeat center top; height: 100%;}

/*---------------------------------------------------------------------------------------
   Base Typography 
---------------------------------------------------------------------------------------*/

/*------------------------------------
   Links
------------------------------------*/
a:link { color: #fff;}
a:visited { color: #fff;}
a:hover { color: #fff;}

/*------------------------------------
   Type
------------------------------------*/
body { font: 62.5% arial, tahoma, arial, helvetica; color: #fff;}
#container { font-size: 1.2em; line-height: 1.4em; text-align: left;}
p { padding: 0 0 1.4em 0;}

/*------------------------------------
   Headers
------------------------------------*/

/*---------------------------------------------------------------------------------------
   Layout 
---------------------------------------------------------------------------------------*/
/*------------------------------------
   Container
------------------------------------*/
#container { width: 866px; margin: 0 auto;}

/*------------------------------------
   Header
------------------------------------*/
#header { height: 261px; text-align: center;}

/*------------------------------------
   Cols
------------------------------------*/
#cols { overflow: hidden; font-size: 1.4em;}
	.col { float: left; width: 272px; height: 456px; padding: 0 4px 3px 1px; margin-left: 17px; background: url('../images/col.png') no-repeat;}
		.col .scroll { }
			.col .scroll ul { margin: 0; padding: 0; list-style: none;}
				.col .scroll ul li { padding: 0 0 1px 0; background: url('../images/scrolldiv.png') no-repeat bottom left;}
				.col .scroll ul li.last { background: none;}
					.col .scroll ul li a { display: block; background: url('../images/scrollbg.png') no-repeat; height: 52px; padding: 0 0 0 33px; line-height: 52px; color: #fff; text-decoration: none;}
						.col .scroll ul li a:hover { background-position: bottom left;}
			.col .scroll .tagline { padding: 10px 20px 10px 32px; font-size: .8em; background: #2e91c9; min-height: 35px;}		

/*------------------------------------
   Inner Page Layout
------------------------------------*/
#maincol { width: 864px; height: 461px; padding: 1px; overflow: hidden; background: url('../images/innercontent.png') no-repeat;}

/* img scroll */
	#maincol #imgscroll, #maincol #imgnoscroll { float: left; width: 396px; height: 454px; overflow: hidden; position: relative;}
	#maincol #scrolloverlay { position: absolute; top: 0; left: 0; width: 9px; height: 454px; background: url('../images/scrolloverlay.png') no-repeat;}
	#maincol #imgscroll .items { overflow: hidden; width:20000em; position:absolute; clear:both;}
	#maincol #imgscroll .items img { float: left; width: 396px; height: 454px;}
	.scrollbuttons { overflow: hidden; position: absolute; bottom: 10px; left: 10px; padding: 2px; width: 372px; height: 15px; background: #103859;}
		.scrollbuttons a.prevPage, .scrollbuttons a.nextPage { color: #fff; display: inline-block; text-decoration: none; cursor: pointer; font-size: .7em;}
		.scrollbuttons a.prevPage { float: left; background: url('../images/previous.png') no-repeat 0 0; padding-left: 25px;}
		.scrollbuttons a.nextPage { float: right; background: url('../images/next.png') no-repeat 100% 0; padding-right: 25px;}
		.scrollbuttons a.disabled { opacity: .2; cursor: default;}

/* content */
#maincol #content { float: left; width: 419px; padding: 13px 0 0 28px; font-size: .9em; position: relative; min-height: 403px}
	#maincol h1 { background: url('../images/heading.png') no-repeat; width: 419px; height: 52px; padding: 0 0 20px 28px; margin-left: -28px; font-size: 1.6em; line-height: 52px;}
	#maincol .backlink, #maincol .backlinkNews { position: absolute; bottom: 0; left: 28px;}
		#maincol .backlink a, #maincol .backlinkNews a { display: block; width: 155px; height: 24px; background: url('../images/back.png') no-repeat; text-indent: -9999px; overflow: hidden;}
		#maincol .backlinkNews a { background: url('../images/back_news.png') no-repeat;}
		#maincol .backlink a:hover, #maincol .backlinkNews a:hover { background-position: bottom left;}


/*------------------------------------
   Footer
------------------------------------*/
#footer { font-size: 1.2em; overflow: hidden; padding: 37px 15px 10px;}
	p#copyright { float: left;}
	ul#minornav { float: right; padding: 0; margin: 0;}
		ul#minornav li { float: left; display: inline; padding: 0; border-left: 1px solid #fff; line-height: .8em; padding-left: 5px; margin-left: 5px;}
		ul#minornav li.first { border: 0; padding: 0; margin: 0;}
			ul#minornav li a { color: #fff; text-decoration: none; padding: 2px 5px;}
			ul#minornav li a:hover, ul#minornav li a.selected { background: url('../images/hover.png');}
			
/*---------------------------------------------------------------------------------------
   Content 
---------------------------------------------------------------------------------------*/
/* Home Content */
#col1 { margin-left: 0;}
	#col1 h2, #col2 h2,  #col3 h2 { display: block; width: 272px; height: 97px; text-indent: -9999px; background: url('../images/art.png') no-repeat;}
	#col2 h2 { background: url('../images/art.png') no-repeat;} 
	#col3 h2 { background: url('../images/art.png') no-repeat;} 
	
/* Contact Page */
body.contactPage .scrollbuttons { display: none;} 
#contactform { overflow: hidden; }
	#contactform .formRow { overflow: hidden;}
		#contactform .formRow .formLeft { text-align: right; padding: 3px 15px 0 0; width: 105px;}
		#contactform .formRow .input { width: 220px; }
		#contactform .formRow textarea { width: 220px!important; height: 100px!important;}
		#contactform .formRow .submit { margin-left: 120px; cursor: pointer;}

/* News */
#news { }
	#news .item { margin-bottom: 1.8em; }
			#news .item .title { font-weight: bold;}
			#news .item .abstract {  padding-bottom: 3px;}
			#news .item .link { margin-top: -1.4em; padding-top: 3px;}
				#news .item .link a { text-decoration: none;  background: #2288c2; padding: 2px 5px;}
				#news .item .link a:hover { background: #2e91ca;}

/*---------------------------------------------------------------------------------------
   Misc.
---------------------------------------------------------------------------------------*/
/*------------------------------------
   ErrorPage
------------------------------------*/
body#errorpage {}
body#errorpage p#errormessage { padding: 50px 0; text-align: center;}