/*YAHOO! RESET*/
/*Removes defaults that may differ between browsers*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {  
	margin:0; 
	padding:0; 
} 
table { 
	border-collapse:collapse; 
	border-spacing:0; 
} 
fieldset,img {  
	border:0; 
} 
address,caption,cite,code,dfn,em,strong,th,var { 
	font-style:normal; 
	font-weight:normal; 
} 
ol,ul { 
	list-style:none; 
} 
caption,th { 
	text-align:left; 
} 
h1,h2,h3,h4,h5,h6 { 
	font-size:100%; 
	font-weight:normal; 
} 
q:before,q:after { 
	content:''; 
} 
abbr,acronym {
	border:0; 
}
/*---------- END RESET ----------*/

/*-------------------------------------------+
|                                            |
|            MAIN STRUCTURE STYLES           |
|                                            |
+-------------------------------------------*/
html{
	font-size:16px;
	/*height:101%;*/
}
body{
	font-size:62.5%; /* 16px * 62.5% = 10px : 1em now = 10px */
	font-family:arial,sans-serif;
	color:#000;
	background:#fff;
    background-image:url('photos/background_plain.gif');
    background-repeat: no-repeat;
    background-attachment:fixed;
    background-position: 20px 20px;
}

#pianodjlink {
    position:absolute;
    top:227px;
    left: 80px;
    text-align: center;
}
#pianodjlink h1 {
    font-size:4em;
    color:rgb(91,140,190);
}

#pianodjheading h1 {
    font-size:3.2em;
    color:rgb(91,140,190);
}

#hughespercussionlink {
    position: absolute;
    top: 130px;
    left: 650px;
    text-align: center;
}

#atthefarmlink {
    position: absolute;
    top: 130px;
    left: 360px;
    text-align: center;
}

ul.nav {
    margin: 20px 0;
    border-style:solid none;
    border-width:1px;
    padding:2em 0;
    line-height:2.4em;
}


#pianodj {
    position:absolute;
    top:435px;
    left: 70px;
}
.dj {
    color: rgb(254,105,182);
}
.piano {
    color:rgb(91,140,190);
}
#pianodj h1 {
    font-size:3.2em;
    color:rgb(91,140,190);
}

#content {
    position: absolute; 
    top: 120px; 
    left: 310px;
    width:560px; 
    height:340px; 
    padding: 20px 20px 20px 30px; 
    background:#FFFFC6; 
    border-width:1px; 
    border-style:solid; 
    border-color:black;
}

#musicguide {
    position: absolute; 
    top: 520px; 
    left: 730px;
    width:190px; 
    height:15px; 
    padding: 2px 0px 5px 0px; 
    background:#FFFFC6; 
    border-width:1px; 
    border-style:solid; 
    border-color:black;
}

#musicguide-active {
    position: absolute; 
    top: 520px; 
    left: 730px;
    width:190px; 
    height:15px; 
    padding: 2px 0px 5px 0px; 
    background:#FEFEE1; 
    border-width:1px; 
    border-style:solid; 
    border-color:black;
}


#content-left {
    width:270px; 
    height:320px;
    float:left; 
    padding: 0;  
    border-width:0px; 
    border-style:solid; 
    border-color:black;
}


#content-right {
    width:270px; 
    height:320px;
    float:right; 
    padding: 0;  
    border-width:0px; 
    border-style:solid; 
    border-color:black;
}

#news {
    width:100px; 
    height:300px;
    float:right;
    margin-left:25px;  
    padding-left: 10px; 
    padding-right: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: center;
    border-width:1px; 
    border-style:solid; 
    border-color:#a3a4a5;
}
#date {
    position: absolute;
    top: 30px;
    left: 685px;
    font-size:1.5em;
    width: 170px;
    height: 2em;
    line-height:2em; /*height = line-height centers text vertically*/
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    text-align: center;
    border-width:1px;
    border-style:solid; 
    border-color:black;
    background-image:url('photos/background_plain.gif');
}
#next {
    float: right;
}
#previous {
    float: left;
}
#cornerrose {
    position: absolute;
    top: 88px;
    left: 855px;
}
#logorose {
    position: absolute;
    top: 342px;
    left: 8px;
}
#facebook {
    position: absolute;
    top: 525px;
    left: 340px;
    font-size: 1.3em;
}

/*-------------------------------------------+
|                                            |
|           PARAGRAPH AND FONT STYLES        |
|                                            |
+-------------------------------------------*/

a:link {color: #000000; text-decoration:none}
a:visited {color: #000000; text-decoration:none}
a:active {color: #000000; text-decoration:none}
a:hover {color: #748A9A; text-decoration:none}

.slogan_right {
    width: 350px;
    float: right;
    margin: 1.3em;
    color: #a3a4a5;
    font-size: 1.6em;
    text-align: center;
}

.slogan_right2 {
    width: 250px;
    float: right;
    margin: 1.3em;
    color: #a3a4a5;
    font-size: 1.6em;
    text-align: center;
}

.slogan {
    margin: 0 2em;
    color: #a3a4a5;
    font-size: 1.6em;
    text-align: center;
}



table, th, td {
    border:none;
    padding:2px;
}
ul.listicon {
    margin-left: 0px;
    padding-left: 0px;
    list-style-image: url(photos/icon.jpg);
}
li.links {
    margin-bottom:1em;
}

li.wedding_links {
    margin-bottom: 1em;
    font-weight: bold;
}

td.col1{width:35%}
td.col2{width:25%}

th {
    font-weight:bold;
}

em {
    font-weight:bold;
}

img.right {
    float: right; 
    margin: 0.5em 0 0.5em 1em;
    border-width:1px; 
    border-style:solid; 
    border-color:black;
}

img.crystal {
    float: right; 
    margin: 0.2em 7.5em 0.5em 1em;
    border-width:1px; 
    border-style:solid; 
    border-color:black;
}

img.diamond {
    float: left; 
    margin: 0.5em 4em 0.5em 2em;
    border-width:1px; 
    border-style:solid; 
    border-color:black;
}

img.left {
    float: left; 
    margin: 0.5em 0 0.5em 1em;
    border-width:1px; 
    border-style:solid; 
    border-color:black;
}

img.leftbreakfast {
    float: left; 
    margin: 0.5em 3em 0.5em 1em;
    border-width:1px; 
    border-style:solid; 
    border-color:black;
}

img.leftdiamonddrinks {
    float: left; 
    margin: 0.5em 7em 0.5em 1em;
    border-width:1px; 
    border-style:solid; 
    border-color:black;
}

img.center {
    float: center; 
    margin: 0.5em 1em 2em;
    border-width:1px; 
    border-style:solid; 
    border-color:black;
}

img.photo_center {
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top:0.5em;
    margin-bottom:0.5em;
}

.title{
	font-style:italic;
}
#content p,ul,ol{
    font-size:1.3em;
    line-height:1.4em;
    margin-bottom:1em;
}
#content p.smallprint{
    font-size:1.2em;
    line-height:1.2em;
    margin-bottom:1.2em;
}
#content p.review{
    font-style:italic;
    text-align:center;
    margin-bottom:0.3em;
}
#content p.reviewer{
    text-align:center
}
#content h1,h2{
    font-size:1.6em;
    font-weight:bold;
    margin-bottom:1em;
}
#content h3{
    font-size:1.4em;
    font-weight:bold;
    margin-bottom:1em;
}
#content ol{
    list-style-type:decimal; 
}
#content table.programme{
    font-size:1.1em;
    line-height:1em;
    margin-bottom:1em;
}

#content table.price{
    font-size:1.3em;
    line-height:1em;
    margin-bottom:1em;
}

#content tr.strong{
    font-size:1.2em;
    font-weight:bold;
}

#content strong{
    font-weight:bold;
}

#musicguide p,ul,ol{
    font-size:1.3em;
    line-height:1.4em;
    margin-bottom:1em;
}

#musicguide-active p,ul,ol{
    font-size:1.3em;
    line-height:1.4em;
    margin-bottom:1em;
}

 label{
    display: block;
    font-size:1.3em;
    line-height:1.4em;
    margin-bottom: 0.2em;
}
.inputbox{
    height:18px;
    width:250px;
    padding:4px 3px 2px 3px;
    margin:2px 0 10px 3px;
    border:1px solid #ccc;
}

textarea{
        height:120px;
        width:250px;
        padding:4px 3px 2px 3px;
        margin:2px 0 10px 3px;
        border:1px solid #ccc;
}

.weddingform {
    position: relative; 
    width:1000px; 
    padding: 20px 20px 20px 30px; 
    background:#FFFFC6; 
    border-width:1px; 
    border-style:solid; 
    border-color:black;
    margin-bottom: 4px;
}

.weddingform label{
    clear: both;
    display: block;
    font-size:1.3em;
    text-align: right;
    width: 150px;
    height: 18px;
    float: left;
    padding-right: 20px;
}

.weddingform .inputbox{
    display: block;
    width: 200px;
    height: 18px;
}

.weddingform p.plain{
    font-size:1.3em;
    margin-bottom: 1em;
}
.weddingform p.note{
    font-size: 1.3em;
    display: block;
    width: 600px;
    float: right;
}
.weddingform p.reminder{
    font-size: 1.3em;
    color: red;
    margin-bottom: 1em;
}
.weddingform .textarea{
    width: 200px;
    height: 100px;
    font-size: 1.3em;
}