/*
Theme Name: Taylor & Juliette
Theme URI: http://www.mikeball.org
Description: A custom Wordpress theme developed for use as a wedding website and CMS.
Version: 1.0
Author: Mike Ball
Author URI: http://www.mikeball.org
*/

* {margin:0; padding:0;}

body {font-family:georgia, times, serif; padding-bottom:1em; background:#efefef url('images/bg-body3.png') repeat top left; font-size:12px; line-height:1.3em; color:#444; background-attachment:fixed;}

h1 {}

	h1 a {}
	
h3 {text-align:center; font-weight:bold; font-size:1.2em; margin-bottom:.5em;}
	
p {margin-bottom:1.2em; text-align:center; font-size:1.1em; line-height:1.3em;}

ul {text-align:center; margin-bottom:1.2em; font-size:1.1em; line-height:1.3em;}

	ul li {margin-bottom:.5em;}

strong {font-weight:bold;}

em {font-style:italic;}

a, a:visited {color:brown; text-decoration:none;}

img {display:block;} 

/*generic classes*/
.float-left {float:left;}
.float-right {float:right;}


/*announcement styles on When & Where page*/
.announcement {text-align:center; margin-top:2em;}	
.date {font-size:1.4em; line-height:1.3em; margin-bottom:.75em; color:#222;}
.pre-title {font-variant:small-caps; font-size:1em; margin-bottom:.5em;}
	.pre-title em {font-variant:normal;}
.cordially {margin-bottom:1em; font-style:italic; line-height:1.4em; font-size:1.2em; }
.announcement address {font-variant:small-caps; font-style:normal; font-size:1.2em; margin-bottom:.5em;/*color:#222;*/ line-height:1.2em;}
.followed-by {font-style:italic; font-size:1.2em; margin:1.25em 0;}
p.action {margin-bottom:0; font-style:italic;}


/*structure*/

#container {margin:1.5em;}

#header {float:left; display:block; padding:1em 1em 1em 1em; filter:alpha(opacity=87);-moz-opacity:.87;opacity:.87; background:#fff; margin-right:1.5em; width:190px;}

	h1 a {display:block; width:190px; height:170px; margin-bottom:1em; background:url('images/bg-h1.png') no-repeat top center; text-indent:-5000px;}

	h1 a:hover {background:url('images/bg-h1-hover.png') no-repeat top center;}

#content {filter:alpha(opacity=87);-moz-opacity:.87;opacity:.87; float:left; padding:1em 1em 140px 1em; width:500px; background:#fff url('images/bg-content.png') no-repeat bottom center;}
	
#footer {clear:left; padding:1em; margin-left:250px; width:500px; background:#fff;}


/*nav*/

ul#nav {}

	ul#nav li.page-item-3 a {display:block; margin-bottom:.75em; background:url('images/bg-nav-info.png') no-repeat top left; text-indent:-5000px; width:190px; height:33px;}
	ul#nav li.page-item-5 a {display:block; margin-bottom:.75em; background:url('images/bg-nav-whenWhere.png') no-repeat top left; text-indent:-5000px; width:190px; height:31px;}
	ul#nav li.page-item-6 a {display:block; margin-bottom:.75em; background:url('images/bg-nav-ourStory.png') no-repeat top left; text-indent:-5000px; width:190px; height:34px;}
	
/*page headings*/
h2#page-6 {background:url('images/h2-ourStory.png') no-repeat top center; margin-bottom:1em; width:500px; height:95px; text-indent:-5000px;}
h2#page-3 {background:url('images/h2-info.png') no-repeat top center; margin-bottom:1em; width:500px; height:92px; text-indent:-5000px;}
h2#page-5 {background:url('images/h2-whenWhere.png') no-repeat top center; margin-bottom:1em; width:500px; height:89px; text-indent:-5000px;}

	
/*comments list*/
h3#comments {margin-top:30px;}

ol.commentlist {text-align:center; margin-bottom:80px}

	ol.commentlist li.comment {padding-top:1em; border-top:1px dashed #ccc;}
	
	ol.commentlist img.avatar { margin:0 auto .5em auto;}
	
	ol.commentlist div.comment-meta {margin-bottom:1em;}
	
		ol.commentlist div.comment-meta a {color:#888; font-size:90%;}




/*reply comments form*/
div#respond {border-top:1px dashed #ccc; background:#ebf3dd; padding:1em;}

	div#respond h3 {text-align:left; margin-bottom:1.5em;}

	form#commentform {}
	
		form#commentform p.label, form#commentform p.input, form#commentform p.textarea {font-size:1em; text-align:left; margin-bottom:.25em;}	
		
		form#commentform p.input, form#commentform p.textarea {margin-bottom:1em;}
			
			form#commentform p.label label {}
		
			form#commentform p.input input { background:#fff; width:300px; border:1px solid #ccc; padding:5px; }
			
			form#commentform p.textarea textarea { width:400px; background:#fff; border:1px solid #ccc; padding:5px; }
	
			form#commentform input#submit {width:120px; cursor:pointer; border:1px dashed brown;}