/*
Theme Name: MobiGlow
Theme URI: http://www.mobiglow.com/
Description: MobiGlow
Version: 1.0
Author: Reid Cox
Author URI: http://www.reidcox.com/
*/


/* ---------- BEGIN HEADER ---------- */
body {
	background-color: #fff;
	margin: 0 auto;
	width: 900px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #5b5b5b;
}
a, a img {
	border: none;
	outline: none;
}
:focus {
	outline: none;
}
#header {
	height: 106px;
	width: 900px;
	margin: 0 auto;
	background-image: url(img/banner.gif);
	background-repeat: no-repeat;
	font-size: 14px;
	font-weight: bold;
	z-index: 100;
}
#phone {
	font-size: 18px;
	position: absolute;
	font-weight: 100;
	margin-top: 20px;
	margin-left: 14px;
	color: #fff;
	width: 206px;
	text-align: center;
}
#logo {
	position: absolute;
	margin: 5px 0 0 665px;
	background-image: url(img/MobiGlow-Logo.gif);
	width: 220px;
	height: 80px;
}
#logo a {
	display: block;
	width: 220px;
	height: 80px;
}
#menu li:hover ul ul, #menu li:hover ul ul ul, #menu li:hover ul ul ul ul {display:none;}
#menu li:hover ul, #menu li li:hover ul, #menu li li li:hover ul, #menu li li li li:hover ul {display:block;}
#menu {
	position: absolute;
	margin: 72px 0 0 15px;
	text-transform: uppercase;
	padding-left: 0;
	z-index: 2000;
}
#menu li {
	float: left;
	position: relative;
}
#menu li a {
	margin-right: 5px;
	padding: 3px 11px;
	text-decoration: none;
	color: #aaa;
}
#menu li a:hover {
	color: #aaa;
	border-left: 2px solid #85cebc;
	border-right: 2px solid #85cebc;
	border-top: 1px solid #85cebc;
	padding: 4px 9px;
}
#menu li a:active {
	color: #85cebc;
}
#menu li ul {
	position: absolute; 
	display: none;
	text-transform: none;
	padding-top: 10px;
}
#menu li ul li {
	background: url(img/list-bg.png);
	margin-bottom: 3px;
}
#menu li ul li a, #menu li.current_page_parent ul li a {
	border: none !important;
	width: 9em;
	float: left;
	color: #000;
	font-weight: normal;
	padding: 2px 6px;
	margin: 0;
}
#menu li ul li a:hover, #menu li ul li.current_page_item a, #menu li ul li.current_page_parent a {
	border: none !important;
	padding: 2px 6px;
	color: #000;
	text-indent: 0.5em;
}
#menu li.current_page_item a, #menu li.current_page_parent a, #menu li.current_page_ancestor a {
	border-left: 2px solid #85cebc;
	border-right: 2px solid #85cebc;
	border-top: 1px solid #85cebc;
	padding: 4px 9px;
	color: #000;
}
#content a {
	text-decoration: none;
}
/* ---------- END HEADER ---------- */


/* ---------- BEGIN COMMON ---------- */
h1, h2 {
	color: #85cebc;
}
h1 {
	font-size: 24px;
}
h1:first-child {
	margin-top: 0;
}
h2 {
	font-size: 20px;
}
h2 a {
	border-bottom: none;
}
h3 {
	color: #5b5b5b;
	font-size: 16px;
}
ul {
	list-style-type: none;
	padding-left: 0px;
}
#content {
	width: 900px;
	clear: both;
}
#content div p a, #content div span a {
	color: #000;
	text-decoration: underline;
}
#content div p a:hover, #content div span a:hover {
	color: #5b5b5b;
	text-decoration: underline;
}
.left-align {
	text-align: left;
}
.center-align {
	text-align: center;
}
.right-align {
	text-align: right;
}
.justify {
	text-align: justify;
}
.teal-text {
	color: #85cebc;
}
.light-grey-text {
	color: #d1d2d4;
}
.dark-grey-text {
	color: #5b5b5b;
}
.one-column {
	clear: both;
	width: 840px;
	padding: 0 30px;
	margin-bottom: 30px;
	border-bottom: 1px solid #aaa;
}
.two-column-left {
	clear: both;
	float: left;
	width: 395px;
	padding-left: 30px;
	margin: 30px 30px 30px 0;
}
.two-column-right {
	float: left;
	width: 395px;
	margin: 30px 0;
	padding-right: 30px;
}
.three-column-left {
	clear: both;
	float: left;
	padding-left: 30px;
	width: 260px;
	margin: 30px 30px 30px 0;
}
.three-column-middle {
	float: left;
	width: 260px;
	margin: 30px 30px 30px 0;
}
.three-column-right {
	float: left;
	padding-right: 30px;
	width: 260px;
	margin: 30px 0;
}
.double-column-left {
	clear: both;
	float: left;
	width: 550px;
	margin: 30px 30px 30px 0;
	padding-left: 30px;
}
.double-column-right {
	float: left;
	width: 550px;
	padding-right: 30px;
	margin: 30px 0;
}
.clear-floats {
	clear: both;
	height: 0px;
}
.border-bottom {
	border-bottom: 1px solid #aaa;
}
.no-border-bottom {
	border-bottom: none;
}
.bulleted-list li {
	line-height: 250%;
	background: url(img/MobiGlow-Icon16.gif) no-repeat 0px 8px;
	padding-left: 20px;
}
.captioned {
	border-bottom: 5px solid #aaa;
}
.image-caption {
	display: inline-block; 
	background: #aaa; 
	padding: 2px 20px 7px 20px; 
	color: #fff; 
	margin: 0; 
	float: right; 
	font-size: 110%;
	font-weight: bold;
}
.margin-top-zero {
	margin-top: 0;
}
.margin-bottom-zero {
	margin-bottom: 0;
}
.margin-zero {
	margin: 0;
}
/* ---------- END COMMON ---------- */


/* ---------- BEGIN HOME ---------- */
#ad {
	width: 900px;
	height: 240px;
	margin: 0 auto;
	border-bottom: 1px solid #aaa;
}
#index-list {
	font-size: 110%;
	margin-bottom: 0;
	padding-left: 0;
	width: 290px;
}
#index-list h1 {
	margin-bottom: 2px;
}
#index-list div {
	margin-top: 1em;
	background: url(img/MobiGlow-Icon24.gif) no-repeat 0px 4px;
	padding-left: 30px;
}
#index-list div:first-child {
	margin-top: 0;
}
/* ---------- END HOME ---------- */


/* ---------- BEGIN TECHNOLOGY ---------- */
.technology-list li {
	background: url(img/MobiGlow-Icon24.gif) no-repeat 0px 1px;
	padding-left: 30px;
	width: 230px;
}
.technology-list li h2 {
	margin-top: 0;
}
.technology-list li ul li {
	background: none;
	padding: 0;
	list-style-type: circle inside;
}
/* ---------- END TECHNOLOGY ---------- */


/* ---------- BEGIN ABOUT ---------- */
#mission {
	background: url(img/MobiGlow-Team.jpg) right top no-repeat; 
	height: 380px; 
	width: 840px; 
	border-bottom: 5px solid #aaa; 
	margin: 30px 0 0 30px;
}
.biography {
	background: url(img/bio-background.gif) left top no-repeat;
	height: 360px;
	padding: 10px 15px 0px 10px;
	width: 235px;
}
.biography h1 {
	font-size: 20px;
}
.biography h2 {
	color: #000;
	font-size: 11px;
	font-weight: normal;
}
.biography p {
	text-indent: 3em;
	padding: 0 5px 0 10px;
	margin-top: 80px;
	text-align: justify;
}
.biography div {
	height: 130px;
}
/* ---------- END ABOUT ---------- */


/* ---------- BEGIN POSTS (MEDIA/RELEASES) ---------- */
.post {
	margin-bottom: 30px;
	clear: both;
}
.post h2, .post h3 {
	margin: 0;
	border-bottom: none;
}
.post h2 a, .post h2 a:link, .post h2 a:visited, .post h3 a, .post h3 a:link, .post h3 a:visited {
	color: #85cebc;
}
.post h2 a:hover, .post h3 a:hover {
	color: #5b5b5b;
}
.post h2 a:active, .post h3 a:active {
	color: #000;
}
.post-date, .post-metadata {
	font-size: 10px;
	color: #aaa;
	text-align: left;
}
.post-entry img {
	float: left;
}
.post-metadata {
	text-align: center;
}
.post-metadata a, .post-metadata a:link, .post-metadata a:visited {
	color: #85cebc;
}
.post-metadata a:active {
	color: #000;
}
#latest-posts {
	font-weight: bold;
	font-size: 14px;
	margin-bottom: 0;
}
#latest-posts ul {
	margin-bottom: 0;
	padding-left: 0;
}
#latest-posts ul li, #archive-list li {
	background: url(img/MobiGlow-Icon16.gif) no-repeat;
	min-height: 20px;
	padding-left: 20px;
	margin-bottom: 5px;
}
#latest-posts ul a:link, #latest-posts ul a:visited {
	color: #5b5b5b;
	border-bottom: 1px dotted #5b5b5b;
}
#latest-posts ul a:hover {
	color: #85cebc;
	border-bottom: 1px dotted #85cebc;
}
#latest-posts ul a:active {
	color: #aaa;
}
.latest-post-dates {
	color: #aaa;
	margin-right: 30px;
}
#media-contact {
	width: 258px;
	height: 99px;
	text-align: center;
	background-color: #fff;
	border-top: 1px solid #aaa;
	border-right: 1px solid #aaa;
	border-left: 1px solid #aaa;
}
#media-contact h3,#faq-page #media-contact h3 {
	color: #5b5b5b;
	margin: 6px 0;
}
#media-contact h1 a,#faq-page #media-contact h1 a {
	color: #85cebc;
	text-decoration: underline;
}
#media-contact h1,#faq-page #media-contact h1 {
	margin: 0px;
	color: #85cebc;
	font-size: 22px;
}
#media-contact h3 a,#faq-page #media-contact h3 a {
	color: #5b5b5b;
	text-decoration: underline;
}
#media-contact h3 a:hover,#faq-page #media-contact h3 a:hover {
	text-decoration: none;
}
#archive-list {
	padding-left: 0;
}
#archive-list li {
	margin-left: 30px;
}
#archive-list a, #archive-list a:link, #archive-list a:visited {
	color: #5b5b5b;
	border-bottom: none;
	text-decoration: none;
}
#archive-list a:hover {
	color: #000;
	border-bottom: 1px dotted #000;
	text-decoration: none;
}
#archive-list a:active {
	color: #5b5b5b;
	border-bottom: 1px dotted #5b5b5b;
	text-decoration: none;
}
.navigation div {
	float: left;
	width: 50%;
}
.navigation a, .comment a, #respond a {
	color: #85cebc;
}
.navigation a:hover, .comment a:hover, #respond a:hover {
	color: #5b5b5b;
}
form {
	width: 220px;
	margin-left: 25px;
}
form input:last-child {
	width: 60px;
}
#searchform input, #constant-contact input {
	background: #fff;
	border: 1px solid #aaa;
	color: #5b5b5b;
}
.newsletter-validate {
	color: #DF2930 !important;
	font-size: 140%;
	padding: 0 25px;
	text-align: center;
}
/* ---------- END POSTS (MEDIA/RELEASES) ---------- */


/* ---------- BEGIN FAQ --------- */
/* OLD FAQ PAGE
#faq-accordion a {
	color: #5b5b5b;
	font-size: 130%;
	font-weight: bold;
}
#faq-accordion a:hover {
	color: #85cebc;
}
#faq-accordion li ul {
	margin-left: 30px;
	display:none;
}
#faq-accordion li ul li a {
	font-weight: normal;
}
#faq-accordion li ul li a:hover {
	text-decoration: underline;
	color: #5b5b5b;
}
.category h2 {
	margin-top: 0;
}
.category p {
	text-align: justify;
}
.category p:last-child {
	margin-bottom: 0;
}*/
#faq-page{margin:30px 30px 0 30px;}
#faq-page h2{color:#5b5b5b;margin:20px 0 10px 0;}
#faq-page h3{color:#85cebc;margin:10px 0 15px 15px;}
#faq-page p{margin-left:30px;}
/* ---------- END FAQ --------- */


/* ---------- BEGIN CONTACT & COPYRIGHT ---------- */
#contact {
	background-image: url(img/contact-background.jpg);
	background-position: left bottom;
	background-repeat: no-repeat;
	padding: 30px 115px 0 115px;
	width: 680px;
}
#contact h3 {
	color: #85cebc;
	margin-bottom: 2px;
}
#contact h4 {
	margin: 0;
}
#contact form {
	margin: 0;
}
#contact form p {
	font-size: 16px;
	color: #85cebc;
}
#contact form input, #contact form textarea {
	background-color: #fff;
	border: 1px solid #aaa;
	width: 678px;
	height: 20px;
}
#contact form input[type=submit] {
	color: #85cebc;
	font-size: 14px;
	font-weight: bold;
	height: 25px;
	margin-top: 1em;
	width: 60px;
}
#contact form textarea {
	height: 120px;
}
/* FOR OLD CONTACT FORM
#contact form h2 {
	font-size: 16px;
	margin-bottom: 2px;
	font-weight: normal;
}
#email-name, #email-address, #email-company {
	width: 680px;
	height: 20px;
}
#email-content {
	width: 680px;
	height: 120px;
}
#email-send {
	color: #85cebc;
	font-size: 14px;
	font-weight: bold;
	height: 25px;
	margin-top: 1em;
	width: 60px;
}
*/
#move-down {
	display: block;
	padding-bottom: 150px;
}
.validate {
	color: #DF2930 !important;
	font-size: 140%;
	text-indent: 50px;
}
/* ---------- END CONTACT & COPYRIGHT ---------- */


/* ---------- BEGIN FOOTER ---------- */
#footer {
	width: 900px;
	height: 60px;
	background: url(img/footer.gif) no-repeat;
	font-weight: bold;
	margin: 0 auto;
	padding-top: 10px;
	clear: both;
	z-index: 100;
}
#footer a {
	text-decoration: none;
}
#footer1 a:hover, #footer2 a:hover {
	color: #5b5b5b;
}
#footer1 {
	color: #85cebc;
	float: left;
}
#footer1 a {
	color: #85cebc;
	vertical-align:bottom;
}
#footer1 a:active {
	color: #000;
}
#footer2 {
	color: #aaa;
	float: right;
	text-align: right;
}
#footer2 a {
	color: #aaa;
}
#footer2 a:active {
	color: #888;
}
/* ---------- END FOOTER ---------- */
