/*   
Theme Name: Roma Ministries
Theme URI: romaministries.com
Description: Custom Made Theme made for Roma Ministries.
Author: Johann Dyck
Author URI: 
Version: 1.0

Built for Boyd! 

*/

/* RESET */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; } body { line-height: 1; color: #000; background: #fff; } ol, ul { list-style: none; } caption, th, td { text-align: left; font-weight: normal; } blockquote:before, blockquote:after, q:before, q:after { content: ""; } blockquote, q { quotes: "" "";}

/* remember to define focus styles! */ :focus { outline: 0; } 

/* tables still need 'cellspacing="0"' in the markup */ table { border-collapse: separate; border-spacing: 0; } 


/* TYPOGRAPHY AND COMMON ELEMENTS */

body {background: url('images/bg.jpg') 15% 15%;color: #222;font-family:  "Book Antiqua", Palatino, "Palatino Linotype", "Hoefler Text", serif; font-size: 14px; line-height: 21px;padding-bottom: 50px;overflow:auto;} /* background, color, font-family, font-sze, line-height */

a {border-bottom: 1px dotted #998E55;text-decoration: none;color: #998E55;}
a:hover {color: #55570B}

h1, h3 {font-size: 32px;line-height: 68px;background: url('images/green-brush.png') no-repeat left top;padding-top: 5px;margin-left:-20px;padding-left:20px;letter-spacing: -.03em;clear:both;color: #5B3B01;}
h3 a {color: #55570B;}
h3 a:hover {color: #998E55;}
h2 {font-size: 18px;line-height:37px;font-family: "Lucida Sans", "Lucida Grande", Arial, FreeSans, Sans-serif;text-transform: uppercase;letter-spacing: .04em;color: #998E55;font-weight: bold;padding-top:5px;}
h4 {font-size: 18px;line-height:21px;font-family: "Lucida Sans", "Lucida Grande", Arial, FreeSans, Sans-serif;text-transform: uppercase;letter-spacing: .04em;color: #998E55;font-weight: bold; padding: 0;}
h5 {font-weight: bold;font-size: 16px;}
h6 {font-style: italic;font-size: 16px;}

p {margin-bottom: 0;}
ul {list-style-type:disc; margin: 0 2em 1em;}
ol {list-style-type:decimal; margin:0 2em 1em;}
li {}
blockquote {border-left: 10px solid #F2D6BE;padding:10px 0 11px 32px;margin: 10px 0 11px;font-style:italic;font-size: 15px;letter-spacing: .01em;}

small {}
i, em {font-style:italic;}
b, strong {font-weight:bold;}

.hidden {position: absolute;left:-9999px;}

/* STRUCTURE */
#paint_splash {position: absolute; top: 0; left: 0; width: 100%;height: 250px;background: url('images/body-bg.jpg') repeat-x 15% top;clear:both;}
#top_nav {margin: 0 auto;width: 777px;position:absolute;top:-50px;}
#container {position: relative; width:777px; margin: 0 auto 100px;border: 1px solid #6d4a40;background: url('images/container-bg.jpg') repeat-y right 294px;overflow:display;top:50px;}
#header {background: url(images/header-bg.jpg) no-repeat top center;height: 293px;position: relative;margin-bottom: 21px;}
#header a {border-bottom: 0px solid #fff;}
#content {}
#footer {clear:both;padding-top: 63px;overflow: hidden;background: url('images/footer.gif') no-repeat top center;color: #fff;margin:0;}




/* HEADER */

.logo {position: relative; top: -25px;left: 10px;width:400px;height: 200px;display: block;}
/* this line give you a nice, if less sexy, GIF background */
a.logo { background:url('images/logo.gif') no-repeat top left transparent; }

/* PNG power! */
body > * a.logo { background:url('images/logo.png') no-repeat top left transparent; }
#site_title {position: absolute; left: -99999px;}
#nav {margin:0;padding:0;list-style: none;position:absolute;float:left;font-family: "Lucida Sans", "Lucida Grande", Arial, FreeSans, Sans-serif;text-transform: uppercase;line-height: 15px;font-size: 13px;letter-spacing: .02em;top:255px;left:42px;}
#nav li {float: left;margin-right: 15px;list-style:none;}
#nav a {display:block;padding: 5px 7px;border-bottom: 1px dotted #998E55;}
#nav a:hover {}
#nav li li {padding: 0px;list-style: none;}
#nav li li a {width: 150px;float:none;border-bottom: 1px solid #fff;}
#nav li ul {z-index: 9999;position: absolute;left: -999em;height: auto;width: 190px;margin: 0; padding: 0;}
#nav li ul ul {margin: -25px 0 0 188px;}
#nav li:hover ul ul,
#nav li:hover ul ul ul,
#nav li.sfhover ul ul,
#nav li.sfhover ul ul ul,
#nav li.sfhover2 ul ul,
#nav li.sfhover2 ul ul ul
{
	left: -999em;
}
#nav li:hover ul,
#nav li li:hover ul,
#nav li li li:hover ul,
#nav li.sfhover ul,
#nav li li.sfhover ul,
#nav li li li.sfhover ul,
#nav li.sfhover2 ul,
#nav li li.sfhover2 ul,
#nav li li li.sfhover2 ul
{
	left: auto;
}
#nav li:hover a, #nav li.sfhover a {color: #fff;background:#998E55;border-bottom: 1px solid #fff;}
#nav li a:hover {background: #55570b;}
#ithemes-billboard-483444221 {position: absolute;top: 30px;right:54px;width: 300px;height: 195px;overflow: hidden;}
/* for the photo switcher */
.sdswitch {
    position:relative;
    height:336px;
}

.sdswitch *{
    position:absolute;
    top:0;
    left:0;
    z-index:8;
}

.sdswitch *.active {
    z-index:10;
}

.sdswitch *.last-active {
    z-index:9;
}

.sdwindow {	
	position:absolute;
	top:10px;
	height:20px;
	background: #000;
	color:#fff;
	font-weight: bold;
	z-index: 11;
	opacity:0.6;
}


/* CONTENT */
#content-wide, #content {
	margin: 0 42px;
}
#content-narrow {float: left; width: 455px;margin: 0 0 0 42px;}

#content-wide img, #content-narrow img {padding: 15px;border-left: 3px solid #eee;border-top: 4px solid #e1e1e1;border-right: 4px solid #d0d0d0;border-bottom: 4px solid #ddd;background: #fff;overflow: auto;}


/* SIDEBAR */
#sidebar {float:right;width: 195px;margin: 10px 21px 0 0;padding: 0 0 0 15px;}
#sidebar ul, #sidebar li {margin: 0px;padding: 0px;list-style: none;}
#sidebar ul ul {margin-bottom: 21px;}
#sidebar h4 {font-size: 13px;text-transform: uppercase;font-family: "Lucida Sans", "Lucida Grande", Arial, FreeSans, Sans-serif;background: #998E55;margin-left:-15px;padding: 0px 15px;color: #fff;}

/* FOOTER */
#f-one {float: left;margin: 25px 21px 0 0px;width:400px;display:inline;}
#f-two {float: left; margin: 21px 21px 0 0;width: 217px;display:inline;}
#f-three {float: right; margin:15px 0 0;width:217px;display:inline;}
#footer h4 {font-style: italic;font-size: 20px;color: #fff;line-height: 21px;font-family: "Book Antiqua";text-transform: none;font-weight: normal; padding: 0;margin:0;}
#footer ul, #footer li {padding: 0;margin: 0;list-style: none;}
#footer ul li ul li ul {padding-left: 15px;}
#footer a {border-bottom: 0px dotted #fff;color: #fff;}
#copy {clear:both;margin:0 auto; text-align: center;line-height: 2em;}
/* WORDPRESS STUFF */

.aligncenter,
div.aligncenter {
   display: block;
   margin-left: auto;
   margin-right: auto;
}
.alignleft {
   float: left;
   margin: 0px 30px 21px 0px;
}
.alignright {
   float: right;
   margin: 0px 0px 21px 30px;
}
.wp-caption {
	border-top: 4px solid #e1e1e1;border-right: 4px solid #d0d0d0;border-bottom: 4px solid #ddd;border-left: 4px solid #eee;
   text-align: center;
   background-color: #fff;
   padding: 15px;
	padding-bottom:0;
   margin: 10px;font-family: "Lucida Sans", "Lucida Grande", Arial, FreeSans, Sans-serif;
}
#content-wide .wp-caption img, #content-narrow .wp-caption img {
   margin: 0;
   padding: 0;
   border: 0 none;

}
.wp-caption p.wp-caption-text {
   font-size: 11px;
   line-height: 15px;
   padding: 10px 0;
   margin: 0;
}
.post img {border: 2px solid #cfcfcf;}
.wp-caption a, .attachment a {border-bottom:0px solid #fff;}

/*
DROP-DOWN NAVIGATION
For a dropdown menu just add class="dropdown" to the UL tag.
http://css-tricks.com/simple-jquery-dropdowns/ 
*/

#top_nav, #top_nav ul {list-style:none;padding:0;margin:0;font-family:"Lucida Sans", "Lucida Grande", Arial, FreeSans, Sans-serif;text-transform:uppercase;}
#top_nav li {}
#top_nav a {color:rgb(255,255,255);padding:5px;border-bottom:1px dotted rgb(255,255,255);margin-right:15px;}
#top_nav ul a {border-bottom:1px solid rgb(255,255,255);}
#top_nav ul {background:rgb(78,20,8);width:170px;border:1px solid rgb(255,255,255);border-width:1px 1px 0;display:block;position:absolute;}
#top_nav ul a {width:160px;}
#top_nav ul a:hover {background: rgb(50, 12, 5);}

	/* FUNCTIONALITY */
	/* needs javascript to work in IE6: change child ul tags to visible when hovering over a li */
	ul.dropdown {float:left;position:relative;z-index:100;} ul.drop_down, ul.drop_down li, ul.drop_down ul {list-style:none;margin:0;padding:0;} ul.dropdown li {float:left;} ul.dropdown li a {display:block;} ul.dropdown li.hover, ul.dropdown li:hover {position:relative;} ul.dropdown ul {visibility:hidden;position:absolute;top:100%;left:0;} ul.dropdown ul li {float:none;} ul.dropdown ul li a {width:100%;display:inline-block;} ul.dropdown ul ul {left:100%;top:0;} ul.dropdown li:hover > ul {visibility:visible;}