/*
Theme Name: Zygo Theme
Theme URI: http://zygocommunications.com
Description: Zygo Communications
Author: lovecreative.com

*/


/* GLOBAL 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,img,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; border:0; outline:0; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; vertical-align:baseline; }
/* remember to define focus styles! */
:focus {outline:0; }
body {line-height:1; color:black; background:#ecebe0; }
ol,ul {list-style:none; }
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse:separate; border-spacing:0; }
caption,th,td {text-align:left; font-weight:normal; }
blockquote:before,blockquote:after,
q:before,q:after {content:""; }
blockquote,q {quotes:"" ""; }

/*h2 a:hover { color:#222121; }*/



body {font:62.5%/1.3 'Trebuchet MS',Helvetica,Arial,Verdana,Sans-Serif; color:#333; text-align:center; padding-bottom: 15px; }
#outercontainer {width:900px; margin:auto; background: url('images/bgshadow.png'); }
#page {background-color:transparent; margin:auto; text-align:left; width:850px; }
#header {margin:auto; height:253px; width:900px; background:url('images/header.png') no-repeat; background-position:center; }
#headerimg {margin:auto; height:192px; width:900px; }
#content {font-size:1.2em; }
#content a:hover { text-decoration: underline; }
.entry p {font-size:1.4em; }
.widecolumn .entry p {font-size:1.05em; }
.narrowcolumn .entry,.widecolumn .entry {line-height:1.4em; }
.widecolumn {line-height:1.6em; }
.alt {}
small {font-weight:bold; font-size:1.1em; line-height:1.5em; }
#sidebar h2 {font-size:1.8em; color:#ee3192; font-weight:normal; }
h3 {font-size:1.3em; }
.commentlist li,#commentform input,#commentform textarea {}
.commentlist li {font-weight:bold; }
.commentlist cite,.commentlist cite a {font-weight:bold; font-style:normal; font-size:1.1em; }
.commentlist p {font-weight:normal; line-height:1.5em; text-transform:none; }
#commentform p {}

small,#sidebar ul ul li,#sidebar ul ol li,.nocomments,.postmetadata,blockquote,strike {color:#777; }
code {font:1.1em 'Courier New',Courier,Fixed; }
acronym,abbr,span.caps {font-size:0.9em; letter-spacing:.07em; }
#sidebar a,h2 a:hover,h3 a:hover {color:#222121; text-decoration:none; }
#sidebar a:hover {font-size:1.2em; text-decoration:underline; }


/* SOME GLOBAL ELEMENTS */

a {text-decoration: none; color: #ff6c00;}
a:hover { text-decoration: underline; }




/* CONTENT CONTAINERS */
.narrowcolumn {float:left; padding:0 20px 0 20px; margin:00 0 0 0; width:590px; }
.widecolumn {float: left; padding:0 10px 0 10px; margin:0 0 0; width:590px; }
.widecolumn .post {margin:0; }
.widecolumn .smallattachment {text-align:center; float:left; width:128px; margin:5px 5px 5px 0; }
.widecolumn .attachment {text-align:center; margin:5px 0px; }
.widecolumn h3#comments {color: #ee3192; font-size: 1.8em; background:url('images/recentposts.png') no-repeat; background-position: 100px 4px; padding:0 20px 10px 0; width:100px;}

/* INDEX RECENT */
div.recentposts {background:url('images/recentposts.png') no-repeat; background-position:right; padding:0 20px 5px 0; }
div.recentposts h2 {color:#ee3192; font-size:1.8em; }
div.recent {padding:5px 0 10px 0; border-top:1px dashed #ccc; text-align:justify; }
div.recent h2 {width:600px; }
div.recent p {font-size:1.1em; }
div.recent h2 a {color:#ee3192; font-size:1.4em; }
div.recent h2 a:hover {font-size:1.4em; color: #7f7f7f; text-decoration: underline; }

div.recent hr {display:block; }
div.recent div.postheading {}
div.recent div.postheading small {color:#807f7f; font-weight:bold; font-size:1.1em; }

/* INDEX LATESTPOST */
div.latestpost  {margin:0 0 20px 0; text-align:justify;}
div.latestpost h2 {width:600px; }
div.latestpost p {margin-top:20px;font-size:1.1em; }
div.latestpost h2 a {color:#ee3192; text-decoration:none; font-size:2.4em; }
div.latestpost h2 a:hover {font-size:2.4em; color: #7f7f7f; text-decoration: underline; }

div.latestpost hr {display:block; }
div.latestpost div.postheading {border-bottom:1px dashed #ccc; margin-bottom: 20px;}
div.latestpost div.postheading small {color:#807f7f; font-weight:bold; font-size:1.1em; line-height:2em; }
div.latestpost p.readon {padding:0 0}
div.latestpost p.readon a {background:url('images/arrow.png') no-repeat; background-position:0 4px; padding:0 0 0 10px; color:#ee3192; text-decoration:none; font-size:1.1em; }
div.latestpost div.commentcontrol {padding:10px 0 00px 0; }
div.latestpost div.commentcontrol a {color:#ff6c00; text-decoration:none; font-size:1.1em; }
div.latestpost img {float: right; margin: 0 0 10px 10px; border:1px solid #ccc; padding: 10px; width: 120px; height: auto; }

/* FULL ARTICLE */
div.post  {margin:0 0 20px 0; text-align:justify; padding-bottom:10px; border-bottom:1px solid #ccc; }
div.post a {}
div.post h3 {color:#ee3192; font-size: 1.8em; margin: 20px 0 0 0;}
div.post h3 a {color:#ee3192; font-size:1.2em; text-decoration:none; }
div.post h2 {width:600px; }
div.post p {margin-top:20px;font-size:1.1em; }
div.post h2 {color:#ee3192; font-size: 2.4em; }
div.post h2 a {color: #ee3192; font-size: 2.4em;}
div.post h2 a:hover {color: #7f7f7f; font-size:2.4em;}
div.post hr {display:block; }
div.post div.postheading {border-bottom:1px dashed #ccc; margin-bottom: 20px; }
div.post div.postheading small {color:#807f7f; font-weight:bold; font-size:1.1em; line-height:2em; }
div.post p.readon {padding:0 0}
div.post p.readon a {background:url('images/arrow.png') no-repeat; background-position:0 4px; padding:0 0 0 10px; color:#ee3192; text-decoration:none; font-size:1.1em; }
div.post div.commentcontrol {padding:10px 0 00px 0; }
div.post div.commentcontrol a {color:#ff6c00; text-decoration:none; font-size:1.1em; }
div.post p.postmetadata a {color:#ff6c00; text-decoration:none; }
div.post p.postmetadata a:hover {text-decoration:underline; }
div.full {border-bottom: 0px;}

.postmetadata {clear:left; }
.postmetadata ul,.postmetadata li {display:inline; list-style-type:none; list-style-image:none; }

div.previousposts a {background:url('images/arrowback.png') no-repeat; background-position:0 6px; padding:0 0 0 10px; color:#ee3192; text-decoration:none; font-size:1.4em; }
div.previousposts a:hover {font-size:1.4em; color:#ee3192; text-decoration:underline; }

/* FOOTER */
#footer {margin:auto; width:900px; clear:both; background:#ecebe0 url('images/footer.png') no-repeat; }
#footer ul {text-align:left; padding:60px 0 0 50px; }
#footer ul li {padding:0 10px 0 0; float:left; color:#7f7f7f; }
#footer ul li a {text-decoration:none; color:#7f7f7f; }
#footer ul li a:hover {text-decoration:underline; }


h2.pagetitle {color:#ee3192; font-size:2.8em; margin-bottom: 20px;}
h3 {padding:0; }
h3.comments {padding:0; margin:0px auto 0px ; }
h3#respond {color: #ee3192; width: 100%; border-top: 1px dashed #ccc; padding-top: 10px;}

/* IMAGES */
p img {float: right; margin: 0 0 2px 10px; border:1px solid #ccc; padding: 10px;}
/* Using 'class="alignright"' on an image will (who would've
thought?!) align the image to the right. And using 'class="cente
',
will of course center the image. This is much better than using
align="center",being much more futureproof (and valid) */
img.centered {display:block; margin-left:auto; margin-right:auto; }
img.alignright {border:1px solid #ccc; padding:10px; margin:0 0 2px 10px; display:inline; }
img.alignleft {border:1px solid #ccc; padding:10px; margin:0 10px 2px 0px; display:inline; }
.alignright {float:right; }
.alignleft {float:left}


/* Begin Lists
Special stylized non-IE bullets
Do not work in Internet Explorer,which merely default to normal bullets. */
html>body .entry ul {margin-left:0px; padding:0 0 0 30px; list-style:none; padding-left:10px; text-indent:-10px; }
html>body .entry li {margin:7px 0 8px 10px; }
.entry ul li:before,#sidebar ul ul li:before {/*content:"\00BB \0020"; */}
.entry ol {padding:0 0 0 35px; margin:0; }
.entry ol li {margin:0; padding:0; }

/* SIDEBAR */
#sidebar {float:right; width:219px; background:transparent; /*#f0f3ec*/}
#sidebar {float:right; width:219px; background:transparent; /*#f0f3ec*/}
div#sidebar ul li.rss {background:url('images/sidebar_divider.png') no-repeat; background-position:top right; padding:30px 0 0 0; }
div#sidebar ul li.rss h1 a {width:130px; color:#212020; font-size:1.2em; font-weight:bold; padding:0px 20px 0 10px; background:url('images/rss.png') no-repeat; background-position:right; }
div#sidebar ul li.rss h3 a {width:130px; color:#212020; font-size:1.2em; font-weight:bold; padding:0px 20px 0 10px;}
div#sidebar ul h2 {padding:20px 0 0 10px; margin-top:10px; background:url('images/sidebar_divider.png') no-repeat; background-position:top left; }
div#sidebar ul,#sidebar ul ol {margin:0; padding-left:0; }
div#sidebar ul li {list-style-type:none; list-style-image:none; }
div#sidebar ul p,#sidebar ul select {margin:5px 0 spx; }
div#sidebar ul ul,#sidebar ul ol {margin:5px 0 0 10px; }
div#sidebar ul ul ul,#sidebar ul ol {margin:0 0 0 10px; }
div#sidebar ul ul li,#sidebar ul ol li {margin:3px 0 0; padding:0; }
div#sidebar a,h2 a:hover,h3 a:hover {font-size:1.2em; color:#222121; text-decoration:none; }
div#sidebar a:hover {text-decoration:underline; }
div#sidebarsearchform {background:url('images/search_icon.png') no-repeat; padding-left:24px; margin-left:10px; }

#sidebar form {margin:0; }
#sidebarsearchform #s {width:127px; height:25px; background:url('images/search_bg.png') no-repeat left top; border:0; padding:0px 4px 0 0px; background-position: absolute; position: absolute; }
#sidebarsearchsubmit {border:0; width:37px; height:25px; background:url('images/search_go.png') no-repeat; position: relative; top:0px; left:131px; }



/* COMMENT FORMS */

.entry form {/* This is mainly for password protected posts,makes them look better. */
text-align:center; }
select {width:130px; }
#commentform p {margin:5px 0; width: 300px;}
#commentform input {width:255px; height: 20px; padding:5px; margin:5px 5px 1px 0; border: 1px solid #c0c2b3; background: #fbfbf4; font-size: 1.4em; color: #7f7f7f;}
#commentform textarea {width: 590px; padding:2px;  border: 1px solid #c0c2b3; background: #fbfbf4; margin:5px 5px 1px 0; }
#commentform div#left {float: left; clear: both; width: 150px;}
#commentform div#right {float: right; clear: right;}
#commentform p#author {}
#commentform p#email {}
#commentform p#website {margin: 20px 0 20px 0;}
#commentform p#comments {clear: both;}
#commentform #submit {margin:0; float:right; width: 97px; height: 25px; border: none; float: left; background: url('images/comment_send.png') no-repeat;}
#commentform .asterix {font-weight: normal;color: #f57900;}
/* End Form Elements */
/* Begin Comments*/
.alt {background: #f7f9f5 url('images/comment_gradient.png') repeat-y; background-position: center;}
.commentlist li {margin:0px 0 px; padding:10px; list-style:none;  border-top: 1px dashed #ccc;}

.commentlist {padding:0; text-align:justify;}
.commentlist p {margin:10px 5px 10px 0; }
.commentlist cite {color: #ee3192; }
.commentlist a {color: #ee3192; text-decoration: none;}
.commentlist a:hover {text-decoration: underline;}

.nocomments {text-align:center; margin:0; padding:0; }

.commentmetadata {margin-left: 10px; font-size: .9em;}
.commentmetadata a {color: #7f7f7f; text-decoration: none; }
.commentmetadata a:hover {text-decoration: underline;}


/* SEARCH FORM */
div#searchpage {text-align: center; font-size: 1.2em;padding-bottom: 20px;}
div#searchpage h2 {padding-bottom: 10px;font-size: 1.2em;}
div#searchpage #searchform #s {}
div#searchpage #searchsubmit {border:0; width:37px; height:25px; background:url('images/search_go.png'); }


#wp-calendar {empty-cells:show; margin:10px auto 0; width:155px; }
#wp-calendar #next a {padding-right:10px; text-align:right; }
#wp-calendar #prev a {padding-left:10px; text-align:left; }
#wp-calendar a {display:block; }
#wp-calendar caption {text-align:center; width:100%; }
#wp-calendar td {padding:3px 0; text-align:center; }
#wp-calendar td.pad:hover {/* Doesn't work in IE */
 }
/* End Calendar */
/* Begin Various Tags & Classes */
acronym,abbr,span.caps {cursor:help; }
acronym,abbr {border-bottom:1px dashed #999; }
blockquote {margin:15px 30px 0 10px; padding-left:20px; border-left:5px solid #ddd; b}
blockquote cite {margin:5px 0 0; /*display:block;*/}
.center {text-align:center; }
hr {display:none; }

.navigation {display:block; text-align:center; margin-top:10px; margin-bottom:60px; display: none;}

/* -----------------------------------------------
CLASSES
----------------------------------------------- */
.cleaner { overflow: hidden; clear: both; height: 1px; margin-top: -1px; }
.selfclear:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.selfclear {display:inline-block;}
/* Hide from IE Mac \*/
.selfclear {display:block;}
/* End hide from IE Mac */



ol.faq { height: 100%; overflow: hidden; margin-bottom: 2em; }

ol.faq li h3 { font-size: 1em; margin: 0; padding: 0.75em; }

ol.faq li h3 br { display: none; }