/*  
Theme Name:    Hillside Evangelical Church
*/

/*
               IMPORTANT NOTE!
               If you wish to make custom changes to your theme, DO NOT EDIT THIS FILE. Instead, use the custom.css template
               to define custom styles. This way, you will still be able to take advantage of future upgrades to the theme
               without worrying about overwriting your style changes.
*/

/*=== Setup ===*/

/* Import RESET styling for grid framework*/
@import url('library/css/reset.css');

/* Import TEXT styling for grid framework*/
@import url('library/css/text.css');

/* Import GRID styling for grid framework*/
@import url('library/css/960.css');

/*---------GENERAL STYLING--------- */
body{ background: url(images/bgr.png) #F9F9F2 repeat-x top; font-family: Georgia, Verdana; font-size: 16px; line-height: 22px; }
a{ color:#000; text-decoration: none; }
  a:hover{ color:#FFFFFF; text-decoration:none; background:#5C8501 }
input,select,textarea{ border: #e6e6e6 1px solid; font-size: 12px; padding: 2px }
li{ list-style: none }
.fix{ clear: both; height: 1px; margin: -1px 0 0; overflow: hidden }
.fl{ float: left }
.fr{ float: right }
.ac{ text-align: center }
.ar{ text-align: right }
img.centered{ display: block; margin-left: auto; margin-right: auto }
img.alignright{ padding: 4px; margin: 3px 0 2px 10px; display: inline }
img.alignleft{ padding: 4px; margin: 3px 10px 2px 0; display: inline }
.alignleft{ float: left }
.alignright{ float: right }

/*--------- HEADER --------- */
#header{ height: 130px;}



#header h1.logo{ padding-left: 0px;}
#header h1.logo a:hover{ background:none;  }

/*=== Search Spot ===*/
#search-spot .search-form{ padding:15px 0 10px 0; position:relative }
  #search-spot .search-form input{ border:1px solid #5C8501; width:148px; padding:6px 10px 5px 10px; color:#5B261B; font-size:14px }
  #search-spot .search-form button{ background:url(images/search-btn-trans.png) #5C8501 no-repeat; border:none; position:absolute; width:30px; height:29px; top:15px; right:0 }

/*=== TOP MENU for PAGES ===*/
#top_menu{ height:35px; text-align:left; padding-left: 20px; }
#top_menu li{ float:left; line-height:31px; margin:0 }
#top_menu li a{ color:#FFFFFF; display:block; padding:8px 14px }
#top_menu li ul li a{ border:0; margin:0 }
#top_menu li a:hover, #top_menu li.active a{ color:#FFFFFF; background:#5C8501; text-decoration:none }
#top_menu li.category-home a{ border-left:0 }
.switcher { padding: 75px 0 0 0 }
#top_menu li.selected-cat a, #top_menu li.current-cat, #top_menu li.current-cat-parent{ background:#5C8501 }

/*=== DROPDOWN NAVIGATION FOR PAGES ===*/
#pagenav, #pagenav ul{float:left; list-style:none; padding:0; font-size: 13px }
#pagenav a{display:block }

#pagenav li{float:left; line-height:20px; font-family: Trebuchet MS, Verdana; Georgia, Times, serif }
1#pagenav li a{font-size: 1.45em; padding-top:4px; border-right:1px solid #F9F9F2; text-transform:lowercase; font-weight:normal; }
#pagenav li a{font-size: 1.15em; padding-top:4px; border-right:1px solid #F9F9F2; text-transform:uppercase; font-weight:bold; }

#pagenav .hometab a{ color:#FFFFFF; border-left:1px solid #F9F9F2 }
#pagenav li ul li a{font-size:  14px; padding-top:0; text-transform:capitalize;  font-weight:normal; font-family: Verdana; Georgia, Times, serif}
#pagenav li a:hover{background:#5C8501; text-decoration:none; }

#pagenav li ul li a:hover{text-decoration:underline }
#pagenav li ul{position:absolute; width:18em; left:-999em; padding-top:1px }
#pagenav li:hover ul, #pagenav li.sfhover ul{left:auto; z-index:999 }

#pagenav li ul li{background:#5C8501; border:solid #D8D8D8; padding-top:5px; line-height:21px; width:18em; border-width:0 1px 1px 1px }
1#pagenav li:hover, #pagenav li.hover{position:static }
#pagenav li:hover, #pagenav li.hover{position:relative }
#pagenav li ul ul{margin:-37px 0 0 234px }

#pagenav li:hover ul ul, #pagenav li:hover ul ul ul, #pagenav li.sfhover ul ul, #pagenav li.sfhover ul ul ul{left:-999em; padding:2px 0 0 }
#pagenav li:hover, #pagenav li.sfhover{background:#5C8501 }

#pagenav li ul li ul li, #pagenav li ul li ul li ul li, #pagenav li ul li ul li ul li ul li{border:solid #D8D8D8; border-width:1px 1px 0 1px }
#pagenav li ul li ul, #pagenav li ul li ul li ul, #pagenav li ul li ul li ul li ul{border:solid #D8D8D8; border-width:0 0 1px 0 }
#pagenav li:hover ul ul, #pagenav li.sfhover ul ul, #pagenav li:hover ul ul, #pagenav li:hover ul ul ul, #pagenav li:hover ul ul ul ul, #pagenav li.sfhover ul ul, #pagenav li.sfhover ul ul ul, #pagenav li.sfhover ul ul ul ul{left:-999em }

#pagenav li:hover ul, #pagenav li li:hover ul, #pagenav li.sfhover ul, #pagenav li li.sfhover ul, #pagenav li:hover ul, #pagenav li li:hover ul, #pagenav li li li:hover ul, #pagenav li.sfhover ul, #pagenav li li.sfhover ul, #pagenav li li li.sfhover ul, #pagenav li:hover ul, #pagenav li li:hover ul, #pagenav li li li:hover ul, #pagenav li li li li:hover ul, #pagenav li.sfhover ul, #pagenav li li.sfhover ul, #pagenav li li li.sfhover ul, #pagenav li li li li.sfhover ul{left:auto }

select, #pagenav{padding:0 }
.bot, #header .spacer p, .list2{clear:both }
#pagenav li a span{font-size:112px; color:#9D9D9D; font-weight:normal }


  
/*--------- PAGES --------- */
.pagespot{ padding:10px 20px; margin:25px 0; background:#ffffff; border:1px solid #dddddd; -moz-border-radius: 1% }
#breadcrumb p{ padding:20px 0 0 20px; margin:0 0 -12px 0; font:normal 13px Verdana }
  #breadcrumb p strong{ padding:0 0 14px 0; background: url(images/breadcrumb-arr.png) no-repeat center bottom; }

/*=== Posts ===*/



.post h1  {  padding:10px 0 15px 0; margin:0; color: 0066CC !important; font-weight: bold; } 

.post h2, .post h3, .post h4, .post h5, .post h6 { font-weight:normal; padding:10px 0 15px 0; margin:0;  }
.post img { border:8px solid #f6f5ed }
.post a{ text-decoration: none; padding:0 0 1px 0; border-bottom:1px dotted }
.post ul, .post ol{ padding: 5px 0 30px 20px; margin:0 }
1.post ul li ul, .post ol li ol{ padding: 10px 0 10px 20px; margin:0 }
.post ul li ul, .post ol li ol{ padding: 10px 0 10px 10px; margin:0 }
1.post ul li{ color: #555555; background: url(images/list-star-trans.png) no-repeat left top; padding: 0 0 0 20px }
.post ul li{ list-style-type: disc; line-height:23px; padding: 0 0 0 10px }
.post ol li{ list-style-type:decimal; margin: 0 0 0 50px; }	
.post blockquote { background:#e9e9df url(images/ico-quote-trans.png) no-repeat 10px 15px; width:85%; height:auto; margin:0 0 15px 0px; padding:15px 25px 1px 55px; display:block; font-size: 20px; font-style: italic; }
.post code{ background:#e7ffd3 }
.post p{ line-height:24px }
  
/*=== Archive ===*/
.archive-spot { padding:0 }
  .archive-spot .date{ padding:0 0 15px 0; margin:-5px 0 0 0; color:#898989 }
    .archive-spot .date a{ color:#898989 }
	  .archive-spot .date a:hover{ color:#ffffff }
  .archive-spot .cat-spot{ padding:0 0 15px 0; text-transform:uppercase }
    .archive-spot .cat-spot a{ background:#A7483C; color:#ffffff; font:normal 11px Tahoma; padding:5px 10px; border:none }
	  .archive-spot .cat-spot a:hover{ background:#5b261b }
	  
/*---------ARCHIVE PAGE --------- */
.arclist ul{ padding:0; margin:0 }
.arclist ul li{ color:silver; font-size:12px; border-bottom:1px solid #f1f1ed; padding:5px 0; margin:0; background:none }
.arclist ul li ul{ border-bottom:0; padding:0 0 0 5px }
.arclist ul li ul li{ border-bottom:0; padding:10px 0 0 5px }
.arclist .archives-time{ float: left;	text-transform: uppercase; color: #666666; width: 90px; border-right: dashed 1px #ddd; margin:0 15px 0 0 }

	  
/*---------PAGE NAVIGATION - pagination --------- */
.pagination { width: 100%; font-size: 12px; font-weight: bold; padding:0 }
.Navi { float: right; padding: 0 0 20px 0 }
  .Navi .on { color:#fff; display: block; float: left; font-size: 12px; padding: 4px 9px; margin-left: 4px; background: #5b261b !important }
  .Navi a { text-decoration: none !important; border:1px solid #D8D8D8; color: #000; display: block; float: left; padding: 3px 7px; margin-left: 4px }
    .Navi a:hover { color:#000; background: #e9e9df }

/*---------SIDEBAR --------- */
.sidebar { padding: 40px 0 0 0 }
.sidebar ul, .sidebar ol{ padding:10px 15px; margin:0 0 20px 0; background:#F4F2E6; border:1px solid #dddddd }
.sidebar ul li{ margin: 0; padding: 8px 0 8px 18px;	background: url(images/list-star-trans.png) left 6px no-repeat; line-height: 120%; border-bottom: dotted 1px #d8d8d8 }
.sidebar ol li{ list-style-type:decimal; margin: 0 0 0 50px; }	
.sidebar ul li ul{ margin: 0; padding:10px 0 0 0; border:none }
.sidebar ul li ul li{ border:none }

  /*=== Widget styling ===*/
.sidebar .widget{ background:#E9E9DF; padding:10px; }
.sidebar .widget h3{ margin-bottom: 7px; }
1.sidebar .widget h3{ padding:10px 0 0px 0; }
1.sidebar .widget h3 span{ background:#9f9f9f; color:#ffffff; font:normal 17px Georgia; padding:5px 5px; text-transform:lowercase }
.sidebar .widget h3 span{ background:#fff; padding-top: 3px; padding-bottom: 3px;  color:#0066CC; font:normal 17px Georgia;  line-height: 23px; }

.sidebar .textwidget{ background:#ffffff; padding:10px; }

.sidebar .widget .subscribe h3{ padding:10px 0 0px 0; }
.sidebar .widget .subscribe h3 span{ background:#9f9f9f; color:#ffffff; font:normal 17px Georgia; padding:5px 5px; text-transform:lowercase }

.widget #searchform, .widget #calendar_wrap{ background: #f4f2e6; height: 1%; margin: 0 0 2em; padding: 7px 15px 15px; border:1px solid #dddddd; clear: both; height: 1%; margin: 0 0 14px }

1.widget #wp-calendar { margin-left:auto; margin-right:auto; text-align:center; width:240px }
.widget #wp-calendar caption { font-size:1.2em; text-transform: uppercase; font-weight: bold; padding: 0px 0px; margin-bottom:2px; color:#333333 }
.widget #wp-calendar thead th {	color:#333333 }
.widget #wp-calendar tfoot td { padding:0px 0 0px 0; text-align:left }
  .widget #wp-calendar tfoot td a { color:#333333 }
  .widget #wp-calendar tfoot td#next { text-align:right }
.widget #wp-calendar td {	width:auto }
  .widget #wp-calendar td a { padding:2px; text-decoration:none; border-bottom:1px dotted }
    .widget #wp-calendar td a:hover { color:#ffffff }

.flickr { padding:0 0 20px 0 }
  .flickr h3 span.flickr-logo{ padding:0; margin:0; color:#006BEF }
    .flickr h3 span span b{ color:#FF1183 }
  .flickr ul{ margin:5px 0 0; padding:0 }
.flickr_badge_image{ float:left; list-style:none; margin:0 10px 10px 0 }
  .flickr img{ border:1px solid #dddddd; background-color:#ffffff; padding:5px }
    .flickr img:hover{ border-color:#333 }

.subscribe img{ vertical-align:middle; margin:6px 0 8px }

#twitter_update_list span{ line-height:22px }
  #twitter a{ border-bottom:1px dotted }
  #twitter span.website{ margin: 0; padding: 22px 0 22px 48px; background: url(images/twitter-trans.png) left 6px no-repeat }

/*---------ADVERTISING ads --------- */
.ad-box{ background:transparent; padding:0 0 30px 0; margin:0 }
.ads123456{ height:125px; float:left; margin:0; padding: 20px 0 0 0 }
  .ads123456 img{ float:left; border:1px solid #fff; margin:0 20px 0 0 }
#big_banner img{ background:transparent; border:1px solid #dddddd; margin:0 0 0 2px }
#big_banner1 img{ background:transparent; border:none; margin:10px 0 0 0 }
  #big_banner a:hover, #big_banner1 a:hover{ background:transparent }

/*---------COMMENTS --------- */
#comments h3{ font:bold 17px Georgia; padding:0 0 20px 0; margin:0 }
  #comments .commentlist { padding:0; margin:0 }
  #comments ol{padding:20px 0;}
  #comments .comment { margin: 10px 0 0 0; width: 100%;}
    #comments .comment a{ text-decoration:none; border-bottom:1px dotted; padding:1px 0 }
	  #comments .comment a:hover{ color:#ffffff }
    #comments .comment .meta-left { width: 90px; float:left; color:#aaaaaa }
    #comments .comment .meta-left p{ padding:10px 0 0 0; margin:0 }
      #comments .comment .meta-left .meta-wrap {width: 90px; overflow: hidden; padding-right: 7px; min-height:70px }
  #comments .comment small {font-size: 11px }
  * html #comments .comment .text-right { height:70px }
  #comments .comment .text-right { min-height:70px; margin:0; background:none; border:1px dotted #aaaaaa; padding: 12px; margin-left:100px; float:none }
    #comments .comment .text-right p { line-height: 18px; padding: 0 0 8px 0 }
  #comments ul.children { margin:10px 0 0 20px; padding:0 }
#comments .comment .authcomment{ background:#F7F7F7; border:1px dotted #aaaaaa }
  p.commpadd{ padding:0; margin:0 0 10px 0 }
  span.comm-reply{ float:right; color:#aaa; padding:5px 0 0 0 }
  span.comm-reply a{ font-size:13px; color:#aaa }
  .cancel-comment-reply{ padding:0 0 10px 0 }
#respond { padding:10px 0 0 0; margin:0 }
#respond textarea, .commpadd input{ background:none; border:1px dotted #aaaaaa }
#respond textarea { margin:0; padding:0 }
  p.commpadd input{ line-height:25px; height:25px; padding:5px 0 0 5px }
  p.commpadd label{ padding:0 0 0 5px }
input#submit{ font:bold 12px Georgia; color:#FFFfff; text-align:center; padding: 5px; background:#888888; border:1px dotted #aaaaaa; margin:0 }


/*=== Footer Widgets ===*/
#footwidgets-front .widget-spot{ vertical-align:middle; margin:6px 0 8px; padding:20px 0 }
  #footwidgets-front .widget-spot .widget{ padding:0 30px; border-right:1px solid #F9F9F2; line-height:24px }
    #footwidgets-front .last .widget{ border-right:none }
  #footwidgets-front .widget-spot .widget h3{ text-transform:lowercase; font-weight:normal; font-size:25px }
  #footwidgets-front .widget-spot .widget .button-link a{ background:#F9F9F2; border:1px solid #cccccc; padding:8px 15px; text-transform:lowercase; font-weight:bold; -moz-border-radius: 15%; }
    #footwidgets-front .widget-spot .widget .button-link a:hover{ border:1px solid #aaaaaa; color:#000000 }
  #footwidgets-front .widget-spot .widget input{ border:1px solid #cccccc; width:220px; padding:6px 10px 5px 10px; color:#5B261B; font-size:14px }
  #footwidgets-front .widget-spot .widget button{ float:right; background:#F9F9F2; border:1px solid #cccccc; margin:10px 0 0 5px; padding:5px 10px; cursor:pointer; text-transform:lowercase; font-weight:bold; -moz-border-radius: 15%; }
    #footwidgets-front .widget-spot .widget button:hover{ border:1px solid #aaaaaa; color:#000000 }
  #footwidgets-front .widget-spot .widget li {	margin: 0; padding: 8px 0 8px 18px;	background: url(images/list-star-trans.png) left 6px no-repeat; line-height: 120%; border-bottom: solid 1px #d8d8d8 }

#footwidgets-blog .widget-spot{ vertical-align:middle; margin:6px 0 8px; padding:20px 0 }
  #footwidgets-blog .widget-spot .widget{ padding:0 30px; border-right:1px solid #F9F9F2; line-height:24px }
    #footwidgets-blog .last .widget{ border-right:none }
  #footwidgets-blog .widget-spot .widget h3{ text-transform:lowercase; font-weight:normal; font-size:25px }
  #footwidgets-blog .widget-spot .widget .button-link a{ background:#F9F9F2; border:1px solid #cccccc; padding:8px 15px; text-transform:lowercase; font-weight:bold; -moz-border-radius: 15%; }
    #footwidgets-blog .widget-spot .widget .button-link a:hover{ border:1px solid #aaaaaa; color:#000000 }
  #footwidgets-blog .widget-spot .widget input{ border:1px solid #cccccc; width:220px; padding:6px 10px 5px 10px; color:#5B261B; font-size:14px }
  #footwidgets-blog .widget-spot .widget button{ float:right; background:#F9F9F2; border:1px solid #cccccc; margin:10px 0 0 5px; padding:5px 10px; cursor:pointer; text-transform:lowercase; font-weight:bold; -moz-border-radius: 15%; }
    #footwidgets-blog .widget-spot .widget button:hover{ border:1px solid #aaaaaa; color:#000000 }
  #footwidgets-blog .widget-spot .widget li {	margin: 0; padding: 8px 0 8px 18px;	background: url(images/list-star-trans.png) left 6px no-repeat; line-height: 120%; border-bottom: solid 1px #d8d8d8 }
  #footwidgets-blog  .widget-spot .widget #calendar_wrap{ padding:0; margin:0; background:#F9F9F2 }
  #footwidgets-blog  .widget-spot .widget #wp-calendar td {	padding:0 }
  
/*=== Footer ===*/
#footer .copyright{ font:normal 11px Georgia; background:transarent; padding:30px 25px 20px 25px }
  #footer a{ color:#000; text-decoration: none; border-bottom:1px dotted; padding:2px 1px }
    #footer a:hover{ color:#FFFFFF; text-decoration:none; border:none; background:#5B261B }
	
.footer-background{ background:#e9e9df; height: 15px; padding:20px 25px 20px 25px}

.footer-address-left{  font:normal 11px Georgia; padding-left:35px; float: left; width: 650px;}
.footer-address-right{  font:normal 11px Georgia; margin-top: -5px; float: right; width: 200px}


.imgborder {
	border: 1px solid #999999;
	padding: 2px

}

.noborder { border:0px !important;}









1#slider li{ list-style: none }

#slider {
    width: 651px; /* important to be same as image width */
    height: 174px; /* important to be same as image height */
    position: relative; /* important */
    overflow: hidden; /* important */
    padding-top: 10px;
    margin-left: 10px;
}



#sliderContent,{
    width: 651px;
    position: absolute;
	top: 0;
	margin-left: 0;
}
.sliderImage, {
    float: left;
    position: relative;
	display: none;
}
.sliderImage span {
    position: absolute;
    font: 13px/15px Arial, Helvetica, sans-serif;
    padding: 5px;
    width: 640px;
    text-align: right;
    background-color: #000;
    filter: alpha(opacity=80);
    -moz-opacity: 0.8;
	-khtml-opacity: 0.8;
    opacity: 0.8;
    color: #fff;
    display: none;
}

.sliderImage span a{
    color: #fff;
    text-decoration: underline;
}



.clear {
	clear: both;
}
.sliderImage span strong {
    font-size: 14px;
}
.top {
	top: 0;
	left: 0;
}
.bottom {
	bottom: 0;
    left: 0;
    height: 15px;
}

.bottom-none {
	display: none;
}



#slider li { color: #fff; }

#slider ul { margin-left: -60px; margin-top: -26px;}


.hpbannerbg {
	position:relative;
	width:671px;
	height:194px;
	background:url(images/hpbannerbg.gif) no-repeat;
	margin-left: 0px;
	margin-top: 0px;
	margin-bottom: 10px;
	padding-left: 0px;
	padding-top: 0px;
}

#hplatestnewsbox {
	margin-top: 25px;
	margin-bottom: 10px;
	margin-left: 20px;
	1float:right; 
	width: 180px;
	1background:#e9e9df;
	1padding-bottom:5px;
	padding-right:10px;
	font-size: 12px;
	border-left:1px solid #378CD4;
	border-right:1px solid #378CD4;
}

#hplatestnewsbox li{
	list-style:circle; 
	1background:#fff;
	margin-top: 0px;
	margin-left: 20px;
	padding:5px;
	1text-align: center;
}

#hplatestnewsbox li a:hover{
	background:#378CD4;
	color: #fff
}

#hplatestnewsboxheader {
	background:url(images/latnewsheaderbg.gif) repeat-x;
	1background:#0066CC;
	width:100%;
	1height: 31px;
	padding-bottom:5px;
	padding-right:5px;
	padding-left:5px;
	color:#fff; 
	padding-top: 0px;
	margin-bottom: 10px;
	font:normal 19px Georgia; 
	text-transform:lowercase; 
	1text-align: center;
}

#hplatestnewsboxfooter, #hplatestnewsboxfooter a {
	background:url(images/latnewsheaderbg.gif) repeat-x;
	color:#fff; 
	margin-top: 20px;
	margin-bottom: 0px;
	font:normal 12px; 
	text-transform:lowercase; 
	text-align: center;
}

#mobilemenu, #mobilephone, .mobilesliderimage, .mobiledisplay {display:none;}