/*
Theme Name: FUMC
Theme URI: http://fumcwinchester.org
Description: test theme
Version: 1
Author: John Doe
Author URI: http://fumcwinchester.org
*/


/*----- milesdowsett.com ~ Main site styles -----*/

/*----- 10 january 2008 -----*/

html { 
	margin: 0;
	padding: 0;
	width: 100%;
	
}

body {
	margin: 0;
	padding: 0;
	font-size: 62.5%; /* enables you to easily size text with ems */
	font-family: "Georgia", georgia, "Times New Roman", Times, serif;
        background: url(images/background.gif) repeat-x #f8f3df;
        color: #575447;
        position: relative;
  	width: 100%;
  	text-align: center;

}

h1, h2, h3, h4 {
	margin: 0;
	padding: 0;
	color: #914d20;
}

p {
	padding: 0;
	margin: 0;
}

a { 
	padding: 0;
	margin: 0;
	text-decoration: none;
	font-weight: normal;
        color: #878b3f;
        display: inline;
}

.content a:hover, .worknavigation dd a:hover, .sidenotes dt a:hover, .worknavigation li a:hover, #search a:hover { 
	border-bottom: 1px solid #878b3f;
	padding: 0;
	margin: 0; 
}

#container {
	width: 1020px;
	margin: 0 auto 0 auto;
	padding-top: 30px;
        text-align: left;	
}

#footercontainer {
        border-top: 18px solid #36322a;
	background: #1e1b16;
        text-align: center;
}

blockquote {
	padding: 0;
	margin: 0;
}

.clear {
	clear: both;
}

/*----- Header, nav etc. -----*/

#header	{
	width: 690px;
	height: 119px;
	margin: 15px 21px 25px 0;
	float: left;
	font-size: 1em;
	background-image:url(images/fumcbuilding.png);
	background-repeat:no-repeat;
	/*border:1px solid #009;*/
}

#MainHeader	{
	width: 100%;
	height: 30px;
	margin: 15px 21px 25px 0;
	float: left;
	font-size: 1.5em;
}

#header img {
	float: left;
	margin: 15px 0 200px 0px;
	border: 0;
}

#current    {
    padding-bottom: .2em;
    border-bottom: 4px solid #878b3f;
}

#current a:hover	{
	padding-bottom: 0;
	border: 0;
}


/*----- Work navigation -----*/

.worknavigation	{
	float: right;
	width: 286px;
	height: 100%;
	padding: 57px 0 30px 0;
}

.worknavigation h2 {
	font-size: 2.0em;
	font-weight: normal;
	margin: 0 0 19px 20px;
	padding-bottom: 0.2em;
	border-bottom: 4px solid #e0d9b8;
}	

.work, .sidenotes, .worknavigation ul {
	margin: 0 0 10px 0;
	padding: 0 20px 0 0;
	font-size: 1.3em;
}
	
.work dt {
	margin: 16px 0 0 20px;
	padding: 0;
}

.work dt a {
	float: left;
	display: block;
	margin: 2px 10px 0 0;
	padding: 2px;
	border: 3px solid #e0d9b8;
	background: #fffefa;
}
	
.work dt a img {
	float: left;
	border: 0;
}

.work dd {
	margin: 0 0 2px 20px !important;
	padding: 0;
}
	
.work dd strong {
	font-size: 1em;
	line-height: 1.4em;
	color: #aaa487;
}	
	
.work dd em {
	font-style: italic;
	color: #aaa487;
	line-height: 1.4em;
}

.sidenotes dt  {
	margin: 16px 0 2px 20px;
	line-height: 1.3em;
        padding: 0 0 0 1.2em;
        background: url(images/star-icon.gif) no-repeat 0 .2em;
}

.sidenotes dd {
	margin: 0 0 0 20px !important;
	padding: 0 0 0 1.1em;
        font-style: italic;
	color: #aaa487;
        line-height: 1.3em;
}

.worknavigation li {
        margin: 6px 0 0 20px;
	padding: 0;
        list-style: none;
}

.worknavigation ul#date li {
        padding: 0 0 0 1.2em;
        background: url(images/calendar-icon.gif) no-repeat 0 .3em;
}

.worknavigation ul#cats li {
        padding: 0 0 0 1.2em;
        background: url(images/folder-icon.gif) no-repeat 0 .3em;
}

/*----- Main content -----*/

.content {
	float: left;
	overflow:visible;
	width: 690px;
	background: url(images/foliage-right.gif) no-repeat 445px 119px;	  	
}
	
.content h1 {
	font-size: 2.9em;
	font-weight: normal;
	margin-top: 96px;
}

.content h2 {
	font-size: 2.2em;
	font-weight: normal;
        margin: 14px 0 20px 0;
        padding-bottom: 2px;
        border-bottom: 1px solid #e0d9b8;
}

.content h3 {
	margin-top: 18px;
	margin-bottom: 8px;
	font-size: 1.4em;
	font-weight: normal;
}

/*----- Home page introduction styles -----*/

.content h1.intro {
	font-size: 2.8em;
	font-weight: normal;
	color: #914d20;
	letter-spacing: -1px; 
	margin: /*76px*/ 20px 0 0 0;
	text-align:center;
	width:525px;
	border-bottom:1px solid #878b3f;
	float:right;
}

span.amp {
	font-family: Baskerville, "Goudy Old Style", "Palatino", "Book Antiqua", serif;
	font-weight: normal;
	font-style: italic;
	font-size: 1.1em;
	color: #878b3f;
}	

.content div.intro {
       	float: right;
       	width: 300px;
       	font-size: 2em;
	line-height: 1.4em;
	height: 1%;
	color: #575447;
	text-align: center;
       	border-top: 0px solid #e0d9b8;
	margin-top: 16px;
       	padding: 16px 0 34px 0;
       	font-style: italic;
       	background: url(images/hori-divide.gif) no-repeat 50% 100%;
}

.content div.introleft {
	background-image:url(images/foliage-left.gif);
	background-repeat:no-repeat; 
	background-position:left center;
	width: 373px;
	float:left;
	min-height:325px;
	padding-top:15px;
}


.content img.intro {
	float: left;
	width: 373px;
}

/*----- Content styles -------*/

/*.content ul {
	padding: 0;
        margin: 7px 0 13px 0;
	font-size: 1.9em;
	color: #aaa487;
        font-style: italic;
}

.content li {
	display: inline;
}*/

.content dl {
	padding: 0;
        margin: 0 0 2.6em .4em;
	font-size: 1.7em;
        color: #aaa487;        
}

.content dt {
	color:#914d20;
        display: block;
        margin: 0;
	padding: 0 0 0 1.2em;
}

.content dd {
        display: block;
        margin: 0.2em 0 1.2em 0;
	padding: 0 0 0 1.2em;
	font-style: italic;        
}

.content #speciality ul {
        margin: -2em 0 -1em 0;
}

.block li, .content #speciality li {
        color: #575447;
        font-size: .9em;
	display: block;
        margin: .8em;
        padding: 0 0 0 1.3em;
        background: url(images/bullet-square.gif) no-repeat 0 .3em;
	list-style: none;
}

.content p#first {
	margin-top: 0.5em;
	font-size: 1.9em;	
	line-height: 1.5em;
	padding: 1.1em 0 1.6em 0;
	border-top: 4px solid #e0d9b8;
}

.content p#sub {
	padding: 0;
	margin: 4px 0 0 0;
	font-size: 1.9em;
	color: #aaa487;
        border: 0;
        font-style: italic;
}

.content p {
	font-size: 1.6em;	
	padding: 0 0 1em 0;
	line-height: 1.5em;
}

.content p.continue {
	margin: -1.6em 0 0.6em 0;
        padding: 0;       
}

.content p#last	{
	margin: 0.4em 0 2em 0;
}

/*------Portfolio-------*/

#showcase {
   margin: 20px 0 40px 0;
}

#showcase-left	{
       float: left;
       width: 400px;
       margin-right: 24px;
       font-style: italic;
       padding: 2px 2px 0 2px;
       background: #fff;
       border: 8px solid #e0d9b8;
}

#showcase-left img {
       border: 0;
}

#showcase-left a:hover {
       border: 0;
}

#showcase-left p {
       text-align: center;
       margin: 6px 0 24px 0;
       font-size: 1.6em;
       padding: 0;
}

#showcase-right {
       float: left;
       width: 246px;
       text-align: left;
}

#showcase-right blockquote {
        margin: 0 0 24px 0;
        line-height: 1.6em;
        font-size: 1.5em;
        color: #878b3f;
	text-align: center;
        border-top: 8px solid #e0d9b8;
        padding: 14px 0 30px 0;
        font-style: italic;
        background: url(images/hori-divide-port.gif) no-repeat 50% 100%;
}

#showcase-right blockquote  p {
       padding: 0;
       margin: 0;
}

#showcase-right ul {
        margin: 0 0 0 0.6em;
	padding: 0;
	font-size: 1.6em;
	line-height: 1.5em;     
}

#showcase-right li {
        color: #575447;
        display: block;
        margin: 0 0 0.1em 0;
	padding: 0 0 0 1.4em;
	list-style: none;
	background: url(images/bullet-square.gif) no-repeat 0 .4em;
}

/*--------Light box --------*/

#lightbox{ position: absolute; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 40px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}

#imageDataContainer{ font: 1.6em Georgia, georgia, "Times New Roman", Times, serif; background-color: #1e1b16; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{ padding:20px 40px; color: #e6e2c8; border-top: 10px solid #36322a; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: normal; font-style: italic; 	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }

/*----- Contact form guide -----*/

#sayhello form {
	background: #ede8d4;
	padding: 20px 14px;
	margin: 1em 0 4em 0;
}

#sayhello form fieldset	{
	border: 0;
}

#sayhello form legend	{
	font-size: 1.3em;
	font-style: italic;
	padding: 0.6em;
	border-bottom: 2px solid #e0d9b8;
	border-top: 2px solid #e0d9b8;
}

#sayhello h2 {
	margin: 0 0 .6em 0;
	padding-left:0.6em;
}

#sayhello form ol {
	margin: 12px;
	padding: 0;
	list-style: none;
}

#sayhello form li {
	display: block;
	background: none;
}

#sayhello form label {
	display: block;
	font-size: 1.7em;
	color: #914d20;
        margin-top: 1.3em;
	margin-bottom: 0.5em;
}

#sayhello form img  {
	display: block;
	margin: 0 0 .8em 0;
}


#sayhello form p {
        font-size: 1.3em;
	font-style: italic;
        padding: 0.6em 0 0 0.6em;
        margin: 0;
}

#sayhello form span {
        color: #914d20;
}

#sayhello form input, .worknavigation form input, .content form textarea {
	font-family: Georgia, georgia, "Times New Roman", Times, serif;
        font-size: 1.3em;
        color: #878b3f;
        border: 1px solid #575447;
	width: 400px;
	height: 1.7em;
        padding: 5px 0 0 0.3em;
        line-height: 1.3em;
}

#sayhello form textarea	{
	height: 20em;
}

#sayhello form input.btn {
	width: 56px;
	height: 23px;
	border: 0;
	margin: 2em 0 0 0;
}

.validation-advice { 
       font-size: 1.3em;
       font-style: italic;
       color: #cc0000; 
       margin: 8px 0 0 0;
} 

/*----- Home page feature styles -----*/

.featureleft {
	float: left;
}

.featureright {
	float: right;
}

.featureleft, .featureright {
	width: 328px;
	padding: 0;
	margin: 0 0 40px 0;
}

.featureleft h2, .featureright h2, #footerright h2 {
	font-size: 2em;
	font-weight: normal;
	margin: 20px 0 10px 0;
}

.featureleft h3, .featureright h3 {
	font-size: 1.6em;
        margin: 1em 0 .6em 0;
        padding: 0;
}

#featureimageleft, #featureimageright {
	border: 4px solid #e0d9b8;
	padding: 2px;
	background: #fff;
	width: 316px;
	height: 123px;
}
	
#featureimageleft a img, #featureimageleft a:hover, #featureimageright a img, #featureimageright a:hover {
	border: 0;
}

.featureleft blockquote, .featureright blockquote {
	margin: 0;
        padding: 0;
        background: none;
        font-size: 1em;
	line-height: 1.7em;
	text-align: left;
	color: #575447; 
        border: 0;
}           

.featureleft p, cite, .featureright p, cite, #footer li	{
	font-size: 1.3em;
	line-height: 1.6em;
	font-style: italic;
	margin-bottom: 8px;
	display: inline;
}

.featureleft cite, .featureright cite {
       	margin: 0;
	padding: 0;
        color:#aaa487;
}

.featureleft cite strong, .featureright cite strong {
       	display: block;
       	margin: .8em 0 0 0;
       	color:#575447;
        padding-top: .4em;
        border-top: 2px solid #e0d9b8;
}



/*----------------- Blog feature styles -----*/

.blog h2.linked {
	font-size: 2.2em;
        margin-top: 18px;
	margin-bottom: 0;
        border: 0;
}

h2.linked a:link, h2.linked a:visited, h2.linked a:hover, h2.linked a:active {
	color:#914D20;
}

.blog h2#comments {
	border: 0;
}


.blog p.sub-blog {
        font-size: 1.6em;
        font-weight: normal;
        font-style: italic;
        color: #aaa487;
        margin: 0 0 0.8em 0;
        padding-bottom: 0.2em;
        border-bottom: 2px solid #e0d9b8;
       
}

.blog blockquote  {
	border-left: 0px solid #aaa487;
	font-style: italic;
	font-size: 1em;
        margin: 1em 3em 3.8em 3em;
	padding: 0 0 0 1.4em;
	color: #888888;
}

.blog blockquote p  {
	margin-top: 1em;
	padding: 0;
}


.blog dl {
       	font-size: 1.2em;
       	margin: 1em 0 20px 0;
       	padding-bottom: 0.6em;
       	border-bottom: 4px solid #e0d9b8;
}

.blog dt, .blog dd {
       	display: inline;
       	margin: 0;
       	padding: 0;
	background: none;
}

.blog dt {
       	font-weight: bold;
}

.blog dd {
	font-style: italic; 
       	margin: 0;
	
}

.blog dd.cmts {
	background: url(images/comment-icon.gif) no-repeat 8px 0;
	border-left: 1px solid #aaa487;
	padding-left: 28px;
	margin-left: 4px;
	display: inline;
	/*font-size: 1.3em;*/
	font-style: italic;
}

.blog ul {
	font-size:16px;
	margin:0 0 15px 0;
}

.blog ul li {
	margin-bottom:10px;
}

.blog img.left, .content img.left {
	padding: 4px;
        margin: 0 12px 26px 0;
        border: 4px solid #e0d9b8;
        background: #fffefa;
        float: left;
}

.blog img.right, .content img.right {
         padding: 4px;
         margin: 0 0 26px 12px;
         border: 4px solid #e0d9b8;
         background: #fffefa;
       	 float: right;
}

/* Reader */

.readercomment  {
	width: 642px;
	padding: 24px 24px 8px 24px;
	margin: 2em 0 4.4em 0;
	/*background: #1e1b16;*/
	border-top: 18px solid #36322a;
	color: #e6e2c8;
	background: url(images/milesdowsett-tag.gif) #1e1b16 no-repeat 421px 0; 
	
}

.readercomment p.author  {
	font-size: 1.6em; font-style: normal;
	padding: 0;
	margin: 0; 
}

.readercomment p.postdate  {
    	padding: 0 0 4px 0;
	margin-bottom: 1.8em;
	border-bottom: 2px solid #36322a;
}

.readercomment p  {
	font-size: 1.4em; 
	padding: 0 0 1.8em 0;
	margin: 0; 
	font-style: italic;
	/*width: 642px;*/
}

#sayhello input.checked  {
	border: 0;
	padding: 0;
	margin: 1.8em .8em 0 0;
	width: 1.2em;
	height: 1.2em;
}

#sayhello label.checked  {
	 display: inline;
	 margin-top: 1.8em;
}


#footer {
	background: #1e1b16;
        text-align: left;
        width: 999px;
        padding-bottom: 1.2em;
        margin: 0 auto;
	bottom: 0;
 	overflow: hidden;
}

#footer img {
        float: left;
        padding: 5px;
        margin: 0.2em 12px 0 0;
        background: #fff;
        color: #fffefa;
}

#footer h2 {
        color: #878b3f;
}

#footer p {
   display: block;
}

#footer a {
	text-decoration: none;
	color: #878b3f;
	border-bottom: 1px solid #36322a; 
	padding-bottom: 1px;
}

#footer a:hover { 
	border-bottom: 1px solid #e6e2c8; 
}

#footer	ul {
	padding: 0 0 0 40px;
	margin: 12px 0 0 0;    
}

#footer li {
        font-size: 1.5em;
	display: block;
        margin: 0 0 .1em 0;
        padding: 0 0 0 1.2em;
        background: url(images/bullet-square-foot.gif) no-repeat 0 .4em;
	list-style: none;
}

#footer li#left {
	background: none;
	padding: 0 0.9em 0 0;
}

#footerleft {
	float: left;
	overflow: hidden;
	width: 690px;
}

#footerleft p, #footerright p {
	color: #e6e2c8;  	
}

#footerright {
        float: right;
	overflow: hidden;
	width: 286px;
	min-height: 181px;
	background: url(images/milesdowsett-tag.gif) no-repeat 100% 0%; 
}

#footerright h2 {
        padding: 0 0 0 20px;	
}

#footerright a {
        border: 0;	
}

#footerright strong, #footerright em {
        color: #e6e2c8;
        font-style: normal;
        font-weight: normal;
}

#footerright em	{
        font-size: .7em;	
}







/* New Styles */

.pastors  {
	font-size:14px;
}

.pastors em { 
color:#666;
font-size:14px;
}

#rotator {
	width:376px;
	height:306px;
}

#rotator img {
	padding:3px;
	border:0px solid #914D20;
}



//suckerfish menu

ul#suckerfishnav {
    list-style:none;
	height:auto;
	font-size:1.9em;
	margin:0;
	padding:0;
    }
#suckerfishnav ul {
    list-style:none;
    line-height:20px;
    margin:0;
	padding:0;
    }	
	
#suckerfishnav a {
    display:block;
    color:#575447;
    text-decoration:none;
    padding:0px 8px;
	font-size:1.7em;
    }
#suckerfishnav li {
    float:left;
    padding:0;
    }
#suckerfishnav ul {
    position:absolute;
    left:-999em;
    height:auto;
    width:200px;
    font-weight:normal;
    margin:0;
    line-height:1;
    border:0;
    /*border-top:1px solid #666666;*/
z-index:1000;
    }
#suckerfishnav li li {
    width:200px;
    font-weight:normal;
	color:#914d20;
    }
#suckerfishnav li li a:link, #suckerfishnav li li a:visited, #suckerfishnav li li a:hover, #suckerfishnav li li a:active {
    padding:6px 10px;
    width:180px;
    font-size:13px;
    color:#914d20;
    }
#suckerfishnav li ul ul {
    margin:-10px 0 0 130px;
    }
#suckerfishnav li li:hover {
    background:#878B3F;
    }
#suckerfishnav li ul li:hover a, #suckerfishnav li ul li li:hover a, #suckerfishnav li ul li li li:hover a, #suckerfishnav li ul li li li:hover a {
    color:#fff;
    }
#suckerfishnav li:hover a, #suckerfishnav li.sfhover a {
    color:#fff;
    }
#suckerfishnav li:hover li a, #suckerfishnav li li:hover li a, #suckerfishnav li li li:hover li a, #suckerfishnav li li li li:hover li a {
    color:#fff;
    }
#suckerfishnav li:hover ul ul, #suckerfishnav li:hover ul ul ul, #suckerfishnav li:hover ul ul ul ul, #suckerfishnav li.sfhover ul ul, #suckerfishnav li.sfhover ul ul ul, #suckerfishnav li.sfhover ul ul ul ul {
    left:-999em;
    }
#suckerfishnav li:hover ul, #suckerfishnav li li:hover ul, #suckerfishnav li li li:hover ul, #suckerfishnav li li li li:hover ul, #suckerfishnav li.sfhover ul, #suckerfishnav li li.sfhover ul, #suckerfishnav li li li.sfhover ul, #suckerfishnav li li li li.sfhover ul {
    left:auto;
	background-color:#E7E0C4;
/*    background:#f8f3df;*/
	border:0px solid #e7dfc3;
    }
#suckerfishnav li:hover, #suckerfishnav li.sfhover {
    background:#676b1f;
	color:#914d20;
    }
	
#suckerfishnav li li a:link, #suckerfishnav li li a:visited, #suckerfishnav li li a:hover, #suckerfishnav li li a:active {
    color:#712d00;
    }
	
	
	
	
	
	.content li blockquote.mission p{
		        margin: 1em 2em 2em 0em;
	padding: 0 0 0 1em;
	color: #666666;
	font-size:16px;
}

h1.homepagenews {
	font-size:2.5em;
	color:#575B0F;
	font-style:italic;
	width:100%;
	border-bottom:3px solid #E7DFC3;
}

a.more-link:link, a.more-link:visited, a.more-link:hover, a.more-link:active{
color:#900;
font-size:.75em;
text-decoration:none;
}

.navigation {
	margin-bottom:15px;
}
.navigation a:link, .navigation a:visited, .navigation a:hover, .navigation a:active{
	font-size:1.5em;
	
}