/*
Theme Name: GFC Custom Theme
Theme URI: http://vintom.com
Description: Custom theme designed by VINTOM
Version: 1
Author: Vin Thomas
Author URI: http://vintom.com
Tags: 
*/

/*
Colors
dark blue: 000000
med blue: 333333
light blue: 666666
lime: B0D136
pale lime: adbf69
dark lime: 859E29
*/

@import "style/css/reset.css";
@import "style/css/typography.css";
@import "style/css/layout.css";

body { background: #303030 url(http://www.gfcfamily.com/wp-content/uploads/2010/07/greyfade-lrg3.jpg) no-repeat; font-family:Arial, Helvetica Neue, Helvetica, sans-serif; font-size: 13px; color: #333;}

h1.logo { display:inline; float:left; margin:-25px 0 -95px 18px; position:relative; z-index:1000;} 

h2 { font-family: 'flyer', Impact, Arial, Sans-Serif; font-size: 30px; color: #020f1a; border-bottom: 1px dotted #C1D6E5; margin: 0 0 15px 0; padding-bottom: 5px; text-transform: uppercase; font-weight: normal;}

h2.store1 { background:transparent url(images/sermon.png) no-repeat scroll left top; height:24px; padding-left:35px; font-size: 25px; padding-top:3px; margin-top: 25px;}

h2.store2 { background:transparent url(images/cd.png) no-repeat scroll left top; height:24px; padding-left:35px; font-size: 25px; padding-top:3px; margin-top: 25px;}

h2.store3 { background:transparent url(images/present.png) no-repeat scroll left top; height:24px; padding-left:35px; font-size: 25px; padding-top:3px; margin-top: 25px;}

h3 { font-family: 'flyer', Impact, Arial, Sans-Serif; font-size: 20px; color: #2d363b; font-weight: normal; text-transform: uppercase; margin-bottom: 10px; }

h4 { font-size: 15px; font-family: Georgia, Times, Serif; font-weight: bold;}

a:link, a:active, a:visited { color: #adbf69; text-decoration: none;}

a:hover { color: #adbf69; text-decoration: underline;}

#searchbar { margin: 0 50px; padding-top: 33px;}

.submit { background-color:#333333; border:0px solid #c1d6e5; color:#FFFFFF; height:20px; padding:0 7px 2px; text-transform:uppercase; -webkit-border-radius: 5px; -khtml-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}

.submit:hover { background-color:#818f99; border:0px solid #636d75; text-decoration: none; color: #FFF;}

/* #topbar { background: transparent url() no-repeat; width: 900px; height: 30px; margin: 0 auto; text-align: right;} */

#topbar { background: #202020; width: 900px; height: 60px; margin: -30px auto 0; text-align: right; -webkit-border-radius: 10px; -khtml-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;}

#topbar a { padding: 3px; color: #333; text-decoration: underline;}

#quicklinks { padding: 27px 20px 0 0;}

#wrapper { margin: 0 auto 10px; width: 900px; background: #ffffff; -webkit-border-radius: 10px; -khtml-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; position: relative; z-index: 9;}

#wrapper p { margin-bottom: 1.5em;}

#header { background: transparent; width: 900px; margin: 0 auto; position: relative; z-index: 9997;}

#menu { float: right; color: #000; padding: 0; position: relative; z-index: 9999; margin: 0 25px 0 0;}

#slider { margin-bottom: 20px; height: 300px; width: 900px; position: relative; z-index: 1; overflow: hidden;}

#slider img { height: 300px; width: 900px; top: 0; left: 0; }

#content { width: 529px; float: left; display: inline; background: #ffffff; padding: 30px; border-right: 1px dotted #C1D6E5; text-align: justify; position: relative; z-index: 1;} 

#wide-content { width: 839px; float: left; display: inline; background: #ffffff; padding: 30px; text-align: justify; position: relative; z-index: 1;} 

#content img { max-width: 518px; height: auto;}

#sidebar { width: 249px; background: #ffffff; float: right; display: inline; padding: 30px;}

#sidebar ul ul ul { padding-left: 15px;}

#jFlowSlide {margin-bottom: 20px;}

#myController li { background: #DDD; display: inline; padding: 5px 8px; color: #020f1a;}

#myController li.jFlowSelected { background: #f8f8f8;}

.jFlowSlideContainer { background: #f8f8f8;}

.tab {padding: 10px; font-weight: bold; font-size: 13px;}

.tab li {padding: 7px; border-bottom: solid 1px #CCC;}

li.jFlowControl { font-size: 16px;}

.tabsub { clear: both; display: block; font-size: 12px; font-weight: normal;}

#footer { background: transparent; padding: 10px; margin: 0 auto 50px; width: 880px;}

#footer p { margin-bottom: 0; text-align: right; color: #96a7b3;}

/* #footer a { color: #FFF; text-decoration: none; font-weight: bold; background: #96a7b3; padding: 5px;} */

.feature { border-bottom:1px dotted #C1D6E5; clear:both; margin-bottom:12px; padding: 0px 10px 10px; overflow: auto;}

.ninehundred { background: transparent; width: 900px; margin: 0 auto; clear: both;}

.dotted { border: none; border-bottom: dotted 1px #c1d6e5; clear: both; margin-bottom: 12px; height: 1px;}

.button, a.button { background-color:#333333; border:1px solid #000000; color:#FFFFFF; height:20px; padding:5px 10px; text-transform:uppercase; -webkit-border-radius: 5px; -khtml-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}

.button:hover, a.button:hover { background-color:#666666; border:1px solid #B0D136; text-decoration: none; color: #FFF;}

#tabs a.lime { color: #B0D136;}

#content ul, #content ol{ padding: 0 0 1.2em 2em; line-height: 1.8em;}

#content ul li{ color: #555555; background: url(images/bullet.png) no-repeat left 5px;	padding: 0 0 0 20px;}

#content ul li ul li { color: #555555; background: url(images/sub-bullet.png) no-repeat left 5px; padding: 0 0 0 20px; margin-left: -20px;}

#content ol li{ list-style-type:decimal; margin: 0 0 0 20px;}	

#content p { line-height: 1.5em;}

.alignleft { float: left; padding: 5px; margin: 0 7px 3px 0; border: solid 1px #96a7b3; }

.alignright { float: right; padding: 5px; margin: 0 0 3px 7px; border: solid 1px #96a7b3; }

.aligncenter { padding: 5px; margin: 0 auto; text-align: center; border: solid 1px #96a7b3; display: block;}

.dottedline { clear: both; border-bottom: 1px dotted #C1D6E5; height: 1px; margin: 0 0 10px 0; padding-top: 7px;}

li.page_item a { border-bottom:1px dotted #C1D6E5; display:block; font-weight:bold; padding:5px; text-transform:uppercase;}

li.page_item a:hover { border-bottom:1px dotted #C1D6E5; display:block; font-weight:bold; padding:5px; text-transform:uppercase; text-decoration: none; color: #96a7b3;}

.flickr-medium {border:1px solid #96a7b3; margin:7px; padding:5px;}

#wrapper .noborder { border: none;}

.storeitem { background:#F3F3F3 none repeat scroll 0 0; border:1px solid #DDDDDD; margin-bottom:10px; padding:10px;}

.storetext { display:block; }

.smallprint { font-size: .9em; font-weight: normal; }

.vintom { margin-bottom: -8px;}

.social { background:#fff none repeat scroll 0 0; float:left; display: inline; margin: 0; padding:18px; text-align:center; }

#content .social img { border:6px solid #EEEEEE; height:auto; margin: 20px 0 5px 0; max-width:124px; padding:0; }

.social h4 { font-family: 'flyer', Impact, Arial, Sans-Serif; font-size: 16px; color: #020f1a; font-weight: normal; text-transform: uppercase; margin-bottom: 10px;}

#content .social p { line-height: 14px; margin: 0 0 0 0; color: #333; font-size: 11px;}

.vimeoBadge { margin: 0; padding: 0; font: normal 11px verdana,sans-serif; }

.vimeoBadge img { border: 0; }

.vimeoBadge .vimeoBadge a:link, .vimeoBadge a:visited, .vimeoBadge a:active { color:#3A75C4; text-decoration:none; cursor:pointer; }

.vimeoBadge a:hover { color:#00CCFF; }

.vimeoBadge #vimeo_badge_logo { margin-top:10px; width: 57px; height: 16px; }

.vimeoBadge .credit { font: normal 11px verdana,sans-serif; }

.vimeoBadge .clip { border:1px solid #96A7B3; float:left; line-height:0; margin:10px 12px; padding:3px; width:100px; }

.vimeoBadge .caption { font: normal 11px verdana,sans-serif; overflow:hidden; width:100px; }

.vimeoBadge .clear { display: block; clear: both; visibility: hidden; } 

.socialfooter { float: left; display: inline;}

.socialfooter img { float:left;
height:auto;
margin-right:15px;
width:25px; }

.featurebox {
	background:#f8cdcd none repeat scroll 0 0;
	border:1px solid #c47c7c;
	margin:10px 0;
	padding:10px;
	text-align:center;
	color: #111;
}

#podPressPlayerSpace_1, #podPressPlayerSpace_2, #podPressPlayerSpace_3, #podPressPlayerSpace_4, #podPressPlayerSpace_5, #podPressPlayerSpace_6, #podPressPlayerSpace_7, #podPressPlayerSpace_8, #podPressPlayerSpace_9, #podPressPlayerSpace_10 {
margin-bottom: 20px;
text-align: left !important;
}

.pdf { background:#FFFFFF url(images/pdf.png) no-repeat scroll left 4px;
height:16px;
padding:5px 0 5px 23px;}

.podPress_content {
background:#EEEEEE none repeat scroll 0 0;
border:1px solid #CCCCCC !important;
font-size:80%;
margin-bottom: 10px !important;
padding:10px !important;
text-align:left;
}

.powerpress_player {
margin-bottom: 20px;
}


h2.podcasth2 { font-size: 1.8em;}

h2.podcasth2 a, h2.podcasth2 a:hover { text-decoration: none;}

.vimeovid {
width: 108px;
display: inline;
float: left;
margin: 12px;
}

.homefeature{
margin: 0px 10px 0px 0px;
}

.flickpics {
margin: 10px 3px;
}

.flickpics img {
margin: 6px;
}

.vintom-logo img {
margin-bottom: -10px;
}

iframe { 
overflow: hidden;
}

hr {
  border: 0;
  height: 1px;
  width: 100%;
  color: #CCC;
  background-color: #CCC;
}