/*
Theme Name: Mojito
Theme URI: http://www.mojitosolutions.com/blog/
Description: Mojito Solutions Blog Theme
Author: Joanne Walter
Author URI: http://www.mojitosolutions.com
Version: 1.0
.
General comments/License Statement if any.
.
*/


/*Reset Styles*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
}

sup{font-size:xx-small; vertical-align:top;} 
sub{font-size:xx-small; vertical-align:bottom;}

body{font-size: 62.5%; font-family: Arial, Helvetica, sans-serif; color: #333; }
img, div {behavior: url(iepngfix.htc)}

/*Container Styles*/
#header {background: url(images/banner.jpg) no-repeat 50% 60px; height: 585px; }
#header-sub {background: url(images/sub-banner.jpg) no-repeat 50% 60px; height: 302px; }
#wrapper {margin-left: auto; margin-right: auto; width: 960px; background: #fff;}
#header-wrapper {margin-left: auto; margin-right: auto; width: 960px; }
#logo { margin-bottom: -142px; padding-top: 15px; padding-left: 0px;}

#leaves { margin-left: 780px; position: relative; height:  220px;}
#leavessub { margin-left: 780px; margin-top: 80px; position: relative; height:  220px;}
#feature-slideshow { background: url(images/screen.png) no-repeat; width: 378px; height: 372px; 
                     margin-top: 150px; margin-left: 130px; margin-bottom: -410px; }
#feature-slides { margin-left: 4px; padding-top: 4px; }
#feature-text { width: 350px; margin-left: 600px; height: 220px; }

#nav { font-size: 1.5em; float: right; margin-bottom: 40px; margin-top: -30px;}
#main-con{ padding-bottom: 30px;}
#content {width: 960px;overflow: hidden;}
#content .col {position: relative; float: left;}
#hpleft, #hpright, #hpmid { width: 268px; padding: 20px;}
#hpleft { margin-right: 30px;}
#hpright, #hpmid { border-left: 1px solid #dedede; }

#subleft {width: 240px;}
#submain { width: 720px;}

#footer { color: #FFF; background: #91c92c; padding: 20px; padding-bottom: 40px;}
#footer-left { width: 420px; float: left; }
#footer-right { text-align: right; }

/*Navigation Styles*/
#nav ul {padding: 5px; padding-top: 13px; text-align: left;  }
#nav li {margin: 0; float: left; list-style: none; border-right: 1px solid #eee; }
#nav li a{line-height: 14px; margin: 15px 20px ; text-decoration: none; color: #9bcf12; display:block; float:left;}
#nav li a:hover {color: #3d93fd; text-decoration:none; border-bottom: none !important;}
#nav li.current a{color: #3d93fd;}
#nav li a span {	display:block;	font-size: 10px;  font-size: .6em; color: #cdcdcd; }
#nav li a:hover span { color: #333;}

/*Sub-Navigation Styles*/
#subnav { font-weight: bold;}
#subnav h2 { font-size: 2.8em; color: #bbb; }
#subnav ul {margin-left: 5px !important; width: 200px;  }
#subnav li {margin: 0; display: block; list-style: none; padding: 5px; border-bottom: 1px dashed #cdcdcd;}
#subnav li a{text-decoration: none; color: #3d93fd; font-size: 1.2em; width: 200px; display: block;}
#subnav li a:hover {color: #9BCF12; border-bottom: none;}
#subnav li.current a{color: #9BCF12;}

/*Sub Sub Navigation Styles*/
#subnav ul ul{margin-left: -5px !important; margin-bottom: -10px;}
#subnav ul ul li{border-bottom: none}
#subnav ul ul li a{color: #333;}
#subnav ul ul li a:hover {color: #7602b9;}

/*Link Styles*/
a {color: #3d93fd; text-decoration: none;}
a:link{color: #3d93fd;}
a:visited {color: #3d93fd;}
a:hover {color: #333; border-bottom: 1px dashed #3d93fd;}

table.table-filled a{color: #e6ff74;}
table.table-filled a:hover {color: #fff; border-bottom: 1px dotted #fff;}

a.imglink{border-bottom: none;}
a.imglink:hover{border-bottom: none;}

#footer a { color: #333;}
#footer a:hover { color: #fff; background: #333; padding: 3px;}
#footer li:hover { background: #333; cursor: crosshair;}

/*Paragraph Styles*/
h1, h2, h3 {  font-weight: normal;}
h1 {font-size: 2.6em; color: #3d93fd; padding-bottom: 5px;}
h2 {font-size: 1.8em; color: #3d93fd; padding-bottom: 5px;margin-top: 10px;}
h3 {font-size: 1.6em; color: #999; padding-bottom: 5px;margin-top: 10px;}
h4 {font-size: 1.2em; color: #3d93fd; padding-bottom: 5px; margin-top: 10px; }
#main-con p,#main-con ul, #main-con ol {font-size: 1.2em !important; padding-bottom: 10px; color: #918d8d; line-height: 1.4em; }
#footer {font-size: 1.1em;}
#footer p{line-height:1.5em; }
#footer li { padding: 3px 2px;}
#footer h4 { color: #fff;}
#feature-text h1{ font-weight: normal; font-size: 2.5em; color: #fff; font-family: "Ronda Light";  }
.quote { font-size: 2em; line-height: 1em; padding-top: 10px !important; display: block; }
.date { color: #bdef61; font-weight: bold;}

/*Table Styles*/
table {background: none; border: none; margin-bottom: 10px;}
table td {padding: 5px; background: none; color: #333; border: none; font-size: 11px}
table th {text-align: left; font-size: 13px; color: #333; padding: 5px; border: none;}
table p{font-size: 11px; padding-bottom: 0;} /*Make sure you set the font size of this style to match the tabel td font size*/

table.table-filled {background: #333; border: 1px solid #fff; margin-bottom: 10px;}
table.table-filled td {padding: 5px; background: #333; color: #fff; border: 1px solid #fff; font-size: 11px}
table.table-filled th {text-align: left; font-size: 13px; color: #fff; padding: 5px; border: 1px solid #fff;}

/*List Styles*/
#content ul, #content ol {font-size: 11px; margin-left: 30px; padding-bottom: 10px;}
#sidebar ul, #sidebar ol {margin-left: 20px !important}

ul.icon-list {margin-left: 0 !important; margin-top: 5px;}
ul.icon-list li{list-style: none; background: url(images/pdf-icon.gif) no-repeat 0 0px; padding-left: 30px; padding-bottom: 8px; padding-top: 4px;}

ul.list-style-none li {list-style: none;}
.list-prefix {display: block; float: left; font-weight: bold; width: 90px;}

/*Image Styles*/
img {padding: 0px;}
#content img{padding: 0;}
#content img.left{padding: 5px 10px 5px 0px;}
#content img.right{padding: 5px 0px 5px 10px;}

/*Class Selectors*/
.right {float: right;}
.left {float: left;}
.clear {clear: both;}
.divider {clear: both; border-bottom: 1px solid #777; padding-top: 20px; margin-bottom: 20px;}
.highlight {color: #1F5180;} /*This is the just a style that can be used to highlight text within a paragraph*/
.seperate { width: 100%; border-top: 1px solid #ddd; margin-top: 10px;}


/*Maxigallery Styles*/
/*Sizing the thumbnails
You will also have to do the following: In assets/snippets/maxigallery/css/default.css add the following to "ul.thumbs li": 
width:size-you-want px;
height:size-you-want px;
overflow:hidden;
position: relative; /*Need this for it to work in IE6*/
.thumbs li{height: 200px; width: 200px;}
.thumbnail {height: 125px; width: 200px;  margin: 0; padding: 0;}
.thumbs p {display: none;}
.thumbscontainer ul{margin-left: 0px !important;}
.thumbs .title { font-size: 1.1em; color: #3d93fd; font-weight: bold;  }

/*Link styles for the lightbox*/
#lbBottomContainer a{color: #006699; text-decoration:none; border-bottom: none;}
#lbBottomContainer a:hover { color: #333; border-bottom: none;}
#lbCenter a{color: #006699; text-decoration:none; border-bottom: none;}
#lbCenter a:hover { color: #333; border-bottom: none;}

/*Positioning the whole Gallery*/
.jdGallery { z-index: 0 !important;} /*This forces the maxigallery to the back of any other elements, so if you have a drop down menu the drop down menu doesn't get stuck behind the maxigallery*/
*html .jdGallery { z-index: -1 !important;}/* IE6*/ 


/*Blog Styles*/
#blog #submain{width: 670px; padding-right: 50px;}
#blog #subright {width: 220px; background: #f9f9f9; padding: 10px; margin-top: 10px;}
.sidecon h2 { padding-bottom: 2px; margin-bottom: 10px; color: #9bcf12; border-bottom: 2px solid #eee;}

.sidecon ul {margin-left: 0!important;}
.sidecon ul li{list-style: none;}
.sidecon ul li a{color: #3d93fd;}
.sidecon ul li a:hover {color: #555; border-bottom: none;}


#blogsearch {margin-top: 10px; margin-bottom: 20px;}
#blogsearch input {width: 180px; border: 1px solid #ddd; padding: 2px; color: #555;}
#blogsearch input#search-submit {width: 16px; height: 16px; background: url(images/search.png) no-repeat 0 0px; border: none; margin-left: 5px;}

#commentform input {border: 1px solid #ddd; padding: 3px;  color: #555}
#commentform textarea {border: 1px solid #ddd}
.blogdivider {height: 40px;}