/*
THEME NAME: Exams with NSUK
THEME URI: http://www.examswithnsuk.org/
DESCRIPTION: Theme created for Exams with NSUK.
VERSION: 0.9.6.2
AUTHOR: Joe Dunys
AUTHOR URI: http://www.mopheaddesign.com/
TAGS: white, three-columns, two-columns, fixed-width, theme-options, left-sidebar, right-sidebar, threaded-comments, sticky-post, microformats
.
*/
html,body,div,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input				{margin: 0; padding: 0;}
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th							{font-size: 1em; font-weight: normal; font-style: normal;}
ul, li																						{list-style: none; margin: 0px; padding: 0px;}

body										{background: url(images/bg.jpg) repeat-x #242445; color: #333; font: 12px/18px Frutiger,Univers, "Helvetica Neue" , "Lucida Grande" ,Calibri,Helvetica,Verdana,sans-serif; line-height: 18px; margin: 0px; padding: 0px; text-align: center;}
a											{color: #CA0337; font-weight: bold;}
a:link, a:visited,
a:active									{text-decoration: none;}
a:hover										{text-decoration: underline;}
strong, b 									{font-weight: bold;}
em, i 										{font-style: italic;}

p 											{margin-bottom: 18px; text-align: justify;}
h1 											{font-weight: bold; font-size: 24px; line-height: 32px; margin-bottom: 18px;}
h2 											{font-weight: bold; font-size: 16px; line-height: 18px; margin-bottom: 18px;}
h3 											{font-weight: bold; font-size: 1em; line-height: 18px;}
h4 											{font-weight: bold; font-size: 10px; line-height: 18px;}
a img										{border: none;}
img											{border: none;}

/* Header */
div#masthead								{background: url(images/top.png) no-repeat center; height: 80px; margin: 0px auto; padding: 0px 10px; position: relative; text-align: center; width: 1060px; z-index: 100;}
div#branding								{background: url(images/logo.png) no-repeat top; float: left; height: 76px; margin-bottom: 4px; padding: 0px; width: 260px;}
div#branding:hover							{background: url(images/logo.png) no-repeat bottom; float: left; height: 76px; margin-bottom: 4px; padding: 0px; width: 260px;}
div#branding a								{display: block; height: 80px; width: 260px;}
div#branding a h1							{visibility: hidden;}
div#access									{float: left; height: 50px; margin: 0px 0px 30px 30px; padding: 0px; width: 640px;}

/* Menu and its Dropdown */
div#access ul								{float: left; height: 65px; list-style: none; margin: 0px; padding: 0px; text-align: left; width: 800px; z-index: 10;}
div#access ul li							{display: block; float: left; height: 50px; line-height: 50px; margin-right: 0px; padding: 0px; position: relative; text-align: center; width: 130px;}
div#access ul li a							{color: #333; display: block; font-size: 15px; font-weight: bold; height: 100%; letter-spacing: 0px; margin: 0px; overflow: hidden; text-transform: lowercase;}
div#access ul li a:hover					{background: url(images/over.jpg) repeat-x; color: #fff; text-decoration: none;}
div#access ul li ul							{background: #E2E2E2; border: #333 5px solid; border-top: none; display: none; margin: 0px; left: -5px; padding: 5px 0px; position: absolute; top: 50px; white-space: nowrap; z-index: 1;}
div#access ul li ul li						{display: block; height: 100%; margin: 0px; padding: 0px 10px; text-align: left; width: 100%;}
div#access ul li ul li:hover				{color: #000;}
div#access ul li ul li a					{background: url(images/arrow.gif) left no-repeat; display: block; font-size: 11px; font-weight: normal; letter-spacing: normal; line-height: 18px; margin-right: 0px; padding: 2px 0px; padding-left: 10px; text-transform: none; width: 100%;}
div#access ul li ul li a:hover				{background: url(images/arrow_over.gif) left no-repeat; color: #CA0337;}
div#access ul li:hover ul,
div#access ul li.over ul					{display: block;}

/* Main */
div#container								{height: 100%; margin: 0px auto; padding: 0px; position: relative; text-align: center; top: -35px; width: 850px; z-index: 50;}
div#content									{background: url(images/main.png) 100% repeat-y; float: left; height: 100%; margin: 0px auto; padding: 10px; text-align: center; width: 830px;}
div#banner									{border-bottom: solid 1px #CA0337; float: left; height: 205px; margin: 0px 20px; padding: 0px 0px 5px 0px; width: 790px;}

/* Sidebar */
div#left									{border: 1px solid #CA0337; float: left; margin: 20px 15px 20px 20px; padding: 0px; text-align: left; width: 288px;}
div#left h2,
div#left h3									{background: url(images/arrow_down.gif) no-repeat right #CA0337; color: #fff; height: 30px; line-height: 30px; padding: 0px 10px; width: 268px;}
div#left ul li div							{margin: 10px; padding: 0px; text-align: left; width: 268px;}
div#left ul li ul							{margin: 10px; padding: 0px; text-align: left; width: 268px;}
div#left ul li ul a							{background: url(images/arrow_pink.gif) no-repeat left; padding-left: 8px;}
div#left ul li ul a:hover					{background: url(images/arrow_over.gif) no-repeat left; padding-left: 8px;}

/* Content */
div#right									{border: 1px solid #CA0337; float: left; margin: 20px 0px; padding: 10px; text-align: left; width: 463px;}
div#right h2								{clear: none; color: #CA0337; font-size: 30px; font-weight: bold; letter-spacing: -2px; margin: 0 0 18px;}
div#right ul li								{background: url(images/arrow.gif) left no-repeat; display: block; font-size: 11px; font-weight: normal; letter-spacing: normal; line-height: 18px; margin-right: 0px; padding: 2px 0px; padding-left: 10px; text-transform: none; width: 100%;}
div.entry-meta								{font-size: 10px; line-height: 20px; margin: 0px; margin-bottom: 5px;}

/* Footer */
div#footer									{background: url(images/footer.png) 100% repeat-y; color: #fff; float: left; font-size: 10px; height: 100%; margin: 0px auto; padding: 10px 30px; text-align: center; width: 790px;}
div#footer a								{color: #242445; font-weight: bold;}
div#footer a:hover							{color: #fff; text-decoration: underline;}
div#bottom									{background: url(images/bottom.png) 100% repeat-y; color: #fff; float: left; font-size: 10px; height: 30px; margin: 0px auto; padding: 10px 30px; text-align: center; width: 790px;}

/* Extras */
div#earth									{background: url(images/earth.gif) no-repeat; height: 128px; left: 120px; position: absolute; top: 250px; width: 128px; z-index: 1;}
div#saturn									{background: url(images/saturn.gif) no-repeat; height: 64px; left: 1030px; position: absolute; top: 550px; width: 128px; z-index: 1;}
div#left ul li div#twitter_div				{margin: 0px; padding: 0px; text-align: left; width: 288px;}

/* Other bits */
div#logo a									{display: block; height: 80px; width: 260px;}
div#logo a:hover							{border: none; text-decoration: none;}
ul#links a									{background: url(images/arrow_pink.gif) no-repeat left; padding-left: 8px;}
div.componentheading						{color: #CA0337; font-weight: bold; font-size: 18px; line-height: 20px; margin-bottom: 18px;}
div#component-contact td.contentheading		{color: #CA0337; font-weight: bold; font-size: 18px; line-height: 20px; margin-bottom: 18px;}
table.contentpaneopen td.contentheading		{color: #CA0337; font-weight: bold; font-size: 1em; line-height: 18px; margin-bottom: 18px;}
div#left h2 a								{color: #fff;}
div#left h2 a:hover							{color: #fff; text-decoration: underline;}