/*
Theme Name: Mobilize
Theme URI: http://mobilize.org
Description: Mobilize is a premium wordpress theme, based on the Cloudy WP Theme, with 2 skins operating as a CMS.
Author: Lighthouse Tek
Author URI: http://www.lighthousetek.com
*/



/* Day Skin */


/** General Layout **/

* {margin:0; padding:0;}

html, body {
margin: 0;
padding: 0;
font-family: "Lucida Sans Unicode", "Lucida Grande", Garuda, sans-serif;
font-size: 12px;
position: relative;
line-height: 1.7em;
background: #102027 url('images/pageBG.jpg') repeat-x top left;
color: #6e6e6e;
text-align: left;
height: 100%;
}

.hidden {display:none;}

.no-margin {margin-right:0 !important;}

.round {-moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px;}


#main-colum input, #main-colum textarea {-moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;}

#site-wrapper {
height: auto !important;
height: 100%;
min-height: 100%;
position:relative;
overflow:hidden;
background:url(images/day/center_bg.jpg) no-repeat top center;
}

#site-container {
position: relative;
margin: 10px auto;
background: #fff;
border: 1px solid #777;
width: 960px;
box-shadow: 0 0 5px #000;
-moz-box-shadow: 0 0 5px #000;
-webkit-box-shadow: 0 0 5px #000;
}

.container {
margin:0 auto;
width:960px;
position:relative;
}

/** Navigation **/
#nav {
position: absolute;
top: 130px;
text-transform: capitalize; 
font-size: 12px;
position: relative;
list-style-type: none; 
border-bottom: #6d9fbb 1px solid;
padding-left: 15px;
height: 45px;
}

#nav li {
position: relative;
float: left;
}

#nav a {
display: block;
text-decoration: none;
padding: 5px 15px;
margin-right: 2px;
color: #fff;
background: url(images/buttonBG.jpg) repeat-x top left;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
border: 1px solid #105f8b;
text-shadow: 0 1px 1px #000;
opacity: 0.85;
}

#nav a:hover {
background: #034a71;
opacity: 1.0;
}

#nav ul li {
clear: left;
}

#nav ul li a {
width: 170px;
}

#nav ul, #nav ul ul {
position: absolute;
width: 220px;
display: none;
z-index: 500;
}

#nav ul ul {
left: 180px;
top: 0;
}

#nav ul li a, #nav ul ul li a {
padding: 3px 0 3px 10px;
background: none;
border: none;
-moz-border-radius: 0;
-webkit-border-radius: 0;
border-radius: 0;
background: #105f8b;
}

#nav ul li a:hover, #nav ul ul li a:hover {
background: #034a71;
color: #fff;
}

/** Typography **/

h1 {font-weight:normal; font-size:36px; line-height:38px;}
h2 {font-weight:normal; font-size:28px; line-height:34px;}
h3 {font-weight:normal; font-size:24px; line-height:30px;}
h4 {font-weight:normal; font-size:20px; line-height:22px;}
h5 {font-weight:normal; font-size:17px; line-height:19px;}
h6 {font-weight:normal; font-size:15px; line-height:16px;}

#content h1, #content h2, #content h3, #content h4, #content h5, #content h6 {margin-bottom:10px; color:#105f8b;}
#content h1 a:hover, #content h2 a:hover, #content h3 a:hover, #content h4 a:hover, #content h5 a:hover, #content h6 a:hover {text-decoration:none;}

#content p {margin-bottom: 1.7em;}

#content ul {list-style:circle; list-style-position:inside; padding-left:2px; margin-bottom:15px; padding-left:15px;}
#content ol {list-style:decimal; list-style-position:inside; margin-bottom:15px; padding-left:15px;}

#content blockquote {margin-bottom:5px; padding:12px ; background:#ececec; color:#737373; border-top:#dbdbdb 1px solid; border-bottom:#dbdbdb 1px solid; font-family:Georgia, "Times New Roman", Times, serif; font-size:12px; font-style:italic; line-height:1.7em;}
#content blockquote p {margin-bottom:0;}

/** Header **/

#header {
position:relative;
width: 960px;
z-index:100;
background: url(images/headerBG1.png) top center no-repeat;
}

h1.logo a {
position: absolute;
top: 0;
left: 0;
display: block;
width: 0px;
height: 0px;
background: url(images/logo.png) no-repeat;
text-indent: -9999px;
border: none;
padding: 0;
margin: 0;
}

#search {right: 10px; position: absolute; top: 20px;}
#s {height:30px; width:230px; display:block; background:url(images/day/search_bg.png) no-repeat left top; border:none; padding-left:10px; padding-top:1px; font-size:11px; line-height:30px; color:#6e6e6e;}
#search-submit {height:16px; width:13px; display:block; float:right; background:url(images/day/search_submit.png) no-repeat right top; border:none; position:absolute; right:16px; top:8px;cursor:pointer; }

#blue-bar {width:940px; height:70px; background:url(images/day/quote_bar.png) no-repeat top center; margin: 0 auto 30px auto; position:relative;}
#blue-bar h2 {color:#fff; float:left; padding:20px 0 0 10px;}
#blue-bar .quote {height:54px; width:130px; background:url(images/day/quote_btn.png) no-repeat top left; display:block; text-indent:-9999px; float:right; margin-top:8px; margin-right:6px;}

#blue-bar h3 {
color: #fff;
position: relative;
margin-top: 25px;
margin-left: 5px;
margin-right: 2px;
float: left;
width: 160px;
}

/* Salesforce Form on Homepage */

div#salesforce, #requiredfieldsmsg {
display: none;
}

.w2llabel, .w2linput {
  float: left;
  margin-top: 25px;
  margin-right: 5px;
  margine-left: 5px;
  list-style-type: none;
}

.w2llabel {
   width: 78px;
   color: #f7f7f7;
}

.w2linput {
   width: 100px;
   margin-right: 20px;
}

.w2linput text {
position: relative;
float: left;
margin-top: 25px;
}

.w2llabel text {
position: relative;
float: left;
font-weight: normal;
width: 100px;
margin-top: 25px;
clear: left;
}

.w2llead input.submit {
position: absolute;
right: 20px;
top: -2px;
background: #fff;
color: #105f8b;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
border: 1px solid #777;
padding: 3px 3px;
}

#page-name {margin-top: 175px; padding-bottom: 30px; margin-bottom:30px; border-bottom: #6d9fbb 1px solid; color:#105f8b; text-align:center;}
#page-name .tagline {font-size:18px; margin-top:10px;}

.socialmedia {
width: 240px;
}

.socialmedia ul {
position: absolute;
right: -5px;
top: 56px;
list-style: none;
margin: 0;
}

.socialmedia li {
position: relative;
float: left;
margin-left: 5px;
padding: 0;
}

.socialmedia li a img {
width: 24px;
}

/** Slider **/

#slider-wrapper {
width:940px;
height:200px;
display:block;
position:relative;
margin: 155px auto 30px auto !important;
border: 1px solid #105F8B;
}

#slideshow {width:920px; height:200px; position:relative; top: 0; left: 0;}

#slider-nav {position:absolute; bottom:20px; left:20px; z-index:30; background:#fff; padding:7px 5px; -moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px;}
#slider-nav a {margin-right:5px; margin-left:5px; background:url(images/day/slider-pager.png) no-repeat bottom left; height:16px; width:16px; text-indent:-9999px; display:block; float:left;}
#slider-nav a:hover, #slider-nav a.activeSlide {background:url(images/day/slider-pager.png) no-repeat top left;}

/** Content **/

#content {
overflow:visible;
padding-bottom:30px;
position:relative;
width: 940px;
position: relative;
margin: 0 auto;
}

#content-single {
position: relative;
width: 640px;
float: left;
margin-left: 10px;
overflow: visible;
}

#content img {background:#ececec; border:none; padding:0; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; float:left; margin:0 8px 5px 0;}

.box {float:left; width:275px; margin-right:15px; margin-bottom:0px; height:auto; overflow:visible;}
#content .box img {margin:0 0 0px 0; width: 265px;}
.box a {color:#105f8b;}
.box a:hover {color:#2a8ec0; text-decoration:underline;}

.box p {
clear: left;
}

.vidbox {
float: left;
width: 360px;
margin-bottom: 5px;
height: auto;
overflow: hidden;
}

.vidbox img {
width: 350px;
height: 56px;
}


#main-colum a.more-link, .box a.more-link, .vidbox a.more-link {padding:2px 7px; background: url(images/buttonBG.jpg) #105f8b; color:#fff; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; font-size:10px; text-transform:uppercase;float:left;}
#main-colum a.more-link span, .box a.more-link span, .vidbox a.more-link span {font-size:12px;}
#main-colum a.more-link:hover, .box a.more-link:hover, .vidbox a.more-link:hover {background:#043d5d; text-decoration:none; color:#fff;}


/** Main-Colum **/

#main-colum {width:630px; float:left; height:auto; overflow:visible;}

#main-colum a {color:#105f8b;}
#main-colum a:hover {color:#2a8ec0; text-decoration:underline;}

/** Sidebar **/

#sidebar {width:290px; float:right;  height:auto; overflow:hidden;}

#sidebar ul { list-style-type:none; list-style-position:outside; padding:0; margin:0;}
#sidebar ul li.widget {margin-bottom:40px;}
#sidebar ul li.widget li {list-style-type:none;}
#sidebar ul li.widget li a {display:block; padding:7px 0; border-bottom:#99bfd4 1px solid; color:#2a8ec0; background:#fff;}
#sidebar ul li.widget li a:hover {color:#105f8b; background:#ececec;}
#sidebar ul li.widget li.current_page_item a {font-weight:bold; background:#ececec; color:#105f8b;}

#sidebar ul li.widget li li a {padding-left:10px;}
#sidebar ul li.widget li li.current_page_item a {font-weight:bold; background:#ececec; color:#105f8b;}
#sidebar ul li.widget li.current_page_item li a {font-weight:normal; background:#FFF; color:#2a8ec0;}
#sidebar ul li.widget li.current_page_item li a:hover {color:#105f8b; background:#ececec;}

#content #sidebar #contact-info img {float:none; -moz-border-radius: 5px; -webkit-border-radius:5px; border-radius:5px;padding:5px; border:#d0d0d0 1px solid; background:#ebebeb; margin:-5px 0 15px;}
#content #sidebar #social-info img {background:transparent none repeat scroll 0 0; border:medium none; padding:0; margin-right:5px;}

/** Portfolio **/

#full-width {height:auto; overflow:hidden;}

#content #grid h3, #content #list h3 {text-transform:capitalize;}

#content #grid {}
#content #grid .grid-row {float:left; width:100%; overflow:visible; margin-bottom:30px;}
#content #grid .port-box, #content #list .port-box {display:block; position:relative; height:160px; width:300px; float:left;}
#content #grid .movie, #content #list .movie {}

#content .port-box {margin-bottom:15px;}

#content #list .box {width:940px; margin-right:0;  border-bottom:#6d9fbb 1px solid; height:auto; overflow:visible;}
#content #list .port-box {margin-right:15px;}
#content #list .box img {margin-bottom:0; width:290px !important;}
#content #list .box h3 {margin-bottom:7px;}

.meta {margin-bottom:7px;}
.meta .category, .meta .date, .meta .comments {width:auto; margin-right:20px; padding-left:20px;}
.meta .category {background:url(images/category.png) no-repeat left top;}
.meta .date {background:url(images/clock.png) no-repeat left top;}
.meta .comments {background:url(images/comment.png) no-repeat left 1px;}

#content .wp-pagenavi {float:left; font-size:11px; width:100%;}
#content .wp-pagenavi a {padding:3px 7px; background:#105f8b; color:#fff; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;text-transform:uppercase; border:none;}
#content .wp-pagenavi a:hover {background:#043d5d; text-decoration:none;}
#content .wp-pagenavi span.current {padding:3px 7px;background:#043d5d; text-decoration:none;color:#fff; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; border:none;}

/** Blog **/

#content .post {width:630px; margin-right:0; padding-bottom:30px; border-bottom:#6d9fbb 1px solid; height:auto; overflow:hidden; margin-bottom:30px;}
#content .post img {}

.imagefitblogmain {
width: 150px;
height: 150px;
}

.imagefitblogsingle {
width: 300px;
height: 300px;
}

.imagefitgridwrap {
width: 290px;
}




/** Comments **/

#comments .commentlist {list-style-type:none; list-style-position:outside; overflow:hidden;}
#comments h3 {margin-bottom:30px !important; text-transform:capitalize;}
#comments .commentlist li {margin-bottom:55px; height:auto; width:630px; overflow:hidden;}
#comments .commentlist a {color:#105f8b;}
#comments .commentlist a:hover {color:#2a8ec0;}
#comments .commentlist .comment-left {float:left; width:90px; height:100%; margin-right:30px;}
#comments .commentlist .comment-left img {margin:0 0 10px;}
#comments .commentlist .comment-left cite {text-align:center; display:block;}
#comments .commentlist .comment-right {float:left; width:470px; overflow:hidden; border:#6d9fbb 1px solid; padding:15px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;}

#comments #responde {height:auto; overflow:hidden;}
#comments #responde form p small {color:#6E6E6E !important; }
#comments #responde #commentform input, #comments #responde #commentform textarea {font-size:12px; font-family: "Lucida Sans Unicode", "Lucida Grande", Garuda, sans-serif; color:#6E6E6E; 
border:#6d9fbb 1px solid; padding:2px 5px;}
#comments #responde #commentform input {height:18px;}
#comments #responde #commentform #submit {padding:2px 7px; background:#105f8b; color:#fff; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; font-size:10px; text-transform:uppercase;float:left; border:none; font-size:14px; height:auto; cursor:pointer;}
#comments #responde #commentform #submit:hover {background:#043d5d; text-decoration:none; color:#fff;}

/** Contact us Form **/

#contact-warp {width:260px; float:left; text-align:left; height:auto;margin-bottom:10px;}
#contact-warp p.label {width:260px; float:left; margin:0;color:#2a8ec0;}
#contact-warp .special {display:none;}

.message {float:left; height:auto; width:500px; background:#FAE673; border:#FEBD63 1px solid; color:#CC6600; display:none; padding:10px; -moz-border-radius: 5px; -webkit-border-radius:5px; border-radius:5px;padding:5px; margin-bottom:15px;}

#contact-warp input {padding:5px; font-size:12px; width:260px; float:left; font-family: "Lucida Sans Unicode", "Lucida Grande", Garuda, sans-serif; margin-bottom:5px; border:#ababab 1px solid;}
#contact-warp textarea {padding:5px; font-size:12px; width:550px; float:left; font-family: "Lucida Sans Unicode", "Lucida Grande", Garuda, sans-serif; margin-bottom:10px; border:#ababab 1px solid;}

#contact-warp input.submit {padding:2px 7px; background:#105f8b; color:#fff; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; font-size:10px; text-transform:uppercase;float:left; border:none; font-size:14px; height:auto; cursor:pointer; width:auto;}
#contact-warp input.submit:hover {background:#043d5d; text-decoration:none; color:#fff;}


/** Footer **/
#footer {
height:40px;
padding:0;
position:relative;
width: 940px;
margin: 0 auto;
margin-top: 30px;
font-size: 10px;
}

#footer .container p {}
#footer .container p a {color:#105f8b;}
#footer .container p a:hover {text-decoration:underline; color:#2a8ec0;}

.footernav {
position: absolute;
margin-left: 5px;
}

.footernav li {
position: relative;
float: left;
}

.footernav li a {
color: #105f8b;
margin-right: 15px;
}

.footernav ul, .footernav ul ul {
display: none;
}

/* Clear Floated Elements */

/* http://sonspring.com/journal/clearing-floats */

.clear {
clear: both;
display: block;
overflow: hidden;
visibility: hidden;
width: 0;
height: 0;
}

/* http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack */

.clearfix:after {
clear: both;
content: ' ';
display: block;
font-size: 0;
line-height: 0;
visibility: hidden;
width: 0;
height: 0;
}

.clearfix {
display: inline-block;
}

* html .clearfix {
height: 1%;
}

.clearfix {
display: block;
}