/* EGGMAG CSS Template 05.02.02 */

/* 

primary 

secondary 

alternative 

From InDesign:
20 (percent) Grey 	#D2D3D4
80 Grey 			#59595C
100 Yellow 			#FFF100
Orange 				#F6921E
Muted Red 			#D44435
100 Red 			#EC1C24
Rose Red 			#EC1651
100 magenta 		#EB008B
Violet 				#472f91
Purple 				#A33E8B
Lilac 				#A43F8B
Aqua 				#76B3CE
100 Cyan 			#00ADEE
Green 				#00B39B
Lime Green			#9BCA3B

*/


/* - - - - - - - - - - 
   General Rules 
   - - - - - - - - - - - */

img {
	border: 0
}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, Iinput, textarea, p, blockquote, th, td {
	margin: 0px;
	padding: 0px;
}
body {
	background-image: url(../images/bg/purple_future_sm.jpg);
	background-repeat: repeat;
	background-color: #1E242C;
}
ul, ol, dl, li { 
	position: relative; 
}
h1 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 32px;
	color: #FFFFFF;
	font-weight: normal;
	margin-top: 15px;
	padding-bottom: 15px;
}
h2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 24px;
	font-weight: normal;
	color: #ccff33;
	line-height: 30px;
	margin-bottom: 5px;
}
h3 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 24px;
	font-weight: normal;
	color: #576B0C;
	line-height: 30px;
	margin-bottom: 5px;
}
p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: normal;
	line-height: 21px;
	color: #CCCCCC;
	margin-bottom: 15px;
}
.eggstras        h2    a     {
	text-decoration: none;
	color: #ccff33;
	font-family: Georgia, "Times New Roman", Times, serif;
}
.eggstras h2 a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}
a {
	outline: none;
	color: #00B39B;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-weight: normal;
}
a:hover {
	color: #9BCA3B;
	text-decoration: underline;
}

/* - - - - - - - - - - 
   MAIN LAYOUT
   - - - - - - - - - - - */

#wrapper {
	width: 100%;
	float: left;
}
#container {
	height: auto;
	width: 950px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}

/* - - - - - - - - - - 
   Banner
   - - - - - - - - - - - */

#banner {
	height: 100px;
	width: 950px;
	background-image: url(../images/eg_banner.png);
	background-repeat: no-repeat;
	padding-top: 25px;
}
#banner_left {
	height: 100px;
	width: 600px;
	float: left;
	margin-left: 45px;
}
#banner_right {
	float: right;
	width: 255px;
	height: 100px;
	margin-right: 45px;
}

/* - - - - - - - - - - 
   Header
   - - - - - - - - - - - */

#header {
	height: 187px;
	width: 950px;
	background-image: url(../images/eg_mainsite.png);
}
#header #logo {
	width: 860px;
	margin-right: 45px;
	margin-left: 45px;
	height: 167px;
	padding-top: 10px;
}

/* - - - - - - - - - - 
   Navigation
   - - - - - - - - - - - */
   
#nav_main {
	height: 60px;
	width: 860px;
	background-image: url(../images/eg_navigation.png);
	background-repeat: no-repeat;
	padding-right: 45px;
	padding-left: 45px;
}
#nav_main ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
#nav_main li {
	float: left;
}
#nav_main   li.active a  {
	color: #FFFFFF;
}
#nav_main li a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: normal;
	display: block;
	margin-right: 18px;
	line-height: 22px;
	padding-top: 10px;
	color: #ED1651;
	text-decoration: none;
}
#nav_main     li   a:hover {
	color: #FFFFFF;
}

/* - - - - - - - - - - 
   Mainsite
   - - - - - - - - - - - */
   
#mainsite {
	width: 900px;
	float: left;
	padding-right: 25px;
	padding-left: 25px;
	background-image: url(../images/eg_mainsite.png);
	background-repeat: repeat-y;
}
#mainsite #content_left {
	width: 560px;
	float: left;
	padding-top: 10px;
	padding-left: 20px;
	padding-right: 30px;
}
.unit_odd {
	height: auto;
	width: 560px;
	float: left;
	overflow: hidden;
	display: inline;
	margin-bottom: 15px;
	border-bottom-width: 2px;
	border-bottom-style: dashed;
	border-bottom-color: #A43F8B;
	padding-bottom: 5px;
}

.unit_even {
	height: auto;
	width: 560px;
	float: left;
	overflow: hidden;
	display: inline;
	margin-bottom: 10px;
	border-bottom-width: 2px;
	border-bottom-style: dashed;
	border-bottom-color: #A43F8B;
	padding-bottom: 5px;
}
.unit_stockist {
	height: auto;
	width: 560px;
	float: left;
	overflow: hidden;
	display: inline;
	margin-bottom: 10px;
	border-bottom-width: 2px;
	border-bottom-style: dashed;
	border-bottom-color: #A43F8B;
	padding-bottom: 5px;
	background-repeat: no-repeat;
	background-image: url(../images/eg_stockist_logo.png);
	background-position: right bottom;
}
.unit_issuu {
	height: auto;
	width: 560px;
	float: left;
	overflow: hidden;
	display: inline;
	margin-bottom: 10px;
	border-bottom-width: 2px;
	border-bottom-style: dashed;
	border-bottom-color: #A43F8B;
	padding-bottom: 5px;
	background-repeat: no-repeat;
	background-image: url(../images/eg_issuu_logo.png);
	background-position: right bottom;
}

.unit_empty {
	height: auto;
	width: 560px;
	float: left;
	overflow: hidden;
	display: inline;
}
.unit_spacer {
	height: 200px;
	width: 560px;
	float: left;
	overflow: hidden;
	display: inline;
}

.unit_title {
	height: auto;
	width: 560px;
	float: left;
	overflow: hidden;
	display: inline;
	margin-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #A43F8B;
	padding-bottom: 5px;
}

.unit_title_intro {
	height: auto;
	width: 560px;
	float: left;
	overflow: hidden;
	display: inline;
	margin-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #A43F8B;
	padding-bottom: 5px;
}

.unit_title_intro h2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 20px;

}
.unit_title_intro h2 a {
	font-family: Georgia, "Times New Roman", Times, serif;
	text-decoration: none;
	color: #FFFFFF;
}
.unit_title_intro h2 a:hover {
	text-decoration: underline;
}

.unit_illo {
	height: auto;
	width: 560px;
	float: left;
	overflow: hidden;
	display: inline;
	padding-bottom: 5px;
	margin-top: 10px;
	background-color: #000000;
	border-bottom-width: 2px;
	border-bottom-style: dashed;
	border-bottom-color: #ccff33;
	margin-bottom: 10px;
	border-top-width: 2px;
	border-top-style: dashed;
	border-top-color: #ccff33;
}
.image_right {
	float: right;
	margin-bottom: 10px;
	margin-left: 10px;
}
.image_left {
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}
.caption {
	font-size: 20px;
	line-height: 24px;
}

.unit_image {
	float: left;
	height: 100px;
	width: 100px;
	margin: 15px 10px 10px;
	border: 1px solid #666666;
}
.unit_text {
	width: 420px;
	float: left;
	padding-top: 10px;
	padding-left: 10px;
}
.unit_text  ul {
	margin: 0px 0px 5px;
	padding: 0px;
}
.unit_text li {
	color: #CCCCCC;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 21px;
	margin-left: 15px;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
#mainsite #content_right {
	background-color: #000000;
	width: 200px;
	float: right;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 25px;
	padding-top: 0px;
	margin-right: 20px;
}
#content_right  h2  {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 32px;
	display: block;
	font-weight: bold;
	margin: 0px;
	padding: 0px 0px 0px 10px;
	color: #FFFFFF;
	background-color: #ED1651;
}
#latest_issue {
	height: auto;
	width: 200px;
	float: left;
	margin-bottom: 10px;
}
#vote {
	height: auto;
	width: 200px;
	float: left;
	margin-bottom: 10px;
}
.right_unit {
	height: auto;
	width: 200px;
	float: left;
}
.ad_image {
	width: 200px;
	float: left;
	margin-top: 10px;
	display: inline;
}
#twitter {
	width: 200px;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	margin-bottom: 10px;
}

#mainsite #content_nav {
	width: 250px;
	float: left;
	padding-left: 15px;
	padding-right: 25px;
	padding-bottom: 25px;
	padding-top: 0px;
}
#mainsite #content_nav ul {
	list-style-type: none;
	margin-top: 25px;
}
#mainsite   #content_nav   ul li   {
	height: 30px;
	margin-bottom: 5px;
	padding-left: 10px;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
}
#mainsite #content_nav a {
	color: #FFFFFF;
	font-size: 14px;
	background-image: url(../images/eg_pointer_bk.png);
	background-repeat: no-repeat;
	height: 30px;
	display: block;
	padding-left: 20px;
	line-height: 25px;
	font-family: Arial, Helvetica, sans-serif;
}
#mainsite #content_nav a:hover {
	background-image: url(../images/eg_pointer_yl.png);
	background-repeat: no-repeat;
	color: #000000;
	text-decoration: none;
}
#mainsite #content_nav li#active {
	background-image: url(../images/eg_pointer_yl.png);
	background-repeat: no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 25px;
	margin-left: 10px;
	padding-left: 20px;
}

/* - - - - - - - - - - 
   Footer
   - - - - - - - - - - - */

#footer {
	width: 900px;
	float: left;
	padding-left: 25px;
	padding-right: 25px;
	padding-top: 40px;
	background-image: url(../images/eg_mainsite.png);
	padding-bottom: 20px;
}
#footer   h5     {
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	line-height: 26px;
	margin-bottom: 10px;
}
#footer .col {
	width: 170px;
	float: left;
	margin-right: 10px;
	margin-left: 20px;
}
#footer .col ul {
	margin: 0px;
	padding: 0px;
}
#footer .col li {
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	padding-top: 10px;
	list-style-type: none;
}
#footer .col li a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #00ADEE;
}
#footer #col_right {
	float: left;
	width: 240px;
	margin-left: 40px;
}

/* - - - - - - - - - - 
   Bottom Bar
   - - - - - - - - - - - */

#bottom_bar {
	float: left;
	height: 40px;
	width: 900px;
	padding-right: 25px;
	padding-left: 25px;
	padding-top: 10px;
	color: #CCCCCC;
	background-image: url(../images/eg_bottom.png);
	background-repeat: no-repeat;
}