/*
Theme Name: Pingwing
Description: 
Author: Kevin McKerracher
Theme URI: 
Version: 1.0
Tags: 
License: 
License URI: 
*/

/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */

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 { background: transparent; border: 0; margin: 0; padding: 0; vertical-align: baseline; }

body { line-height: normal; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; margin: 0 0 15px 0; line-height: normal;  }
ul, li { list-style: none; }
ol, ul { list-style: none; }
ol li { padding: 5px 0; list-style: decimal inside; margin: 0 0 0 30px; }
p { margin: 0 0 15px 0; line-height: 1.6; }
.booklist { margin: 0; }
.leftcol p { text-align: justify; }
blockquote p { margin: 20px 30px 20px 30px; color:#999; quotes:none; }
blockquote:before, blockquote:after { content: ''; content: none; }
del { text-decoration: line-through; }

table { border-collapse: collapse; border-spacing: 0; line-height: 1.5; font-size: 16px; }
table p { margin: 0 0 6px 0; font-size: 100%; }
table td { padding: 15px; }
a img { border: none; }

/* Body */
body { font-size: 100%; color:#6b6b6b; font-family: Georgia, "Times New Roman", Times, serif; } 

/* Links */
a img, :link img, :visited img { border:0; outline:none; text-decoration:none;}
a { color:#60C5E1; text-decoration:none; outline:none; }
a:hover {  color:#60C5E1; text-decoration:none; outline:0; }

/* Headings */
h1 { margin: 0 0 5px 0; font-size: 160%; color: #60C5E1; }
.leftcol h1 { clear: both; }
.post h1 { margin: 0 0 15px 0; }
h1.archive-page-title { margin: 0 0 25px 0; border-bottom: 1px solid #dddddd; padding: 0 0 10px 0; }
h2 { font-size: 140%; color: #999999; }
h3 { font-size: 120%; }
h4 { font-size: 110%; }
h5 { font-size: 100%; }
h6 { font-size: 90%; }

/* Header */
#header { background-image:url(banner/sky.gif); overflow: hidden; height: 266px; background-position: center top; background-repeat:repeat-x; }
#headerwrapper { width: 1140px; margin: 0 auto; position: relative;  }

.logo { position: absolute; top: 40px; left: 20px; font-family: Georgia, "Times New Roman", Times, serif; font-size: 40px; z-index: 100; }
.logo a { color: #3A8285; }
.logo a:hover { text-decoration: none; }
.site-description { position: absolute; z-index: 100; left: 20px; top: 90px;font-size: 22px; color: #fff; }
.pingwings { position: absolute; top: 70px; right: 0; z-index: 70; }

/* Content wrapper */
#wrapper { width: 1140px; margin: 0 auto; overflow: hidden; padding: 0 20px 30px 20px; }

/* Two Column Layout */
.leftcol { float: left; width: 68%; padding: 0; }
.rightcol { float:right; width: 28%; padding: 0; }

@media (max-width:768px) {
    .leftcol { float: none; width: 100%; }
    .rightcol { float: none; width: 100%; }
}

/* Footer */
#footer { background-color:#9FDBED; clear: both; overflow: hidden; padding: 0 0 30px 0; }
#footerwrapper { width: 1140px; margin: 0 auto; padding: 0 20px; }
#footerwrapper h2 { color: #3A8285; }
#footerwrapper a { color: #fff; } 

.footerlogowrap { float: left; margin: 90px 40px 0 0; position: relative; }
.footerlogo { margin: 0 0 0 62px;font-size: 28px; }
.footerlogo a { color: #fff;  } .footerlogo a:hover { color: #fff; }
.footer-site-description { margin: 4px 0 0 62px; font-size: 18px; color: #3A8285; }
.footerwing { position: absolute; left: 0; top:-5px; }
#footerwrapper .left { clear: both; float: left; width: 48%; color: #fff; padding-top: 30px; }
#footerwrapper .right { float: right; width: 48%; color: #fff; text-align: right; padding-top: 30px; }
#footerwrapper .right a { color: #fff; }
#footerwrapper .right a:hover { text-decoration: underline; }

#calendar_wrap {font-size: 13px; margin: 20px 0 0 0;  }
#calendar_wrap table { color: #3A8285; }
#calendar_wrap table a { color: #fff; }
#calendar_wrap table a:hover { text-decoration: underline; }
#calendar_wrap table th { padding: 0 0 10px 0; font-size:16px; font-weight: normal; color: #fff; }
#calendar_wrap table td { text-align: center; }
#calendar_wrap caption {font-size: 22px; text-align: left; margin: 0 0 10px 0; }

/* =Footer Widgets
-------------------------------------------------------------- */
#footer-widget-area-one { width: 33%; float: left; }
#footer-widget-area-two { width: 33%; float: right; margin: 25px 0 0 0; }
.footerxoxo { margin: 0; padding: 0; }
.footerxoxo li { padding: 0; margin: 0 0 5px 0; }
.footerxoxo li a {  }
.footerxoxo li a:hover { text-decoration: underline; }
.footerxoxo h1 { font-size: 22px; }
.footerxoxo .widget-container { margin: 0; }

/* Image alignment */
.alignleft { float: left; margin: 0 30px 12px 6px; }
.alignright { float: right; margin: 0 6px 12px 30px; }

/* Feature Image */
.fi { position: absolute; z-index:800; bottom:0; left: 0; width: 636px; background-image: url(banner/minibanner.png); background-repeat: no-repeat; height:322px;  }
.attachment-single-post-thumbnail { border: 1px solid #ddd; padding: 2px; margin: 0 0 20px 0;}
.contentmargin { margin: 330px 0 0 0; }



/* Posts */
.post { padding: 0 0 20px 0; margin: 0 0 20px 0; border-bottom: 1px solid #ddd; }
.post h2 a:hover { text-decoration: underline; }
.post img { padding: 5px; background-color: #fff; -moz-box-shadow: 0 0 2px 2px #ddd; -webkit-box-shadow: 0 0 2px 2px #ddd; box-shadow: 0 0 2px 2px #ddd; }
.homepage { margin: 0 0 30px 0; }
.post-date { margin: 0 0 10px 0; }
.post-date a:hover { text-decoration: underline; }
.post img { max-width: 100%; }

.postmetadata, .postmetadata a, .postmetadata a:hover { margin: 20px 0 0 0; line-height: 1.6; }
.postmetadata a:hover { text-decoration: underline; }

.seperate { padding:0 4px; display: inline; }

/* =Comments
-------------------------------------------------------------- */
.commentwrap { margin: 0; padding: 0; clear: both; }
/* commentlist */
.commentlist { margin: 10px 0; padding: 0; list-style: none; }
.commentlist li { margin: 0 0 30px 0; padding: 0 0 20px 85px; list-style: none; border-bottom: solid 1px #ddd; position: relative; }
.commentlist .children { margin: 0 0 40px 0; position: relative; }
.commentlist .children li { border-bottom: solid 1px #D5F0F8; }
.commentlist .comment-author { margin: 0; }
.commentlist .avatar { margin: 0; border: solid 1px #ddd; padding: 2px; position: absolute; left:0; top: 0; }

.commentlist cite { font-style:normal; }
.commentlist cite a:hover { text-decoration: underline; }
.comment-author { font-size: 14px; margin: 0 0 12px 0;}

.comment-meta { font-size: 12px; margin: 6px 0 8px 0;}
.comment-meta a:hover { text-decoration: underline; }
.commentlist ul, .commentlist ol { margin: 0; padding: 0; }
.commentlist .comment-reply-link { background-image:url(btn/commentbtn.gif); background-position: top left; background-repeat: no-repeat; position: absolute; bottom: 0; right: 0; padding: 11px 0 6px 0; width: 70px; color:#fff; font-size: 14px;text-align: center; }
.commentlist .comment-reply-link:hover { color:#60C9E8; text-decoration: none; background-position: top right; }

.commentlist .children .comment-reply-link { background-image:url(btn/commentbtnalt.gif); background-position: top left; background-repeat: no-repeat; position: absolute; bottom: 0; right: 0; padding: 11px 0 6px 0; width: 70px; color:#60C9E8; font-size: 14px;text-align: center;  }
.commentlist .children .comment-reply-link:hover { color:#60C9E8; text-decoration: none; background-position: top right; }

.awaiting { margin: 0 0 14px 0; }
.comments-link { margin: 0 0 0 10px; }

/* =Comment form
-------------------------------------------------------------- */
#respond { margin: 20px 0; padding: 0; position: relative; clear: both; }
#respond .cancel-comment-reply a { position: absolute; top: 0; right: 0; text-decoration: none; padding: 2px 10px; color: #fff; background: #666666;}
#respond .cancel-comment-reply a:hover { background: #666666; }
#comments h3 { margin: 15px 0 0 0; border-bottom: 1px #ddd solid; padding: 0 0 6px 0; clear: both; line-height: 26px; }
#commentform { margin: 0; }
#commentform input[type=text] { }
#commentform label { width: 70px; display: block; }
#commentform label small { }
#commentform textarea { height: 140px; }
#commentform input#submit { padding: 7px 20px;  }

.textfield { margin: 0 0 0 10px; }

/* =Breadcrumb
-------------------------------------------------------------- */
.breadcrumbs { margin: 0; padding: 10px 0; font-size: 11px; list-style: none; overflow: hidden; color: #666; text-transform: lowercase; }
.breadcrumbs a { font-size: 11px; display: block; float: left; padding: 0 10px 0 0; margin: 0 10px 0 0; text-decoration: none; border-bottom:none; text-transform: lowercase; border-right: 1px solid #ddd; }
/* main level link :hover */
.breadcrumbs a:hover { text-decoration: underline; color: #60C5E1; }

/* =Sidebar
-------------------------------------------------------------- */
.xoxo { margin: 0; padding: 0; }
.xoxo ul { list-style: none; }
.xoxo li { padding: 0; margin: 0 0 5px 0; }
.xoxo li a { line-height: 1.2; }
.xoxo li a:hover { text-decoration: underline; }
.xoxo h1 { font-size: 130%;  }
.xoxo .widget-container { margin: 0 0 20px 0; border-bottom: 1px solid #ddd; padding: 0 0 20px 0; }
.kobo { margin: 20px 0 0 75px; }

.blogroll .xoxo ul { margin: 10px 0 0 0; padding: 0; }
.blogroll .xoxo li { float: left; width: 300px; margin: 0 20px 8px 0; }
.blogroll .linkcat h2 { display: none; }

/* =Main Navigation
-------------------------------------------------------------- */
.navigation { border-top: 1px #ddd solid; border-bottom: 1px #ddd solid; margin-bottom: 40px; }
.navigation-wrapper { width: 1140px; margin: 0 auto; }
.main-nav { margin: 0; padding: 0; text-align: center; list-style: none; z-index: 150; }
.main-nav li { display:inline-block; margin: 0 6%; padding: 0; position: relative; }
/* main level link */
.main-nav a { display: block; padding: 12px 0; text-decoration: none; font-size: 18px; }
/* main level link :hover */
.main-nav a:hover {  }
/* current link */
.main-nav .current_page_item a, .main-nav .current-menu-item a { }
/* current link :hover */
.main-nav .current_page_item a:hover, .main-nav .current-menu-item a:hover { }
/* sub-levels link */
.main-nav ul a, .main-nav .current_page_item ul a, .main-nav ul .current_page_item a, .main-nav .current-menu-item ul a, .main-nav ul .current-menu-item a { padding: 8px 10px; margin: 0; width: 180px; font-size:16px; background-color: #fff; }
/* sub-levels link :hover */
.main-nav ul a:hover, .main-nav .current_page_item ul a:hover, .main-nav ul .current_page_item a:hover, .main-nav .current-menu-item ul a:hover, .main-nav ul .current-menu-item a:hover { background-color: #BBE4EF; color: #fff; }
/* dropdown ul */
.main-nav ul { margin: 0; padding: 0; list-style: none; position: absolute; background-color:#ffffff; z-index: 150; display: none; left: 0; top: 45px; font-size:16px; font-size-adjust: none; border: 1px #ddd solid; text-align: left;  }
.main-nav ul li { background: none; padding: 0; margin: 0; }
/* sub-levels dropdown */
.main-nav ul ul { left: 190px; top: 0; }
/* show dropdown ul */
.main-nav li:hover > ul { display: block; }

/* =Divide Line
-------------------------------------------------------------- */
.divideline { background-color: #ddd; height: 1px; margin: 10px 0 25px 0; clear: both; }

/* =Clearfloat
-------------------------------------------------------------- */
.clear { clear: both; line-height: 0; overflow: hidden; }

/* =Next Previous
-------------------------------------------------------------- */
.nextprev { margin: 0 0 0 0; overflow: hidden; }
.next { float: right; }
.prev { float: left; }
.next a, .prev a { color: #fff; display: inline-block; font-size: 14px; background-image: url(btn/arrows.gif); background-repeat: no-repeat; line-height: 68px; height: 64px; padding: 0 0 0 20px; text-align: left; width: 65px; }
.next a { background-position: top left;  }
.prev a { background-position: bottom left; }
.next a:hover { background-position: top right; color:#60C5E1; }
.prev a:hover { background-position: bottom right; color:#60C5E1; }

#wps-toolbar-content #wps-toolbar-bottom #wpsc-social-counts { margin: 0 80px 0 0; }
.daddydesign { display: none; }

/* Photo Gallery */
.photo-gallery { clear: both; padding: 0; }
.photo-gallery ul { margin: 0 0 20px 0; list-style: none; margin: 0; padding: 0;  }
.photo-gallery li { float: left; margin: 0 7px 10px 3px; }

ul.product-thumb li img { padding: 5px; background-color: #fff; -moz-box-shadow: 0 0 2px 2px #ddd; -webkit-box-shadow: 0 0 2px 2px #ddd; box-shadow: 0 0 2px 2px #ddd; } 

.page-gallery li { float: left; margin: 0 20px 20px 0; }

.grid-wrapper { overflow: hidden; }
ul.product-cat { list-style: none; margin: 0 0 15px 0; padding: 0; overflow: hidden; }
ul.product-cat li { float: left; margin: 0 2px 2px 0; text-align: center; }
ul.product-cat a { text-transform: lowercase; padding: 0 12px; background-color: #49BDDE; line-height: 26px; height: 26px; display: block; color: #ffffff; min-width: 100px; text-decoration: none; }
ul.product-cat a:hover, ul.product-cat a.active { color: #ffffff; background-color: #9DDCEE; }

.product-grid { clear: both; }
ul.product-thumb { list-style: none; margin: 0 0 0 -16px; padding: 0; }
ul.product-thumb li { float: left; margin: 0 20px; text-align: center; height: 220px; }
ul.product-thumb li a { text-decoration: none; display: block; }

.product-thumb-caption { margin: 0; line-height: 1.5; width: 100px; font-size: 13px; }

.screen-reader-text { visibility: hidden; display: none; }
#s { margin: 0 10px 0 0; width: 180px; }

#gr_challenge_progress_body_940 h3 { text-align: left!important; font-style: normal !important; }

.form-submit { margin: 15px 0; }