/*
Theme Name: Jordans Minisites
Theme URI: http://jordans.com/
Description: A fully widgetised Hompage developed on a WordPress platform based on a concept from <a href="http://epicado.com/">Epicado</a>.
Version: 1.0
Author: Philip McAsey
Author URI: http://epicado.com/
Tags: blue, custom header, fixed width, two columns, widgets

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/

body {
	font-family: Arial, Sans-Serif, Verdana ;
	background: #E3EFFF;
	color: #333;
	text-align: center;
	margin: 0px;
	padding: 0px;
	font-size:12px;
	margin-bottom:20px;
}

form {
	margin:0px;
	padding:0px;
}

img {
	border:0px;
}

.Clearer {
	clear:both;
}

/* Header & Footers */

#MainBody {
	background:white;
	width: 1024px;
	margin: auto;
	border:1px solid silver;
	margin-bottom:10px;
	margin-top:4px;
}

#MainBodyIn {
	background:white;
	width: 994px;
	margin-right: 14px;
	margin-left: 14px;
	margin-bottom:20px;
	margin-top:5px;
}

#Header {
	background: #214579;
	height: 100px;
	text-align: left;
	width: 100%;
}

#Header h1 a span {
	width:700px;
	line-height:200%;
	cursor:hand;
	cursor:pointer;
	margin-top: 30px;
	margin-left: 20px;
	margin-bottom:0px;
	float: left;
	background: url(images/recruitmentminisiteheader.jpg) no-repeat;
	text-decoration:none;
}


#Header h2 a span {
	cursor:hand;
	cursor:pointer;
	width:160px;
	height:100px;
	background: url(images/logo.jpg) no-repeat;
	float:right;
}

#Footer {
	background:#ECECEC url(images/bot-right.jpg) no-repeat top right;
	height:40px;
	text-align: left;
	width:100%;
	margin: 10px auto 20px auto;
	border-bottom:1px solid silver;
	color:#666666;
	font-size:12px;
}

#Footer a {
	color:#666666;
	text-decoration:none;
}

#Footer a:hover {
	color:#666666;
	text-decoration:underline;
}

#Footer p {
	float:left;
	width:45%;
	margin:0px;
	padding-left:20px;
	padding-top:12px;
}

#Base-Line-Nav {
	height:20px;
	width:1024px;
	margin:auto;
}

#Base-Line-Nav ul {
	text-align:right;
	margin:0px;
	list-style:none;
	width:600px;
	padding:0px;	
	float:right;
	padding-right:15px;
}

#Base-Line-Nav li{
	display:block;
	float:right;
	margin:0px;
	padding-left:15px;
}

#Base-Line-Nav a{
	color:#579CCF;
	text-decoration:none;
}

#Base-Line-Nav a:hover{
	text-decoration:underline;
}

.Web-design {
	float:left;	
	color:#579CCF;
	width:300px;
}

/* navigation */


#Menu-Container {
	width:100%;
	padding:0px;
	background:url(images/menu-bg.png) repeat-x top ;
	text-align:center;
	height:100px;
}

.Top-Menu div {
	float:right;
}

.Top-Menu ul ,.Sub-Menu ul{
	list-style:none;
	margin:0px;
	padding:0px;
	float:left;
	width:700px;
}

.Top-Menu li {
	display:block;
	float:left;
	font-weight:bold;
	padding-top:7px;
	padding-bottom:6px;
	border-right:1px solid silver;
	border-bottom: 1px solid white;
}

.Sub-Menu li{
	display:block;
	float:left;
	font-weight:bold;
	padding-top:7px;
	padding-bottom:6px;
	border-right:1px solid silver;
	border-bottom: 1px solid white;
}

.Top-Menu  a {
	color:black;
	text-decoration:none;
	padding-right:10px;
	padding-left:10px;
}

.Top-Menu li:hover {
	background:url(images/menu-bg-hover.png) repeat-x top ;
	color:#214579;
}

.Sub-Menu {
	height:32px;
}

.Sub-Menu  a {
	text-decoration:none;
	color:white;
	padding-right:8px;
	padding-left:8px;
}

.Sub-Menu li:hover {
	background:#76ADF0 ;
}

.current_page_item {
	background:#76ADF0;
	color:black;
	border-bottom: 0px solid white;
}

.current_page_item li:hover {
	background:#76ADF0;
	color:black;
}

.current_page_item a{
	color:white;
}

.current_page_item a:hover{
	color:#214579;
}

.Breadcrumb {
	text-align:left;
	padding-top:4px;
	padding-left:8px;
	font-weight:bold;
	color:silver;
}

.Breadcrumb p{
	margin:0px;
	padding:0px;
	padding-right:10px;
	width:70px;
	float:left;
	font-weight:normal;
	color:#666666;
}

.Breadcrumb a {
	text-decoration:none;
	color:#666666;
}

.Breadcrumb a:hover {
	color:black;
	text-decoration:underline;
}

.Green-Arrow {
	background: url(images/green-arrow.png) no-repeat center;
	padding: 0 5px;
}

.Searchbox {
	padding-right:0px;
	float:right;

}

#searchsubmit {
	padding:4px 2px 4px 2px;
	background:#67A2DC;
	color:white;
	border:0px;
	font-size:12px;
	font-weight:bold;
	font-family: Arial, Sans-Serif, Verdana ;
}

#searchsubmit:hover {
	background:url(images/menu-bg-hover.png) repeat-x top ;
	color:#214579;
}

#Content {
	width:650px;
	text-align:left;
	margin:10px 0px;
	float:left;
}

#FullContent {
	width:100%;
	text-align:left;
	margin:10px 0px;
	float:left;
}

#Content h2 a, #FullContent  h2 a {
	color:#214579;
	text-decoration:none;
}

#Content h2 a:hover, #FullContent h2 a:hover {
	color:#333333;
	text-decoration:underline;
}

.navigation {
margin-left:30px;
}

.postmetadata {
padding-bottom:20px;
}

.pagetitle {
font-size:18px;
}

/* Home Page Widget */

#MainFloat {
	font-size:14px;
	line-height:18px;
	color:#666666;
	list-style:none;
	margin:0px;
	padding:0px;
	float:left;
}

#MainFloat div{
	float:left;
	text-align:left;
}

#MainFloat ul li ul{
	padding:0px;
	marging:0px;
}

#MainFloat ul li ul li{
	padding:0px;
	marging:0px;
	display:inline;
}

#Float {
	width:100%;
}


/* Side Bar */

.Sidebar {
	font-size:14px;
	line-height:18px;
	color:#666666;
	list-style:none;
	margin:0px;
	padding:0px;
	width:280px;
	float:right;
margin-left:20px;
}

.Sidebar ul {
	padding:0px;
	margin:0px;
border: 1px solid silver;
}

.Sidebar li{
	margin:0px;
	list-style:none;
	text-align:left;
	border-bottom:10px solid white;
	padding:5px;
	margin:0px;
}

.Sidebar h2 {
	color:White;
	font-size:14px;
	background:#214579;

	padding:0px;
	margin:0px;	padding:10px;
}

.Sidebar li a {
	color:#333333;
	font-size:12px;
	textdecoration:none;
}

/* Page Specific */

.PageRSS {

	width:100%;
	margin-bottom:15px;
	background: url(images/Moon-Logo.png) no-repeat top right;
	float:right;
}
 .PageRSS img{
	margin-left:20px;
	margin-right:10px;
	margin-top:20px;
}

.rss-date {
	color:#67A2DC;
	font-size:12px;
}

.PageRSS ul {
	width:80%;
	list-style:none;
	margin:auto;
	margin-bottom:25px;
}

.PageRSS li {
	list-style:none;


}

.PageRSS li a{
	font-size:12px;
	Color:#204479;
	font-weight:bold;

	
}

.PageRSS h2 {
	text-align:left;
	padding:10px;
}

.PageRSS h2 a {
	color:#67A2DC;
	text-decoration:none;
	font-size:24px;
}

#Sitemap {
	width:400px;
	float:left;
	text-align:left;
	padding-left:20px;
	font-size:14px;
}

#Sitemap, #Sitemap ul {
	list-style:none;
}

#Sitemap li {
	color:#ABD108;
	font-size:22px;
	font-family: "Times New Roman", Times, serif;
	margin:0px;
	padding:0px;
	padding-left:10px;
}

#Sitemap li ul li ul{
	color:#214579;
	font-size:14px;
	margin:0px;
	padding:0px;
	background:white;
	font-family: Arial;
}

#Sitemap li ul li {
	padding:6px;
	font-size:18px;
	font-family: Arial;

}

#Sitemap li ul li ul li a{
	color:#666666;
	padding-left:10px;
}



#Sitemap li ul li ul li{
	padding:6px;
	font-size:14px;
}

#Sitemap a{
	text-decoration:none;
	color:#214579;
}

#Sitemap .current_page_item {
background:white;
}

#Minisites{
	width:400px;
	float:left;
	text-align:left;
	font-size:14px;
}

#Minisites h2{
	color:#ABD108;
	font-size:22px;
	font-family: "Times New Roman", Times, serif;
	margin:0px;
	padding:0px;
	padding-left:10px;
	font-weight:normal;
}

#Minisites li {
	list-style:none;
}


#Minisites li a{
	color:#214579;
	text-decoration:none;
}

/* Editor CSS */

.entry {
	color: #333;
	text-align: left;
	margin: 0px;
	padding: 0px;
	font-size:13px;
	line-height:22px;
	margin:0px 30px;
	width:600px;
}

.Fullentry {
	color: #333;
	text-align: left;
	margin: 0px;
	padding: 0px;
	font-size:13px;
	line-height:22px;
	margin:0px 30px;
	width:940px;
}

.post h2 {
	font-family: "Times New Roman", Times, serif;
	font-size: 22px;
	font-weight: bold;
	color: #ABD108;
	margin:0px;
	padding:0px;
	margin:0px 0px 20px 30px;
}

.navigation {
	height:60px;
	width:400px;
}

.entry a, .Fullentry a {
	color:#214579;
	text-decoration:none;
}

.entry a:hover, .Fullentry a:hover {
	color:#76ADF0;
	text-decoration:underline;
}

/* Begin Images */

p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}

/* End Images */

@media print {
body {background:white; 
     font-size:10pt; 
     margin:0 }
#sidebar { display:none }
#header { height:75px }
#content{ margin-left:0; 
     float:none; 
     width:auto }
.demo .red { color:black; 
     font-weight:bold }
#content a { font-weight:bold; 
     color:#000066; 
     text-decoration:underline }
#content{ margin-left:0; 
     float:none; 
     width:auto }
#footer, .ad { display:none }
h1, h2, h3, h4, h5, h6 { page-break-after:avoid; 
     page-break-inside:avoid }
h3 { margin-left:10px; 
     margin-bottom:0px; 
     padding-bottom:0px }
blockquote, table, pre { page-break-inside:avoid }
ul, ol, dl  { page-break-before:avoid }
img.centered { display: block; 
     margin-left: auto; 
     margin-right: auto; }
img.right { padding: 4px; 
     margin: 0 0 2px 7px; 
     display: inline; }
img.left { padding: 4px; 
     margin: 0 7px 2px 0; 
     display: inline; }
.right { float: right; }
.left { float: left }
img { page-break-inside:avoid; 
     page-break-after:avoid; }
}