/*  
Minehead Baptist Church mobile css
http://m.minehead-baptist.com
*/

/* general stuff */

body {
margin: 0;
padding: 0; 
font-family: "Trebuchet MS", Tahoma, Arial, Sans-Serif;
background: #fff url(pageback.gif) repeat-x top left;
color: #000;
text-align: left;
}

a:link, a:visited, a:hover {
color:#009;
text-decoration: none;
}
 
img {
border: 0;	
}

h1, h2, ul#nav li a, .center {
font-family: 'CartoGothicStdBook', "Trebuchet MS", Tahoma, Arial, Sans-Serif;
font-weight: normal;
}

/* header */

#head {
height: 40px;
border: 0;
}

h1 {
color: #fff;
text-align:center;
margin: 6px auto 0 auto;
font-size: 125%;
}

.back {
position:absolute;
top: 4px;
left: 10px;
}

.home {
position:absolute;
top: 4px;
right: 15px;
}

#logo {
text-align:center;
margin: 10px auto 5px auto;
}


/* nav */

ul#nav {
margin: -5px 0 15px 0;
padding: 0;
} 

ul#nav li {
margin: 0 15px;
padding: 5px 0;
list-style: none;
font-size: 125%;
background: url(next.gif) no-repeat right center;
}
	
ul#nav li a {
color: #000; 
text-decoration: none;
}
		
ul#nav li a:hover {
text-decoration: none;
}


/* main layout & typog */

h2 {
margin: 15px 15px 0 15px;
color:#009;
}

p {
margin: 0 15px 15px 15px;
}

ul {
margin: 0 0 30px 15px;
padding: 0;
}

ul li {
margin: 5px 0;
list-style: none;
}

strong {
color: #390;
}

.maps {
float: right;
margin: 0 15px 5px 10px;
text-align: center;
}

.center {
margin: 0 auto;
text-align: center;
line-height: 1.7em;
}

.address {
padding: 0 0 0 22px;
background:url(icon_building.gif) no-repeat 0 1px;
}

.tel {
padding: 0 0 0 22px;
background:url(icon_phone.gif) no-repeat 0 1px;
}

.email {
padding: 0 0 0 22px;
background:url(icon_email.gif) no-repeat 0 2px;
}

.map {
padding: 0 0 0 22px;
background:url(icon_map.gif) no-repeat 0 1px;
}

.info {
padding: 0 0 0 22px;
background: url(icon_info.gif) no-repeat 0 1px;	
}

.ical {
padding: 0 0 0 22px;
background: url(icon_ical.gif) no-repeat 0 1px;	
}

.pdf {
padding: 0 0 0 22px;
background: url(icon_pdf.gif) no-repeat 0 1px;	
}

.feed {
padding: 2px 0 0 22px;
background: url(icon_rss.gif) no-repeat 0 1px;	
}

.podcast {
padding: 2px 0 0 22px;
background: url(icon_podcast.gif) no-repeat 0 1px;	
}

.facebook {
padding: 2px 0 0 22px;
background: url(icon_facebook.gif) no-repeat 0 1px;	
}

.twitter {
padding: 2px 0 0 22px;
background: url(icon_twitter.gif) no-repeat 0 1px;	
}