/* 
Theme Name: Mosaices
Theme URI: http://www.mosaices.com
Author: CrushLabs, Inc.
Author URI: http://www.crushlabs.com
Description: A custom theme for Mosaices developed by <a href="http://www.crushlabs.com">CrushLabs, Inc</a>. 
Tags:
*/

*{border: 0;margin: 0;padding: 0}

/* Universal */
body {background: #FAFAFA; margin: 0px; padding: 0px; font-family: Verdana; font-size: 12px; color: #333;}
a {color: #0F9DDA; text-decoration: none;}
a:hover {color: #336699;}
a img {border: none;}
img.imgtfe, img.alignleft {border: 1px solid #DADADA; padding: 4px; margin: 0px 10px 0px 0px;}
acronym, abbr {}
blockquote {}
blockquote cite {}
code, pre {}
.clear {clear: both;}
fieldset {border: none;}
legend {display: none;}
h1, h2, h3, h4, h5, h6 {margin: 0px; padding: 0px;}
hr {display: none;}
p {line-height: 20px; margin: 8px 0px;}
input, textarea {padding: 2px;}
input,select,textarea{border: #e6e6e6 1px solid;font-size: 12px;padding: 2px}
input#s {border: 1px solid #DADADA; width: 170px; padding: 4px;}
td, th, tr {}
#wrapper {width: 980px; margin: 0px auto 10px; padding: 0px;}

/* Header */
#header {margin: 0px; padding: 0px; height: 205px;}
#header .h-l {float: left; width: 280px; margin: 0px; padding: 0px; }
#header .h-l img {}
#header .h-r {float: right; width: 700px; margin: 0px; padding: 0px; }

/* Navigation */
#navbar {background: #0F9DDA;width: 980px;height: 30px;font-size: 11px;font-family: Arial, Tahoma, Verdana;color: #FFFFFF;font-weight: bold;margin: 0px auto;padding: 0px; border-top: 3px solid #0F9DDA; overflow: hidden;}
#navbar a, #navbar a:visited {color: #FFF;font-size: 11px;text-decoration: none;text-transform: uppercase;padding: 0px 0px 0px 3px;}
#navbar a:hover {background: #7FBBE7;color: #FFF; text-decoration: underline;padding: 0px 0px 0px 3px;}
#navbarleft {width: 980px;float: left;margin: 0px;padding: 0px;z-index: 999;}
#nav {margin: 0px 0px 0px 3px;padding: 0px;list-style: none;}
#nav ul {padding: 0px;margin: 0px;list-style: none;}
#nav a, #nav a:visited {background: #0F9DDA;color: #FFF;display: block;    font-weight: bold;    margin: 0px;padding: 8px 15px 8px 15px;}
#nav a:hover, #nav li.current_page_item a {background: #7FBBE7;color: #FFFFFF;    margin: 0px;padding: 8px 15px 8px 15px;text-decoration: none;}
#nav li {float: left;margin: 0px;padding: 0px;}
#nav li li {float: left;margin: 0px;padding: 0px;width: 150px;}
#nav li li a, #nav li li a:link, #nav li li a:visited {background: #0F9DDA;width: 160px;float: none;margin: 0px;padding: 8px 30px 8px 10px;}
#nav li li a:hover, #nav li li a:active {background: #7FBBE7;color: #FFFFFF; padding: 8px 30px 8px 10px;}
#nav li ul {position: absolute;width: 10em;left: -999em;z-index: 9999;}
#nav li:hover ul {left: auto;display: block;}
#nav li:hover ul, #nav li.sfhover ul {left: auto;}

/* Content */
#container {width: 980px; background: #FFF; margin: 0px; padding: 0px;}
#content {float: right; width: 630px; margin: 10px 20px 0px 10px; padding: 0px;}
.interior {margin: 0px; padding: 10px 50px;}
#sidebar {float: left; width: 280px; margin: 20px 10px 0px 20px; padding: 0px;}

/* blog posts */
.postmeta {margin: 0px 0px 20px;}
#content h2 {margin: 10px 0px; padding: 5px 0px 10px 10px; border-left: 20px solid #088ED3; border-bottom: 1px solid #EAEAEA; font-size: 20px; color: #088ED3;}
#content h2 a {color: #088ED3;}
#content h2.pagetitle {background: #FAFAFA; color: #333; border-color: #333;}
#content .post {padding: 0px 10px; margin: 10px;}
#content .post h2 {margin: 10px; padding: 5px; border: 1px solid #DADADA;font-size:16px; color: #999;}
#content .post h3 {font-size: 14px;}
#content .post img {border: 1px solid #DADADA; padding: 4px; margin:0px;}
#content .post .date {font-style: italic;}

/* Comments */
#content .commentlist {margin:0;padding:0;border-top:#DADADA 1px solid;}
#content .commentlist li {list-style:none;margin: 0;padding:1em;border-bottom:#DADADA 1px solid;}
.commentlist li.alt {background-color:#FAFAFA;}
.commentlist li .cmtinfo {font-size:10px;}
.commentlist li cite {font-size:10px;}
.commentlist li .cmtinfo em {float:right;margin:0;padding:0;font-style:normal;color:#999;}
#content .nocomments {text-align:center;color:#999;}

/* Sidebar */
#sidebar {font-size: 12px;}
#sidebar ul {list-style: none; margin: 10px 0px; padding: 0px;}
#sidebar li {list-style: none; margin: 0px; padding: 0px;}
#sidebar ul {padding: 5px; }
#sidebar h3 {color: #088ED3; font-size: 16px;margin: 10px 0px; padding: 0px 0px 5px;border-bottom: 1px solid #EAEAEA;}
#sidebar ul ul {margin: 0px; padding: 0px;}
#sidebar ul li {list-style: square; margin: 0px 0px 0px 15px; padding: 3px 0px; color: #333;}
#sidebar ul li a {color: #333;}
#sidebar ul li a:hover {color: #088ED3;}
#sidebar span#subpages-title a{font-size: 16px; padding: 5px 5px 5px 10px;}
#sidebar h3 span.subscribe {font-size: 14px;margin: 10px 0px;  padding: 5px;}
#sidebar .wpcf7-form textarea {width: 220px; height: 100px;}
#sidebar .widget input.text {margin: 1px 0px 2px;width: 150px;}
.post input.text {margin: 1px 0px 2px;width: 250px;}
.post input.button {margin: 5px; width: 90px;}
/* Footer */
#footer {clear: both;margin: 0px; padding: 0px; font-size: 10px;}
#footer a {}
#footer a:hover {}
/* attribution link styling */
#footer .credits {padding: 5px 10px; text-align: right; border-top: 1px solid #DADADA;}
#footer .credits a {}
#footer .credits a:hover {}

/* Various Classes & Image Alignment */
.center {text-align: center;}
.floatleft {float: left; margin: 5px;}
.floatright {float: right; margin: 5px;}
img.centered {display: block;margin-left: auto;margin-right: auto;}
img.alignright {padding: 4px;margin: 0 0 2px 7px;display: inline;}
img.alignleft {padding: 4px;margin: 0 7px 2px 0;display: inline;}
.alignright {float: right;}
.alignleft {float: left}
.navigation {display: block;text-align: center;margin-top: 10px;margin-bottom: 60px;}
.previouslink {}
.nextlink {} 

.ads{margin: 0 0 10px}
.ads img{margin: 0 8px 5px 0}
.btn-arr a{background: #bdbbac;color: #ffffff;line-height: 25px;padding: 5px 10px}
.btn-arr2{float: left;padding: 130px 0 0;width: 27px}
.fix{clear: both;height: 1px;margin: -1px 0 0;overflow: hidden}
.fl{float: left}
.fr{float: right}
.ac{text-align: center}
.ar{text-align: right}

/*=== Comments ===*/

#comments p { padding-bottom:10px; }
#respond { margin: 1em 0 0; }
.col1{float: left;width: 115px;margin:0 0 1em;	}
.col1 a{color: #555555;text-decoration: underline}
.col2{float: right;width: 425px}
.col4{float: left;width: 335px;}
.col5{float: right;width: 415px;}
.col5 img{border: 10px solid #f6f5ed;}
* html .col6{ width: 290px; }
.com{margin: 0 0 0; width: 600px}
.com .top,.com .bot{ clear: both;height: 10px;overflow: hidden}
.com .bot{}
.com .spcr{background: #FAFAFA;height: 1%;padding: 0 20px; min-height:100px;}
.com p{padding: 0}

/*=== Widget styling ===*/

.widget #recentcomments li{background: url(images/hl-dot.gif) repeat-x bottom;padding: .5em 0}
.widget #recentcomments li a{background:none;color: #a4b92e;text-decoration:none;}
.widget #recentcomments li a:hover{color: #a4b92e;text-decoration: underline;}
.widget #searchform, .widget #calendar_wrap{background: #f0eee1;height: 1%;margin: 0 0 2em;padding: 7px 15px 15px}
.widget #searchform, .widget #calendar_wrap{clear: both;height: 1%;margin: 0 0 14px;}
.widget #wp-calendar caption {font-size:1.2em;text-transform: uppercase;font-weight: bold;padding-top: 10px;padding-right: 5px;padding-bottom: 10px;padding-left: 5px;margin-bottom:5px;color:#333333;}
.widget #wp-calendar {margin-left:auto;margin-right:auto;text-align:center;width:240px;}
.widget #wp-calendar thead th {color:#333333;}
.widget #wp-calendar tfoot td {padding:10px 0 10px 0;text-align:left;}
.widget #wp-calendar tfoot td#next {text-align:right;}
.widget #wp-calendar td {width:auto;	}
.widget #wp-calendar td a {padding:2px;text-decoration:underline;}
.widget #wp-calendar tfoot td a {color:#333333;}.quote {background:url(images/ico-quote.gif) no-repeat top left;margin:9px 0 0;width:37px;height:29px;}
.flickr_badge_image img{margin: 0 3px 8px;padding: 0 7px 5px 0;float:left;}
.flickr img{vertical-align:middle;margin:6px 0 8px;}
.subscribe img{vertical-align:middle;margin:6px 0 8px;}

/*=== THREADED COMMENTS == */
ol.commentlist li.threaded .com { width:auto; margin:0px; }
ol.commentlist li.threaded .col1 { width:90px; }
ol.commentlist li.threaded .com .spcr { padding:10px 15px 0; margin:0; }
ol.commentlist li.threaded .children { margin-left:20px; }
ol.commentlist li.threaded .col2 { float:none; width:auto; margin-left:115px; }

/*=== TYPOGRAPHY ===*/
img.border{padding:5px; margin:2px 3px 0 0}
.special{padding:10px; text-align:center}
.error{padding:5px 5px 5px 0px !Important; text-indent:25px}
.message{padding:5px 5px 5px 0px !Important; text-indent:25px}
.tips{padding:5px 5px 5px 0px !Important; text-indent:25px}
.highlight{padding:0 5px}
pre, .code{padding:10px 15px !Important; margin:5px 0 15px !Important; white-space:normal !Important; width:auto !Important}
div.blockquote{width:auto !Important; padding:5px 0px 5px 0px !Important}
div.blockquote blockquote{padding:15px 40px 5px 40px !Important}
.dropcap{float:left; padding:4px 8px 0 0; display:block; font-family:Georgia,Times,serif; font-size:50px; line-height:40px}
p.sticky{padding:20px 20px 10px 40px; margin-top:10px; margin-bottom:10px}
p.pin{padding:20px 20px 10px 40px; margin-top:10px; margin-bottom:10px}
p.clip{margin-top:10px; margin-bottom:10px; padding:20px 20px 10px 40px}
p.down{padding:20px 20px 10px 40px; margin-top:10px; margin-bottom:10px}
.blocknumber{clear:both; position:relative; padding-top:5px; padding-right:15px; padding-bottom:10px; padding-left:15px}
.bignumber{float:left; margin-right:15px; margin-bottom:5px; padding:5px 5px 5px 6px; display:block; font-weight:bold; background-position:left top; font-family:Arial,sans-serif; font-size:23px; line-height:normal}
.post ul li, ul.video li, li.video, li.video:hover, ul.check li, li.check, li.check:hover, ul.star li, li.star, li.star:hover{margin: 10px 20px; padding: 4px 0px 3px 25px; list-style-image:none; list-style-type:none; font-size: 12px;}
img.border{border:1px solid #e7e7e7; background:#F6F6F6}
.special{background:#FFC; border:1px solid #9E9F63}
.error{color:#C00; background:url(images/typo/error.gif) no-repeat center left}
.message{color:#069; background:url(images/typo/info.gif) no-repeat center left}
.tips{color:#FF5A00; background:url(images/typo/tips.gif) no-repeat center left}
.highlight{border-bottom:1px dashed #888; background:#FEFAE1}
pre, .code{border-left:5px solid #e7e7e7 !Important; border-right:1px solid #e7e7e7 !Important; border-top:1px solid #e7e7e7 !Important; border-bottom:1px solid #e7e7e7 !Important; background:#F6F6F6 !Important}
div.blockquote{border:1px solid #e7e7e7; background-color:#F6F6F6; background:#F6F6F6 url(images/typo/qlg.gif) no-repeat 0px 2px  !Important}
div.blockquote blockquote{background:url(images/typo/qrg.gif) no-repeat right bottom}
.dropcap{color:#e7e7e7; font-family:Georgia,Times,serif}
p.sticky{border-right:1px solid #e7e7e7; border-top:1px solid #e7e7e7; border-left:5px solid #e7e7e7; border-bottom:1px solid #e7e7e7; background:#F6F6F6 url(images/typo/sticky.gif) no-repeat left center}
p.pin{border-right:1px solid #e7e7e7; border-top:1px solid #e7e7e7; border-left:5px solid #e7e7e7; border-bottom:1px solid #e7e7e7; background:#F6F6F6 url(images/typo/pin.gif) no-repeat left center}
p.clip{border-right:1px solid #e7e7e7; border-top:1px solid #e7e7e7; border-left:5px solid #e7e7e7; border-bottom:1px solid #e7e7e7; background:#F6F6F6 url(images/typo/clip.gif) no-repeat left center}
p.down{border-right:1px solid #e7e7e7; border-top:1px solid #e7e7e7; border-left:5px solid #e7e7e7; border-bottom:1px solid #e7e7e7; background:#F6F6F6 url(images/typo/down.gif) no-repeat left center}
.bignumber{color:#e7e7e7; background-position:left top}
.post ul li, .post li {background:url(images/typo/star.gif)   no-repeat 0 1px}
body ul.video li, body li.video, body li.video:hover{background:url(images/typo/video.gif) no-repeat 0px  0px}

.btn{display:inline-block;overflow:visible;border:1px solid #CCC;background:url(images/btn.gif) repeat-x 0 0;margin:0 10px 0 0;padding:5px 10px 5px 10px;color:#666;cursor:pointer;-moz-border-radius:2.5px;-webkit-border-radius:2.5px;font-size:12px;line-height:15px!important;font-family:Helvetica,Arial,Verdana;text-align:center;}
.btn:hover,.btn:focus,.btn:active{background-position:0 -26px;color:#424242;}
.btn.yes{background-position:0 -52px;border:1px solid #0084b4;color:#FFF;text-shadow:#2e90b1 -1px -1px 0;}
.btn.yes:hover{background-position:0 -78px;}
input.btn{padding:4px 10px 4px 10px;}