/* @override http://www.hollywoodsda.org/site/wp-content/themes/Hollywood%202.0/style.css */

/*  
Theme Name: Hollywood SDA 2.0
Theme URI: http://www.toddhiestand.com
Description: Theme created by Todd Hiestand for Hollywood Adventist Church
Version: 2.0
Author: Todd Hiestand
Author URI: http://www.toddhiestand.com/
*/

 /* FONTS & OTHERS RESETS  .................... */

body {
	margin:0 auto;padding:0;
	font: 12px/133% helvetica;
	color: #000;
	background: #5c5c5c;
/*url(images/black_bg.png) repeat*/
}

h1, h2, h3, h4, h5, h6, p, pre, blockquote, ol, dl, address{ 
	margin: .2em 0 .4em 0;
	padding: 0; 
	line-height:135%;
}

p { 
        text-align:left;
        padding-top:7px;
}

h1, h2, h3, h4 {
	letter-spacing: -1px;
	color: #000;
}

h1 {font-size:2em;}

h2 {font-size: 1.8em;
	border-bottom: 1px solid #ccc;
}

h3 {font-size: 1.6em;
	border-bottom: 1px solid #ccc;
}

h4 {font-size:1.2em;}

a {color: #9473b2;text-decoration:none;}

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

ul, ol {margin: 0 0 0 20px;padding: 0 0 0 0 20px;list-style: disc;}

li, dd { margin-left: 0em; }

form label{ cursor: pointer; }

fieldset{ border: none; }

blockquote {
	padding: 2px 10px 2px 10px ;
	margin: 5px 30px 5px 30px;
	border-left: 1px dotted #ccc;
}

.clearer{clear:both;}

.rss-icon {
	background: url(images/rss.png) left no-repeat;
	padding:10px 0 10px 30px;
	margin: 0px 0 ;
}

.rss {
	clear: both;	
	margin: 20px 0 ;
	padding: 0;
}

form#searchform {
	float: right;
	padding: 11px 20px 0 0px ;
	margin: 0;
	background: url(images/nav_bg_purple.png) no-repeat;
	width: 290px;
	text-align: right;
}

form#searchform div input#s {
	margin:0px 0 10px 0 ;
	padding: 0;
	width: 150px;
}

form#searchform div input {
	margin: 0px 0 10px 0 ;
	padding: 0;
}

#search.widget {
	border: navajowhite;
}

#childpages {
	width: 200px;
	padding: 10px;
	margin: 0px 0 20px 20px ;
	float: right;	
	background: #f7f7f7;
	border-bottom: 1px solid #ccc;
}

#main h2 {
	margin: 0;
}

#childpages h3 {
	font-size: 1.2em;
	border: none;
}

#childpages ul {
	list-style: none;
	padding: 0;margin: 0;
}

#childnews {
	float: left;
	width: 550px
}

.childpost {
	padding: 5px 0 ;
	border-bottom: 1px dotted #ccc;
}


 /* MAIN CONTENT FORMATTING .................... */

#outside {
	width: 900px;
	background: url(images/black_bg.png) repeat-y;
	margin: 0 auto;
	padding: 20px 45px;
}

#container {
	width: 900px;
	padding: 0;margin: 0;
background: #fff}

#masthead {
	margin: 0;padding: 0;
	height: 144px;
	background: url(images/masthead.jpg);
}

/* NAVIGATION MENU ..............*/

#navigation {
	clear: both;
}

ul#nav{
	margin:0px;padding:0px;
	float:left;	
	background: url(images/nav_bg_purple.png) no-repeat;
	width: 590px;
}

ul#nav li {
	display: inline;
	list-style-type: none;
	float:left;
	margin:0 auto;padding:0;
	position:relative;
}

ul#nav a { 
	display: block;
	padding: 12px 20px;	margin: 0;
	float: left;
	color: #fff;
	font-weight: bold;
	text-transform: uppercase;
}

ul#nav a:link, #nav a:visited {
	text-decoration: none;
}

ul#nav a:hover {
	color: #000;
	text-decoration: none;
	background-color:#9473b2;
}

ul#nav li:hover {
	background-color:#9473b2;
}

li.current_page_item{
	background-color:#9473b2;
}

ul#nav li ul { /* second-level lists */
	position: absolute;
	background: #fff;
	top:0px;
	width: 175px;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	list-style:none;
	z-index:1000;
	padding:0;margin:0;
	font-size: 1em;
}

ul#nav li ul li{
	background:transparent;
	margin: 0;padding: 0;
}

ul#nav li:hover ul, ul#nav li:hover ul { /* lists nested under hovered list items */
	left: 0;top:39px;
	margin:0; padding:0;
}

ul#nav li ul li a{
	background:#d6bffd; 
	margin: 0;
	width: 175px;
	padding: 7px 0;
	text-indent: 10px;
	color:#000; 
	z-index:1000;
	font-weight: normal;
	text-transform: none;
}

ul#nav li ul li a:hover{
	color: #000;
	background: #9473b2;
}



#main {
	float: left;
	width: 565px;
	padding: 13px;
	margin: 0;
	background: #fff;
}

#sidebar {
	float: left;
	width: 308px;
	padding: 5px 0px;
	background: #e4d4fe;
	border-left: 1px solid #ccc;

/* url(images/sidebar-squares.png) no-repeat bottom center  */
}

.sidebarsection {
	width: 280px;
	float: left;
	margin: 0px 0px ;
	padding: 15px 14px;
	border-bottom: 2px solid #fff;
}

.widget {
	width: 280px;
	float: left;
	margin: 0px 0px ;
	padding: 10px 14px;
	border-bottom: 2px solid #fff;
}

#widgets-main .widget {
	width: 275px;
	float: left;
	margin: 0px 0px ;
	padding: 10px 0px;
	border-bottom: 2px solid #fff;
}

#sidebar h4 {
	margin: 5px 0 ;
	padding: 0;
	border: none;
}

#sidebar h3 {
	border: none;
}

#sidebar ul {
	padding: 0px;
	margin: 5px 0 ;
	list-style: disc;
}

#sidebar li {
	padding: 0px;
	margin: 0px 15px;
}

#podPressPlayer_Space_1 {
	padding: 10px;
	margin: 10px;
}

#footer {
	background: #9473b2;
	padding: 0;margin: 0;
	text-align: right;
        clear: both;
}

#footer p {
	padding: 10px;margin: 0;
}

#footer a {
	color: #fff;
}

#footer a:hover {
	color: #000;
}

 /* HOME PAGE NEWS FORMATTING .................... */

#feature img {
	padding: 5px;margin: 0;
}

ul#newslisting {
	padding: 0;margin: 5px 0 0 0 ;
	list-style: none;
	float: left;
	width: 554px;
	border-bottom: 5px solid #ccc;
	border-left: 5px solid #ccc;
	border-right: 5px solid #ccc;
}

ul#newslisting li h3 {
	padding: 5px 0 5px 60px;margin: 0;
	font-size: 1.1em;
	border-top: 5px solid #ccc;
}

li.newsitem {
	margin: 0;padding: 0px;	
}

h3.time {background: url(images/title-time.png) no-repeat left center #e7e8e9;}
h3.city {background: url(images/title-city.png) no-repeat left center #e7e8e9;}
h3.people {background: url(images/title-people.png) no-repeat left center #e7e8e9;}
h3.arts {background: url(images/title-arts.png) no-repeat left center #e7e8e9;}

.front_excerpt {
	padding: 5px 20px;
}

ul#squares {
	clear: both;
	margin: 0px 0;
	padding: 20px 0 ;
	list-style: none;
	font-size: .9em;
}

ul#squares li {
	display: block;
	float: left;
	width: 184px;
	height: 208px;
	margin: 10px 2px ;
}

ul#squares li a:link, ul#squares li a:visited {
	display: block;
	padding: 95px 20px 20px 20px;
	color: #fff;
}

ul#squares li a:hover {
	color: #000;
}

ul#squares li.city-square { background: url(images/square-city.png) no-repeat top center;}
ul#squares li.people-square { background: url(images/square-people.png) no-repeat top center;}
ul#squares li.arts-square { background: url(images/square-arts.png) no-repeat top center;}

ul#squares a:hover {
	color: #000;
}

 /* CALENDAR LIST FORMATTING .................... */

#wpng-calendar.widget h3 {
	border: none;
	margin: 0;padding: 0;
}

h3.widgettitle {
	border-bottom: 1px solid #ccc;
}

#wpng-calendar.widget {
	margin: 10px 10px 0 0;
	padding: 0;
}

#wpng-cal-widget-events ul {
	margin: 10px 0 0px 20;
	padding: 0 0 0px 80px;
}

#wpng-cal-widget-events ul:after {
	content: "."; 
	display: block;
	height: 0; 
	clear: both; 
	visibility: hidden;
}

#wpng-cal-widget-events ul li {
	margin: 7px 0 0px 10px;
	padding: 5px 2px 5px 5px;
	background: #fff;
	float: left;
	width: 87%;
}

.wpng-widget-date-title {
	float: left;
	margin: 0 0 0 10px;
	width: 60px;	
	padding: 5px;
	background: #e4d4fe;
	text-align: center;
}

 /* CALENDAR FORMATTING .................... */


#flickrrss.widget h3 {
	border: none;
}

#flickrrss {
	list-style: none;
	margin: 10px 5px 0 0;
	padding: 0;
}

#flickrrss li {
	float: left;
}

#flickrrss img {
	margin: 2px 2px 0 0  ;
	padding: 4px;
}

 /* IMAGES FORMATTING .................... */

img { 
	padding: 5px; 
	margin: 10px 0 ;
	background: #fff;
	border:1px solid #ccc
}

a:hover img { 
	padding: 5px; 
	margin: 10px 0;
	background: #9473b2;
}

img.noborder {
	background: none;
	margin: 0;padding: 0;
}

img.noborder:hover {
	margin: 0;padding: 0;
	background: none;

}

.title {
	background: none;
	margin: 0;padding: 0;
	border: none;
}

#main img {
	margin-left: 0;
}

.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.alignleft {
	float: left;
}

.alignright {
	float: right;
}


 /* COMMENTS FORMATTING .................... */

#comments {
	float:left;
	margin:0; padding:0;
	width: 100%;
}

ul.commentlist {
	margin:0; padding:0;
}

#comments h3 {
	padding: 10px 0 ;
	margin: 0;
	border-bottom: 5px solid;
}

ul.commentlist li{
	list-style:none;
	font-size:1em;
	border-bottom:1px dotted #c7c7c7;
	padding: 10px 0 10px 0;
	margin: 5px 0;
}

p.commentmeta {
	padding:15px;
	margin: 0 10px 10px 0;
	font-weight: bold;
	font-size: .9em;
	float: left;
}

span.avatar {margin: 0;padding: 0;float: left;}
span.avatar img {margin: 2px 7px 7px 0;padding: 2px; }

li.graybox {
	background-image: #f7f7f7;
	padding:5px;
	margin:0;
	border-bottom:1px solid #ccc;
}

p.commentdate {
	padding: 0;margin: 0;
}

.commentnumber {
	padding: 15px;
	height: 30px;
	float:right;
	color: #ccc;
	font-size: 28pt;
}

#reply {
	margin:5px 0 20px 0;
	padding: 0px;	
}

#commentform {
	margin: 10px 0 ;
}

textarea#comment {
	font-size:13px;
}


 /* CONTACT FORM FORMATTING ..............*/

label {
	font-weight: bold;
	font-size: 1.2em;
}

.contactleft {
	padding: 2px 2px;
	margin: 15px 0 0 0 ;
}

input#contactsubmit {
	margin: 20px 0;
	padding: 5px 20px;
	background: #fff;
}

input#contactsubmit:hover {
	margin: 20px 0;
	padding: 5px 20px;
	background: #000;
	color: #fff;
}

/* PASTOR'S JOURNAL FORMATING .............. */

ul#pastorjournal {
	clear: both;
	list-style: none;
	font-size: .9em;
	margin: 40px 0;
	padding: 0px 0 ;
}

ul#pastorjournal li.journal {
	display: block;
	width: 385px;
	height: 203px;

	background: url(images/pastorjournal.png) no-repeat top left;
	padding: 45px 35px 40px 150px;
}