/* global formatting */
@import "base.css";

*				{ margin:0; padding:0; }
html			{ height:100%; width:100%; overflow:hidden; }
#background 	{ position:absolute; top:0px; left:0px; height:100%; width:100%; }
body			{ background:#000;}

/* layout containers */
#container 		{width:980px; margin:0 auto; position:relative; z-index:100; top:0;}
#wrapper		{float:left; width:480px; min-height:500px; height:auto !important; height:500px;}
#content 		{width:140px; clear:none; padding:10px; height:380px; float:right; margin-top:15px;}
#sidebar 		{width:270px; padding:10px; float:left; margin:15px; height:380px;}
#sidebar2 		{float:right; width:430px; padding:10px 20px; margin:15px; height:380px;}
#logo			{background:url(../images/logo.png) no-repeat top left; width:60px; height:140px; position:absolute; z-index:10; margin-top:5px; height:200px; left:30px; top:25px; display:block;}
#footer 		{clear:both; padding:10px;}
#sidebar p, #sidebar h2		{padding:0 0 0 75px;}


/* layout containers */
#content 		{background:url(../images/content_bg.png) repeat;}
#sidebar		{background:url(../images/sidebar_bg.png) repeat;} 


#logo a			{ display:block; height:140px; width:60px; text-indent:-1040px; z-index:50;}

/* coloured rollovers */
ul#navigation a			{display:block;}
li.hover_pink a:hover	{background:#e20177;}
li.hover_yellow a:hover	{background:#E3BF17;}
li.hover_teal a:hover	{background:#089189;}
li.hover_orange a:hover	{background:#F6934C;}
li.hover_green a:hover	{background:#82B145;}
li.hover_red a:hover	{background:#BF181E;}
li.hover_blue a:hover	{background:#29B5E9;}

li.hover_pink a.active				{background:#D31787; color:#fff;}
li.hover_yellow a.active			{background:#E3BF17; color:#fff;}
li.hover_teal a.active				{background:#089189; color:#fff;}
li.hover_orange a.active			{background:#F6934C; color:#fff;}
li.hover_green a.active				{background:#82B145; color:#fff;}
li.hover_red a.active				{background:#BF181E; color:#fff;}
li.hover_blue a.active				{background:#29B5E9; color:#fff;}

/* coloured sidebars2 */
.pink					{background:url(../images/bg_pink.png) repeat-y;}
.yellow					{background:url(../images/bg_yellow.png) repeat-y; }
.teal					{background:url(../images/bg_teal.png) repeat-y; }
.orange					{background:url(../images/bg_orange.png) repeat-y; }
.green					{background:url(../images/bg_green.png) repeat-y; }
.red					{background:url(../images/bg_red.png) repeat-y; }
.blue					{background:url(../images/bg_blue.png) repeat-y; }

#sidebar_test 		{width:270px; padding:10px; float:left; margin:15px; height:310px;background:url(../images/content_bg.png) repeat;}
#sidebar_test p, #sidebar_test h2		{padding:0 0 0 75px;}