/* @override http://watchprism.com/style.css */

*							{margin: 0; padding: 0;}

body						{background: url(images/noise.png); font: 15px/1.5em Helvetica, sans-serif; color: #eee;}
#container					{width: 784px; margin: 40px auto 20px auto; position: relative; background: url(images/top.png);}
#container .extra			{width: 784px; height: 40px; position: absolute; bottom: 0; left: 0; background: url(images/bottom.png);}

#left						{width: 213px; float: left; padding: 40px 0 30px 0; position: relative; z-index: 5;}

#right						{width: 521px; padding: 40px 25px 30px 25px; float: right;}

#footer						{width: 688px; margin: 0 auto 30px auto; font-size: 0.7em; line-height: 1.2em; text-align: center; clear: both;}
#footer .small				{font-size: 0.9em; color: #888;}
#footer strong				{color: #fff;}

#admin						{width: 688px; margin: 0 auto 30px auto; text-align: center; clear: both;}
#admin .small				{font-size: 0.9em; color: #888;}
#admin strong				{color: #fff;}

#header						{width: 168px; height: 65px; text-indent: -9999px; margin: 0 auto 20px auto;}
#header h1 a				{display: block; width: 172px; height: 65px; background: url(images/vertextv.png);}

#navi						{list-style: none; text-align: center;}
#navi li					{width: 213px; margin-bottom: 10px; padding: 5px 0 0; height: 40px;}
#navi p:first-child			{margin-bottom: -20px; font: 25px/1em Helvetica, sans-serif;}
#navi strong				{font-weight: normal;}
#navi a						{color: #2fcbf6; text-decoration: none; display: block; width: 100%; margin: -5px 0 0; padding: 5px 20px 15px 0; text-shadow: #333 0 2px 4px;}
#navi a:hover				{background: url(images/navi-select-light.png);}
#navi .current a			{background: url(images/navi-select.png);}
#navi p						{font-size: 0.8em; color: #999;}
#navi .current p			{color: #cdcdcd;}

h2.first					{background: url(images/header-first.png); margin: -40px -25px 10px -25px; padding: 17px 25px 0 25px;}
h2							{background: url(images/header.png); margin: 0 -25px 10px -25px; padding: 18px 25px 0 25px; height: 35px; text-shadow: #333 0 2px 5px; position: relative; z-index: 20;}

#video					{padding: 55px 15px 15px 15px; background: url(images/mogulus.png) top left no-repeat; text-align: center; margin: 0 0 1em 0; height: 400px;}

.clear						{clear: both;}
p							{margin-bottom: 1em; position: relative; z-index: 20;}
#right a, #footer a 		{color: #fff; text-decoration: none; border-bottom: 1px dotted #aaa; font-weight: bold;}
#right a:hover, #footer a:hover {color: #ddd; cursor: pointer;}
#left a:hover				{cursor: pointer;}

#ad						{text-align: center; margin-top: 2em;}
#ad a					{color: #2fcbf6; text-decoration: none; display: block; width: 100%; margin: -5px 0 0; padding: 5px 20px 15px 0; text-shadow: #333 0 2px 4px;}