/*  
Theme Name: SYSN Version 2
Theme URI: http://www.shareyourstorynow.org
Description: August 2007 Version of SYSN Site
Version: 2.0
Author: Natasha Holt
Author URI: http://www.xanga.com/aus_chick
Revised: 2008-2009, Noah Welch
URI: http://www.noahwelch.com
Revised: 2010, Natasha Tung
*/


/* Normalizes margin, padding */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td {
  margin: 0;
  padding: 0;
}

/* Normalizes font-size for headers */
h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
}

/* Removes list-style from lists */
ol, ul {
  list-style: none;
}

/* Normalizes font-style and font-weight to normal */
address, caption, cite, code, dfn, em, strong, th, var {
  font-style: normal; font-weight: normal;
}

/* Removes table border from tables */
table {
  border-collapse: collapse; border-spacing: 0;
}

/* Removes border from fieldset and image */
  fieldset, img {
    border: 0;
}

/* Left-aligns text in caption and	 th */
caption, th {
  text-align: left;
}
/* ~~~~~~~~~~~~~~~~~ Mostly Structure ~~~~~~~~~~~~~~~~~~~~~~~ */
html {
  width: 100%;
  background-color: #253d5c;
  background: transparent url(images/bgcolor.gif) repeat 0 0;
}

body {
  width: 770px;
  position: relative;
  margin: 0 auto;
  text-align: left;
  font-family: tahoma, arial, helvetica, sans-serif;
}

#screenreader {
  text-indent: -5000px;
  position: absolute;
  }

#sidebar {
  float: right;
  width: 250px;
  background-color: #c3dcfc;
  margin: 0;
  padding: 0;
  color: #707070;
  
  }

#footer {
  clear: both;
  margin-bottom: 10px;
}

  
/* start header replacement */


#header {
  text-indent: -5000px;
  background: transparent url(images/header.gif) no-repeat;
  height: 119px;
  
}

/* end header replacement */

#header1 {
position: relative; 
margin-top: -2px;
padding-bottom:8px;
}

.headleft {
  width: 632px;
  padding: 0px;
  margin: 0px;
  }
.headright {
  width: 138px;
  margin-left: 0px;
  }
#header1 h1, #header1 p.headsubtext {
  text-indent: -1000px;
  margin-top: -18px;
  }

#header a:hover {
  outline: none;
  }
  
#container {
  width: 100%;
  background-color: #c3dcfc;
  background-image: url(images/cont-bgcolor.gif);
    background-position: top right;
    background-repeat: repeat-y;
    position: relative;
    top: 0;
    left: 0;
 }

#clearone {
  clear: both;
  height: 13px;
  background: url(images/footer.gif) no-repeat;
  }

/* ~~~~~~~~~~~~~~~~~~ Wide Column Boxes ~~~~~~~~~~~~~~~~~~~~~ */
#widecolumn {
  position: relative;
  width: 500px;
 padding-left: 8px;

  }

#widecolumn h2 {
  color: white;
  font-size: 22px;
  font-weight: normal;
  text-transform: lowercase;
  padding: 10px;
  }

#widecolumn .stretch {
    background: url(images/mainh2bg.jpg) no-repeat 0 0;
    }

#widecolumn .column {
  background: url(images/smallh2bg.jpg) no-repeat 0 0;
  }

#flip_ad {}



#teasersmall {
  background: url(images/carrson-small-teaser.jpg) no-repeat 0px 40px;
  background-height: 121px;
  background-width: 500px;
  padding-bottom: 75px;

  }
.bottomleft {
  background: url(images/left.gif) 0 100% no-repeat #fff;

    }
.bottomright {
  background: url(images/right.jpg) 100% 100% no-repeat;
  padding-bottom: 10px;
  }
  
.moretag {
  background: url(images/more-tab.jpg) 100% 100% no-repeat;
  line-height: .6;
  text-indent: 410px;
  padding-bottom: 4px;
  margin-bottom:5px;
  }
.video-excerpt, .video-inner {
  float: left;
  margin: 5px 0 0 6px;
  display: inline;
  width: 240px;
  background-color: #eceec9;
  }
.video-inner {
  margin: 0;
  padding: 10px 0;
  line-height: 1;
 }
.video-inner-large h4 {
  font-size: 100%;
  text-align: center;
}  
.video-excerpt img {
  float: left;
  margin: 0 4px 0 0;
  padding: 5px;
  width: 120px;
  height: 90px;
  background: #eceec9;
}
.video-excerpt-large {
  float: left;
  margin: 5px 0 0 5px;
  display: inline;
  width: 490px;
  background-color: #eceec9;
  } 

.video-inner-large {
  float: left;
  margin: 5px 0 0 5px;
  display: inline;
  width: 480px;
  background-color: #eceec9;
  }
div.video-excerpt-large object {
  width: 420px;
  height: 255px;
  margin-left: 35px;
}


#cleartwo, #clearfour, #clearfive, #clear-uservid {
  clear: left;
  height: 1px;
  }
#clearthree {
  clear: none;
  height: 1px;
  }
.columncontainer {
  position: relative;
  }
#latestcomments {
  width: 243px;
  margin-right: 1px;
  float: left;
  }

#absstories {
  width: 243px;
  float: right;
}  

div.simplepie {
  width: 250px;
  float: left;

  }
#subscriptionbox {
  margin-top: 5px;
}
  
#subscriptionbox li{
  float: left;
  width: 150px;
  background-color: #eceec9;
  margin-left: 5px;
  }


/* ~~~~~~~~~~~~~~~~~~ Sidebar Layout ~~~~~~~~~~~~~~~~~ */



#sidebar h2 {
  background: url(images/sidebar-bg-bar.jpg) no-repeat;
padding-left: 10px;
padding-top: 5px;
padding-bottom: 7px;

}

#poll h2 {
  background: url(images/sidebar-bg-top.gif) no-repeat;
margin-top: 5px;
}

#sidebar {
  width: 240px;
  margin-right: 10px;
}


#teaser {
  background: url(images/rotating-teaser/rotator.php) no-repeat 0px 35px;
  height: 110px;
    padding-bottom: 126px;
}


#teaser h2{
  background: url(images/sidebar-bg-top.gif) no-repeat;
margin-top: 5px;

}

#teaser p {
  color: white;
  font-size: 19px;
  line-height:22px;
  font-weight: normal;
  text-transform: lowercase;
  text-align: right;
  position: relative;
  top: 115px;
  margin-right:8px;

}

#teaser p a:link, #teaser p a:visited {
  color: white;
  text-decoration: underline;
  }
  
#teaser p a:hover, #teasersmall p a:hover {
  color: white;
  text-decoration: none;
  font-weight: bold;
  }



#biblesearch h2 {
	background: url(images/sidebar-bg-top.gif) no-repeat;
	margin-top: 5px;

}

#newsletter-sub p, #rss p, #emailfeed p, #biblesearch ul,  #aboutus ul, #advertising ul {
  margin-left: 5px;
  margin-bottom:5px;
}

#rss h2{
	background: url(images/sidebar-bg-bar.jpg) no-repeat;
	padding-left: 10px;
	padding-top: 5px;
	padding-bottom: 7px;

}

#emailfeed h2{
	background: url(images/sidebar-bg-bar.jpg) no-repeat;
	padding-left: 10px;
	padding-top: 5px;
	padding-bottom: 7px;

}

#sidebar .clear {
  padding-top: 5px;
}

#browse .clear {
  padding-top: 10px;
}

#aboutus img {
  float: left;
  padding-right: 5px;
  padding-top: 5px;
  height: 70px;
  width: 70px;
}

#aboutus p, #advertising p { 
  line-height: 1.2;
}

#advertising p {
  padding-bottom: 5px;
  }

#aboutus ul {
  padding-bottom: 10px;
}

/* ~~~~~~~~~~~~~~~~~~ Page & Post Layouts ~~~~~~~~~~~~~ */
div.navigation {
  position: relative;
  margin-left:5px;
  margin-right: 5px;
  }

.comment-clear {
  height: 40px;
}

#search404 {
  position: relative;
  width: 250px;
  margin: auto;
  padding: 40px;
  }

ul.biopagelist {
  list-style-image: none !important;
  list-style: none !important;
  display:block;
  padding-left:10px;
  margin-left:0px;
  width:440px;

  }

.biopagelist li {
  display:block;
  padding-left:0px;
  margin-left: -2em;
  clear:left;
  margin-bottom: 10px;
  margin-right:10px;
  height:90px;

}

.biopagelist li img {
}

#artistlist li {
  padding-bottom: 5px !important;
}

/* ~~~~~~~~~~~~~~~~~~ Typography ~~~~~~~~~~~~~~~~~~~~~~~ */
p {
  color: #707070;
  font-size: 13px;
}

em {
  font-style: italic;
  font-size: 90%;
  }


a:link, a:visited {
  color: #253d5c;
  text-decoration: none;
} 
a:hover {
  text-decoration: underline;
}  
#widecolumn h3, #widecolumn h4, #widecolumn p, #widecolumn li {
  padding-left: 5px;
  padding-right: 5px;
  }

#widecolumn li {
  padding-bottom: 2px;
}

h3 {
    font-size: 110%;
    font-weight: normal;
}

h4 {
  font-weight: normal;
  font-size: 13px;
  }
  
#teasersmall p a:link, #teasersmall p a:visited {
  color: white;
  font-size: 14px;
  text-decoration: underline;
  }

#teasersmall p {
  color: white;
  font-size: 20px;
  font-weight: normal;
  text-transform: lowercase;
  text-align: center;
  position: relative;
  top: 50px;
  left: 150px;

}

strong {
  font-weight: 600;
  }
    
.moretag a:link, .moretag a:visited {
  color: white;
  text-decoration: none;
  font-size: 15px;
  }

h3, h4 { 
  color: #253d5c;
  }

h3 {
  font-size: 110%;
  font-weight: normal;
  }

.readmore a:link {
  text-transform: lowercase;
  }

.video-inner p, .video-inner-large p {
  text-align: right;
  line-height: 2;
  text-transform: lowercase;

  }
.video-inner p, .video-inner-large p  {
  font-weight: 600;
  }
.video-inner p.metadata, .video-inner-large p.metadata {
  font-weight: 400;
  line-height: 1;
  font-size: 10px;
  text-align: left;
  }
.columncontainer li {
  padding-bottom: 5px;
 }
 
.columncontainer li:before, div.simplepie li:before {
  display: marker;
  content: url(images/arrow-blue2.gif);
  padding-right: 5px;
  }

.columncontainer li, div.simplepie li {
  color: #707070;
  font-size: 13px;
  }

#subscriptionbox h3 {
   text-transform: lowercase;
}

#subscriptionbox h3 a:link, #subscriptionbox h3 a:visted {
  text-transform: lowercase;
  color: #253d5c;
}  

#sidebar li {
  font-size: small;
  line-height: 1.5;
}

#sidebar h2 {
  color: #253d5c;
  font-size: 20px;
text-transform: lowercase;
font-weight: normal;

}

#poll p, #poll ul {
  margin-left: 5px;
}

#poll ul {
  font-size: small;
}

#browse ul, #browse form {
    margin-left: 5px;
    margin-right: 5px;
}

#browse li {
  display: inline;
  font-size: small;
}

#browse li a:hover {
 background-color: #F7F8E7;
}

#footer p, #footer a:link, #footer a:visited {
  color: white;
  text-align: center;
  text-decoration: none;
  }
#footer a:hover {
  text-decoration: underline;
  }
#footer p {
  font-size: 70%;
  }



div.post p {
  color: black;
  line-height: 1.5;
  font-size: 100%;
padding-bottom: 1em;
}

#widecolumn p.verse {
  padding-left: 2.5em;
  font-size: .9em;
  color: #707070;
}

#widecolumn p.verseref {
  text-align: right;
  color: #707070;
  font-size: .9em;

}
h2.stretch a:link, h2.stretch a:visited {
  color: white;
  text-transform: none;
}

/* ~~~~~~~~~~ Metatags at Story End ~~~~~~~~~~~~~ */
div.post p.postmetadata, p.postmetadata, div.postmetadata {
  margin: 20px 10px 10px 10px;
  font-size: 70%;
  background-color: #eceec9;
 
}
div.clear {
  clear: left;
  height: 1px;
}
p.postmetadata {
  margin-left: 10px !important;
}
div.postmetadata ul {
  margin-left: 0 !important;
  position: relative;
}
div.postmetadata ul li {
  display: block;
  float: left;
  font-size: 160%;
}

div.postmetadata img {
  padding-right: 3px !important;
  margin-top: -5px;
}

div.postmetadata li {
  padding-right: 0px !important;
  padding-left: 3px !important;
  padding-top: .5em;
}

h3.stretch { 
  color: white;
  padding: 10px;
  margin-top: 5px;
  }
.commentlist li {
  min-height: 70px;
  margin-top: 5px;
  }

.commentlist .alt {
  background-color: #eceec9;
  margin-right: 5px;
  }

.commentlist p {
  color: black;
  padding-bottom: .5em;
  }

div.alignleft, div.alignright {
  font-size: 80%;

  }
div.alignleft {
  float: left;
  width: 50%;
  text-align: left;

  }
div.alignright {
  float: right;
  width: 50%;
  text-align: right;
 
 }

#faqpage h2, .searchh3, h2.categoryheader {
  font-size: 110%;
  font-weight: normal; 
  color: #253d5c !important;
  background-color: #eceec9;
  padding: 5px 0 5px 5px;
  margin-left: 5px;
  margin-right: 5px;
  text-transform: none;

  }
#faqpage h4 {
  font-size: 100%;
  font-weight: bold;
  padding-top: 10px;
  }

div.post ol {
  list-style-type: decimal;
  margin-left: 3em;
  padding-left:-3em;
  padding-bottom: 1em;
   }
div.post ul {
  list-style: disc url(images/arrow-blue2.gif);
  margin-left: 3em;
  padding-left: -3em;
  padding-bottom: 1em;
}

div.post p a:link, div.post p a:visited, div.post li a:link, div.post li a:visited {
  background-color: #f7f8e7;
  border-bottom: 1px dotted grey;
  }
.more-link {
  text-align: right;
  font-size: small;
  }
div.post a:link.more-link, div.post a:visited.more-link {
  background-color: white;
  border: none;
  }
p.searchmeta {
  background-color: white;
  margin: 20px 10px 10px 10px;
font-size: 70% !important;

  }
p.solo-subscribe-to-comments {
  font-size: 90% !important;
  }

#sidebar h3.categories {
  font-size: 90%;
  background-color: #eceec9;
  margin-left: 5px;
  margin-right: 5px;
  margin-top: 5px;

  }
#sidebar h3.categories a:link, #sidebar h3.categories a:visited {
  text-decoration: underline;
  }
/* ~~~~~~~~~~~~~~~~~ Form Style ~~~~~~~~~~~~~~~~~~~~ */


 #newsletter-email2 {
  width: 95px;
  float:left;
  margin-bottom: 6px;
  margin-left: 0px;
  margin-top: 5px;
  } 

#submitbox {
	float: left;
	width: 140px;
	font-size: 16px;
	color: #253d5c;
	background-color: #eceec9;
	border: 1px solid #253d5c;
	margin-left:5px;
  /*
  width:95px;
  float: left;
  margin-bottom: 7px;
  margin-top: 20px; 
  */
  }

#newsletter-submit2 {
  float: right;
  margin-top: 5px;


}

#feedburner {
  float: right;
  margin-right:5px;
}



#newsletter-submit1, #bible-search, #story-search {
  float: right;
  margin-right: 5px;
  font-size: 16px;
}

#newsletter-email1, #bible-search-box, #search-box, #book, #byPassage, #chapter, #verse, #version, #term {
  float: left;
  width: 140px;
  font-size: 16px;
  color: #253d5c;
  background-color: #eceec9;
  border: 1px solid #253d5c;
}

#poll .button {
  position: relative;
  left: 170px;
  margin-bottom: 5px;
}

#commentform p {
  padding-top: 10px;

  }
#commentform input, #commentform textarea {
    border: 1px solid #253d5c;
    background-color: #eceec9;
    }
    
.button, .btn {
  color: white;
  background-color: #253d5c;
  border: 1px solid white;
  text-transform: lowercase;
  cursor: pointer;
  
  }

#sidebar .button, #commentform .button {
  border: 1px solid #253d5c;
  background-color: #253d5c;
  font-size: 16px;
}   


/* ~~~~~~~~~~~~~~~~~ Images & Icons ~~~~~~~~~~~~~~~~ */
.moretag span {
  background: url(images/arrow-white.jpg) no-repeat;
  position: relative;
  top: 5px;
  margin-left: 5px;
  padding-right: 15px;
  }

.video-inner p span, .video-inner-large span {
  background: url(images/arrow-blue.gif) no-repeat;
  position: relative;
  top: 4px;
  margin-left: 5px;
  padding-right: 15px;

  }

.bibleimagefloat {
  background: url(images/bchatpic.jpg) no-repeat;
  float: right;
  width: 242px;
  height: 110px;

  padding-right: 5px;

  }


.commentlist .gravatar {
float:left;
padding: 3px;
border: 1px solid #000;
background: #fff;
height: 60px;
margin-right: 3px;
}

div.post img {
  float: left;
  padding-right: 5px;
  }

embed {
  text-align: center;
}
/* ~~~~~~~~~~~ Poll Page ~~~~~~~ */
#widecolumn div.pollvote, #widecolumn div.wp-polls {
  background-color: #eceec9;
  border-bottom: 1px dotted gray;
  font-size: 90%;
  line-height: 1;
  margin: auto;
  width: 75%;
}
#widecolumn .pollquestion {
  font-weight: bold;
 }
 
#widecolumn .wp-polls-ans {
 }


/* ----------Colored Borders for Setting up site ---------  

#container,  #footer {
  border: 1px solid red;
}

#widecolumn {
  border: 1px solid green;
  }
  
#sidebar {
  border: 1px solid yellow;
  }
 */
/* ~~~~~~~~~ IPOD PROMOTION ~~~~~~~~~~~~~~ */
/* located on story submission page */
#ipodpromo {
  background: url(images/share-page-teaser.jpg) no-repeat;
  width: 494px;
  min-height: 141px; 
  margin-left: 3px;
  text-transform: lowercase;
  padding-top: 15px;
  margin-bottom: -15px;

}
#ipodpromo p {
    color: white !important;
    /* position: absolute;
    top: 15px;
    left: 210px; */
    font-size: 20px;
    margin-left: 210px;

    
  }  
  
#ipodpromo a:link, #ipodpromo a:hover, #ipodpromo a:visited {
    color: white !important;
    text-decoration: underline;
    }
#ipodpromo p + p {
left:250px;
position:relative;
margin: 0;
padding: 0;

}
#ipodpromo p + p + p {
font-size:90%;

top:20px;
}

/* ~~~~~~~~~~ Solo Newsletter Signup ~~~~~~~~~~~~~~~~ */
#newslettersignup #newsletter-submit1 {
  margin-right: 140px;
  }
#newslettersignup #newsletter-email1 {
  margin-left: 100px;
  }
#newslettersignup #widecolumn {
  padding: 0;
  margin: auto;
  }
#newslettersignup div.post img {
  float: none;
  margin: auto;
  }

/* ~~~~~~~~~~ Alternate Style for front page ~~~~~~~~~~~ */
span.recentimage {
  background: url(images/cara2.jpg) no-repeat 0 0;
  float: left;
  width: 237px;
  min-height: 247px;
  margin-left: 5px;

  }
#sysnhometeaser h2 {
  background: none;
  color: white;
  }
#sysnhometeaser {
  background: url(images/smltsr.gif) no-repeat 0 0;
  margin-top: 5px;
  height: 144px;
  }
#sysnhometeaser p {
  top: 15px;
  left: 40px;
  font-size: 18px;
  color: #253d5c;
  position: relative;
  text-align: center;
  }
#sysnhometeaser a:link, #sysnhometeaser a:visited {
  text-decoration: underline;
  }
#sysnhometeaser a:hover {
  font-weight: bold;
  }

p.advert-head {
    background-color: #eceec9;
    text-align: center;
  font-size: 90%;
  padding-bottom: 3px;
  }
  
/* SUBSCRIPTION MANAGER STYLE */

p.subscribe-to-comments {
  clear: none !important;
}
.subscription-manager {
padding: 10px 0 20px 0;
margin: 5px 0 0 55px;
width: 650px;
}

div.wrap {
background: #fafafa;
padding: 5px 10px;
margin: 20px 0;
border: 1px solid #ccc;
}

div.wrap h2 {
color: #589BD2 !important;
margin: .5em 0 1em 0;
border-bottom: 2px solid #589bd2;
}

div.wrap fieldset {
border: 1px solid #555;
margin: 1em 0;
padding: 5px 10px;
}

div.wrap fieldset legend {
font-weight: bold;
font-size: small;
}

div.wrap p.submit {
text-align: right;
}


.updated {
background: #B9D6EF;
border: 1px solid #589bd2;
margin: 1em 5% 10px;
padding: 0 1em;
}

.updated-error {
background-color: #FFA3A3;
border: 1px solid #FF5D5D;
}

div.wrap form {
margin: 0;
padding: 0;
}

div.warp li {
margin-bottom: 6px;
line-height: 130%;
}
/* END SUBSCRIPTION MANAGER STYLE */  

/* share this */
div.sharethis .button {
  background-color: white;
  color: #253D5C;
  width: 10em;
}

/* ~~~~~~~~~ MYBLOGLOG ~~~~~~~~~~~~~ */
table#MBL_COMM {
width: 231px;
margin-left: 5px;
font-family:tahoma,arial,helvetica,sans-serif;
background-color: white !important;
border: 1px solid white !important;

}

table#MBL_COMM td.mbl_fo_hidden {
background-color: white !important;
color: #253D5C;

}

table#MBL_COMM td.mbl_fo_hidden a:link, table#MBL_COMM td.mbl_fo_hidden a:visited {
  color: #707070;
  }
  
table#MBL_COMM img {
  margin-top: 4px;
  }

/* ~~~~~~~~~~~~~~ Rock Survey Poll ~~~~~~~~~~~~~~~~~ */
div.sg_PoweredBy {
  display: none !important;
  clear: left !important;
}

.sg_Body {
  background-color: white !important;
}

.sg_QuestionSet {
  margin-left: 20px;
}

.sg_Submit {
  margin-left: 120px !important;
}

span.sg_RequiredAsterix {
  position: absolute;
}

/* ~~~~~~~~~~~~~~~~~ Scripture Resource Ads ~~~~~~~~~~~~ */
.scriptureresource {
  float: right !important;
}

/* ~~~~~~~~~ Artists Images in Sidebar ~~~~~~~~~ */
#christian-artists-sidebar {
    margin-top: .5em;
}

#christian-artists-sidebar li {
  position: relative;

}

#christian-artists-sidebar li span {
  font-size: 115%;
  position: absolute;
  right: 5px;
  top: -10px;
}