/*
Theme Name: Naldz
Theme URI: http://naldzgraphics.net/
Author: Naeem Noor
Author URI: http://naeemnur.com/
Version: 4.0
*/

/* -reset- */
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, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; outline: 0; border: 0; vertical-align: baseline; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; }
html { overflow-y: scroll; font-size: 62.5%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body { background: #fff; }
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
ol, ul { list-style: none; }
table { border-spacing: 0; border-collapse: separate; }
caption, th, td { text-align: left; font-weight: normal; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
a:focus { outline: none; }
a:hover, a:active { outline: 0; }
a img { border: 0; }
img { max-width: 100%; }
@media \0screen { img { width: auto; } /* ie 8 img max-width */}
/* -reset- */

/* -main- */
body, button, select, textarea { color: #404040; text-shadow: 0px 0px 1px rgba(128,128,128,0.01); font-weight: 400; font-size: 16px; font-size: 1.6rem; font-family: sans-serif; line-height: 1.5; -webkit-font-smoothing: antialiased; }
h1, h2, h3, h4, h5, h6 { clear: both; }
hr { margin-bottom: 1.5em; height: 1px; border: 0; background-color: #ccc; }
p { margin-bottom: 1.5em; font-weight: 400; }
ul, ol { margin: 0; }
ul { list-style: disc; }
ol { list-style: decimal; }
ol li { margin: 0 0 0 1.5em; }
ul ul, ol ol, ul ol, ol ul { margin-bottom: 0; margin-left: 1.5em; }
.entry-content ul { margin-bottom: 1.5em; margin-left: 30px; }
.entry-content ul li { padding: 0 0 15px 30px; background: url(images/sprite.png) no-repeat -6px -525px; list-style-type: none; }
dt { font-weight: bold; }
dd { margin: 0 1.5em 1.5em; }
b, strong { font-weight: bold; }
dfn, cite, em, i { font-style: italic; }
blockquote { color: #08a3d9; font-size: 30px; text-transform: uppercase; font-family: 'Roboto', sans-serif; font-style: italic;
font-weight: 100; line-height: 36px; quotes:"\201C""\201D""\2018""\2019";}
blockquote:before {content:open-quote;font-size: 35px;line-height:.1em;margin-right:.1em;vertical-align:-5px;}
blockquote:after {content: close-quote;font-size: 35px;line-height:.1em;margin-right:.25em;vertical-align:-4px;}
blockquote p { margin-bottom: 0.5em; display:inline;}
blockquote cite { color: #999; font-size: 13px; }
address { margin: 0 0 1.5em; }
pre { overflow: auto; margin-bottom: 1.6em; padding: 1.6em; max-width: 100%; background: #F2F7F9; font: 12px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace; line-height: 1.6; }
code, kbd, tt, var { font: 14px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace; }
abbr, acronym { border-bottom: 1px dotted #666; cursor: help; }
mark, ins { background: #fff9c0; text-decoration: none; }
sup, sub { position: relative; height: 0; vertical-align: baseline; font-size: 75%; line-height: 0; }
sup { bottom: 1ex; }
sub { top: .5ex; }
small { font-size: 75%; }
big { font-size: 125%; }
figure { margin: 0; }
table { margin: 0 0 1.5em; width: 100%; }
th { font-weight: bold; }
button, input, select, textarea { margin: 0; vertical-align: baseline; font-size: 100%; *vertical-align: middle;}
button, input { line-height: normal; *overflow: visible;}
textarea { overflow: auto; padding-left: 3px; width: 98%; vertical-align: top; }
a { outline: none; color: #26ADE4; }
a:visited { color: #26ADE4; }
a:hover, a:focus, a:active { color: #1E8DAF; }
body { background: url(images/bg.jpg) repeat; color: #222; font: 15px "Open Sans", Helvetica, Arial, sans-serif; font-weight: 300; line-height: 1.6; }
#searchsubmit { margin: 0 0 0 5px; padding: 0; width: 20px; height: 21px; border: none; background: url(images/sprite.png) no-repeat -9px -147px; text-indent: -9999px; cursor: pointer; }
.head_search { display: inline-block; float: left; padding-top: 25px; width: 185px; }
#sticky { position: fixed; top: 0; left: 0; z-index: 1000; width: 100%; height: 75px; -webkit-transform: translateZ(0); }
.alignleft { display: inline; float: left; margin-right: 1.5em; }
.alignright { display: inline; float: right; margin-left: 1.5em; }
.aligncenter { display: block; clear: both; margin: 0 auto; }
.clearfloat { clear: both; }
img.alignleft { margin: 20px 20px 20px 0; }
img.alignright { margin: 20px 0 20px 20px; }
img.aligncenter { margin: 20px auto; }
.buysellads { overflow: hidden; margin-top: 10px;}
#menu-mobile { float: left; }
.site-meta li.mob { padding: 0; }
#menu-mobile .site-meta ul li a#mobile-icon { display: block; padding: 0; width: 5.500em; height: 5.357em; background: #56BEEF url(images/sprite.png) no-repeat -155px -387px; cursor: default; -webkit-transition: none; -moz-transition: none; -o-transition: none; transition: none; }
#menu-mobile .site-meta { float: left; margin-top: 0; }
#menu-mobile .site-meta li a { display: block; padding-left: 20px; width: 135px; color: #444546; text-decoration: none; font-size: 14px; font-family: "Open Sans", Helvetica, Arial, sans-serif; line-height: 25.5px; -webkit-transition: background .2s ease; -moz-transition: background .2s ease; -o-transition: background .2s ease; transition: background .2s ease; }
#menu-mobile .site-meta ul ul { display: none; }
#menu-mobile .site-meta ul ul a:hover { background-color: #e1f0f8; color: #444546; }
.main-navigation { display: block; width: 100%; }
.main-navigation ul { float: left; margin: 0; margin-top: 27px; padding-left: 0; list-style: none; }
.main-navigation li { position: relative; float: left; }
.main-navigation ul ul { position: absolute; top: -3px; left: 0; z-index: 99999; display: none; float: left; background: #DDD; -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 3px 3px rgba(0,0,0,0.2); box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2); }
.main-navigation ul ul ul { top: 0; left: 100%; }
.main-navigation ul ul a { width: 200px; }
.main-navigation li:hover > a { color: #92FDFC; }
.main-navigation ul li:hover > ul { display: block; }
.main-navigation li.current_page_item a, .main-navigation li.current-menu-item a { }
#header-left { float: left; width: 56.334em; }
#header-right { float: right; width: 27.000em; }
.site-meta { float: right; margin-top: 11px; }
.site-meta ul { float: left; margin: 0; padding-left: 0; list-style: none; }
.site-meta li { position: relative; float: left; padding: 0 10px 10px; }
.site-meta ul.site-meta-menu li ul.sub-menu li { padding: 0 0 5px 15px; }
.site-meta li a { color: #444546; text-decoration: none; font-size: 14px; font-family: "Open Sans", Helvetica, Arial, sans-serif; line-height: 24px;-webkit-transition: color 0.2s;-moz-transition: color 0.2s;-o-transition: color 0.2s; transition: color 0.2s; }
.site-meta ul ul { position: absolute; top: 64px; left: -50px; z-index: 2000; display: none; float: left; padding: 10px 0; width: 140px; background: #f5fcfd; -webkit-box-shadow: 0px 0px 3px(0, 0, 0, 0.25); -moz-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.25); box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.25);}
.site-meta ul li a#info { display: block; padding: 15px 35px; border-right: 1px solid #39B5E1; border-left: 1px solid #39B5E1; color: white; font-weight: 600; font-size: 20px; line-height: 24px; }
.site-meta ul li a#socialize { display: block; margin-top: 18px; padding: 0 0 17px; width: 92px; height: 19px; background: url(images/sprite.png) no-repeat -47px -148px; text-indent: -9999px; }
.site-meta ul ul#socialize-submenu li { padding-top: 4px; padding-bottom: 17px; width: 105px; height: 17px; background: url(images/sprite.png) no-repeat; text-transform: uppercase; }
.site-meta ul ul#socialize-submenu li.rss { background-position: 0px -175px; }
.site-meta ul ul#socialize-submenu li.facebook { background-position: 0px -247px; }
.site-meta ul ul#socialize-submenu li.email { background-position: 0px -211px; }
.site-meta ul ul#socialize-submenu li.twitter { background-position: 0px -282px; }
.site-meta ul ul#socialize-submenu li.pinterest { background-position: 0px -321px; }
.site-meta ul ul#socialize-submenu li.googleplus { background-position: 0px -354px; }
.site-meta ul ul#socialize-submenu li a { padding-left: 32px; }
.site-meta ul ul ul { top: 0; left: 100%; z-index: 2001; }
#socialize-submenu { top: 64px; left: -182px; z-index: 3000; padding: 20px; width: 255px; }
.site-meta li:hover > a { color: #92FDFC; }
.site-meta ul ul :hover > a { color: #000; }
.site-meta ul ul a:hover { color: #000; text-decoration: none; }
.site-meta ul li:hover > ul { display: block; }

.left-menu ul {  position: absolute; top: 87px; left: 1; z-index: 100; display: block; float: left; padding: 10px 0; width: 153px; background: transparent; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; margin-left: -25px;}
.left-menu ul li a {  display: block; padding-left: 20px; width: 135px; color: #444546; text-decoration: none; font-size: 14px; font-family: "Open Sans", Helvetica, Arial, sans-serif; line-height: 25.5px; -webkit-transition: background .2s ease; -moz-transition: background .2s ease; -o-transition: background .2s ease; transition: background .2s ease; }
.left-menu ul li a:hover { background-color: #e1f0f8; color: #444546; }
.left-menu .left-widget { overflow: hidden; margin: 0 0 15px; }

#header-right form#searchform input#s { padding: 4px 10px; width: 130px; border: 1px solid #4a9fcb; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; color: #08A3D9 !important; font-size: 11px; font-family: "Open sans", HelveticaNeue, Helvetica, sans-serif; -o-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.31) inset, 0px 2px 1px 0px rgba(255, 255, 255, 0.54); }
.entry-meta { clear: both; }
body.single .byline, body.single .group-blog .byline { display: inline; padding: 3px 15px; background: #39b5e1; color: #fff; text-shadow: 2px 0px 0px rgba(17, 120, 179, 0.7); font-weight: 300; font-size: 14px; }
body.single .byline a { color: #fff; }
body.single .byline a:hover { color: #fff; }
.entry-content { padding: 25px 0; }
body.single .entry-content a { color: #08a3d9; }
body.single .entry-content a:hover { color: #f636be; }
.entry-content h1 { margin: 15px 0; padding: 0 0 15px; border-bottom: 1px solid #BCC3C8; color: #282C2F; font-weight: bold; font-size: 33px; line-height: 20px; }
.entry-content h2 { margin: 15px 0; padding: 0 0 15px; color: #282C2F; font-weight: bold; font-size: 30px; line-height: 20px; }
.entry-content h3 { margin: 15px 0; padding: 0 0 15px; color: #08a3d9; font-weight: normal; font-size: 35px; font-family: "Stint Ultra Condensed", Arial; line-height: 20px; }
.entry-content h4 { margin: 15px 0; padding: 0 0 15px; color: #282C2F; font-weight: bold; font-size: 25px; line-height: 20px; }
.entry-content h5 { margin: 15px 0; padding: 0 0 15px; color: #282C2F; font-weight: bold; font-size: 20px; line-height: 20px; }
.entry-content h6 { margin: 15px 0; padding: 0 0 15px; color: #dc761b; font-weight: bold; font-size: 17px; line-height: 20px; }
body.home .entry-content, body.archive .entry-content { margin: 0; padding: 10px; font-size: 14px; line-height: 20px; }
body.single .entry-content { margin: 40px 0; padding: 0; color: #36383a; font-size: 17px; line-height: 23px; }
.page-links { clear: both; margin: 0 0 1.5em; }
.site-header img, .entry-content img, .comment-content img, .widget img { max-width: 100%; }
.site-header img, .entry-content img, img[class*="align"], img[class*="wp-image-"] { height: auto; }
.site-header img, .entry-content img, img.size-full { max-width: 100%; width: auto; }
.entry-content img.wp-smiley, .comment-content img.wp-smiley { margin-top: 0; margin-bottom: 0; padding: 0; border: none; }
.wp-caption { max-width: 100%; border: 1px solid #ccc; }
.wp-caption.aligncenter, .wp-caption.alignleft, .wp-caption.alignright { margin-bottom: 1.5em; }
.wp-caption img { display: block; margin: 1.2% auto 0; max-width: 98%; }
.wp-caption-text { text-align: center; }
.wp-caption .wp-caption-text { margin: 0.8075em 0; }
#content .gallery { margin-bottom: 1.5em; }
.gallery-caption { padding: 0 10px 10px 10px; color: #999; font-size: 13px; }
#content .gallery a img { max-width: 90%; height: auto; border: none; }
#content .gallery dd { margin: 0; }
#content .gallery-columns-4 .gallery-item { }
#content .gallery-columns-4 .gallery-item img { }
embed, iframe, object { max-width: 100%; }
#content .site-navigation { overflow: hidden; }
#content .nav-previous { float: left; width: 40%; }
#content .nav-next { float: right; width: 40%; text-align: right; }
#comments { margin-top: 40px; margin-bottom: 30px; font-size: 14px; }
#comments-template div.navigation { height: 50px; }
ol.commentlist { margin-left: 60px; }
ol.commentlist, ol.commentlist ul.children { list-style: none; }
ul.children { margin-left: 44px; }
ol.commentlist .avatar { float: left; margin-right: 6px; margin-left: -60px; width: 48px; height: 48px; border-radius: 50%; }
ul.children .avatar { margin-left: -44px; width: 32px; height: 32px; }
.comment-meta, .comment-meta a { color: #999; text-decoration: none; font-size: 12px; }
.comment-meta { margin-top: -12px; margin-bottom: 20px; margin-left: 0px; }
.comment-meta a:before { content: "\2014\a0"; }
.comment .reply { display: block; }
.comment .reply a { display: block; margin-top: -10px; }
.comment-body { margin-bottom: 40px; margin-left: 0px; }
.comment-author { font-weight: bold; font-size: 16px; line-height: 48px; }
.comment-author cite { font-style: normal; }
ul.children .comment-author { margin-bottom: 10px; line-height: 32px; }
.comment-author .fn a { text-decoration: none; }
.comment-author .says, .pingback .says, .pingback .comment-meta, .pingback .reply, .pingback p { display: none; }
.pingback cite { position: relative; }
.pingback cite::before { position: absolute; left: -31px; color: #999; content: "Ping!"; font-size: 10px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); }
.form-allowed-tags { display: none; }
.widget { margin: 14px 0; overflow: hidden; }

body.archive header.page-header { overflow: hidden; margin: 0 20px 35px; }
.arch-title { float: left; }
.taxonomy-description { float: left; margin-left: 10px; padding: 0 10px; max-width: 63%; border-left: 4px solid #FDBD64; color: #303B44; font-style: italic; font-size: 14px; line-height: 20px; }
.taxonomy-description p { margin: 0; }
.site-title a { color: inherit; text-decoration: none; }
.site-title { margin: 0; font-size: 18px; line-height: 1.2; }
.site-description { margin: 10px 0 20px 0; color: #999; font-weight: 300; font-size: 13px; }
#secondary ul { margin: 25px 0 0; padding: 0; list-style: none; }
.main-navigation li, #secondary li { display: block; margin: 0; padding: 0; }
.main-navigation a { display: block; display: block; padding-right: 57px; color: #fff; text-decoration: none; text-decoration: none; text-transform: uppercase; font-weight: 300; font-size: 16px; font-family: "Open Sans", Helvetica, Arial, sans-serif; line-height: 24px; -webkit-transition: color 0.2s; /* Safari and Chrome */ -moz-transition: color 0.2s; /* Firefox 4 */ -o-transition: color 0.2s; /* Opera */ transition: color 0.2s; }
#secondary ul li a { display: block; padding: 0 0 15px; color: #36383A; text-decoration: none; font-weight: 600; font-size: 16px; font-family: "Open Sans", Helvetica, Arial, sans-serif; line-height: 18px; -webkit-transition: color 0.2s; -moz-transition: color 0.2s; -o-transition: color 0.2s; transition: color 0.2s; }
#secondary ul li a:hover { color: #26ADE4; }
#secondary .widget-title { padding: 6px 0; background: #F1F3F4; color: #08a3d9; text-transform: uppercase; font-weight: 300; font-size: 14px; line-height: 24px; }
#secondary span.widget-title { padding: 6px; border-bottom: 3px solid #08a3d9; }
#nav-above { display: none; }
#nav-below { margin-top: 20px; }
h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; font-weight: bold; }
h1 { font-size: 22px; }
h2 { font-size: 16px; }
h3 { color: #666; font-size: 13px; }
h4, h5, h6 { font-weight: 300; }

body.tag-after-effects h1.page-title,
body.tag-web-design h1.page-title,
body.tag-business-card h1.page-title,
body.tag-photoshop-tutorials h1.page-title,
body.tag-logo-design h1.page-title,
body.tag-illustrator-tutorials h1.page-title,
body.tag-graphic-resources h1.page-title
{ width: 10% !important; }

body.tag-photoshop .arch-title, 
body.tag-illustrator .arch-title, 
body.tag-icons .arch-title, 
body.tag-brushes .arch-title, 
body.tag-vector .arch-title, 
body.tag-wallpapers .arch-title, 
body.category-freebies .arch-title,
body.category-inspirations .arch-title,
body.category-tips .arch-title,
body.tag-textures .arch-title,
body.tag-illustrations .arch-title,
body.category-freelancing .arch-title,
body.tag-photography .arch-title,
body.category-design-2 .arch-title,
body.tag-themes .arch-title
{ margin-top: 14px; }

body.tag-fonts .arch-title
{margin-top: 16px;}

body.category-resources .arch-title
{ margin-top: 4px; }

body.tag-plugins .arch-title, 
body.tag-patterns .arch-title, 
body.tag-textures .arch-title 
{ margin-top: 5px;}

body.tag-after-effects .taxonomy-description, 
body.tag-web-design .taxonomy-description, 
body.tag-vector .taxonomy-description,
body.tag-vector .taxonomy-description,
body.tag-themes .taxonomy-description
{ max-width: 80% !important; }

body.category-resources .taxonomy-description,
body.category-freelancing .taxonomy-description,
body.tag-graphic-resources .taxonomy-description
{ max-width: 74% !important; }

body.category-inspirations .taxonomy-description { max-width: 68% !important; }

body.tag-illustrations .taxonomy-description, 
body.tag-photography .taxonomy-description 
{ max-width: 66% !important; }

body.category-tips .taxonomy-description { max-width: 88% !important; }

body.tag-business-card .taxonomy-description, body.tag-textures .taxonomy-description { max-width: 77% !important; }

body.tag-photoshop .taxonomy-description, 
body.tag-photoshop-tutorials .taxonomy-description 
{ max-width: 72% !important; }

body.tag-illustrator .taxonomy-description, 
body.tag-wallpapers .taxonomy-description,
body.tag-illustrator-tutorials .taxonomy-description
{ max-width: 70% !important; }

body.tag-icons .taxonomy-description
{ max-width: 84% !important; }

body.category-design-2 .taxonomy-description 
{ max-width: 81% !important; }

body.tag-fonts .taxonomy-description 
{ max-width: 82% !important; }

body.tag-brushes .taxonomy-description, 
body.category-freebies .taxonomy-description  
{ max-width: 78% !important; }

body.tag-plugins .taxonomy-description  
{ max-width: 79% !important; }

body.tag-patterns .taxonomy-description { max-width: 76% !important; }
body.tag-logo-design .taxonomy-description { max-width: 82% !important; }

body.category-tutorials .arch-title {margin-top: 26px !important;}
body.category-tutorials .taxonomy-description { max-width: 75% !important; }

h1.entry-title, h1.page-title { color: #41cbfe; text-transform: uppercase; text-shadow: 0px -1px 1px rgba(0, 0, 0, 0.6); font-weight: bold; font-size: 35px; line-height: 30px; }
body.single h1.entry-title, 
h2.archive-title { display: inline-block;  padding: 15px 0;  color: black; text-transform: none; font-weight: normal; text-shadow: none; font-size: 38px;
line-height: 36px; font-family: "Sanchez", serif; }
body.home #main article, body.archive #main article { position: relative; float: left; overflow: hidden; margin: 0 0 2.667em 1.333em; padding: 0; width: 300px; height: 500px; background: #fff; -webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.25); -moz-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.25); box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.25); }
#main article.comment { border-bottom: none; }
h2.entry-title { padding: 10px; font-weight: 600; font-size: 22px; font-family: "Open Sans", Helvetica, Arial, sans-serif; line-height: 24px; margin-bottom: 10px; }
.entry-title a { color: inherit; color: inherit; text-decoration: none; text-decoration: none; -webkit-transition: color 0.2s; -moz-transition: color 0.2s; -o-transition: color 0.2s; transition: color 0.2s; }
.entry-title a:hover { color: #26ADE4; }
body.home .entry-meta, body.archive .entry-meta { position: relative; z-index: 100; padding: 0 10px; color: #999; font-size: 11px; margin-top: -9px;
}
.entry-meta a { color: #999; text-decoration: none; }
.entry-meta a:hover { color: #26ADE4; }
body.home #entry-cat, body.archive #entry-cat { margin-left: -10px; padding: 4px 8px 0 10px; border-top: 3px solid #FBB54F; text-transform: uppercase; }
body.single #entry-cat a { display: block; margin: 0; padding: 0 15px; background: #f1fbff; color: #08a3d9; text-decoration: none; text-transform: uppercase; font-weight: 300px; font-size: 14px; }
p.lead { font-family: 'Monda', sans-serif; font-size: 19px; }
body.single .entry-content p img { display: block; margin: 10px auto; border-radius: 5px;}
#entry-date { padding-top: 5px; }
hgroup { margin: auto; padding: 0; padding-right: 1.668em; width: 1413px; height: 75px; background-color: #08A3D9; color: white; }
#page { position: relative; overflow: hidden; margin: auto; }
#main { overflow: hidden; margin: auto; padding: 6.467em 1.667em 2.667em 1.667em; width: 1390px; -webkit-overflow-scrolling : touch;}
#masthead { height: 75px; background-color: #08a3d9; }
.site-content { position: relative; float: left; margin-left: 7.333em; width: 64.000em; }
footer#colophon { position: absolute;z-index: 9999;background: #08A3D9 url(images/footer-shadow.png) repeat-x;width: 100%;}
#content-inner { overflow: hidden; margin-bottom: 1.250em; margin-left: 1.250em; padding: 1.563em 2.813em; background: #fff; -webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.25); -moz-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.25); box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.25); font-weight: 400; font-size: 16px; }
.cat_button { text-transform: uppercase; font-weight: 600; }
#secondary { float: right; clear: right; overflow: hidden; width: 300px; }
#secondary form#searchform input[type="text"].field { width: 90%; }
.site-footer { clear: both; }
.site-info { margin: 0 auto; width: 110.770em; color: white; }
.site-image { display: block; float: left; margin: 0 1.000em 0 11.923em; width: 11.539em; height: 46px; background: url(images/sprite.png) no-repeat 5px -87px; }
.site-text { padding-top: 8px; }
.site-logo { float: left; margin: 0 45px 0 -3px; border-right: 1px solid #39B5E1; background: url(images/sprite.png) no-repeat 13px -6px; }
.site-logo a { display: block; width: 219px; height: 75px; text-indent: -9999px; }
span.site-link { float: right; overflow: hidden; margin: -30px 20px; color: #56beef; }
span.site-link a { color: #fff; text-decoration: none; font-size: 11px; font-family: "Open Sans", Helvetica, Arial, sans-serif; line-height: 16px; }
span.site-link a:hover { color: #fff; }
.site-info p { display: block; margin: 0; padding: 0; font-size: 11px; font-family: "Open Sans", Helvetica, Arial, sans-serif; line-height: 16px; }
.site-footer, .site-footer a { padding: 20px 0; color: black; font-size: 13px; }
.site-footer a:hover { color: #26ADE4; }
table td { padding: 4px 0; border-bottom: solid 1px #eee; font-weight: 300; }
table th { padding: 4px 0; border-bottom: solid 1px #ccc; }
.format-aside h1.entry-title, .format-quote h1.entry-title, .format-chat h1.entry-title, .format-status h1.entry-title, .format-image h1.entry-title, .format-link h1.entry-title { font-size: 13px; line-height: 21px; }
.entry-content .twitter-tweet-rendered { max-width: 100% !important; }
.pagenav { clear: both; margin-left: 18px; padding-bottom: 20px; text-align: left; }
.pagenav a, .pagenav span { display: inline-block; margin: 0 15px 15px 0; padding: 0px 0 0; min-width: 38px; min-height: 38px; -webkit-border-radius: 10em; -moz-border-radius: 10em; -moz-border-radius: 10em; border-radius: 10em; vertical-align: middle; text-align: center; font-size: 18px; line-height: 36px; zoom: 1; }
.pagenav a { background: #0097CB; color: #fff; text-decoration: none; }
.pagenav a:hover { background-color: #fdaf3f; }
.pagenav .current { background: #fdaf3f; color: white; text-decoration: none; font-weight: bold; }
.single-ad { float: right; margin-top: -15px; padding-left: 15px; width: 300px; height: 275px; }
.single-ad span { float: right; color: #b4b6b8; text-transform: capitalize; font-size: 9px; }
#author-box { overflow: hidden; margin: 1.563em -2.813em; padding: 0.938em 1.250em; background: #EEFAFF; }
.author-img { float: left; width: 12%; }
.author-img img { max-width: 100px !important; border-radius: 100px; }
.author-info { float: right; width: 85%; }
h4.author-title { color: #8b9598; font-weight: 700; font-size: 18px; line-height: 20px; }
h4.author-title a { color: #0097CB; }
.author-description { padding-top: 25px; color: #282C2F; font-size: 16px; line-height: 19px; }
#bsa-bottom { overflow: hidden; margin: 0 -2.813em 5.625em; padding: 15px 0 7px; background: #EEFAFF; }
#bsa-bottom .bsa-bottom-ad { margin: 0 auto; width: 77.5%; }
#bsa-bottom .bsa-bottom-ad a img { width: 100%; }
ul#share-box { overflow: hidden; list-style-type: none; }
ul#share-box li { float: left; margin-left: 3.563em; width: 6.250em; height: 6.250em; border-radius: 6.250em; }
ul#share-box li.fb { background: #3b5998; }
span#fb-button { display: block; padding: 20px 20px 0 27px; }
ul#share-box li.twit { background: #46d0fe; }
span#tw-button { display: block; padding: 1.188em 1.250em; }
ul#share-box li.gp { background: #dd6a51; }
span#gp-button { display: block; padding: 19px 26px; }
ul#share-box li.su { background: #eb4823; }
span#su-button { display: block; padding: 19px 26px; }
ul#share-box li.pin { background: #cb2027; }
span#pin-button { display: block; padding: 38px 31px; }
.related-post { margin: 0 0 20px; }
.related-post h2, #share-post h2 { margin: 10px 0; padding: 10px 0; border-bottom: 1px solid #dce5e4; color: #727989; text-transform: uppercase; font-weight: 700; font-size: 22px; line-height: 20px; }
.related-post p { margin-bottom: 5px; }
ol.related-posts-thumbs { overflow: hidden; margin: 0; }
ol.related-posts-thumbs li { float: left; margin: 0 2% 0 0; padding: 0; width: 32%; background: none; list-style: none outside none; }
ol.related-posts-thumbs li:last-child { margin: 0 0px 0 0; }
ol.related-posts-thumbs li a { display: block; float: left; color: #08a3d9; text-align: left; text-decoration: none; font-weight: 600; font-size: 16x; font-family: "Open Sans", Helvetica, Arial, sans-serif; line-height: 22px; }
ol.related-posts-thumbs li a:hover { text-decoration: none; }
ol.related-posts-thumbs li h3 { font-weight: 700; font-size: 16px; line-height: 22px; }
ol.related-posts-thumbs li a img { padding: 0; border: none; background: #EEFAFF; width: 100%; border-radius: 3px;}
.wpcf7-form #name, .wpcf7-form #email, .wpcf7-form select#query, .wpcf7-form textarea#message { padding: 15px; border: 1px solid #fff; border-radius: 6px; background: #eaf4fa; -webkit-box-shadow: inset 0px 3px 2px 0px rgba(0, 0, 0, 0.23); -moz-box-shadow: inset 0px 3px 2px 0px rgba(0, 0, 0, 0.23); box-shadow: inset 0px 3px 2px 0px rgba(0, 0, 0, 0.23); color: #405766; font-size: 17px; font-family: "Open Sans", Helvetica, Arial, sans-serif; line-height: 23px; }
#submit-wpcf { padding: 10px 45px; border: 0; border-radius: 6px; background: #08a3d9; color: #fff; font-size: 17px; font-family: "Open Sans", Helvetica, Arial, sans-serif; line-height: 23px; cursor: pointer; }
ol#archive-list { margin: 20px 0 25px; }
ol#archive-list li { margin-left: 40px; }
ol#archive-list li a { color: #303b44; text-decoration: none; font-size: 14px; line-height: 24px;-webkit-transition: color 0.2s;-moz-transition: color 0.2s;-o-transition: color 0.2s;transition: color 0.2s; }
ol#archive-list li a:hover { color: #26ADE4; }
div#mobile.left-widget { display: none; }
li.share { position: absolute; bottom: -1px; display: none; margin: 0; list-style-type: none; }
li.share ul { margin: 0; padding-left: 10px; text-align: left; }
li.share ul li { display: inline-block; width: 87px; vertical-align: top; text-align: left; }
li.share ul li.twitter, li.share ul li.gplus { padding-top: 3px; }
li.share ul li.twitter { width: 90px; }
li.share ul li.gplus { width: 70px; }
li.share ul li.fb { width: 80px; }
a.share-btn { position: absolute; right: 0; bottom: 0; display: inline-block; width: 32px; height: 25px; background: #c2cbce url(images/sprite.png) no-repeat -156px -152px; color: #fff; text-indent: -9999px; letter-spacing: 0.1em; font-weight: 400; font-family: Open Sans, Arial; line-height: 0; }
a.share-btn span { display: inline-block; margin: 0 0 2px; padding: 0 0 0 5px; font-size: 70%; }
a.share-btn:hover { text-decoration: none; }
body.error404 .entry-content { margin: 0 auto; width: 79%; }
body.error404 .entry-content p { margin-left: 104px; }
.search-404 { margin: 0 0 1.5em 104px; }
body.error404 .entry-content #searchsubmit { margin: 0 0 0 5px; padding: 5px 25px; width: auto; height: 28px; border: none; border-radius: 5px; background: #08a3d9; color: white; text-indent: 1px; font-size: 14px; font-family: Open Sans; line-height: 20px; cursor: pointer; }
body.error404 .entry-content #s { padding: 3px; width: 77%; border: 1px solid #bbb8b8; border-radius: 5px; }
.site-meta li.search-icon { padding: 16px 8px 26px 26px; }
.site-meta ul ul#search-submenu { top: 4px; left: -171px; z-index: 4000 !important; display: block; padding: 10px 10px; width: 185px; background: none; box-shadow: none;}
.site-meta ul li a#search { display: none; }
#post_image { width: 258px !important; }
#menu-mobile select {display: none;}
div.bsap_1237338 a {margin: 10px 10px 0 0 !important;background: #E7F3F6;padding: 10px;}
div.bsap_1237338 a:nth-child(even) {margin-right: 0 !important;}
html>body div.bsap_1237338 a.adhere {width: 125px!important;height: 125px!important;}
#bsa125 {overflow: hidden;}
.margin-top {margin-top: 14px; clear: both;}
#sidebar-adtop {overflow: hidden; margin-bottom: 14px;}
div.bsap_1237338 a.adhere {color: #08A3D9!important;border: 0!important;background: #E7F3F6!important;}

div.bsap_1237338 a.adhere:hover {background:#d8ecfc!important;color:#0e66ad!important;}
@-moz-document url-prefix() {
          
body.category-tutorials .arch-title { margin-top: 16px !important;}
body.tag-fonts .arch-title { margin-top: 5px }
}
/* -main- */

/* -mobile- */
@media screen and (min-width: 1441px) {
#main { -webkit-box-shadow: 0px 0px 15px rgba(112, 112, 112, 0.20); -moz-box-shadow: 0px 0px 15px rgba(112, 112, 112, 0.20); box-shadow: 0px 0px 15px rgba(112, 112, 112, 0.20); }
}
 @media screen and (max-width: 1400px) {
hgroup { padding-right: 3.733em; width: 1310px; }
#main { padding: 6.467em 56px 20px 65px; width: 1245px; }
.site-content { margin-left: -15px; width: 63.000em; }
body.home #main article, body.archive #main article { margin: 0 0 2.667em 1.000em; }
body.single .site-content { margin-left: -18px; }
#header-left { width: 55.334em; }
.site-info { width: 100em; }
.site-image { margin: 0 13px 0 30px; }
#content-inner { margin-right: 0; margin-left: 18px; }
.pagenav { margin-left: 15; }
#menu-mobile .site-meta ul li a#mobile-icon { width: 65px; background: #fbb54f url(images/sprite.png) no-repeat -162px -387px; cursor: pointer; }
#menu-mobile .site-meta ul li a#mobile-icon:hover { background: #56beef url(images/sprite.png) no-repeat -162px -387px; }
#menu-mobile .site-meta { float: left; margin-top: 0; }
#menu-mobile .site-meta ul { float: left; margin: 0; padding-left: 0; list-style: none; }
#menu-mobile .site-meta li { position: relative; float: left; padding: 0; }
#menu-mobile .site-meta li a { color: #444546; text-decoration: none; font-size: 14px; font-family: "Open Sans", Helvetica, Arial, sans-serif; line-height: 30px; }
#menu-mobile .site-meta ul ul { position: absolute; top: 75px; left: 0px; z-index: 99999; display: none; float: left; padding: 10px 0 0 65px; width: 1366px; background: #F5FCFD; -webkit-box-shadow: 0px 0px 3px(0, 0, 0, 0.25); -moz-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.25); box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.25); }
#menu-mobile .left-widget { float: left; overflow: hidden; margin: 0 0 15px; width: 190px; }
#menu-mobile .site-meta ul ul ul { top: 0; left: 100%; }
#menu-mobile .site-meta li:hover > a { color: #92FDFC; }
#menu-mobile .site-meta ul ul :hover > a { color: #000; }
#menu-mobile .site-meta ul ul a:hover { color: #000; text-decoration: none; }
#menu-mobile .site-meta ul li:hover > ul { display: block; }
.left-menu ul {display: none;}
}
 @media screen and (max-width: 1281px) {
hgroup { padding-right: 3.733em; width: 1208px; }
#main { padding: 6.467em 56px 20px 65px; width: 1130px; }
.site-content { margin-left: -15px; width: 828px; }
body.home #main article, body.archive #main article { margin: 0 0 2.667em 1.000em; width: 260px; }
body.single .site-content { margin-left: -18px; }
#header-left { width: 800px; }
#header-right { width: 400px; }
.site-info { width: 1180px; }
.site-image { margin: 0 13px 0 0; }
#content-inner { margin-right: 0; margin-left: 18px; }
.pagenav { margin-left: 15; }
#menu-mobile .site-meta ul li a#mobile-icon { width: 65px; background: #fbb54f url(images/sprite.png) no-repeat -162px -387px; cursor: pointer; }
#menu-mobile .site-meta ul li a#mobile-icon:hover { background: #56beef url(images/sprite.png) no-repeat -162px -387px; }
#menu-mobile .site-meta { float: left; margin-top: 0; }
#menu-mobile .site-meta ul { float: left; margin: 0; padding-left: 0; list-style: none; }
#menu-mobile .site-meta li { position: relative; float: left; padding: 0; }
#menu-mobile .site-meta li a { color: #444546; text-decoration: none; font-size: 14px; font-family: "Open Sans", Helvetica, Arial, sans-serif; line-height: 30px; }
#menu-mobile .site-meta ul ul { position: absolute; top: 75px; left: 0px; z-index: 99999; display: none; float: left; padding: 10px 0 0 65px; width: 1366px; background: #F5FCFD; -webkit-box-shadow: 0px 0px 3px(0, 0, 0, 0.25); -moz-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.25); box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.25); }
#menu-mobile .left-widget { float: left; overflow: hidden; margin: 0 0 15px; width: 190px; }
#menu-mobile .site-meta ul ul ul { top: 0; left: 100%; }
#menu-mobile .site-meta li:hover > a { color: #92FDFC; }
#menu-mobile .site-meta ul ul :hover > a { color: #000; }
#menu-mobile .site-meta ul ul a:hover { color: #000; text-decoration: none; }
#menu-mobile .site-meta ul li:hover > ul { display: block; }
ul#share-box li { margin-left: 38px; }
li.share ul { padding-left: 5px; }
li.share ul li.twitter { width: 80px; }
li.share ul li.fb { width: 73px; }
}
 @media screen and (max-width: 1131px) {
hgroup { width: 1024px; height: 65px; }
#main { padding: 79px 0 2.667em 0; width: 940px; }
#masthead { height: 65px; }
#menu-mobile .site-meta ul li a#mobile-icon { width: 65px; height: 65px; background: #fbb54f url(images/sprite.png) no-repeat -162px -392px; }
#menu-mobile .site-meta ul li a#mobile-icon:hover { width: 65px; height: 65px; background: #56beef url(images/sprite.png) no-repeat -162px -392px; }
.site-logo { margin: 0 17px 0 0; background: url(images/sprite.png) no-repeat 0px -398px; }
.site-logo a { width: 159px; height: 65px; }
.site-content { margin-left: -18px; width: 643px; }
.site-meta ul li a#search { background: url(images/sprite.png) no-repeat -155px -90px; }
#content-inner { margin-right: 0; margin-left: 30px; padding: 20px; }
body.home #main article, body.archive #main article { margin: 0 0 20px 20px; width: 300px; }
.site-info { width: 991px; }
.site-image { margin: 0 13px 0 30px; }
#header-right form#searchform input#s { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }
#header-left { width: 560px; }
#header-right { margin-right: 35px; width: 365px; }
.site-meta ul li a#socialize { display: block; margin-top: 13px; padding: 0 0 17px; width: 92px; height: 19px; background: url(images/sprite.png) no-repeat -142px -112px; text-indent: -9999px; }
#searchsubmit { background: url(images/sprite.png) no-repeat -155px -90px; }
.main-navigation a { padding-right: 24px; font-size: 14px; }
.main-navigation ul { margin-top: 22px; }
.site-meta { float: right; margin-top: 9px; }
.site-meta li { padding: 0 6px 10px; }
.site-meta ul li a#info { padding: 16px 25px 13px; font-size: 16px; line-height: 18px; }
.site-meta ul ul, #socialize-submenu { top: 56px; }
.site-meta ul ul { left: -78px; }
#socialize-submenu { left: -201px; }
ul#share-box li { margin-bottom: 25px; margin-left: 12px; }
.author-info { width: 75%; }
#author-box { padding: 0.938em 3.25em; }
.related-thumb { display: block; width: 166px; }
#menu-mobile .site-meta ul ul { top: 65px; }
.wpcf7-form #name, .wpcf7-form #email, .wpcf7-form select#query, .wpcf7-form textarea#message { width: 88%; }
li.share ul { margin: 0; padding-left: 10px; text-align: left; }
li.share ul li { display: inline-block; width: 87px; vertical-align: top; text-align: left; }
li.share ul li.twitter, li.share ul li.gplus { padding-top: 3px; }
li.share ul li.twitter { width: 90px; }
li.share ul li.gplus { width: 70px; }
li.share ul li.fb { width: 80px; }
.site-meta ul ul#search-submenu { top: 1px; left: -169px; }
.taxonomy-description {display: none;}
body.archive header.page-header {margin: 0 20px 20px;}
}
 @media screen and (max-width: 991px) {
hgroup { width: 768px; height: 62px; }
#main { padding: 74px 10px 0; width: 745px; }
#masthead { height: 62px; }
#menu-mobile .site-meta ul li a#mobile-icon { width: 62px; height: 62px; background: #fbb54f url(images/sprite.png) no-repeat -162px -393px; }
#menu-mobile .site-meta ul li a#mobile-icon:hover { width: 62px; height: 62px; background: #56beef url(images/sprite.png) no-repeat -162px -393px; }
.site-logo { background: url(images/sprite.png) no-repeat 0px -401px; }
.site-logo a { width: 160px; height: 62px; }
.site-content { margin-left: -10px; width: 455px; }
#content-inner { margin-right: 15px; }
body.home #main article, body.archive #main article { margin: 0 0 10px 10px; width: 212px; }
.site-info { width: 766px; }
.site-image { margin: 0 14px 0 10px; }
#header-left { width: 540px; }
#header-right { margin-right: 12px; width: 195px; }
.main-navigation a { font-size: 13px; }
.main-navigation ul { margin-top: 19px; }
.site-meta { margin-top: 8px; }
.site-meta li { padding: 0 0px 10px; }
.site-meta ul ul, #socialize-submenu { top: 54px; }
.site-meta ul ul { left: -84px; }
#socialize-submenu { left: -200px; }
.entry-meta, body.archive .entry-meta { font-size: 10px; }
body.home #entry-cat, body.archive #entry-cat, body.home #entry-date, body.archive #entry-date { font-size: 10px; }
#author-box { margin: 0 -25px 20px; padding: 20px; }
.author-info { width: 70%; }
ul#share-box { overflow: hidden; margin-left: 0; list-style-type: none; }
ul#share-box li { float: left; margin-left: 5px; width: auto; height: auto; border-radius: none; }
ul#share-box li.fb, ul#share-box li.twit, ul#share-box li.gp, ul#share-box li.su, ul#share-box li.pin { background: #fff; }
span#fb-button, span#tw-button, span#gp-button, span#gp-button, span#su-button { display: block; padding: 0 10px; }
span#pin-button { display: block; padding: 14px 0 0; }
#menu-mobile .site-meta ul ul { top: 62px; padding: 10px 0 0 0; }
.pagenav { margin-top: 10px; margin-left: 8px;}
body.home .entry-content, body.archive .entry-content { font-size: 13px; }
#menu-mobile .left-widget { float: left; overflow: hidden; margin: 0 0 15px; width: 150px; }
li.share ul li.gplus { display: none; }
.single-ad { float: initial; margin-bottom: 15px; padding-left: 0; }
#searchsubmit { display: none; }
.site-meta li.search-icon { padding: 13px 12px 26px; }
.site-meta ul ul#search-submenu { position: absolute; top: 54px; left: -564px; z-index: 99999; display: none; float: left; padding: 10px 15px; width: 768px; border-top: 1px solid #39B5E1; background: #08A3D9; box-shadow: none; }
.site-meta ul li:hover > ul#search-submenu { display: block; }
.site-meta ul li a#search { display: block; width: 20px; height: 21px; background: url(images/sprite.png) no-repeat -155px -90px; text-indent: -9999px; cursor: pointer; }
#header-right form#searchform input#s { width: 718px; }
body.archive header.page-header {margin: 0 10px 20px;}
}
 @media screen and (max-width: 720px) {
hgroup { width: 660px; height: 62px; }
#main { padding: 74px 10px 0; width: 745px; }
#secondary { display: none; }
body.home #main article, body.archive #main article { margin: 0 0 20px 20px; width: 300px; }
.site-content { margin-left: -10px; width: 685px; }
.site-info { width: 660px; }
span.site-link { margin: -18px 20px; }
#header-left { width: 525px; }
#header-right { margin-right: 12px; width: 120px; }
.site-content { margin: 0 auto; }
.site-meta ul li a#info { padding: 16px 20px 13px; }
.site-meta ul li a#socialize { width: 30px; }
.site-meta ul ul { left: -93px; }
#socialize-submenu { left: -260px; }
#menu-mobile .site-meta ul ul { padding: 10px 0 0 0; }
#menu-mobile .left-widget { width: 140px; }
ul#share-box { overflow: hidden; list-style-type: none; }
ul#share-box li { float: left; margin-left: 18px; width: 100px; height: 100px; border-radius: 100px; }
ul#share-box li.fb { background: #3b5998; }
span#fb-button { display: block; padding: 20px 20px 0 27px; }
ul#share-box li.twit { background: #46d0fe; }
span#tw-button { display: block; padding: 19px 21px; }
ul#share-box li.gp { background: #dd6a51; }
span#gp-button { display: block; padding: 19px 26px; }
ul#share-box li.su { background: #eb4823; }
span#su-button { display: block; padding: 19px 26px; }
ul#share-box li.pin { background: #cb2027; }
span#pin-button { display: block; padding: 38px 31px; }
li.share ul li.gplus { display: inline-block; }
.single-ad { float: right; margin-bottom: 0; padding-left: 15px; }
.site-meta ul ul#search-submenu {left: -530px;width: 690px; }
#header-right form#searchform input#s { width: 630px; }
.pagenav {margin-left: 15px;}
body.archive header.page-header {margin: 0 20px 15px;}
}
 @media screen and (max-width: 601px) {
html { -webkit-text-size-adjust: none; }
#sticky { height: 49px; }
hgroup { width: 608px; height: 49px; }
#main { padding-top: 60px; width: 580px; }
#masthead { height: 49px; }
#secondary, .main-navigation { display: none; }
#content-inner { margin-right: 0; }
body.single .site-content { margin-left: -10px; }
#menu-mobile .site-meta ul li a#mobile-icon { width: 44px; height: 49px; background: #fbb54f url(images/sprite.png) no-repeat -172px -400px; }
#menu-mobile .site-meta ul li a#mobile-icon:hover { width: 44px; height: 49px; background: #56BEEF url(images/sprite.png) no-repeat -172px -400px; }
.site-logo { margin: 0; background: url(images/sprite.png) no-repeat 0px -465px; }
.site-logo a { width: 138px; height: 49px; }
.site-content { margin-left: 0; width: 580px; }
body.home #main article, body.archive #main article { margin: 0 7px 20px; width: 275px; }
#secondary, .main-navigation { display: none; }
#header-left { width: 185px; }
#header-right { margin-right: 38px; width: 180px; }
.site-meta ul li a#socialize { width: 85px; }
.head_search { padding-top: 12px; }
#menu-mobile .site-meta ul ul { padding: 10px; }
.site-meta { margin-top: 0px; }
.site-meta li { padding: 0 0px 10px; }
.site-meta ul li a#info { padding: 16px 22px 15px; }
.site-meta ul ul, #socialize-submenu { top: 49px; }
.site-meta ul ul { left: -90px; }
#socialize-submenu { left: -200px; }
span.site-link {margin: -120px 10px 0 0;}
.site-text { text-align: center; }
.site-info {width: 300px;}
.site-image { margin: 28px 110px 7px 70px; }
#menu-mobile .site-meta li a { padding-left: 0; width: 300px; text-align: center; font-size: 14px; }
#menu-mobile .left-widget { margin: 0; width: 300px; }
#menu-mobile .site-meta ul ul.sub-menu li { width: 300px; }
#menu-mobile .site-meta ul ul {top: 49px; overflow: hidden; width: 300px;z-index: 5000; }
ul#share-box li { margin-left: 2px; }
li.share ul li.twitter { width: 82px; }
.site-meta ul ul#search-submenu { top: 49px; left: -391px; }
#header-right form#searchform input#s { width: 548px; }
.pagenav {margin-left: 5px;}
#menu-mobile .left-widget, #menu-mobile .site-meta {display: none;}
#menu-mobile select {display: block; width: 100%; -webkit-appearance: none;width: 44px;
height: 49px;background: #fbb54f url(images/sprite.png) no-repeat -172px -400px; text-indent: -9999px;border: 0;outline: none; cursor: pointer;
  -webkit-border-radius: 0px; z-index: 9999;}
#menu-mobile select:hover {background: #56beef url(images/sprite.png) no-repeat -172px -400px;}
#menu-mobile select option {background: #fff; }
body.archive header.page-header {margin: 0 10px 15px;}
}

 @media screen and (max-width: 569px) {
hgroup { width: 574px; height: 49px; }
#main { padding: 60px 0 0; width: 460px; }
.site-content { margin-left: 6px; width: 460px; }
#masthead { height: 49px; }
#content-inner { margin-right: 0; }
body.single .site-content { margin-left: -8px; }
body.home #main article, body.archive #main article { margin: 0 7px 20px; width: 210px; }
#secondary, .main-navigation { display: none; }
ul#share-box li { float: left; margin-left: 6px; width: auto; height: auto; border-radius: none; }
ul#share-box li.fb, ul#share-box li.twit, ul#share-box li.gp, ul#share-box li.su, ul#share-box li.pin { background: #fff; }
span#fb-button, span#tw-button, span#gp-button, span#gp-button, span#su-button { display: block; padding: 0 10px; }
span#pin-button { display: block; padding: 14px 0 0 10px; }
li.share ul li.gplus { display: none; }
.site-meta ul ul#search-submenu { left: -357px; }
#header-right form#searchform input#s { width: 518px; }
body.archive header.page-header {margin: 0 0 15px;}
}
 @media screen and (max-width: 481px) {
hgroup { width: 485px; height: 49px; }
#main { padding: 60px 0; width: 460px; }
.site-content { margin-left: 6px; width: 460px; }
#masthead { height: 49px; }
#content-inner { margin-right: 0; }
body.single .site-content { margin-left: -8px; }
body.home #main article, body.archive #main article { margin: 0 7px 20px; width: 210px; }
#secondary, .main-navigation { display: none; }
ul#share-box li { float: left; margin-left: 6px; width: auto; height: auto; border-radius: none; }
ul#share-box li.fb, ul#share-box li.twit, ul#share-box li.gp, ul#share-box li.su, ul#share-box li.pin { background: #fff; }
span#fb-button, span#tw-button, span#gp-button, span#gp-button, span#su-button { display: block; padding: 0 10px; }
span#pin-button { display: block; padding: 14px 0 0 10px; }
li.share ul li.gplus { display: none; }
.site-meta ul ul#search-submenu { left: -268px; }
#header-right form#searchform input#s { width: 422px; }

}
 @media screen and (max-width: 381px) {
hgroup { width: 345px; height: 49px; }
#main { padding-top: 60px; width: 380px; }
#content-inner { margin-left: 0; padding: 10px; }
body.home #main article, body.archive #main article { margin: 0 0 10px; width: 300px; height: auto; max-height: 500px; }
.site-content { margin-left: 44px; width: 300px; }
body.single .site-content { margin-left: 44px; }
#header-right { margin-right: 10px; width: 122px; }
.site-meta ul li a#socialize { width: 28px; }
ol.related-posts-thumbs li h3 { font-size: 13px; line-height: 22px; }
#entry-date { padding-top: 5px; }
#author-box { margin: 0 -10px 20px; padding: 10px; }
.author-info { margin-right: 14px; width: 52%; word-break: break-all; }
.author-description { word-break: break-all; font-size: 14px; }
.pagenav { margin: 10px 0 0; }
.pagenav a, .pagenav span { margin: 0 2px 5px 0px; }
body.home .entry-content, body.archive .entry-content { font-size: 14px; }
.single-ad span { padding-right: 5px; }
.single-ad { margin: -15px -10px 10px; }
#socialize-submenu { left: -257px; }
ul#share-box li { float: left; margin-left: 4px; width: auto; height: auto; border-radius: none; }
ul#share-box li.fb, ul#share-box li.twit, ul#share-box li.gp, ul#share-box li.su, ul#share-box li.pin { background: #fff; }
span#fb-button, span#tw-button, span#gp-button, span#gp-button, span#su-button { display: block; padding: 0; }
span#pin-button { display: block; padding: 14px 0 0 0; }
li.share ul { margin: 0; padding-left: 10px; text-align: left; }
li.share ul li { display: inline-block; width: 87px; vertical-align: top; text-align: left; }
li.share ul li.twitter, li.share ul li.gplus { padding-top: 3px; }
li.share ul li.twitter { width: 90px; }
li.share ul li.gplus { display: inline-block; width: 70px; }
li.share ul li.fb { width: 80px; }
.site-meta ul ul#search-submenu { left: -213px; }
#header-right form#searchform input#s { width: 328px; }
.pagenav a, .pagenav span {min-width: 28px;min-height: 28px;font-size: 14px;line-height: 26px;}
.entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5, .entry-content h6 {line-height: 30px;}
body.single .entry-content {font-size: 15px;line-height: 22px;}
body.single h1.entry-title, h2.archive-title {font-size: 32px;line-height: 32px;font-family: 'Sanchez', serif;}
p.lead {font-size: 16px;}
.site-meta ul li a#info {
    padding: 16px 21px 15px;
}
}
 @media screen and (max-width: 321px) {
hgroup { width: 313px; }
#main { width: 320px; }
.site-content { margin-left: 10px; width: 300px; }
#content-inner { margin-left: 0; padding: 10px; }
body.single .site-content { margin-left: 10px; }
#header-right { margin-right: 0px; width: 128px; }
.site-meta li.search-icon { padding: 13px 12px 26px; }
.site-meta ul ul#search-submenu { left: -187px; }
.site-meta ul li a#socialize { width: 38px; }
#header-right form#searchform input#s { width: 268px; }
.site-meta ul li a#info { padding: 16px 19px 15px; }
.site-meta ul ul {left: -96px;}
}
/* -mobile- */

/*- retina icons -*/
@media only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), (-webkit-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5), (min-resolution: 192dpi) {
body {background: url(images/x2/bg.jpg) repeat;}
#searchsubmit, #menu-mobile .site-meta ul li a#mobile-icon,  #menu-mobile .site-meta ul li a#mobile-icon:hover, .site-meta ul li a#socialize, .site-meta ul ul#socialize-submenu li, .site-image, .site-logo, .entry-content ul li, .site-meta ul li a#search, a.share-btn, #menu-mobile select {background-image: url(images/x2/sprite.png);background-size: 232px 563px;}
body.single h1.entry-title, 
h2.archive-title { font-family: "Sanchez", serif; }
.left-menu ul {display: none;}
}
/*- retina icons -*/

/* -retina+mbp -*/
@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 1300px), only screen and ( min--moz-device-pixel-ratio: 2) and (min-width: 1300px), only screen and ( -o-min-device-pixel-ratio: 2/1) and (min-width: 1300px), only screen and ( min-device-pixel-ratio: 2) and (min-width: 1300px), only screen and ( min-resolution: 192dpi) and (min-width: 1300px), only screen and ( min-resolution: 2dppx) and (min-width: 1300px) {
hgroup {margin: auto;padding: 0;padding-right: 1.668em;width: 1412px;height: 75px;background-color: #08A3D9;color: white;}
#main {overflow: hidden;margin: auto;padding: 6.467em 85px 2.667em 95px;width: 1260px;}
.site-content {position: relative;float: left;margin-left: -20px;width: 64.000em;}
body.home #main article, body.archive #main article {margin: 0 0 2.667em 1.000em;}
body.single .site-content {margin-left: -18px;}
body.single h1.entry-title, 
h2.archive-title { font-family: "Sanchez", serif; }
#header-left {width: 55.334em;}
.site-info {width: 100em;}
.site-image {margin: 0 13px 0 30px;}
#content-inner {margin-right: 0;margin-left: 18px;}
.pagenav {margin-left: 15;}
#menu-mobile .site-meta ul li a#mobile-icon {width: 5.500em;height: 5.357em;background-color: #fbb54f;cursor: pointer;}
#menu-mobile .site-meta ul li a#mobile-icon:hover {background-color: #56beef;}
#menu-mobile .site-meta {float: left;margin-top: 0;}
#menu-mobile .site-meta ul {float: left;margin: 0;padding-left: 0;list-style: none;}
#menu-mobile .site-meta li {position: relative;float: left;padding: 0;}
#menu-mobile .site-meta li a {color: #444546;text-decoration: none;font-size: 14px;font-family: "Open Sans", Helvetica, Arial, sans-serif;line-height: 30px;}
#menu-mobile .site-meta ul ul {position: absolute;top: 75px;left: 0px;z-index: 99999;display: none;float: left;padding: 10px 0 0 65px;width: 1366px;background: #F5FCFD;-webkit-box-shadow: 0px 0px 3px(0, 0, 0, 0.25);-moz-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.25);box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.25);}
#menu-mobile .left-widget {float: left;overflow: hidden;margin: 0 0 15px;width: 190px;}
#menu-mobile .site-meta ul ul ul {top: 0;left: 100%;}
#menu-mobile .site-meta li:hover > a {color: #92FDFC;}
#menu-mobile .site-meta ul ul :hover > a {color: #000;}
#menu-mobile .site-meta ul ul a:hover {color: #000;text-decoration: none;}
#menu-mobile .site-meta ul li:hover > ul {display: block;}
}
/* -retina+mbp-*/