/*
Theme Name: Pome
Theme URI: http://blogs.fsfe.org
Description:    Pome (n. A fleshy fruit, such as an apple, pear, or quince) is a theme developed especially to fit the new visual identity of the Free Software Foundation Europe. It features an extensive social media settings page, tailored specifically to open source and free software profiles. And of course there's the obligatory Twitter wigdet, a custom navigation menu with all kind of jQuery goodness, and a nice way to introduce youreslf in the sidebar.
Version: 1.2
Author: Mark P. Lindhout
Author URI: http://blogs.fsfe.org/marklindhout
License: GNU General Public License v2.0
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

/*
style.css contains a reset, font normalization and some base styles.
credit is left where credit is due.
additionally, much inspiration was taken from these projects:
yui.yahooapis.com/2.8.1/build/base/base.css
camendesign.com/design/
praegnanz.de/weblog/htmlcssjs-kickstart
*/

/*
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com
Twitter: @rich_clark
*/

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video{
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}
body{
    line-height: 1;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{
    display: block;
}
nav ul{
    list-style: none;
}
blockquote, q{
    quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after{
    content: '';
    content: none;
}
a{
    margin: 0;
    padding: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}
ins{
    background-color: #ff9;
    color: #000;
    text-decoration: none;
}
mark{
    background-color: #ff9;
    color: #000;
    font-style: italic;
    font-weight: bold;
}
del{
    text-decoration: line-through;
}
abbr[title], dfn[title]{
    border-bottom: 1px dotted;
    cursor: help;
}
hr{
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #cccccc;
    margin: 1em 0;
    padding: 0;
}
input, select{
    vertical-align: middle;
}
body{
    font: 16px /1.33 sans-serif;
    *font-size: small;
}
select, input, textarea, button{
    font: 99% sans-serif;
}
pre, code, kbd, samp{
    font-family: "Consolas", monospace, sans-serif;
}

/* END RESET CSS */

/* Here we go! */

html, body{
    height: 100%;
}
html{
    overflow-y: scroll;
}
body{
    margin: 0 auto;
    line-height: 1.5em;
    width: 100%;
    background: #fff url(images/body_bg_green_wave.png) no-repeat center 32px;
}
body, select, input, textarea{
    color: #333;
    font: 14px/1.33em "Helvetica Neue", Helvetica, "Arial TT", Arial, sans-serif;
}
#container{
    width: 992px;
    margin: 0 auto;
    background: transparent url(images/body_middle_bg.png) repeat center top;
    -moz-box-shadow: 0 0 4px #888;
    -webkit-box-shadow: 0 0 4px #888;
    box-shadow: 0 0 4px #888;
}
#content{
    width: 928px;
    padding: 32px;
    display: block;
    float: left;
}
#main{
    width: 100%;
    float: left;
    clear: both;
}
.hassidebar #main{
    width: 624px;
}
#sidebar{
    float: right;
    width: 224px;
    padding: 0 0 0 32px;
    margin: 0 0 0 32px;
    border-left: 1px solid #ddd;
}
#footer{
    width: 100%;
    clear: both;
}
#footer-wrap{
    width: 960px;
    margin: 0 auto;
    padding: 32px 64px;
}

/* Links */

a{
    outline: none;
}
a, a:link, a:active{
    color: #008800;
    font-weight: normal;
    text-decoration: underline;
}
a:visited{
    color: #006600;
}
a:hover{
    color: #090;
}
ul, ol{
    margin: 1em 0 1em 2em;
    list-style-position: outside;
}
ol{
    list-style-type: decimal;
}
ol ol, ul ol{
    list-style-type: lower-alpha;
}
dl{
    padding: 1em;
    margin: 1em 0;
}
dl dt{
    padding-bottom: 0.5em;
    font-weight: bold;
    color: #494;
}
dl dd{
    padding-bottom: 1em;
    margin-left: 1em;
    color: #666;
}
small{
    font-size: 85%;
}
strong, th{
    font-weight: bold;
}
td, td img{
    vertical-align: top;
}
sub{
    vertical-align: sub;
    font-size: smaller;
}
sup{
    vertical-align: super;
    font-size: smaller;
}
pre{
    white-space: pre;
    white-space: pre-wrap;
    white-space: pre-line;
    word-wrap: break-word;
}
textarea{
    overflow: auto;
}
.ie6 legend, .ie7 legend{
    margin-left: -7px;
}
input[type="radio"]{
    vertical-align: text-bottom;
}
input[type="checkbox"]{
    vertical-align: bottom;
}
.ie7 input[type="checkbox"]{
    vertical-align: baseline;
}
.ie6 input{
    vertical-align: text-bottom;
}
label, input[type=button], input[type=submit], button{
    cursor: pointer;
    outline: none;
}
button, input, select, textarea{
    margin: 0;
}
input:focus, textarea:focus,
input.focus, textarea.focus{
    -moz-box-shadow: 0 0 4px #97D897;
    -webkit-box-shadow: 0 0 4px #97D897;
    box-shadow: 0 0 4px #97D897;
}
input:valid, textarea:valid,
input.valid, textarea.valid{
}
input:invalid, textarea:invalid,
input.error, textarea.error,
input:focus.error, textarea:focus.error,
input.focus.error, textarea.focus.error{
    -moz-box-shadow: 0 0 4px #ff4b33;
    -webkit-box-shadow: 0 0 4px #ff4b33;
    box-shadow: 0 0 4 #ff4b33;
    border-color: #ff4b33;
    color: #ff4b33;
}
.no-boxshadow input:invalid, .no-boxshadow textarea:invalid{
    background-color: #fac1c3;
}
::-moz-selection{
    background: #81caf6;
    color: #094061;
    text-shadow: none;
}
::selection{
    background: #81caf6;
    color: #094061;
    text-shadow: none;
}
a:link{
    -webkit-tap-highlight-color: #81caf6;
}
button{
    width: auto;
    overflow: visible;
}
.ie7 img{
    -ms-interpolation-mode: bicubic;
}

/*
* Non-semantic helper classes
*/

/**
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    contenteditable attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that are clearfixed.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */
.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

.clearfix {
    clear: both;
}

/* For IE 6/7 only */
.clearfix {
    *zoom: 1;
}

textarea{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
hr{
    display: none;
}
html{
}

/* Images */

figure{
    text-align: center;
}
figcaption{
    font-style: italic;
    color: #aaa;
}

/* fluid width images http://css-tricks.com/fluid-width-youtube-videos/ */

img{
    display: block;
}
.img img, figure img{
    max-width: 100%;
}
.img object, .img embed{
    width: 100%;
}

/* Image align in Wordpress content */

img.alignleft, .alignleft{
    float: left;
    margin: 0 1em 1em 0;
}
img.aligncenter, .aligncenter{
    float: none;
    margin: 0 auto 1em auto;
}
img.alignright, .alignright{
    float: right;
    margin: 0 0 1em 1em;
}

/* WP-Captions */

.wp-caption{
    clear: both;
    padding: 16px;
    background-color: #f6f6f6;
}
.wp-caption.alignright{
    margin-left: 1em;
    margin-right: -1em;
}
.wp-caption.alignleft{
    margin-right: 1em;
    margin-left: -1em;
}
.wp-caption-text{
    color: #666;
    font-size: .75em;
    line-height: 1.3em;
    font-style: italic;
    text-align: left;
    padding: 0;
    margin: 1em 0 0;
}
.wp-caption img{
}

/* Image sizes in content */

img.size-full {
    max-width: 100%;
    /*width: 100%;*/
}

/* Galleries in content */

.gallery {
    width: 100%;
    float: left;
    display: block;
    clear: both;
    margin-bottom: 1em;
}

.gallery .gallery-item {
    width: 100%;
    display: block;
    margin: 0 1% 1% 0;
    padding: 0;
    float: left;
    overflow: hidden;
}

.gallery-columns-1 .gallery-item {
    width: 99%;
}

.gallery-columns-2 .gallery-item {
    width: 49%;
}

.gallery-columns-3 .gallery-item {
    width: 32.33%;
}

.gallery-columns-4 .gallery-item {
    width: 24%;
}

.gallery-columns-5 .gallery-item {
    width: 19%;
}

.gallery-columns-6 .gallery-item {
    width: 15.66%;
}

.gallery-columns-7 .gallery-item {
    width: 13.28%;
}

.gallery-columns-8 .gallery-item {
    width: 11.5%;
}

.gallery-columns-9 .gallery-item {
    width: 10.11%;
}

.gallery .gallery-item .gallery-icon {
    width: 100%;
    display: block;
    margin: 0;
    padding: 0;
    float: left;
}

.gallery .gallery-item .gallery-icon a {
    display: block;
    border: 2px solid transparent;
}
.gallery .gallery-item .gallery-icon a:hover {
    border-color: #090;
}

.gallery .gallery-item .gallery-icon a img {
    width: 100%;
    height: auto;
    display: block;
}

.gallery .gallery-item .gallery-caption {
    display: block;
    float: left;
    margin: 0.5em 0 1em 0;
}

/* Headers */

h1, h2, h3, h4, h5, h6{
    font-weight: normal;
    font-style: normal;
    line-height: 1em;
    text-decoration: none;
    margin: .5em 0 .25em 0;
}
h1.title, h2.title, h3.title, h4.title, h5.title, h6.title{
    margin-top: 0;
}
h1.title a,
h2.title a,
h3.title a,
h4.title a,
h5.title a,
h6.title a{
    text-decoration: none;
}
h1.title a:hover,
h2.title a:hover,
h3.title a:hover,
h4.title a:hover,
h5.title a:hover,
h6.title a:hover{
    text-decoration: underline;
}
article h1, article h2, article h3, article h4, article h5, article h6{
    margin: 1em 0 .5em 0;
}
h1{
    font-size: 2em;
    color: #666;
}
h2{
    font-size: 1.66em;
    color: #555;
}
h3{
    color: #444;
    font-size: 1.33em;
}
h4{
    color: #666;
    font-size: 1.2em;
}
h5{
    color: #777;
    font-size: 1.125em;
}
h6{
    color: #888;
    font-size: 1em;
}
h4.date{
    color: #444;
    font-weight: 100;
    font-style: italic;
    font-size: 100%;
    margin: 60px 0 40px 0;
}
h1 a,
h1 a:link,
h1 a:active,
h1 a:visited,
h2 a,
h2 a:link,
h2 a:active,
h2 a:visited,
h3 a,
h3 a:link,
h3 a:active,
h3 a:visited,
h4 a,
h4 a:link,
h4 a:active,
h4 a:visited,
h5 a,
h5 a:link,
h5 a:active,
h5 a:visited,
h6 a,
h6 a:link,
h6 a:active,
h6 a:visited{
    color: #494;
}

/* Text Styles */

p{
    margin-bottom: 1em;
}
em{
    font-style: italic;
}
strong{
    font-weight: bold;
}
small{
    font-size: 85%;
}

/* Code etc. */

code{
    color: #555;
}
pre{
    padding: 1em;
    margin: 1em 0;
    border: 1px solid #eee;
    font-size: 1em;
    background-color: #f8f8f8;
    border-radius: 0.5em;
}

/* Blockquote */

blockquote{
    color: #777;
    font-style: italic;
    margin: 1em 0;
    padding: 0.5em 13% 0 7%;
    width: 80%;
    min-height: 2em;
    background: transparent url(images/quotes.png) no-repeat top left;
}
cite{
    display: block;
    clear: both;
    margin-top: .5em;
    text-align: right;
    color: #335363;
    font-style: italic;
    font-size: 0.85em;
}
cite *{
    color: inherit;
}
blockquote p{
    margin-bottom: .5em;
}
blockquote *{
    color: inherit;
}

/* Tables */

table{
    border-collapse: collapse;
    border-spacing: 0;
    min-width: 50%;
    max-width: 100%;
    margin: 1em 0 2em 0;
}
table caption{
    font-weight: 700;
    background: #999;
    color: #fff;
    margin: 4px;
}
td, th{
    padding: .66em;
    border: 1px solid #eee;
    border-collapse: collapse;
}
td{
    color: #666;
    text-align: left;
    vertical-align: top;
    border-color: #eee;
}
th{
    background: #f3fbff;
    color: #768994;
    text-align: left;
    vertical-align: top;
    border-color: #dbedf8;
}
tr:nth-child(even){
    background: #f6f6f6;
}
dialog{
    display: block;
}

/* Sections and articles layouts */

article{
    margin: 0 0 2em 0;
    padding: 0;
    font-size: 1em;
}
article header{
    margin-bottom: 1em;
    clear: both;
}
article header .title{
    font-size: 2em;
    padding: 16px;
}
body.archive article header .title,
body.category article header .title,
body.search article header .title,
body.search-results article header .title{
    padding-bottom: 0;
}
article header figure{
    background-color: #fcfcfc;
    border-top: 1px solid #CCC;
    border-bottom: 1px solid #CCC;
    text-align: center;
}
article header figure img{
    margin: 0 auto;
}
article header .postmeta{
    width: 100%;
    padding: 8px 0;
    background-color: #f6f6f6;
    color: #aaa;
    font-size: 0.85em;
    text-indent: 8px;
}
article header .postmeta a{
    color: #aaa;
}
article header .postmeta .meta-comment-link{
    display: block;
    float: right;
    background: transparent url(images/comment-icon.png) no-repeat left center;
    padding: 0 8px 0 20px;
    text-decoration: none;
    font-weight: bold;
    color: #090;
    line-height: 16px;
    text-indent: 0;
}
article header .postmeta .meta-comment-link:hover{
    color: #444;
}
article .content{
    padding: 16px;
    font-size: 16px;
    line-height: 1.33em;
    color: #444;
}
article .content a{
    font-weight: bold;
}

/* read more link in category and search overview */

article .read-more {
    display: block;
    clear: both;
    margin: 1em 0 0 0;
}

article footer{
    float: left;
    width: 100%;
    padding: 8px 0;
    background-color: #f6f6f6;
    color: #aaa;
    font-size: 0.85em;
    text-indent: 8px;
}
article footer p{
    margin: 0;
    padding: 0;
}
#content article footer a{
    color: #666;
}
#content article footer a:hover{
    color: #444;
}
article footer nav{
    display: block;
    float: left;
    margin: 0.5em 1em;
    text-indent: 0;
}

/* Social Share */

article footer nav.socialshare{
    float: left;
    width: 90%;
    text-indent: 0;
}
article footer nav.socialshare ul,
article footer nav.socialshare ul li{
    margin: 0;
    padding: 0;
    float: left;
    display: block;
    line-height: 16px;
}
article footer nav.socialshare ul li a{
    display: block;
    margin: 0 4px;
    padding: 0;
    float: left;
    width: 16px;
    height: 16px;
    overflow: hidden;
    text-indent: 32px;
    background-position: left top;
    background-repeat: no-repeat;
    background-color: transparent;
}
article footer nav.socialshare ul li a.twitter{
    background-image: url(admin/icons/twitter.png);
}
article footer nav.socialshare ul li a.reddit{
    background-image: url(admin/icons/reddit.png);
}
article footer nav.socialshare ul li a.digg{
    background-image: url(admin/icons/digg.png);
}
article footer nav.socialshare ul li a.facebook{
    background-image: url(admin/icons/facebook.png);
}
article footer nav.socialshare ul li a.linkedin{
    background-image: url(admin/icons/linkedin.png);
}
article footer nav.socialshare ul li a.google{
    background-image: url(admin/icons/google.png);
}
article footer nav.socialshare ul li a.delicious{
    background-image: url(admin/icons/delicious.png);
}
article footer nav.socialshare ul li a.stumbleupon{
    background-image: url(admin/icons/stumbleupon.png);
}
article footer nav.socialshare ul li a.technorati{
    background-image: url(admin/icons/technorati.png);
}
article footer nav.socialshare ul li a.yahoo{
    background-image: url(admin/icons/yahoo.png);
}

/* Pagination */

#pagination{
    margin: 90px 0;
    text-align: center;
    font-size: 140%;
}

/* Forms */

form{
}
input.textfield, input[type="text"], textarea{
    background-color: #F8F8F8;
    border: 2px solid #ccc;
    box-shadow: inset 1px 1px 4px rgba(66,66,66,0.2);
    -moz-box-shadow: inset 1px 1px 4px rgba(66,66,66,0.2);
    -webkit-box-shadow: inset 1px 1px 4px rgba(66,66,66,0.2);
    padding: 8px;
}
input[type="text"]:focus, textarea:focus,
input.focus, textarea.focus{
    background-color: #FFF;
    border: 2px solid #97D897;
}
input.submit, input[type="submit"]{

}
input[type="text"]{
    width: 90%;
}
textarea{
    width: 90%;
}
label{
    display: block;
    clear: both;
    color: #666;
    font-size: 0.85em;
    line-height: 2em;
    font-weight: normal;
    font-style: normal;
    text-decoration: none;
    font-variant: normal;
    margin: 0;
    line-height: 3em;
}
option{
}

/* Comment validation error containers */

label.error{
    float: right;
    color: #ff4b33;
    font-weight: normal;
}

/* buttons, taken from bootstrap */
.btn{
    display: inline-block;
    *display: inline;
    padding: 4px 12px;
    margin-bottom: 0;
    *margin-left: .3em;
    font-size: 14px;
    line-height: 20px;
    *line-height: 20px;
    color: #333333;
    text-align: center;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
    vertical-align: middle;
    cursor: pointer;
    background-color: #f5f5f5;
    *background-color: #e6e6e6;
    background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
    background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
    background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
    background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
    background-repeat: repeat-x;
    border: 1px solid #bbbbbb;
    *border: 0;
    border-color: #e6e6e6 #e6e6e6 #bfbfbf;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    border-bottom-color: #a2a2a2;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    *zoom: 1;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}
a.btn{
    color: #333;
}
.btn:hover,
.btn:active,
.btn.active,
.btn.disabled,
.btn[disabled]{
    color: #333333;
    background-color: #e6e6e6;
    *background-color: #d9d9d9;
}
.btn:active,
.btn.active{
    background-color: #cccccc \9;
}
.btn:first-child{
    *margin-left: 0;
}
.btn:hover{
    color: #333333;
    text-decoration: none;
    background-color: #e6e6e6;
    *background-color: #d9d9d9;
    /* Buttons in IE7 don't get borders, so darken on hover */
    
    background-position: 0 -15px;
    -webkit-transition: background-position 0.1s linear;
    -moz-transition: background-position 0.1s linear;
    -o-transition: background-position 0.1s linear;
    transition: background-position 0.1s linear;
}
.btn:focus{
    outline: thin dotted #333;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}
.btn.active,
.btn:active{
    background-color: #e6e6e6;
    background-color: #d9d9d9 \9;
    background-image: none;
    outline: 0;
    -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
}
.btn.disabled,
.btn[disabled]{
    cursor: default;
    background-color: #e6e6e6;
    background-image: none;
    opacity: 0.65;
    filter: alpha(opacity=65);
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
.btn-pome, 
.btn-pome:hover { 
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); 
    color: #ffffff; 
} 
.btn-pome { 
    background-color: #009900; 
    background-image: -moz-linear-gradient(top, #37C437, #006900); 
    background-image: -ms-linear-gradient(top, #37C437, #006900); 
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#37C437), to(#006900)); 
    background-image: -webkit-linear-gradient(top, #37C437, #006900); 
    background-image: -o-linear-gradient(top, #37C437, #006900); 
    background-image: linear-gradient(top, #37C437, #006900); 
    background-repeat: repeat-x; 
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#37C437', endColorstr='#006900', GradientType=0); 
    border-color: #006900 #006900 #016101; 
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); 
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); 
} 
.btn-pome:hover, 
.btn-pome:active, 
.btn-pome.active, 
.btn-pome.disabled, 
.btn-pome[disabled] { 
    background-color: #006900; 
}

/* WP Contact Form 7 plugin */

.wpcf7{
    float: left;
    margin: 0 0 2em 0;
    width: 100%;
}
.wpcf7 .wpcf7-form{
    padding: 0;
    margin: 0 0 2em 0;
    float: left;
    width: 100%;
}
.wpcf7 .wpcf7-form p{
    margin: 0;
    padding: .5em 0;
    float: left;
    clear: both;
    width: 100%;
}
.wpcf7 .wpcf7-form-control-wrap{
    margin: 0;
    padding: 0;
    float: left;
    clear: both;
    width: 100%;
}
.wpcf7 .wpcf7-not-valid-tip{
    border: none;
    color: #ffe9ea;
    font-size: 1em;
    position: absolute;
    left: 480px;
    top: 2px;
    line-height: 16px;
    display: block;
    margin: 0;
    padding: 8px 8px 8px 24px;
    width: 240px;
    background: transparent url(images/form-validation.png) no-repeat left top;
}
.wpcf7 .wpcf7-response-output{
    border: none;
    background-color: #666;
    color: #eee;
    font-size: 1em;
    clear: both;
    float: left;
    margin: 0;
    padding: .5em 2.5%;
    width: 95%;
    line-height: 24px;
}
.wpcf7 .wpcf7-mail-sent-ok{
    background-color: #dbedf8;
    color: #4b8cb1;
}

/* Header */

#header{
    width: 100%;
    padding: 16px 0;
}
#header #bookmark{
    margin: 16px 0 0 32px;
    font-size: 2em;
    color: #555;
    letter-spacing: -1px;
    float: left;
    line-height: 32px;
    font-weight: lighter;
    max-width: 540px;
}
#header #bookmark a{
    text-decoration: none;
}
#header a.fellowship-link{
    display: block;
    float: left;
    width: auto;
    height: 16px;
    line-height: 16px;
    font-size: 0.85em;
    padding: 0 0 32px 20px;
    margin: 0 0 0 4px;
    background: transparent url(images/plussy-16px.png) no-repeat left top;
    text-decoration: none;
    color: #009900;
}
#header a.fellowship-link:hover{
    text-decoration: underline;
}
#header .description{
    float: left;
    clear: left;
    color: #888;
    font-weight: normal;
    font-size: 1em;
    margin: 8px 0 24px 32px;
    width: 540px;
}

/* Navigation and Menu */

nav#navigation{
    margin: 16px 0 0 0;
    background-color: #d2e8c5;
}
nav#navigation, nav#navigation div{
    width: 992px;
    height: 48px;
    float: left;
}
nav#navigation .menu,
nav#navigation ul{
    margin: 0;
    padding: 0;
    background-color: #d2e8c5;
}
nav#navigation .menu li{
    float: left;
    list-style: none;
    position: relative;
}
nav#navigation .menu li a{
    display: block;
    line-height: 16px;
    padding: 16px;
    text-decoration: none;
    width: auto;
    color: #65904b;
    white-space: nowrap;
    font-size: 1em;
}
nav#navigation .menu li .hassub{
    padding-right: 24px;
    background: transparent url(images/menu_arrow.png) no-repeat right 16px;
}
nav#navigation .menu li a:hover{
    background-color: #65904b;
    color: #fff;
}
nav#navigation .menu li.current-menu-item,
nav#navigation .menu li.current_page_item{
    background: transparent url(images/menu_item_active_bg.png) no-repeat center bottom;
}
nav#navigation .menu li.current-menu-item a,
nav#navigation .menu li.current_page_item a{
    color: #1c3e08;
}
nav#navigation .menu li.current-menu-item .hassub,
nav#navigation .menu li.current_page_item .hassub{
    background-position: left -14px;
}
nav#navigation .menu li ul.sub-menu,
nav#navigation .menu li ul.children{
    display: none;
    margin: 0;
    padding: 0;
    position: absolute;
    background-color: #d2e8c5;
    border-left: 2px solid #65904b;
}
nav#navigation .menu li ul.sub-menu ul.sub-menu,
nav#navigation .menu li ul.children ul.children,
nav#navigation .menu li ul.sub-menu ul.sub-menu ul.sub-menu,
nav#navigation .menu li ul.children ul.children ul.children{
    display: none;
    left: 200px;
    top: -64px;
}
nav#navigation .menu li ul.sub-menu li,
nav#navigation .menu li ul.children li{
    display: inline;
    float: none;
    clear: both;
}
nav#navigation .menu li ul.sub-menu li a,
nav#navigation .menu li ul.children li a{
    width: auto;
    width: 160px;
    white-space: normal;
}

/* Social Media in Header */

nav#social{
    float: right;
    width: 224px;
    padding: 0 32px;
}
nav#social a{
    display: block;
    width: 80px;
    padding: 8px 24px 8px 8px;
    line-height: 16px;
    font-size: 0.85em;
    color: #888;
    text-decoration: none;
    float: right;
    text-align: right;
    background-color: transparent;
    background-position: right center;
    background-repeat: no-repeat;
}
nav#social a:hover{
    text-decoration: underline;
}

/* Sidebar */

#sidebar{
}
#sidebar section{
    margin: 0 0 1.66em 0;
    font-size: 0.85em;
}
#sidebar .title{
    color: #444;
    font-size: 1.5em;
    margin: 0 0 1em 0;
}
#sidebar section ul{
    margin: 0 0 0 1em;
    padding: 0;
}

/* Twitter widget */

#sidebar section.twitter ul{
    margin: 0;
    padding: 0;
    list-style-type: none;
}
#sidebar section.twitter .tweet{
    margin: 0.66em 0;
    padding: 16px;
    list-style-type: none;
    background-color: #f6f6f6;
    line-height: 1.33em;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
#sidebar section.twitter .tweet .twitter-date{
    display: block;
    margin-top: 8px;
    text-decoration: none;
    color: #888;
}
#sidebar section.twitter .tweet .twitter-date:hover{
    text-decoration: underline;
    color: #444;
}

/* Page navigation */

#pager{
    padding: 1em 0;
    background-color: #f6f6f6;
    float: left;
    width: 100%;
}
#pager .prev{
    float: left;
    margin-left: 1em;
}
#pager .next{
    float: right;
    margin-right: 1em;
}
#pager a {
    text-decoration: none;
}

/* Comments */

#comments, #respond{
    float: left;
    width: 928px;
    padding: 32px;
    margin: 1em 0;
}
#comments .title, #respond .title{
    width: 100%;
    font-size: 2em;
    color: #555;
    letter-spacing: -1px;
    font-weight: lighter;
}
#comments .description, #respond .description{
    width: 100%;
    color: #AAA;
    font-size: 0.85em;
    line-height: 2em;
    margin: 0.25em 0 1.66em 0;
}
#comments ol{
    float: left;
    width: 100%;
    list-style-type: none;
    margin: 0;
    padding: 0;
}
#comments .comment{
    float: left;
    width: 100%;
    padding: 0;
    margin: 2% 0 0 0;
    border-top: 2px solid #f6f6f6;
    list-style-type: none;
}
#comments .comment article{
    float: left;
    display: block;
    width: 96%;
    padding: 2%;
}

#comments .byuser {
    border-color: #d2e8c5;
}
#comments .byuser article{
    background-color: #e7f8de;
    background-image: -ms-linear-gradient(bottom, #FFFFFF 0%, #E7F8DE 100%);
    background-image: -moz-linear-gradient(bottom, #FFFFFF 0%, #E7F8DE 100%);
    background-image: -o-linear-gradient(bottom, #FFFFFF 0%, #E7F8DE 100%);
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #FFFFFF), color-stop(1, #E7F8DE));
    background-image: -webkit-linear-gradient(bottom, #FFFFFF 0%, #E7F8DE 100%);
    background-image: linear-gradient(to top, #FFFFFF 0%, #E7F8DE 100%);
}
#comments .comment-meta{
    display: block;
    float: right;
    padding: 0 0 0 0;
    margin: 0 0 0 0;
    width: 256px;
}
#comments .comment .avatar{
    float: left;
    display: block;
    margin: 0 16px 0 0;
    width: 80px;
    height: 80px;
    overflow: hidden;
}
#comments .comment .author{
    float: right;
    display: block;
    line-height: 16px;
    width: 160px;
    margin: 0 0 1em 0;
    color: #666;
    font-weight: bold;
}
#comments .comment .author a{
    color: inherit;
    font-weight: inherit;
}
#comments .comment .date{
    float: right;
    display: block;
    line-height: 16px;
    width: 160px;
    font-size: .85em;
}
#comments .comment .date time{
    color: #888;
}
#comments .comment .date a{
    color: inherit;
    text-decoration: none;
}
#comments .comment-content{
    display: block;
    float: left;
    padding: 0 0 0 0;
    margin: 0 0 0 0;
    width: 66%;
}
#comments .comment .comment-tools{
    font-size: .9em;
    position: absolute;
}
#comments .comment .comment-tools a{
    color: #aaa;
    text-decoration: none;
    margin: 0 1em 0 0;
    padding: 0 0 0 22px;
    background-repeat: no-repeat;
    background-position: left top;
    background-color: transparent;
    line-height: 16px;
    display: block;
    float: left;
}
#comments .comment .comment-tools a:hover{
    color: #555;
    text-decoration: underline;
}
#comments .comment .comment-tools a.comment-reply-link{
    background-image: url(images/comment-reply.png);
}
#comments .comment .comment-tools a.comment-permalink{
    background-image: url(images/comment-permalink.png);
}
#comments .comment .comment-tools a.comment-edit-link{
    background-image: url(images/comment-edit.png);
}
#comments .children{
    float: left;
    display: block;
    width: 96%;
    margin-left: 4%;
}
#comments .children .comment {
    border-top: none;
}

/* Response Form for comments */

#respond{
}
#respond .req{
    font-weight: bold;
    color: #CE2020;
}
#respond textarea#comment{
    width: 100%;
}

/* Footer */

#footer #footer-1, #footer #footer-2, #footer #footer-3{
    width: 33%;
    float: left;
}
#footer aside{
    float: left;
}