/* === Cakewalk Style Sheet === 
This css contains global elements and properties shared amongst all cakewalk.com pages.
If a property needs to be overridden best practice is to create a new stylesheet in this directory
or manually override with style tag.  This should be minified as all pages reference the .min.css version */


/* === global html elements === */
body { text-align: left; color: #464646; font-family: Arial, Verdana, Helvetica, Sans-Serif; font-size: 12px; margin: 0px !important; background: #ffffff url('/App_Themes/Default/image/bg8.png') repeat-x left 110px; /* make this 144 if larger logo*/ }
h1, .title1 { font-weight: normal; font-size: 22px; margin: 15px 0px 15px 0px; display: block; }
h2, .title2 { font-weight: bold; font-size: 16px; margin: 5px 0px 15px 0px; }
h3, .title3 { font-weight: normal; font-size: 14px; margin: 5px 0px 10px 0px; }
h4, .title4 { font-weight: normal; font-size: 12px; margin: 5px 0px 8px 0px; }
h5, h6, .emphasis { font-weight: bold; font-size: 14px; margin: 5px 0px 5px 0px; }
p { margin: 5px 0px 10px 0px; }

/* === Overwrite Forum LESSCSS styling === */
#main { min-width: 940px; max-width: 80%; margin: 61px auto; top: 0; left: 0;  }
 #footercontentarea { min-width: 940px; max-width: 80%; margin: 61px auto; top: 0; left: 0;}
.topnav { margin: -90px 0 25px; max-width: 100%; margin-left: auto; margin-right: auto; }
.subnav { margin-top: -103px; margin-right: 8px; position: absolute; top: 15px; padding: 0 0 0 0;text-shadow: 1px 3px 3px #000000 }
.lavaback { background: #3D99A9; }
/* === Theme Specific - Need to comment out of 15.Module.less &.lavaback{background: @LightGray; === */
.masterphraseWrapper { top: 41px; right: 120px; }
input#masterphrase { border-color: #888; margin: 0 0 0 1px; padding: 6px 0 6px 24px; width: 180px; }
.searchTxtBox { height: 18px; }
.msgDate { color: #3D99A9 !important; margin-right: 5px; }
.footer { background: #ffffff; width: 100%; }


/* adspace */
#adspace { margin: 0 auto; width: 980px; }
.adspace { margin-top: 0px; margin-right: 35px; padding: 1px 1px 1px 1px; }

/* news feed  */
#news-feed-wrap { padding: 10px 0px 0px 0px; min-width: 980px; max-width: 80%; height: 30px; margin: 0 auto; }
#welcome { margin-left: 15px; font-weight: normal; color: #ffffff; font-size: 16px; text-shadow: 3px 3px 3px #000000}
#news-feed-title { padding: 15px 0 0 0; margin-left: 15px;  position:absolute; font-weight: bold; color: #ffffff; }
#news-feed-content {margin-left: 140px; margin-top: 9px;}

/* === master page containers === */
/* main wrapper */
#frame-wrap { margin: 0 auto; width: 1024px; text-align: left; z-index: 105; }

/* nav wrapper */
#nav-wrap { height: 110px; /* make this 144 if larger logo*/ background-color: #fff; background: url('/Global/images/nav/main_nav_bg.png') repeat-x left top; }
#nav-inner { margin: 0px /* make this 34 if larger logo*/ auto; width: 980px; }

/* nav logo */
#nav-logo { width: 250px; margin: 0px; float: left; text-align: left; }
#nav-logo img { border: none; padding: 20px 0px 0px 20px; }

/* nav links section (top right corner) */
#nav-links { width: 600px; height: 53px; float: right; margin: 0px; font-size: 12px; text-align: right; padding: 10px 20px 0px 0px; color: #000000; }
#nav-links a:link, #nav-links a:visited { color: #000000; text-decoration: none; }
#nav-links a:hover, #nav-links a:active { text-decoration: underline; }

/* menu & search containers */
#nav-menu { width: 650px; float: right; height: 44px; }
#q { border: 1px solid #969696; height: 22px; line-height: 22px;  padding: 2px; display: inline-block; margin: 7px 20px 2px 2px; background: url('/Global/images/nav/magnifying-glass.jpg') no-repeat right center; width: 200px; }
#sa { margin-top: 9px; display: inline-block; width: 21px; height: 21px; }

/* main form container for viewstate enabled pages */
#form1 { margin: 0 !important; padding: 0px !important; height: 100%; }
/* IE SUCKS~! */

/* banner container */
#banner-wrap { width: 100%; text-align: left; }
#banner { background: transparent url('/Global/images/common/def_banner.jpg') no-repeat left top; width: 980px; height: 150px; margin: 0 auto; padding: 0; }

/* content containers */
#content-wrap { width: 980px; margin: 0 auto; text-align: left; background-color: #fff; }
#content-right { float: left; width: 246px; }
#CakeSpin { border: none; padding-left: 13px; }
#CakeSpin img { border: none; padding: 20px 0px; }
#content { clear: left; padding: 0px 30px 10px 30px; float: left; width: 674px; z-index: 100; }

/* === footer === */
#foot-wrap { width: 100%; background: url('/Global/images/nav/footer-bg2.jpg') repeat-x left top; height: 391px; }
#foot { width: 980px; margin: 0 auto; text-align: left; color: #969696; height: 353px;}
#foot a, #foot a:link, #foot a:visited { color: #969696; text-decoration: none; }
#foot a:hover, #foot a:active { text-decoration: underline; }
#foot-links { width: 974px; padding: 0 0 20px 10px; }
#foot td { width: 190px; padding: 0px 0px 0px 4px; }
.foot-head { font-style: italic; padding: 5px 0px 10px 0px !important; font-size: 13px; font-weight: bold; }
#foot-sub { width: 980px; margin: 0 auto; text-align: left; color: #696969; }
#foot-sub a, #foot-sub a:link, #foot-sub a:visited { color: #696969; text-decoration: none; }
#foot-sub a:hover, #foot-sub a:active { text-decoration: underline; }
#foot-sub-copy { width: 600px; float: left; padding: 20px 0px 0px 15px; }
#foot-sub img { float: right; width: 150px; }
.customwrapper { min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -391px;}


/* === nav menu === */
.menu { border: none; border: 0px; margin: 0px; padding: 0px; width: 650px; font: Helvetica, Arial, Verdana, sans-serif; font-size: 12px; }
.menu ul { height: 44px; list-style: none; margin: 0; padding: 0; list-style-image: none; }
.menu li { float: left; padding: 0px; margin: 0px; }
.menu li a { color: #222222; font-family: Helvetica, Arial, Verdana, Sans-Serif; display: block;  line-height: 44px; margin: 0px; padding: 0px 15px; text-align: center; text-decoration: none; }
.menu li a:hover, .menu ul li:hover a { background-color: #fff; text-decoration: none; }
.menu li ul { background: #fff; display: none; height: auto; padding: 0px; margin: 0px; position: absolute; width: 225px; z-index: 200; }
.menu li:hover ul { display: block; }
.menu li li { display: block; float: none; margin: 0px; padding: 0px; width: 225px; color: White; }
.menu li:hover li a { background: #fff; }
.menu li ul a { display: block; height: 30px; font-size: 12px; font-weight: normal; margin: 0px; padding: 0px 10px 0px 15px; text-align: left; }
.menu li ul a:hover, .menu li ul li:hover a { background: #fff; border: 0px; color: #ff6600; text-decoration: none; }
.menu p { clear: left; }

/* === home page === */