/*------------------------------------------------------------

	screen.css
	www.gsaustin.org
	
	Last Modified : 	06th May 2008
	Created by : 		Paravledesign.com
	Contact: 			info@paraveldesign.com
	
	Copyright 2007 - 2008
	Based on Blueprint 1.6.1
	
	
/* Colour Palette
--------------------------------------------------------------

Light Grey - #fbfbfb

/* Plugins
-------------------------------------------------------------- */

@import 'plugins/reset.css';
@import 'plugins/classes.css';
@import 'plugins/grid.css';
@import 'plugins/link-icons/link-icons.css';

/* You can alternatively use BP as a reset by importing the
bp-reset.css plugin. This is the entire Blueprint 0.6.1 
compressed file. You won't need to include grid.css or
reset.css */


/* Page
-------------------------------------------------------------- */

body	{	background: url('/img/stone.jpg') repeat;}


/* Typography
-------------------------------------------------------------- */

/* Default font settings
   The font-size percentage is of 16px (0.75 * 16px = 12px) */
body { 
  	font-size: 75%;
 	line-height: 1.5;
  	color: #333; 
  	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

img         { margin: 0 0em 0.5em 0;}
 
#content .first img {
	border: 5px solid #8eb1b5;
	margin-right: 15px;
}

#content #sidebar .featured-ministries-widget img {
	border: 3px solid #8eb1b5;
	margin-right: 1.5em;
}

p           { margin: 0em 0 1.5em;
	text-align: justify;
}
p.last      { margin-bottom: 0; }
p img       { float: left; margin: 0em 1.5em 1.5em 0; padding: 0; }

strong      { font-weight: bold; }
em		    { font-style: italic; }


/* Headings
-------------------------------------------------------------- */

h1,h2,h3,h4,h5,h6 { font-weight: normal; color: #4a4a4a;}

h1 { font-size: 3em; line-height: 1; margin-bottom: 0.5em; }
h2 { font-size: 1.8em; line-height: 1;
	margin-bottom: 0.5em;
	padding: 6px 0px 6px 10px;
	color: #fff;
	background: url('/img/h2bg.jpg') repeat left bottom;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
}
h3 { font-size: 1.5em; line-height: 1.5; margin-bottom: 0.5em;
	color: #5c91a4;border-bottom: 1px solid #D1D191;
	padding: 5px 0px 0px 0px;
	margin-bottom:15px;
}
h4 { font-size: 1.3em; font-weight: bold;line-height: 1;
	margin-bottom: 0.5em;
	padding: 6px 0px 6px 10px;
	color: #fff;
	background: url('/img/h4bg.jpg') repeat left bottom;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;}
	
h5 { font-size: 1em; font-weight: bold; margin-bottom: 0.2em; }
h6 { font-size: 1em; font-weight: bold; }

h1 img, h2 img, h3 img, 
h4 img, h5 img, h6 img {
  margin:0;
}

#recent-news h3,
#upcoming-events h3 {
	font-size:1.3em;
	border-bottom:0px;
	color:#3a300d;
	margin-bottom:5px;
}

#recent-news .post,
#upcoming-events .event {
	padding-bottom:8px;
	margin-bottom:8px;
}

/* Links
-------------------------------------------------------------- */

a           	{ color: #5c91a4; text-decoration: underline;
	font-weight: bold;
}
a:focus, 
a:hover     	{ color:#3a300d; }
a:visited		{}
a:visted:hover 	{}


/* Tables - You still need cellspacing="0" in the markup
-------------------------------------------------------------- */

table		{ width:100%; }

thead		{}
tbody		{}
tfoot       { font-style: italic; }

th,td       { padding: 4px 10px 4px 5px; }
th          { border-bottom: 2px solid #ccc; font-weight: bold; background: #eee; }
td          { border-bottom: 1px solid #D0D0A6; vertical-align: middle; }
tr			{}

caption     { background: #ffc; }

/* Use this if you use span-x classes on th/td. */
table .last { padding-right: 0; }

tr.altrow td  { background: #f8f8f8; }


/* Lists
-------------------------------------------------------------- */

li ul, 
li ol       { margin:0 1.5em; }
ul, ol      { margin: 0 1.5em 1.5em 1.5em; }

ul          { list-style-type: circle; }
ul + li		{}

ol          { list-style-type: decimal; }
ol + li		{}

dl          { margin: 0 0 1.5em 0; }
dl dt       { font-weight: bold; width:110px; margin-right:10px; float:left;}
dd          { margin-left: 120px; margin-bottom:1em;}

li.staffmember { list-style-type: none; }

/* Forms
-------------------------------------------------------------- */

form			{}
fieldset		{padding:1.4em; margin: 0 0 1.5em 0; border: 1px solid #ccc;}

legend			{font-weight: bold; font-size:1.2em;}
legend .span	{}

label       	{ display:block;}

input[type='text']		{ width:80%; padding:3px; }
input[type='checkbox']	{ float:left; margin-right:10px; margin-bottom:0.5em; margin-top:0px;}
input[type='radio']		{}
input[type='file']		{}

textarea      	{ width: 80%; height: 70px; padding:3px; margin-right:10px; }

select        	{}
option			{}
optgroup		{}

input:focus,textarea:focus,select:focus {	
	border:1px solid #666;
}

input,textarea, select {
  margin:0.5em 0;
  border:1px solid #bbb;
}


.validation-advice {
	margin: 5px 0;
	padding: 5px;
	background-color: #5c91a4;
	color : #FFF;
	width:80%;
	font-weight: bold;
}

/* Other Elements
-------------------------------------------------------------- */

blockquote  { margin: 1.5em; color: #666; font-style: italic; }
dfn         { font-style: italic;font-weight: bold; background: #ffc; }
sup, sub    { line-height: 0; }

abbr, 
acronym     { border-bottom: 1px dotted #666; }
address     { margin: 0 0 1.5em; font-style: italic; }
del         { color:#666; }

pre,code    { margin: 1.5em 0; white-space: pre; }
tt          { display: block; margin: 1.5em 0; line-height: 1.5; }
pre,code,tt { font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; }


/* Navigation
-------------------------------------------------------------- */
#menu {
	margin:18px -18px;
	padding:40px 18px 0px;
	font-size:1.1em;
	float: right;
	text-align: right;
}

#menu ul {
	margin:0px;
	margin-right:5px;
}

#menu ul li {
	list-style-type: none;
	display: inline;
	margin-left:2em;
	position:relative;
}

#menu ul li a {
	color:#fff;
	padding-bottom: 3px;
	text-decoration: none;
	border-bottom: 4px solid  #3a300d;
	text-transform: capitalize;
	position: relative;
}

#menu ul li a:hover {
	border-color: #5c91a4;
}

#menu ul li div.dropdown {
	display:none;
}

#menu ul li a:hover>div.dropdown {
	display:block;
	position:absolute;
	left:0;
	top:14px;
}


#menu ul li:hover div.dropdown {
	display:block;
	position:absolute;
	left:0;
	top:14px;
}

#menu ul#nav li.over div.dropdown { 
	display: block;
	position:absolute;
	left:0;
	top:14px;
}

#menu ul li div.dropdown:hover { display:block; }

#menu ul li div.dropdown ul {
	background: #3a300d;
	margin-top:16px;
	width:160px;
	padding:10px;
}

#menu ul li div.dropdown ul li {
	border-bottom:1px solid #B3B374;
	display:block;
	text-align:left;
	margin-left:0px;
	padding:3px 3px;
}

#menu ul li div.dropdown ul li a {
	color:#fff;
	border:0px;
}

#menu ul li div.dropdown ul li a:hover {
	color:#B3B374;
}


#subnav {
	background: url('/img/subnavbg.jpg') repeat left bottom;
	border-bottom: 1px solid #fff;
	margin:0px 0px 0px;
	padding:7px 0px;
	font-size: 90%;
}

#subnav ul {
	margin:0px;
}

#subnav ul li {
	list-style-type: none;
	display: inline;
}

#subnav a{
	color: #fff;
	background: url(/img/subnavleft.jpg) no-repeat left -20px;
	text-decoration: none;
/*
	padding:3px 19px 4px;

*/
	display:-moz-inline-box;
	display:inline-block;
	height:20px;
	padding:0px 10px;
	text-transform: capitalize;
}
#subnav a span{
	display:-moz-inline-box;
	display:inline-block;
	height:18px;
	background: url(/img/subnavright.jpg) no-repeat right -20px;
/*
	padding:3px 10px 4px 0px;

*/
	padding:0px 10px 0px 0px;
	padding-top:2px;
}

#subnav a:hover {background: url(/img/subnavleft.jpg) no-repeat left bottom;}
#subnav a:hover span{background: url(/img/subnavright.jpg) no-repeat right bottom;}
#subnav a.buttons{background: url(/img/subnavleft.jpg) no-repeat left -20px;}
#subnav a.buttons span{background: url(/img/subnavright.jpg) no-repeat right -20px;}
#subnav a:hover.buttons {background: url(/img/subnavleft.jpg) no-repeat left bottom;}
#subnav a:hover.buttons span{background: url(/img/subnavright.jpg) no-repeat right bottom;}

#topnav {
	background: #3a300d;
	color:#fff;
	text-align:right;
}

#topnav a {
	color:#B3B374;
	text-decoration: none;
	margin-left:5px;
	margin-right:5px;
}

#topnav a:hover {
	color:#fff;
}

#skip { position: absolute; left: -9996px; }

/* Layout
-------------------------------------------------------------- */
.container { width:910px; }

.darthfader { border:5px solid #3A300D}

#content{
	padding: 20px 0px;
}

#header {
	margin:0px 0px 0px;
	background: url('/img/headerconcrete.jpg') repeat-x left bottom;
	clear:both;
	padding: 15px 0px;
}

#logo {
	float:left;
}

#logo h1 {
	margin-bottom:0.25em;
}


#announcement {
	margin-bottom:1.5em;
}

#sidebar {
	font-size:11px;
}

.widget {
	clear:both;
	margin-bottom:1.5em;
}

#footer {
	margin-top:15px;
	background: url('/img/footerconcrete.jpg') repeat-x left  top;
	color: #fff;
	padding-top: 25px;
	padding-bottom: 25px;
	border-bottom: 5px solid #b2b371;
}

#footer p{ margin: 0em 0 .7em; }

#footer a{
	color: #b3b374;
	font-weight: bold;
	text-decoration: none;
}

#footer a:hover{
	text-decoration: underline;
}

.posted {

}

.paging {
	color:#ccc;
	margin:1.5em 0.5em;
}

.paging * {
	display:inline;
}

.paging .disabled {
	color:#ccc;
}

.resize {
  float: left;
  margin: 0 0 0.5em;
  overflow: hidden;
  height: 140px;
  width: 270px;
}

.resize img {
	width:100%;
}

.permalink {
	display:none;
}

.post:hover .permalink,
.sermon:hover .permalink {
	display: inline;
}

div.content-box { padding:1em 20px; background: url('/img/contentbox.jpg') repeat; margin:5px 0px}

.mapbox{
	background-color: #3a300d;
	padding:5px 5px 0px 15px;
	
}

/* Page-Specific - based on the <body> class
-------------------------------------------------------------- */
.event, 
.post {
	border-bottom:1px solid #D0D0A6;margin-bottom:.7em;
}

.event p, .post p{margin: 0em 0 1em; }

.event-date {
	background: url(/img/eventbg2.jpg) no-repeat center top;
	
	width:44px;
	height:36px;
	margin-left:5px;
	margin-right:20px;
	text-align:center;
}

.event-date-month {
	color:#fff;
	width:44px;
	display:block;
	font-weight: bold;
	clear:both;
	text-transform: uppercase;
	position:relative;
	z-index:10;
	font-size:10px;
	line-height:10px;
	height:12px;
	vertical-align: center;
	padding-top:7px;
}

.event-date-day {
	color:#fff;
	width:44px;
	height:20px;
	margin-top:-4px;
	display:block;
	font-size:12px;
	font-weight:bold;
	clear:both;
}

.ministry {
	margin-bottom:1em;
}

.download-link {
	margin-bottom:1.25em;
}

.staffmemberbio {
	padding-top:1em;
}

div.vestrymember img {
	float:left;
}
.vestrymember{margin-bottom:15px}

.featured-ministries-widget h5 {
	margin-bottom:0px;
}

.headerimg { margin-right:0!important; }

.resources .resource img { border:0px!important; }
.resources .resource .resource-details { margin: 0.25em 10px 0 0px; }


.sidebar-button a { background:none !important; padding: 0px; }
.sidebar-button img { margin: 0px 0px 5px 0px; }

ul.sitemap li { font-size:14px; padding:0px 0px 3px;}
ul.sitemap li li { font-size:11px;}

ul.sitemap a[href^="http://"],
ul.sitemap a[href^="https://"] { 
	padding-left:20px;
	background: url(/css/plugins/link-icons/icons/external.png) no-repeat; 
}