/*

Theme Name: Wondergy

Theme URI: http://www.wondergy.com

Author: Tammy Shipps

Author URI: http://atomicpink.com

Description: A semantic, HTML5, canvas for CSS artists and an ultra-minimal set of super-clean templates for your own WordPress theme development.

Version: 1.4

License: GNU General Public License

License URI: license.txt

Tags: custom-menu, sticky-post, microformats, rtl-language-support, translation-ready, full-width-template, post-formats



This theme, like WordPress, is licensed under the GPL.

Use it to make something cool, have fun, and share what you've learned with others.

*/



.cf:before, .cf:after { content: " "; display: table; }
.cf:after { clear: both; }
.cf { *zoom: 1; }


/* =WordPress Core

-------------------------------------------------------------- */

.alignnone { margin: 5px 20px 20px 0; }
.aligncenter, div.aligncenter { display: block; margin: 5px auto 5px auto; }
.alignright { float: right; margin: 5px 0 15px 20px; }
.alignleft { float: left; margin: 5px 20px 15px 0; }
.aligncenter { display: block; margin: 5px auto 5px auto; }
a img.alignright { float: right; margin: 5px 0 15px 20px; }
a img.alignnone { margin: 5px 20px 15px 0; }
a img.alignleft { float: left; margin: 5px 20px 15px 0; }
a img.aligncenter { display: block; margin-left: auto; margin-right: auto }
.wp-caption { background: #fff; border: 1px solid #f0f0f0; max-width: 96%; /* Image does not overflow the content area */ padding: 5px 3px 10px; text-align: center; }
.wp-caption.alignnone { margin: 5px 20px 15px 0; }
.wp-caption.alignleft { margin: 5px 20px 15px 0; }
.wp-caption.alignright { margin: 5px 0 15px 20px; }
.wp-caption img { border: 0 none; height: auto; margin: 0; max-width: 98.5%; padding: 0; width: auto; }
.wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; margin: 0; padding: 0 4px 5px; }


/*****************************************************************

WONDERGY STYLES 

*****************************************************************/



/****************

General

****************/

body { font-family: 'Open Sans'; color: #333333; margin: 0; padding: 0; font-size: 14px; }
* { margin: 0; padding: 0; font-size: 14px; }
p { margin: 0 0 25px 0; font-size: 14px; }
html { overflow-y: scroll; }
a { text-decoration: none; color: #008efc; outline: none; /* IE, Firefox */ }
a:hover { text-decoration: underline; }
h1 > a:hover, h2 > a:hover, h3 > a:hover, .btn:hover { text-decoration: none; }
ul { list-style: none; }
iframe { border: none; }
a img { border: none; /* IE */ }
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
* html .clearfix { zoom: 1; } /* IE6 */

*:first-child+html .clearfix { zoom: 1; } /* IE7 */

i.icon-ok-sign, i.icon-remove-sign { font-size: 16px; }
i.icon-ok-sign { color: #4ba744; }
i.icon-remove-sign { color: #a74444; }
.row { margin: 0 auto; }
#page { margin: 0 auto; }
.italic { font-style: italic; }


/****************

Header

****************/

#header { height: 100px; position: relative; background-image: url("/wp-content/themes/WondergyTheme/images/bg.png"); background-repeat: repeat-x; background-position: bottom left; position: relative; background-color: #3a3a3a; color: #fff; }
#header .c8 { padding-left: 50px; }
#header .c8 h1 { display: inline-block; margin: 0; padding: 0; }
#header .c8 a img { position: absolute; top: 29px; height: 37px; vertical-align: middle; }
#header .c8 span { position: absolute; top: 33px; left: 195px; display: inline-block; font-size: 15px; margin-left: 35px; padding: 5px 0 5px 35px; border-left: 2px solid #fff; font-family: 'Open Sans'; opacity: .999; }
#header .c4 { position: relative; }


/****************

Searchbar

****************/

::-webkit-input-placeholder { color: #ccc; }
:-moz-placeholder { color: #ccc; }
#header form { position: absolute; right: 39px; top: 32px; }
#header #s { font-family: "Lucida Sans Unicode"; font-size: 13px; background-color: #292929; background-image: url('/wp-content/themes/WondergyTheme/images/search.png'); background-repeat: no-repeat; background-position: 8px 10px; color: #aaa; opacity: .999; border: 0px; width: 125px; height: 33px; outline: none; padding: 7px 25px 7px 29px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
span#icon_clear { padding: 2px; margin: 0; border: 0; display: none; font-size: 11px; cursor: pointer; color: #666; position: absolute; height: 20px; top: 8px; right: 7px; }
span#icon_clear:hover { color: #ccc; }


/****************

Section

****************/

#content { margin-top: 25px; color: #333; font-size: 0px; }
#left-column { padding-left: 0px; border-right: 1px solid #EEEEEE; margin-top: 25px; }
#left-column #content { margin: 0; }
#sidebar { padding-right: 0px; margin-top: 25px; }
#primary-full { margin-top: 20px; }
body.home #primary-full { margin-top: 0; }


/****************

Footer

****************/

footer { clear: both; width: 100%; border-top: 4px solid #dedede; padding-top: 15px; margin-top: 35px; color: #444; font-size: 13px; }
address { font-style: normal; }


/****************

Main Menu

****************/

#menu-top-navigation { position: relative; width: 100%; background: #eaeaea; }
#menu-top-navigation:after { clear: both; content: ''; display: block; }
#menu-top-navigation > li { float: left; z-index: 3; }
#menu-top-navigation > li a { padding: 16px 24px; display: block; color: #555; }
#menu-top-navigation > li { position: relative; background: #eaeaea; z-index: 20; }
#menu-top-navigation > li:hover, #menu-top-navigation li:hover ul { background: #dadada; }
#menu-top-navigation li ul { background-color: #eaeaea; position: absolute; top: 100%; left: 0; z-index: -5; }
#menu-top-navigation ul li { width: 250px; width: 100%; height: 0px; float: none; /*border: 1px solid #222;*/ transition: height .1s; -webkit-transition: height .1s; -moz-transition: height .1s; -ms-transition: height .1s; -o-transition: height .1s; }
#menu-top-navigation li li { visibility: hidden; }
#menu-top-navigation li:hover li { height: 49px; visibility: visible; }
#menu-top-navigation li:hover ul li:last-child { padding-bottom: 0px; }
#menu-top-navigation li:hover ul { visibility: visible; }
#menu-top-navigation ul li a { width: 100%; display: inline-block; width: 250px; }
#menu-top-navigation li > ul li a { opacity: 0; transition: opacity .05s; -webkit-transition: opacity .05s; -moz-transition: opacity .05s; -ms-transition: opacity .05s; -o-transition: opacity .05s; }
#menu-top-navigation li:hover > ul li a { opacity: 1; }
#menu-top-navigation li li a { text-decoration: none; }
#menu-top-navigation > li:hover li:hover a, #menu-top-navigation > li:hover > a { color: #222; }
#menu-top-navigation > li > a { float: none; text-decoration: none; text-shadow: 0 1px 0 #FFFFFF; }


/*****

Aside 

*****/

aside { color: #777; font-size: 13px; vertical-align: top; }
aside p { margin-bottom: 9px; }
aside > h1 { color: #1E1E1E; font-size: 18px; margin-bottom: 5px; text-align: left; font-family: 'Source Sans Pro'; line-height: normal; }
aside .sendpress-signup-form { margin-top: 10px; }
.sendpress input[type=text], .sendpress-signup-form input[type=text], .input { font-size: 14px; margin-top: 5px; padding: 3px 5px; color: #777; border: 1px solid #aaa; }
.sendpress input[type=submit], .sendpress-signup-form input[type=submit], .btn { display: inline-block; font-size: 13px; padding: 5px 15px; margin-top: 5px; border: 0; color: #fff; background: #888; cursor: pointer; text-align: center; }
.sendpress input[type=submit]:hover, .sendpress-signup-form input[type=submit]:hover, .btn:hover { background-color: #008aff; }
span.quote { font-family: 'Verdana'; font-size: 11px; margin-top: 17px; display: block; font-style: normal; color: #333; }
span.quote span { font-family: 'Verdana'; font-size: 11px; color: #333; }
#quote { font-family: 'Times', serif; font-size: 16px; line-height: 20px; font-style: italic; }
#left-content { vertical-align: top; display: inline-block; font-size: 14px; width: 700px; min-height: 350px; padding-right: 49px; border-right: 1px solid #ddd; }
#subscribe-status { margin-top: 6px; height: 15px; display: block; }
.added { opacity: 1; color: #4ba744; }
.not-added { opacity: 1; color: #a74444; }
.AdvancedText { padding-bottom: 20px; margin-bottom: 30px; border-bottom: 1px solid #EEEEEE; }


/****************

Footer

****************/

address, #telephone, #email-address { float: left; border-right: 1px solid #bcbcbc; padding: 7px 20px; }
address { padding-left: 0; } /* Doesn't work in IE8 */

#email-address { border-right: none; padding-right: 0; } /* Doesn't work in IE8 */

#icons { float: right; }
#icons li { float: left; padding: 0 1px; }
#icons li:last-child { padding-right: 0px; }
#icons li:hover { opacity: .6; }
#copyright { display: block; padding-top: 7px; color: #aaa; clear: both; }
.fb-like { margin: 30px 0 10px 0; }


/****************

Content

****************/



h1, h2, h3, h4, h5, h6 { font-family: 'Source Sans Pro'; margin: 10px 0; color: #1e1e1e; font-weight: 600; line-height: normal; text-rendering: optimizelegibility; }
h1 { line-height: 38px; font-size: 35px; margin: 0 0 10px; }
h2 { font-size: 17px; margin-bottom: 5px; }
h3 { font-size: 24.5px; }
.c12 { padding: 0px; }
iframe, embed { height: 383px; margin: 0 auto; width: 680px; }
.alert-info { background-color: #D9EDF7; border-color: #BCE8F1; color: #3A87AD; }
.alert { border-radius: 4px 4px 4px 4px; margin-bottom: 20px; padding: 8px 35px 8px 14px; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); }
.text-center { text-align: center; }
.text-left { text-align: left; }
.text-right { text-align: right; }
.center { margin: 0 auto; }
.entry-content {}
.entry-content ul { list-style-type: circle; margin-bottom: 20px; }
.entry-content ul li { margin: 0 0 5px 30px; }
.entry-content ul.thumbnails { margin-bottom: 25px; }
.closer { margin-top: -25px; }
.lead { font-size: 19px; display: block; margin: 0 auto 12px; color: #999; }
.page-header h1 { padding: 0; text-align: center; }
.page-header { margin: 5px 0 5px; padding-bottom: 5px; border-bottom: 1px solid #EEEEEE; margin-bottom: 20px; }
.page-header p {}
.page-header small { font-size: 31px; font-weight: 300; }
.carousel-control { font-family: 'Open Sans'; }
.thumbnail-container { margin: 0 0 20px 0; padding: 0 5px; }
.thumbnail-container .thumbnail {  margin: 0; padding: 0; max-width: 321px; }
.thumbnail-container.small-box .thumbnail { min-height: 100px; max-width: none; }
.thumbnail { min-height: 420px; border: 1px solid #DDDDDD; border-radius: 4px 4px 4px 4px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055); display: block; line-height: 20px; padding: 4px; }
.thumbnail .caption { color: #555555; padding: 9px; }
.caption { line-height: 25px; }
.alignright iframe, .alignleft iframe { width: 281px; height: 187px; }
videosidebar iframe { width: 240px; height: 180px; }
.alignrighthalf iframe, .alignlefthalf iframe { width: 320px; height: 240px; }
#pricing { display: block; font-size: 14px; color: #999; }
#searchform label { display: none; }
.breadcrumbs { font-size: 11px; padding: 0 2px; color: #999; line-height: 30px; }
.breadcrumbs a { font-size: 11px; }
body.home .breadcrumbs { display: none; }
body.blog .entry-title { font-size: 18px; font-weight: bold; margin-bottom: 5px; }
body.blog .entry-meta { color: #999; font-size: 11px; font-style: italic; margin-bottom: 15px; }
body.blog .entry-meta * { font-size: 11px; }
body.blog .entry-meta .meta-sep { font-style: normal; }
body.blog .entry-footer-meta p { color: #999; font-size: 11px; }
body.blog .entry-footer-meta a { font-size: 11px; }
body.blog .entry-content { margin-bottom: 25px; padding: 0 15px; padding-bottom: 25px; border-bottom: 3px dotted #EEEEEE; }
body.single-post .entry-meta { color: #999; font-size: 12px; margin-bottom: 10px; }
body.single-post .entry-meta * { font-size: 12px; }
body.single-post .entry-footer-meta p { color: #999; font-size: 12px; }
body.single-post .entry-footer-meta a { font-size: 12px; }
body.single-post h3 { margin-bottom: 8px; }


/*  Buttons  */

#searchsubmit { padding: 0 10px; height: 29px; line-height: 29px; background-color: #939393; color: #CCC; border: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
a.button { background: none repeat scroll 0 0 #888888; color: #FFFFFF; font-size: 16px; padding: 10px 35px; text-align: center; display: inline-block; }
a.button:hover, a.button:active { background-color: #008AFF; color: #FFFFFF; text-decoration: none; }


/*  Home Page  */

body.home .navbar { margin-bottom: 0px; }
body.home h1 { font-size: 30px; }
.home-text { width: 75%; margin: 0 auto 25px auto; }
.carousel { position: relative; margin-bottom: 20px; line-height: 1; }
.carousel-inner { overflow: hidden; width: 100%; position: relative; }
.carousel-inner>.item { display: none; position: relative; -webkit-transition: 0.6s ease-in-out left; -moz-transition: 0.6s ease-in-out left; -o-transition: 0.6s ease-in-out left; transition: 0.6s ease-in-out left; }
.carousel-inner>.item>img, .carousel-inner>.item>a>img { display: block; line-height: 1; }
.carousel-inner>.active, .carousel-inner>.next, .carousel-inner>.prev { display: block; }
.carousel-inner>.active { left: 0; }
.carousel-inner>.next, .carousel-inner>.prev { position: absolute; top: 0; width: 100%; }
.carousel-inner>.next { left: 100%; }
.carousel-inner>.prev { left: -100%; }
.carousel-inner>.next.left, .carousel-inner>.prev.right { left: 0; }
.carousel-inner>.active.left { left: -100%; }
.carousel-inner>.active.right { left: 100%; }
.carousel-control { position: absolute; top: 40%; left: 15px; width: 40px; height: 40px; margin-top: -20px; font-size: 60px; font-weight: 100; line-height: 19px; color: #ffffff; text-align: center; background: #222222; border: 3px solid #ffffff; -webkit-border-radius: 23px; -moz-border-radius: 23px; border-radius: 23px; opacity: 0.5; filter: alpha(opacity=50); }
.carousel-control.right { left: auto; right: 15px; }
.carousel-control:hover, .carousel-control:focus { color: #ffffff; text-decoration: none; opacity: 0.9; filter: alpha(opacity=90); }
.carousel-indicators { position: absolute; top: 15px; right: 15px; z-index: 5; margin: 0; list-style: none; }
.carousel-indicators li { display: block; float: left; width: 10px; height: 10px; margin-left: 5px; text-indent: -999px; background-color: #ccc; background-color: rgba(255, 255, 255, 0.25); border-radius: 5px; }
.carousel-indicators .active { background-color: #fff; }
.carousel-caption { position: absolute; left: 0; right: 0; bottom: 0; padding: 15px; background: #333333; background: rgba(0, 0, 0, 0.75); bottom: 0; left: auto; position: absolute; right: 0; width: 50%; }
.carousel-caption h4, .carousel-caption p { color: #ffffff; line-height: 20px; }
.carousel-caption h4 { font-size: 17.5px; }
.carousel-caption p { margin: 5px 0 0 0; }


/* Search Results */

body.search-results .breadcrumbs, body.search-no-results .breadcrumbs { display: none; }
body.search-results #content .results { margin-top: 15px; padding-left: 35px; }
body.search-results #content .results  p { font-size: 12px; color: #666; }
body.search-results #content .results  p strong { color: #232323; }


/* Contact */

.dl-horizontal:before, .dl-horizontal:after { content: ""; display: table; line-height: 0; }
.dl-horizontal:after { clear: both; }
.dl-horizontal dt { clear: left; float: left; overflow: hidden; text-align: right; text-overflow: ellipsis; white-space: nowrap; width: 50%; }
dt, dd { line-height: 20px; }
.dl-horizontal dd { margin-bottom: 20px; width: 50%; float: right; clear: both; }
.well { background-color: #F5F5F5; border: 1px solid #E3E3E3; border-radius: 4px 4px 4px 4px; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) inset; margin-bottom: 20px; min-height: 20px; padding: 19px; }
.well p { display: block; }
.well .contact { position: relative; left: 40%; width: 300px; }
.well .contact div { position: relative; top: 15px; }
.icon-envelope-alt { margin-left: -25px; width: 15px; height: 11px; overflow: hidden; background: url("/wp-content/themes/WondergyTheme/images/email.gif") no-repeat; }
.icon-phone { margin-left: -25px; width: 12px; height: 11px; overflow: hidden; background: url("/wp-content/themes/WondergyTheme/images/phone.gif") no-repeat; }
.icon-home { margin-left: -25px; width: 13px; height: 10px; overflow: hidden; background: url("/wp-content/themes/WondergyTheme/images/address.gif") no-repeat; }