/* 
Theme Name: Prairie Hill Community Church
Theme URI: http://www.prairiehillcc.org/
Description: The custom wordpress theme for PHCC
Version: 1.0
Author: Todd Hiestand
Author URI: "http://www.toddhiestand.com"
*/

/* NORMALIZE Cross browser rendering inconsistencies 
-----------------------------------------------------------------*/

html, body, form, fieldset{ 
font-family: Georgia;
background-color: #fff;
color: #666;
text-decoration: none;
word-spacing: normal;
text-align: left;
letter-spacing: 0;
line-height: 1.3em;
font-size: .9em;
margin: 0;
}

h2, h3, h4, h5, h6, p, pre, ol, dl, address{ 
margin: .7em 0;
padding: 0; 
line-height:133%;
}

h1 {
line-height:133%;
margin: .5em 0 .5em 0;
font-size:18px;
text-decoration:none;
font-variant:small-caps;
color:#4E789E;
}

h1.title {
text-align:center;
}

h2 {
margin: .5em 0 .5em 0;
font-size:18px;
text-decoration:none;
font-variant:small-caps;
color:#4E789E;
}

form label{ 
cursor: pointer; 
}

fieldset{ 
border: none; 
}

input, select, textarea{ 
 }


/* End Normalization */

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

a {
color:#4E789E;
text-decoration: underline;
}

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

strong {
color: #00000;
text-decoration:none;
}

h1 a{
text-decoration: none;
}

blockquote {
margin: 20px;
padding: 5px;
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
background-image:url(images/list.png);
background-repeat:repeat-x,y;
}


/* LAYOUT ----------------------------------- */


/* Top Border ------------- */

#topborder {
height: 80px;
background-image: url(images/top.jpg);
background-repeat: repeat-x;
padding: 5px 0 5px 60px;
}

#topborder h1 a {
color: #FFFFFF;
font-size: 1.9em;
font-variant:small-caps;
color: #fff;
}

#topborder h1 a:hover {
text-decoration:none;
}

/* Container ------------- */

#container {
width: 780px;
margin:0 auto;
padding:0;
border-top: 1px solid #ccc;
}

/* Top Image Banner ------------- */

#banner {
width: 740px;
height:140px;
margin: 20px;
padding:0;
background-image:url(images/banner.jpg);
background-repeat:no-repeat;
background-position: inherit;
}


/* Main Menu ------------- */


ul#nav {
margin: 0 0 10px 0;
padding-left: 0;
background-image:url(images/list.png);
background-repeat:repeat-x,y;
white-space: nowrap;
font-variant:small-caps;
float: left;
font-size:1.4em;
z-index:1000;
bottom:0px;left:0;
width: 100%;
border-top:1px solid #ccc;
border-bottom:1px solid #ccc;
}

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

#nav a { 
display: block;
padding: 15px 15px; 
text-decoration: none;
float: left;
margin: 0 auto;
}

#nav a:link, #navlist a:visited {
color: #7c883d;
background-image:url(images/list.png);
background-repeat:repeat-x,y;
text-decoration: none;
}

#nav a:hover
{
color: #333;
text-decoration: none;
background-image:url(images/list-hover.png);
background-repeat:repeat-x,y;
}

ul#nav li ul { /* second-level lists */
position: absolute;
background-image:url(images/list.png);
background-repeat:repeat-x,y;
border-bottom:1px solid #ccc;
top:0px;
width: 200px;
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;
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
}

ul#nav li ul li{
float:none;
backgoround:transparent;
}

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

ul#nav li ul li a{
background:transparent; 
width:100%; 
font-size:1em; 
height:1em;
padding:6px 0; 
color:#666; 
text-decoration:none;
border-top:1px solid #ccc;
font-weight:normal;
text-indent:5px;
z-index:1000;}

ul#nav li ul li a:hover{
color: #666;
}



/* Main Content ------------- */

#main {
width: 760px;
margin-top: 20px;
clear:both;
}

ul#pages {
float:left;
margin-left: 0;
padding-left: 0;
list-style:none;
}


ul#pages a {
display: block;
padding: 2px 0 2px 5px;
width: 80px;
font-size:1.1em;
background: #fff;
text-decoration:none;
border-top:1px solid #ccc;
}


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

ul#pages a:hover {
background-image:url(images/list-hover.png);
background-repeat:repeat-x,y;
color: #666;
}

#entry {
width: 500px;
margin: 10px 20px 10px 0px;
padding: 0;
float:left;
font-size:1.1em;
}

#entry h1{
border-bottom: 1px solid #ccc;
padding: 2px;
font-size:1.6em;
}

#calendar {
width: 750px;
margin: 10px 20px 10px 0px;
padding: 0;
float:left;
}

#calendar h1{
border-bottom: 1px solid #ccc;
padding: 2px;
font-size: 2.3em;
}

#gallery {
width: 750px;
height: 600px;
margin: 5px 0px 30px 0px;
padding: 0;
float:left;
}

#gallery h1{
border-bottom: 1px solid #ccc;
padding: 2px;
font-size: 2.3em;
}

#sspro{
width: 550px;
margin:0;padding:0px;
background:#fff;
}

#col1 {
width: 169px;
float: left;
margin: 0;
padding: 10px 10px 0px 10px;
font-size: 1.1em;
text-align: left;
}


#col2 {
float: left;
width: 169px;
margin: 0px;
padding: 0px;
border-left: 1px solid #ccc;
}


#col3 {
width: 169px;
float: left;
margin: 0px;
padding: 0;
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
}

ul.info {
margin: 0;
padding: 0;
list-style-type: none;
}

ul.info a {
display: block;
padding: 8px 8px 8px 10px;
width: 151px;
font-size:1em;
background: #fff;
text-decoration:none;
border-top:1px solid #ccc;
}

ul.info a:link, #navlist a:visited {
text-decoration: none;
}

ul.info a:hover {
background-image:url(images/list-hover.png);
background-repeat:repeat-x,y;
color: #666;
padding: 8px 8px 8px 10px;

}

#col4 {
width: 210px;
float: left;
margin: 0;
padding: 5px;
}

#sideimages {
width: 210px;
float: right;
margin: 0;
padding: 5px;
}

#footer {
margin: 20px;
clear:both;
}


#boxes li {
width: 300px;
margin: 20px 10px 20px 10px;
float: left;
list-style-type: none;
border: 1px solid #334c2c;
color: #334c2c;
}

#boxes a { 
padding: 20px 20px; 
height: 40px;
display:block;
font-size:1.1em;
color: #334c2c;
text-align:center;
text-decoration:none;
}

#boxes a:link {
color: #334c2c;
background-color: #fff;
text-decoration: none;
border: 1px solid #334c2c;
}

#boxes a:hover {
color: #fff;
background-color: #334c2c;
text-decoration: none;
}


#bottomborder {
height: 110px;
background-image: url(images/top.jpg);
background-repeat: repeat-x;
text-size: .6em;
color: #FFFFFF;
padding: 20px 0 5px 60px;
clear: both;
font-variant:small-caps;

}

#bottomborder a {
color: #FFFFFF;
}

/* Image Control ------------- */

img {
border: 1px #ccc solid; 
padding: 3px; 
margin: 6px;
}

a:hover img { 
border: 1px #999 solid;
background-color: white;
}

#searchsite {
width: 180px;
margin: 5px;
padding: 10px;
background-color: #f7f7f7;
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
text-align:center;
}

#searchform {
width: 180px;
background-color: #f7f7f7;
}


.pdf {background:url(images/icon-pdf.gif) 0 50% no-repeat; padding:5px 5px 5px 25px;line-height:18px; }



/* Gallery2 Image Control ------------- */


.g2image_normal { 
margin: 4px; 
} 

.g2image_float_left { 
float: left; 
clear: left; 
margin: 4px; 
} 

.g2image_float_right { 
float: right; 
clear: right; 
margin: 4px; 
} 

.g2image_centered { 
display: block; 
margin-left: auto; 
margin-right: auto; 
text-align: center; 
}