/*
Theme Name: My Medicare Planner
Author: Momentum Design Studio
Theme URI: http://www.momentumdesignstudio.com
Description: 
Tags: 
*/

/*
RESET
*/

*									{ margin: 0; padding: 0; }
html								{ overflow-y: scroll; height:100%; }
html, body							{ height: 100%; }
ul									{ list-style: none; }
ol									{ list-style: none; }
a									{ outline: none; text-decoration: none; }
a img								{ border: none; }
img									{ vertical-align: middle; }
table								{ border-collapse: collapse; }

/*
UTILITY
*/

.floatLeft							{ float: left; }
.floatRight							{ float: right; }
.clear								{ clear: both; }
.smpad								{ padding: 5px 0; }
.top								{vertical-align: top;}
.small								{font-size: 10px; line-height: 1.6em;}
.bold								{font-weight: bold;}
.bigblue							{color: #5e97c8; font-size: 28px;}
.darkblue							{color: #032d51;}
.nudgeBottom						{margin-bottom: 10px;}

/*
STRUCTURE
*/

body {font: 18px Times New Roman, Arial, sans-serif; color: #6a6a6a; text-align: center; background-color: #1a1a1a; margin: 0; padding: 0; }
#container {margin: 0 auto; text-align:left; width:940px; background-color: #ffffff; position: relative; height: auto; position: relative;}
#top-header {padding: 12px 20px; color: #898989; font-size: 32px;}
ul#navigation li {float: left;border-right: 2px solid #1b517f; position: relative;}
ul#navigation li.last {border-right: none;}
ul#navigation li ul {display: none;}
ul#navigation li:hover ul {display: block; position: absolute; background-color: #215988; z-index: 9; color: #ffffff; width: 100%; top: 47px; left: 0;}
ul#navigation li:hover li {float: none; text-align: center; margin: 10px 0;}
ul#navigation li:hover li a {color: #ffffff;}
ul#navigation {z-index: 2; position: relative;}
.main-box {width: 270px; height: 231px; background-image: url(http://www.mymedicareplanner.com/wp-content/images/main-box-bg.jpg); float: left; margin-right: 35px; text-align: center; color: #636363; font-size: 18px; position: relative;}
#main-boxes {margin:30px 30px 50px 30px;}
.main-box .title {color: #1b517f; font-size: 20px; padding: 20px 0px 10px 0; margin: 0 20px 15px 20px; border-bottom: 1px solid #d7d7d7;}
.home-button {position: absolute; bottom: 20px; left: 30px;}

#rotate-images {position: relative; height: 265px; z-index: 1;}
#rotate-images li {
position:absolute;
left:0;
top:0;}

#page-content .post h2 a {color: #5e97c8;}

a:hover {text-decoration: underline;}
a {color: #94c241;}
a:visited {color: #94c241;} 

#internal-header {height: 100px; background-image: url(http://www.mymedicareplanner.com/wp-content/images/internal-gradient.jpg); color: #ffffff; font-size: 45px; text-transform: uppercase; position: relative;}
#internal-title {position: absolute; bottom: -1px; left: 30px;}
#page-content {width: 580px; margin: 40px 0 0px 30px; min-height: 500px; padding-bottom: 20px;}
#page-content h2 {font-size: 28px;}
#page-content ul {list-style: disc; margin-bottom: 20px;}
#page-content ul li {list-style: disc; list-style-position: inside;}
#page-content p {padding-bottom: 20px;}
#sidebar {position: absolute; width: 270px; z-index: 3; top: 180px; left: 650px; text-align: center;}
.internal-image {border: 2px solid #ffffff;}
.grey {background-color: #e2e2e2; padding: 3px 0;}
#sidebar-buttons {background-image: url(http://www.mymedicareplanner.com/wp-content/images/sidebar-gradient.jpg); height: 320px; margin-top: 10px; }
.sidebar-button {margin-top: 3px;}
#sidebar-form-header {margin: 25px 0 0px 12px; text-align: left; color: #295b86; font-size: 24px;}


#medicare-footer {font-size: 16px; margin: 20px 30px 0 30px; padding: 10px 0 30px 0; border-top: 3px solid #94c241; text-align:center;}
.footer-nudge {margin: 0 10px 0 11px; display: inline;}
#momentum-footer {text-align: center; color: #ffffff; font-size: 15px; margin: 20px 0;}

.current_page_item img, .current_page_item           { border: none; overflow: hidden; float: left; }
.current_page_item                         { border-bottom: 3px solid #94c241; }
.current_page_item img                     { margin-bottom: -4px; }

.download img {border: 2px solid #216491; float: left; margin-right: 25px;}
.download a:hover img {border: 2px solid #94c241;}
.download {margin-bottom: 30px;}
.download-content {padding-top: 60px;}

.post {margin-bottom: 30px; padding-bottom: 30px; border-bottom: 3px solid #94c241; }