/***** General Elements Begin *****/


body {
	margin: 0px; 
	background-color: #F6F5F0;
        background: url("./themes/site_themes/mg_theme/bg-ems.gif") top left;
	color:  #5a5a5a;
}

a {color: #009bcf; text-decoration:none;}
a:visited {color: #62bfde;}
a:hover, a:active {text-decoration:none; border-bottom:1px dotted #009bcf; }


.wrapper {width: 960px; 
	margin: 0 auto;
	position: relative;
	left: 50%;
	margin-left: -480px;}

.clear {clear: both;}

.left {float: left}
.right {float: right}

hr {padding: 0; margin: 0}
.hr-main hr {border: 0; color: #727272; background-color: #727272; height: 8px; margin: 0 40px 20px 40px;}  

.nav {background: #c93f28; margin-bottom: 20px; border: 1px solid #c93f28;}
.nav a {color:#FFF; text-transform: uppercase; font-size: .75em; font-weight: bold;}
.nav-link-left {display: block; border-right: 1px solid #d25740; float: left; padding: 2px 40px 0px 40px;}
.nav-link-right {display: block; float: right; padding: 4px 10px 2px 5px;}
.nav a:hover, .nav a:active {text-decoration:none; border-bottom:1px dotted #FFF; }
.nav a img {border: none;}

.more {font-weight: bold;}


.paginate-box {width: 680px;}
.next-button {background-color: #009bcf; font-size: .9em; padding: 2px 40px 2px 40px; margin: 0 0 20px 0; float: right;}
.next-button a, .next-button a:hover, .next-button a:visited, .next-button a:active  {color:#FFF; text-transform: uppercase; font-weight: bold;}
.next-button a:hover, .next-button a:active {text-decoration:none; border-bottom:1px dotted #FFF; }
.prev-button {background-color: #009bcf; font-size: .9em; padding: 2px 40px 2px 40px; margin: 0 0 20px 0; float: left;}
.prev-button a, .prev-button a:hover, .prev-button a:visited, .prev-button a:active  {color:#FFF; text-transform: uppercase; font-weight: bold;}
.prev-button a:hover, .prev-button a:active {text-decoration:none; border-bottom:1px dotted #FFF; }

.jsclass body .randomcontent {display: none;}

img.align-right {float: right; margin: 0 0 15px 15px;}
img.align-left {float: left; margin: 0 15px 15px 0;}


/* Fonts */

body 
{font-size:100%;
line-height:1.25em; /* 16x1.25=20px */
font-family: Helvetica, Arial, Verdana, sans-serif;
}

h1, h2, h3 {
font-weight: normal;	
margin: 0;
}

h1 {
font-size: 2.25em; /* 16x1.375=40px */
line-height: 1.125em; /* 32x1.25=40px */
color: #727272;
}

h2 {
font-size: 1.25em; /* 16x1.5=24px */
line-height: 1.5em; /* 18x1.667=30px */
color: #727272;
}

p {
font-size: 0.875em; /* 16x0.875=14px */
margin:  0 0 .7125em 0;

font-family:Georgia, Times, Serif, Helvetica, Arial, Verdana, sans-serif;
}

.detail {color: #a0a0a0; font-size: .75em;}

.summary {
         font-size: 1.375em; /* 16x1.375=22px */
         line-height: 1.365em; /* 22x1.365=30px */
}

  a.tooltip{
    /* for postioning the tool-tip box relative to the link */
    position:relative;

    /* no underline needed */
    text-decoration: none;
  }

  a:visited.tooltip {color: #009bcf;}

  a.tooltip span.tooltipwin {
    /* tool-tip text will not be visible initially */
    display: none;
  }

  a.tooltip:hover span.tooltipwin {
    /* make tool-tip text visible */
    display:block;

    /* for postioning */
    position:absolute;
    bottom: 15px; left:-120px;
    padding: 5px;

    /* width of the tool-tip box
    if text is longer, it will be
    made into two lines */
    width:360px;

    /* style the box to look like a tool-tip box */
    background: url("./themes/site_themes/mg_theme/background-tooltip.png") bottom right no-repeat;
    padding: 15px 30px 35px 20px;
    color:#000;
  }

.tooltiptitle {color: #009bcf; font-weight: bold; font-family:Helvetica, Arial, Verdana, sans-serif;}
.tooltipsummary {color:  #5a5a5a; font-family:Helvetica, Arial, Verdana, sans-serif; font-size: .9em;}



/***** General Elements End *****/




/***** Header Begins *****/

#header-wrapper {width: 100%; background-color: #FFF;}

#header-wrapper a, #header-wrapper a:visited {color: #a0a0a0;}
#header-wrapper a:hover, #header a:active {color: #009bcf; border-bottom: 0;}
#homepage #header-wrapper ul a:hover#n-making, #homepage #header ul a:active#n-making {color: #939393;}

#header-left {width: 680px;}
#header-left ul {margin: 0; padding: 0; list-style-type: none;}
#header-left ul a {display: block;}
#header-left #header-links-left li {float: left; width: 129px; padding: .5em 0 0 10px; border-left: 1px solid #e5e5e5;}
#logo {display: block; width: 617px; height: 104px; margin: 60px 0 30px 0;}
a#logo {background: #FFF url("./themes/site_themes/mg_theme/logo.gif") top left; text-indent: -5000px;}
a:hover#logo {background: url("./themes/site_themes/mg_theme/logo.gif") bottom left;}
#homepage a:hover#logo, #homepage a:active#logo {background: url("./themes/site_themes/mg_theme/logo.gif") top left;}



#header-right {width: 160px; text-align:right; line-height: 1.5625em; margin: 47px 0 0 0;}
#header-right ul.nav-loggedin {list-style-type: none; margin: 0; padding: 0;}
#header-right ul.nav-loggedout {list-style-type: none; margin: 0; padding: 25px 0 0 0;}
#header-right li a {padding-right: 25px; display: block; font-size: .75em;}

#header-right li#b-signout a {background: url("./themes/site_themes/mg_theme/b-signout.gif") left center no-repeat;}
#header-right li#b-signout a:hover, #right-nav li#b-signout a:hover {background: url("./themes/site_themes/mg_theme/b-signout.gif") right center no-repeat;}
#header-right li#b-about a {background: url("./themes/site_themes/mg_theme/b-about.gif") left center no-repeat;}
#header-right li#b-about a:hover, #right-nav li#b-about a:hover {background: url("./themes/site_themes/mg_theme/b-about.gif") right center no-repeat;}
#header-right li#b-contact a {background: url("./themes/site_themes/mg_theme/b-contact.gif") left center no-repeat;}
#header-right li#b-contact a:hover, #right-nav li#b-contact a:hover {background: url("./themes/site_themes/mg_theme/b-contact.gif") right center no-repeat;}
#header-right li#b-rss a {background: url("./themes/site_themes/mg_theme/b-rss.gif") left center no-repeat;}
#header-right li#b-rss a:hover, #right-nav li#b-rss a:hover {background: url("./themes/site_themes/mg_theme/b-rss.gif") right center no-repeat; color: #f06914;}

#search-form {margin-top: .5em;}
input.form-search-field {width: 120px; padding: .375em; margin-right: 6px; border: 0; background-color: #f6f5f0; background: url("./themes/site_themes/mg_theme/bg-ems.gif") top left; color: #5a5a5a; font-size: .75em; font-family:Helvetica, Arial, Verdana, sans-serif;}
input.submitter {background: url("./themes/site_themes/mg_theme/b-search.gif") top right no-repeat; width: 20px; height: 20px; border: 0;}
input.submitter:hover {background: url("./themes/site_themes/mg_theme/b-search.gif") bottom right no-repeat;}



/***** Header Ends *****/




/***** Content Areas Begin *****/

#left-content, #right-content {margin-top: 20px;}

/* Article Feature - checked */

.entry-feature {width: 680px; background: #FFF; padding: 0; margin-bottom: 20px;}
.entry-feature h1 {margin: 1.5em 0 0 0; padding: 0;}
.entry-feature h2 {margin: 0; padding: 0 0 .75em 0;}
.entry-feature h3 { margin: 1.425em 0 .7125em 0;}
.entry-feature h4#h-comments {width: 145px; height: 35px; padding: 0; margin: 7px 0 11px 0; text-indent: -5000px; background: url("./themes/site_themes/mg_theme/h-comments.gif") top left no-repeat; float: left;}
.entry-feature .more {margin: 0 0 3em 0;}
.entry-feature .date {line-height: 1.667em; margin: 4.55em 0 .833em 0; display: block;}
.entry-feature .category {padding: 8px 10px 5px 10px; font-weight: bold; margin: 6px 0 2.5em 0;}
.entry-feature .category ul {list-style-type: none; margin: 0; padding: 0;}
.entry-feature .category li {line-height: 1.36em /* 11x.1.364=15.004 */; padding: .227em 0}
.entry-feature .category a:visited {color: #009bcf;}
.entry-feature hr { margin: 1.425em 0 1.425em 0; width: 100px; height: 1px; color: #858585; background-color: #858585; border: none;}

.details-column {float: left; width: 120px;  text-align: right; }
.content-column {float: right; width: 500px; padding: 0 40px 0 0;}

.entry-feature .body_box {border-top: 1px solid #EEE; padding: 1em 40px 0 0;}  
.entry-feature .comments_box {border-top: 1px solid #EEE; padding: 1.5em 0 0 0;}  

.entry-feature.idea-feature .body_box {border-top: 1px solid #b5dce9;}  
.entry-feature.idea-feature .comments_box {border-top: 1px solid #b5dce9;} 

#comment-area {width: 680px;}
#entry-detail-page .entry-feature, #idea-detail .entry-feature {padding-bottom: 3em;}


#idea-detail {color: #444;}

#idea-detail .entry-feature .detail, #idea-landing .idea-feature .detail {color: #7a99a3;} 
#idea-landing .idea-feature a:visited {color: #009bcf;}

.add-this {margin-top: 5px;}

.alert {padding-bottom: .5em; margin-bottom: 2em;}
.alert p {font-family: Helvetica, Arial, Verdana, sans-serif; font-size: .75em; font-style: italic;}
#idea-detail .alert {border-bottom:1px solid #b5dce9;}
#entry-detail-page .alert {border-bottom:1px solid #EEE;}

.footnote {padding-top: 1.25em; margin-top: 2em;}
.footnote p {font-family: Helvetica, Arial, Verdana, sans-serif; font-size: .75em;}
#idea-detail .footnote {border-top:1px solid #b5dce9;}
#entry-detail-page .footnote {border-top:1px solid #EEE;}



/* Page Feature */
.page-feature {width: 680px; background: #FFF; padding: 0 0 60px 0; margin-bottom: 20px; min-height: 450px}
.page-feature h1 { margin: 1.875em 0 .5em 0;}
.page-feature h3 { margin: 1.425em 0 .7125em 0;}
.page-feature .details-column {line-height: 1.667em; margin: 0 0 .833em 0;}
#page_contact .content-column {width: 400px; padding: 0 140px 0 0;}



/* All Ideas - checked */

.idea-preview {width: 266px; border: solid 1px #d7ecf3; padding: 37px 19px 33px 19px; height: 14em; float: left;}
.idea-preview h3 {padding: 0; margin: 0; font-weight: normal; font-size: 1.25em/* 16x1.25=20px */;  line-height: 1.5em/* 18x1.667=30px */;}
.idea-preview h4 {padding: 0; margin: 0; font-weight: normal; font-size: .875em/* 16x.875=16px */;  line-height: 1.25em/* 16x1.25=20px */;}
.idea-preview h3 a:hover, .idea-preview h4 a:hover {border-bottom:1px dotted; }
.idea-preview a:visited {color: #009bcf;}
.idea-preview p {margin: .95em 0 0 0; padding:0; font-family: Helvetica, Arial, Verdana, sans-serif; font-size: .75em;}
.idea-preview .more {float: left; margin: .85em 0 0 0;}
.idea-preview .comment-link {margin: 0 0 0 .5em; font-size: .8em; color: #8899a0;}
.preview-margin {margin: 20px 21px 0 0;}
.preview-margin-none {margin: 20px 0 0 0;}
.idea-preview img {padding: 0; margin: 0;}

.idea-preview a:hover img, .idea-preview a:active img {border-bottom: 0;}

#ideas #footer { padding: 20px 0 0 0;}



/* Comments - Used In Idea Detail & Entry Detail */

#comment-area {margin: 37px 0 2em 0;}
h4#h-comments {width: 150px; height: 25px; padding: 0; margin: 0 0 26px 140px; text-indent: -5000px; background: url("./themes/site_themes/mg_theme/h-comments.gif") top left no-repeat;}
#comment-area h5#your-comment  {font-size: 1.125em; font-weight: normal; margin: 1.3em 0 1em 140px; padding: 0;}
.comment-total {display: block; float: left; margin-top: 18px;}
.comment {border-bottom: 1px solid #e2e1dd; padding: 1.3em 0 .75em 0;}
.comment-author {display: block;}
.comment-1 {font-weight: bold; color:  #5a5a5a;} /* controls the appearance of comment for user mgadmin */
.comment-date {display: block;}
.comment p {font-family: Helvetica, Arial, Verdana, sans-serif; font-size: .75em;}

hr.hr-comment-main {border: 0; color: #e2e1dd; background-color: #e2e1dd; height: 2px; margin: 0;}

#preview-page .comment {margin-bottom: 30px; padding: 0px 0 13px 0;}
#preview-page h5#please-review {font-size: 1.125em; font-weight: normal; margin: 1.3em 0 1em 140px; padding: 0;}

#comment-area .form-field textarea, #comment-area .form-field input {border: 1px solid #e2e1dd; background-color: #FFF; padding: .5em; color: #5a5a5a; font-size: .75em; font-family:Helvetica, Arial, Verdana, sans-serif;}
.form-label {display: block; width: 140px; float:left; font-size: .75em;}
.form-field {display: block; float:left; margin-bottom: 10px}
.form-check {display: block; font-size: .75em;}
#form-buttons {display: block; margin: 10px 0 0 0;}
#comment-area #remember-check, #comment-area #notify-check, #comment-area #form-buttons {margin-left: 140px;}
#comment-area #email-field img {margin-bottom: 5px;}
#comment-area #form-buttons input {background-color: #5a5a5a; font-size: .9em; padding: 9px 20px 7px 20px; color:#FFF; text-transform: uppercase; font-weight: bold; border: 0; font-family: Helvetica, Arial, Verdana, sans-serif; font-size: .75em;}
#comment-area #form-buttons input:hover {background: #009bcf;} 


/* Search Results */

.results-theme {padding: 28px 41px 20px 41px; margin-bottom: 20px;}
.results-other {padding:  28px 40px 20px 40px; margin-bottom: 20px; background: #FFF;  }
#search-results .light {color: #a0a0a0;}
.results-theme a:visited {color: #009bcf}
#results-term {padding: 1em 0;}
.results-left {width: 264px;}
.results-right {width: 569px;}
#search-results h1 {
font-size: 1.5em; /* 16x1.5=24px */
line-height: 1.25em; /* 24x1.25=30px */
}
#search-results h2 {
font-size: 1em; /* 16x1=16px */
line-height: 1.5625em; /* 16x1.5625=25px */
margin-bottom: 1em;
}

#search-results .results-right p {margin: 0 0 .5em 0; font-family: Helvetica, Arial, Verdana, sans-serif;}

#search-results .results-summary p {font-weight: bold;}
#search-results .results-categories {font-size: .75em;}
#search-results .results-categories .detail {font-size: 1em;}
#search-results .results-categories a:visited {color: #009bcf;}
#search-results .results-date {margin: .5em 0 .5em 0;}
.results-theme .detail {color: #7a99a3;}

/* Specialty Templates */
#user-message #content {margin: 80px 100px;}
#user-message #header-wrapper {background: #FFF; padding: 26px 0 17px 0;}


/***** Content Areas End *****/




/***** Menus Begin *****/

/* Themes - checked */

.menu-ideas a:visited {color: #009bcf;}
.menu-ideas {width: 220px; border: solid 1px #d7ecf3; padding: 36px 19px 20px 19px;}
.menu-ideas h2 {width: 110px; height: 27px; padding: 0; margin: 0 0 17px 0; text-indent: -5000px; background: url("./themes/site_themes/mg_theme/h-themes.gif") top left no-repeat; display: block;}
.menu-ideas a:hover h2, .menu-ideas a:active h2 {background: url("./themes/site_themes/mg_theme/h-themes.gif") bottom left no-repeat;}
.menu-ideas h3 {margin: .45em 0 1.25em 0; padding: 0; text-transform: uppercase; font-size: .6875em;}
.menu-ideas h4 {padding: 0; margin: 0; font-weight: normal; font-size: 1.25em/* 16x1.25=20px */;  line-height: 1.5em/* 18x1.667=30px */;}
.menu-ideas h5 {padding: 0; margin: 0; font-weight: normal; font-size: 1em/* 16x1=16px */;  line-height: 1.25em/* 16x1.25=20px */;}
.menu-ideas p {font-family: Helvetica, Arial, Verdana, sans-serif; margin: 1em 0 0 0; font-size: .75em;}
.menu-ideas-item {display: block; padding: 0; font-size: .75em;}
.menu-ideas .menu-ideas-title {display: block; font-weight: bold;}
.menu-ideas .detail {font-size: 1em; margin: 0 0 0 .5em; font-weight: normal;}

.menu-ideas #theme-spotlight, .menu-ideas #theme-all {border-top: 2px solid #b5dce9; margin: 0; padding: 0 0 1.25em 0;}
.menu-ideas #theme-all hr {border: 0; color: #b5dce9; background-color: #b5dce9; height: 1px; margin: .5em 0;}
.menu-ideas #theme-all h3 a {color: #5a5a5a;}
.menu-ideas #theme-all h3 a:hover, .menu-ideas #theme-all h3 a:active {color: #009bcf; }


/* Recent */

.menu-recent-item {font-size: .75em;}
.menu-recent {width: 220px; margin: 20px 0 20px 0; padding: 37px 20px 29px 20px; background: #FFF;}
.menu-recent h2 {width: 96px; height: 35px; padding: 0; margin: 0 0 10px 0; text-indent: -5000px; background: url("./themes/site_themes/mg_theme/h-recent.gif") top left no-repeat; float: left;}
.menu-recent-comment-no {float: right; color: #939393; font-size: .85em; margin-top: 11px;}
.menu-recent-item {display: block; padding: 7px 0 7px 0; border-top: 1px solid #EEE;}
.menu-recent-title {display: block; width: 210px;}


/* Examples */


.menu-examples-item {font-size: .75em;}
.menu-examples {width: 220px; background: #FFF; padding: 37px 20px 29px 20px; margin-bottom: 1em;}
.menu-examples h2 {width: 130px; height: 35px; padding: 0; margin: 0 0 7px 0; text-indent: -5000px; background: url("./themes/site_themes/mg_theme/h-examples.gif") top left no-repeat;}
.menu-examples-comment-no {float: right; color: #939393; font-size: .85em; margin-top: 11px;}
.menu-examples-item {display: block; padding: 7px 0 7px 0; border-top: 1px solid #EEE;}
.menu-examples-key {display: block; font-weight: bold; width: 210px;}
.menu-examples-regular {display: block; width: 210px;}


/* View All Button */

.menu-view-all {width: 260px; text-transform: uppercase; text-align: center; font-weight: bold; font-size: .85em;  margin-bottom: 20px;}
.menu-view-all a {display: block; color: #009bcf; padding: 16px 0 14px 0;}
.menu-view-all a:hover {color: #FFF; background: #009bcf;}
.menu-view-all a:hover, .menu-view-all a:active {border: 0;} 

/* Prominent Button */

.prominent-button {width: 100%; text-transform: uppercase; text-align: center; font-weight: bold; font-size: .85em;}
.prominent-button a {display: block; color: #009bcf; padding: 11px 0 9px 0; background: url("./themes/site_themes/mg_theme/background-themes.gif") #e0f4fb top left;}
.prominent-button a:hover {color: #FFF; background: #009bcf;}
.prominent-button a:hover, .prominent-button a:active {border: 0;} 



/* Example of */

.menu-example-of-item h3 {font-size: 1em; margin : 0; padding:0; }
.menu-example-of-item h3 a:hover, .menu-example-of-item  h3 a:active {text-decoration:none; border-bottom:1px dotted;}
.menu-example-of-item a:visited { color: #009bcf;}
.menu-example-of-item p {margin: 0; padding: 0;}
.menu-example-of {width: 220px; border: solid 1px #d7ecf3; padding: 38px 19px 20px 19px;}
.menu-example-of h2 {width: 167px; height: 35px; padding: 0; margin: 0 0 9px 0; text-indent: -5000px; background: url("./themes/site_themes/mg_theme/h-example-of.gif") top left no-repeat;}
.menu-example-of h3 {margin: 0 0 .4em 0;}
.menu-example-of-item {display: block;  border-top:1px solid #b5dce9; padding: 15px 0 14px 0;}
.menu-example-of-item p {font-family: Helvetica, Arial, Verdana, sans-serif;}



/* What good is this? */

.menu-what-good {width: 220px; margin: 20px 0; padding: 35px 20px 33px 20px; background: #FFF;}
.menu-what-good h2 {width: 238px; height: 35px; padding: 0; margin: 0 0 6px 0; text-indent: -5000px; background: url("./themes/site_themes/mg_theme/h-what-good.gif") top left no-repeat;}
.menu-what-good a:hover h2, .menu-what-good a:active h2 {background: url("./themes/site_themes/mg_theme/h-what-good.gif") bottom left no-repeat;}

.menu-what-good p {margin: 0; padding:0; font-family: Helvetica, Arial, Verdana, sans-serif;}
.menu-what-good .more {margin-top: .85em}



/***** Menus End *****/


/***** Themes Backgrounds *****/

.entry-feature .category,
.entry-feature .category a,
.idea-feature,
.idea-preview,
.results-theme,
.menu-ideas,
.menu-view-all a,
.menu-example-of {
      background: url("./themes/site_themes/mg_theme/background-themes.gif") #e0f4fb top left;}



/***** Footer Begins *****/

#footer {display:block; margin: 0;}
#footer .hr-main hr {margin: 0;}
#footer-descr {float: left; width: 584px; line-height: 1.4em; margin: 37px 0 55px 0;}
#footer a {color: #a0a0a0; font-weight: bold;}
#footer a:hover {color: #009bcf;}
#copyright {float: right; margin-top: 37px;}


/***** Footer Ends *****/