@import url(https://fonts.googleapis.com/css?family=PT+Serif:400,700);
@import url(https://fonts.googleapis.com/css?family=Droid+Sans);
html {
    height: 100%
}

body {    
    background-color: #fff;
    margin: 0px;
    padding: 0px;
    color: #333;
    line-height: 1.5;    
    width: 100%;
    height: auto;
    text-align: center;
    font-family: 'Droid Sans', sans-serif;
}

img {
    max-width: 100%;
}

#entry{    
    max-width: 1180px;
    text-align: left;
    background-color: #DEDEDE;    
    padding: 0 5px;
    margin: 0 auto;
}
#embed{
    text-align: left;
    margin-left:10px;
    margin-bottom:-5px;
}

/* TITLES */

h1,
h2,
h3 {
    font-family: 'Open Sans', Arial, Helvetica;
    font-weight: bold;
    padding: 0px;
}

h1,
h2 {
    margin: 0px;
    text-transform: uppercase;
}

h1 {
    font-size: 30px;
    line-height: 32px;
	margin-left: 10px;
    margin-right: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
    text-transform: none;
}

h2 {
    font-size: 24px;
    /* padding-bottom: 50px;*/
}

h3 {
    font-size: 20px;
    color: #333;
    padding-bottom: 10px
}

/* GENERAL CLASSES */

a:visited, a:active, a:hover {
    color:#333;
}

/* SOCIAL MEDIA */

@media only screen and (min-width: 700px) {

    h1 { font-size: 33px; line-height: 35px; }

    #socialShare {
        display: block;
        width: 72px;
        text-align: center;
        margin-top: -199px;
        position: fixed;
        top: 40%;
        right: 10px;
        z-index: 99; }
    #socialShare > img {
        position: relative;
        top: 12px; }
    #socialShare > div {
        padding: 0;
        background: #fff;
        border-radius: 5px;
        box-shadow: 2px 2px 4px #999; }
    #socialShare > div .social-icon {
        margin-bottom: 5px; }
    #socialShare > div .fb {
        margin-bottom: 10px; padding-right: 4px; }
    #entry { padding: 10px 50px; }   
}

@media only screen and (max-width: 700px) {
    #socialShare {
        display: none;
    } 
}



textarea {
    background-color: white;
    margin: 0px 10px 0px 10px;
    box-sizing: border-box;
    width:  calc(100% - 400px);
    border: 1px #4d4d4d solid;
    color:#4d4d4d;
    font-size: 11px;
    font-family: monospace;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    padding: 5px;
    height: 80px;
    margin-top: 10px;
    padding:10px 10px 0px 10px;
}

.sr-wp { position: relative; padding-bottom: 20px; }
.sr-wp textarea { display: block; border: solid 1px #3b4418; border-radius: 3px; width: 90%; min-height: 60px; margin: 20px auto 0; display: block; padding: 10px 15px; resize: none; font-size: 14px; line-height: 20px; color: #606060; }

.fullimg img { display: block; width: 100%; height: auto; }


.fb-like.fb_iframe_widget{
    position: relative;
    margin-top: -2px;
    font-size: inherit !important;
}

#bottom {
    max-width: 1200px;
    text-align: center;
    text-transform: uppercase;
    padding: 15px 0;
    margin: auto;
    padding-top:10px;
    padding-bottom: 20px
}
#bottom a { padding: inherit !important; min-height:inherit !important; display: inline-block}
#spacer { width: 560px; height:10px;}

.addthis_toolbox {
    max-width: 380px;
    padding-bottom: 20px;
    padding-left:10px;
    padding-top:30px
}
a.addthis_button_facebook_like.at300b, a.addthis_button_tweet.at300b, a.addthis_button_google_plusone.at300b{
    width:inherit;
    width:80px !important;
}

a.addthis_button_pinterest_pinit.at300b {
        width:inherit;
    width:60px !important;
}

#socialShare span { background-color:transparent !important}

.social-icon fb{margin-left:1px;}

#socialShare > div{
    padding-top: 10px !important
}

.text-limit-multiple {margin-bottom:30px; }
.text-limit-multiple > p { padding-bottom: 10px; margin:0; margin-left: 10px; margin-right: 10px; }
.text-limit-multiple > p:last-child { padding-bottom: 0; }
.text-limit-multiple .expand,
.text-limit-multiple .collapse { cursor: pointer; }
.text-limit-multiple .expand,
.text-limit-multiple .collapse,
.text-limit-multiple > p a { color: #0096cb; text-decoration: none; }
.text-limit-multiple .expand:hover,
.text-limit-multiple .collapse:hover,
.text-limit-multiple > p a:hover { text-decoration: underline; }