﻿/**************************************
| Main Style Sheet for Lucid Magazine |
| By Shadow Interactive, Inc.         |
| Owner Timothy L. Green              |
| Copyright 2010                      |
**************************************/

/*ul{list-style:none}
sup{bottom:.3em;position:relative;vertical-align:super}
sub{bottom:-.2em;position:relative;vertical-align:sub}
a,a:link,a:visited,a:hover,a:active{text-decoration:none}
.left{float:left}
.right{float:right}
.center{text-align:center}
.clear{clear:both}
.hidden{display:none!important;visibility:hidden}
a img,img{border:0;text-decoration:none}*/

body
{
    padding: 0 5 0 0;
    margin: 0px;
    background-position: center top;
    background-color: #000000;
    background-image: url('bgads/moet01.jpg');
    background-repeat: no-repeat;
    background-attachment: fixed;
}
.MainTable
{
    width: 990px;
    background-image: url('siteimages/header-bg01.png');
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center top;
    vertical-align: middle;
}

.ContentTable
{
    width: 990px;
}
.FooterTable
{
    width:990px;
    color: #FFFFFF;
}
.FooterLink
{
    color: #EEEEEE;
}
.FooterLink a
{
    color: #EEEEEE;
    text-decoration: none;
}
.FooterLink a:hover
{
    color: #FFCC00;
    text-decoration: none;
}

/**************************
| Social Networking Table |
**************************/
.SocialTable
{
    width: 160px;
    color: #FFFFFF;
    font-family: Arial;
    font-size: 10px;
    text-align: left;
    text-decoration: none;
}
.SocialTable a
{
    color: #FFFFFF;
    text-decoration: none;
}
.SocialTable a:hover
{
    color: #FFCC00
}
.SocialHeading
{
    color: #FFFFFF;
    font-family: Arial;
    font-size: 12px;
    text-align: left;
    text-decoration: none;
}
/****************
| RANDOM STYLES |
****************/
.Copyright
{
    font-family: Arial;
    font-size: 10px;
    text-align: left;
    color: #EEEEEE;
    margin-bottom:10px;
}
.Copyright a
{
    color: #EEEEEE;
    text-decoration: none;
}
.Copyright a:hover
{
    color: #FFCC00;
    text-decoration: none;
}

.LucidLogo
{
    width: 406px;
    height: 140px;
    vertical-align: bottom;
    text-align: left;
}

/***********************
| Main Navigation Menu |
***********************/

.Nav
{
    font-family: Georgia;
    font-size: 14pt;
    font-weight: bold;
    color: #FFFFFF;
    text-align: center;
    width: 406px;
    padding-bottom: 5px;
    vertical-align:bottom;
}

/*******************************************
| Sub Navigation Menu on BaseMaster.master |
*******************************************/

ul .SubNav,
.SubNav ul
{
    margin: 0;
    padding: 0;
    cursor: default;
    list-style-type: none;
    display: inline;
}
ul.SubNav
{
    display: table;
}
ul.SubNav>li
{
    display: table-cell;
    position: relative;
    padding: 0px 6px;
}
ul.SubNav li:hover>ul
{
    display: none;
    position: absolute;
    max-width: 40ex;
    margin-left: -6px;
    margin-top: 2px;
}
ul.SubNav li:hover>ul
{
    display: block;
}
.SubNav ul li a
{
    display: block;
    padding: 0px, 5px;
}
ul.SubNav,
.SubNav ul,
.SubNav ul li a
{
    color: #FFFFFF;
}
ul.SubNav li:hover,
.SubNav ul li a:hover
{
    color: #FFCC00;
}
ul.SubNav li:active,
.SubNav ul li a:active
{
    color: #FFFFFF;
}
ul.SubNav,
.SubNav ul
{
    border: 0px;
}
.SubNav a
{
    text-decoration: none;
}

/*******************
| Subscribe Button |
*******************/
.Subscribe
{
    color: #FFFFFF;
    font-family: Georgia;
    font-size: 13pt;
    text-align: center;
}

/**************************
| JavaScript Dropdown Menu|
**************************/
#jsddm
{	
    margin: 0;
	padding: 0
}
	
#jsddm li
{	
    float: left;
	list-style: none;
	font: 11px Arial;
}

#jsddm li a
{	
    display: block;
	padding: 2px 6px;
	text-decoration: none;
	color: #FFFFFF;
	white-space: nowrap;
}

#jsddm li a:hover
{	
    background: #000000;
    color: #FFCC00
}
	
#jsddm li ul
{	
    margin: 0;
	padding: 0;
	position: absolute;
	visibility: hidden;
}
	
#jsddm li ul li
{	
    float: none;
	display: inline;
}

#jsddm li ul li a
{	
    width: auto;
	background: #000000;
}

#jsddm li ul li a:hover
{	
    background: #000000;
    color: #FFCC00;
}
/*********************************
| JavaScript Dropdown Footer Menu|
*********************************/
#jsddmf
{	
    margin: 0;
	padding: 0
}
	
#jsddmf li
{
    float: left;
    list-style: none;
    font: 10px Arial;
    font-weight: bold;
}

#jsddmf li a
{	
    display: block;
	padding: 2px 7px;
	text-decoration: none;
	color: #FFFFFF;
	white-space: nowrap;
}

#jsddmf li a:hover
{	
    background: #000000;
    color: #FFCC00
}
	
#jsddmf li ul
{	
    margin: 0;
	padding: 0;
	position: absolute;
	visibility: hidden;
}
	
#jsddmf li ul li
{	
    float: none;
	display: inline;
}

#jsddmf li ul li a
{	
    width: auto;
	background: #000000;
}

#jsddmf li ul li a:hover
{	
    background: #000000;
    color: #FFCC00;
}

/*************************************
| JavaScript Dropdown Footer Sub-Menu|
*************************************/
#jsddmfs
{	
    margin: 0;
	padding: 0
}
	
#jsddmfs li
{
    float: left;
    list-style: none;
    font: 9px Arial;
}

#jsddmfs li a
{	
    display: block;
	padding: 2px 7px;
	text-decoration: none;
	color: #CCCCCC;
	white-space: nowrap;
}

#jsddmfs li a:hover
{	
    background: #000000;
    color: #FFCC00
}
	
#jsddmfs li ul
{	
    margin: 0;
	padding: 0;
	position: absolute;
	visibility: hidden;
}
	
#jsddmfs li ul li
{	
    float: none;
	display: inline;
}

#jsddmfs li ul li a
{	
    width: auto;
	background: #000000;
}

#jsddmfs li ul li a:hover
{	
    background: #000000;
    color: #FFCC00;
}

/********************************
| JavaScript Dropdown MEGA Menu |
********************************/
/*
ul, li{
	padding: 0px;
	margin: 0px;
}
ul.dropmenu
{
    background-position: transparent;
    position: relative;
    margin: 0px;
    padding: 10px 0px 0px 0px;
    background: transparent;
    display: block;
    height: 24px;
}
.dropmenu li{
	position: relative;
	list-style: none;
	float: left;
	margin: 0px;
	padding: 0px;
}
.dropmenu li a
{
    height: 24px;
    padding: 0px 8px 0px 8px;
    display: block;
    cursor: point;
    color: #FFFFFF;
    text-decoration: none;
}
.dropmenu li span{
	display: block;
	float: right;
	height: 10px;
	width: 10px;
	background:transparent;
	position: absolute;
}

.dropmenu li:hover ul, .dropmenu li:hover div{
	display: block;
}
.dropmenu ul{
	position: absolute;
	display: none;
	width: 140px;
	padding: 0px;
	margin: 0px;
	background: #FFFFFF url(images/gradient.png) repeat-x scroll 0 0;
}
.dropmenu ul li{
	border: 0;
	float: none;
}
.dropmenu ul a {
  border-bottom: 0;
  white-space: nowrap;
  display:block;
  color: #0657AD;
  text-decoration: underline;
  text-transform: none;
}
.dropmenu a:hover{
	color: #FFFFFF !important;
	background:transparent url(images/navigation.png);
}
a.selected span{
	background:transparent;
}
.dropmenu ul a:hover {
	color:#FFCC00 !important;
	text-decoration: none;
	background-color: #F0F0F0;
	background-image: none;
}
.dropmenu div ul{
	position: relative;
	display: block;
}
.dropmenu li div{
	background: #FFFFFF url(images/gradient.png) repeat-x scroll 0 0;
	padding: 5px;
	display: none;
	position: absolute;
}
.dropmenu li div ul{
	border: none;
	background: none;
	position: relative !important;
}
.dropmenu li div a{
	border: none;
}
.dropmenu li div div{
	display: block;
	position: relative;
	background: none;
	border: none;
}
.dropmenu li div div a{
	display: inline;
	border: none;
	color: #666;
	text-decoration: underline;
	padding: 0px;
	margin: 0px;
	text-transform: none;
}
.dropmenu li div div a:hover{
	color: #000;
	text-decoration: none;
}
ul.left{
	float: left;
	width: 145px;
}
ul.right{
	float: right;
	width: 145px;
}
.small{
	color: #666;
	font-size: 10px;
	padding: 10px 5px 8px 5px !important;
	display: block;
	clear: both;
}
.products{
	width: 300px;
	padding: 15px !important;
}
.products ul{
	width: 100%;
}
.products ul li{
	height: 30px;
	padding: 10px 0px;
}
.products h2{
	font-size: 16px;
	padding: 2px 0px 3px 0px;
	margin: 0px;
}
.products p{
	color: #666;
	font-size: 10px;
	padding: 0px;
	margin: 0px;
}
.products img{
	float: left;
	padding-right: 10px;
}
.products  ul li a{
	display: inline;
	border: none;
	color: #666;
	text-decoration: underline;
	padding: 0px;
	margin: 0px;
	text-transform: none;
}
.products  ul li  a:hover{
	color: #000 !important;
	text-decoration: none;
	background: none !important;
}

.tutorials{
	width: 300px;
}
*/

/*********************************
| jQuery Dropdowns Mega Menu New |
*********************************/

#MainMenu
{
    float:left;
    font-family: Georgia;
    font-size: 14pt;
    font-weight: bold;
    color: #FFFFFF;
    text-align: center;
    width: 406px;
    padding-bottom: 5px;
    vertical-align:bottom;
    text-decoration:none;
}

/* Main Menu */

#MainMenu a:link, #MainMenu a:visited	
{ 
    color: #fff; 
}	
/* menu links - top level items */
#MainMenu a:hover, #MainMenu a:active	
{ 
    color: #FFCC00; 
}

/* mega menu */
/*ul#MegaMenu li a 
{ 
    font-size: 1.1em; 
}*/
ul#MegaMenu .sub ul li 
{ 
    color: #fff; 
    text-transform: none;
    text-decoration:none;
}
ul#MegaMenu .sub ul li a:link, ul#MegaMenu .sub ul li a:visited 
{ 
    color: #fff; 
}
ul#MegaMenu .sub ul li a:hover, ul#MegaMenu .sub ul li a:active 
{ 
    color: #FFCC00; 
}
ul#MegaMenu .sub ul li h2 
{ 
    font-size: 18px; 
    font-weight: bold;
}
ul#MegaMenu .sub ul li h2 a:link, ul#MegaMenu .sub ul li h2 a:visited 
{ 
    color: #fff; 
}
ul#MegaMenu .sub ul li h2 a:hover, ul#MegaMenu .sub ul li h2 a:active 
{ 
    color: #FFCC00; 
}
.MenuItems
{
    font-size: 14px; text-align:left; color:#ffffff; font-family:Arial; font-weight:normal;
}