/*~~~~~Site by Jamie Unger-Fink~~~~~*/

/*
Color Reference:

yellow: #cbd500
grey: #444
turq: #68BCA5
navy: #0f086e
orange: #dc7a3d
grey-blue: #7da0b6
TEAL: #04A69B
*/

/*~~~~~Sets default attributes~~~~~*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
margin:0;
padding:0;
border:0;
outline:0;
font-size:100%;
vertical-align:baseline;
background:transparent;
}

article,aside,canvas,details,figcaption,figure,
footer,header,hgroup,menu,nav,section,summary {
display:block;
}

ul, dl {
list-style:none;
width:100%;
}

a {
text-decoration:none;
background: none;
color: #dc7a3d;
}

html,body {margin:0;padding:0;}

body {
	background-color:#f6f6f6;
}

p {
	color: #666;
	font-family: Georgia,serif;
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 24px;
}

form {
	color: #000;
	font-family: Georgia,serif;
	font-style: normal;
	font-weight: 400;
	font-size: 14px;
	line-height: 24px;
}

h4 {
color: #04A69B;
font-style: bold;
}

/* FORM */
input[type="radio"] {
    display:none;
}
input[type="radio"] + label span {
    display:inline-block;
    width:19px;
    height:19px;
    margin:-1px 4px 0 0;
    vertical-align:middle;
    background:url(../images/check_radio_sheet.png) left top no-repeat;
    cursor:pointer;
}
input[type="radio"]:checked + label span {
    background:url(../images/check_radio_sheet.png) -19px top no-repeat;
}

input[type="text"].names
{
font-family: Georgia,serif;
border: 1px solid #7da0b6;
width:300px;
height:23px;
display:inline-block;
vertical-align:middle;
font-size: 120%

}

input[type="text"].diet
{
font-family: Georgia,serif;
border: 1px solid #7da0b6;
width:280px;
height:25px;
display:inline-block;
vertical-align:middle;
font-size: 120%
}

textarea.songs
{
font-family: Georgia,serif;
border: 1px solid #7da0b6;
width:280px;
height:55px;
display:inline-block;
vertical-align:middle;
font-size: 120%;
}

input[type="text"].email
{
font-family: Georgia,serif;
border: 1px solid #7da0b6;
width:253px;
height:20px;
display:inline-block;
vertical-align:middle;
font-size: 120%
}

input[type="text"].phone
{
font-family: Georgia,serif;
border: 1px solid #7da0b6;
width:150px;
height:26px;
display:inline-block;
vertical-align:middle;
font-size: 120%
}

.formpic
{
display:inline-block;
vertical-align:middle;
margin-bottom:5px;
margin-top:5px;
}

/*~~~~~~Sets Header Image Properties~~~~~~~ */
.headerimage {
	max-width: 100%;
	width:100%;
	height:auto;
	margin: 0 auto;
	text-align: center;
}

.headerimage img {
	width:100%;
	max-width: 100%;
	z-index:-9999;
}

/*~~~~~~Bump - 30px Vertical Spacer~~~~~~~ */
.bump {
	width: 100%;
	height: 30px;
	clear:both;
}

/*~~~~~~BumpSmall - 5px Vertical Spacer~~~~~~~ */
.bumpsmall {
	width: 100%;
	height: 8px;
	clear:both;
}

/*~~~~~~~~~Sets proper spacing for Nav~~~~~~~~~~~~*/
.navspace {
	width: 100%;
	height: 25px;
}

/*~~~~~~~~~Sets Nav links to have an underline on the proper page~~~~~~~~~~~~*/
body#home a#homenav,
body#story a#storynav,
body#party a#partynav,
body#gallery a#gallerynav,
body#details a#detailsnav,
body#registry a#registrynav,
body#rsvp a#rsvpnav {
color: #000;
border-bottom: 5px solid #7da0b6;
}

/*~~~~~~~~~~~ Navigation Menu ~~~~~~~~~~~~~~*/

#menu {
	
	margin: -80px auto 0 auto;
	text-align: center;
	width: 80%;
	height: auto;
	background: #f6f6f6;
	padding: 19px 0 19px 0;
	line-height: 26px;
	text-transform: uppercase;
	letter-spacing: -.03em;
}


li#menunav {
	display:inline;
	text-align: center;
	margin: 0 auto;
}


#menunav a {
	color:#000;
	margin:0 7px;
}


#menunav a:hover {
	border-bottom: 5px solid #7da0b6;
}

/*~~~~~~~~Sets container for content~~~~~~~~~*/
.container {
    width:70%;
    height:auto;
    margin:0px auto;
    padding:0px;
    clear:both;
}

/*~~~~~~~Formatting for Page Title~~~~~~*/
.pagetitle {

}

/*~~~~~~~Formatting for Our Story & Party paragraphs~~~~~~~~~~~~~*/
.storyparagraph{
	width:100%; 
	/*height: 250px;*/
	color: #666;
	font-family: Georgia,serif;
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 24px;
	margin: 0 0 15px 0;}
	
.partyparagraph{
	width:100%; 
	/*height: 150px;*/
	/*padding: 150px;*/
	color: #666;
	font-family: Georgia,serif;
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 24px;
	margin: 0 0 10px 0;
	vertical-align:text-top;}
	
tr,td {
	padding-bottom:5px;
	font-family: Georgia,serif;
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 24px;
	color: #666;
}

.rightimage {
float:right; 
width:150px; 
height:150px;
margin-top:10px; 
margin-left:45px;
border-style:solid;
border-width:2px;
border-color:#f6f6f6;
outline-style:solid;
outline-width:5px;
outline-color:#7da0b6;
}

.leftimage {
float:left; 
width:150px; 
height:150px; 
margin-top:10px;
margin-right:45px;
border-style:solid;
border-width:2px;
border-color:#f6f6f6;
outline-style:solid;
outline-width:5px;
outline-color:#7da0b6;
}


/*~~~~~~~Gallery Formatting~~~~~~*/
.pgallery{
text-align: left;
color: #666;
font-family: Georgia,serif;
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 24px;
}

.gallerypics{
margin-right:16px;
border-style:solid;
border-width:2px;
border-color:#f6f6f6;
outline-style:solid;
outline-width:5px;
outline-color:#7da0b6;
}


/*~~~~~~~Horizontal Line~~~~~~*/

.rule {
	width:100%;
	border-bottom: 1px solid #ccc;
	margin: 0 0 15px 0;
}

/*~~~~~Counter~~~~~~~~~~~~*/

.count {
	text-align: center;
	margin-left:auto;
	margin-right:auto;
	width:80%;
	/*right:0px;*/
	/*background:#68BCA5;*/
	padding:12px 0 0 0;
	/*width:200px;*/
	height:151px;
	/*background: #efac55;*/
	-webkit-transition: background-color .25s ease-in; /*safari and chrome */
 	-o-transition: background-color .25s ease-in; /* opera */
}

.count:hover {
	/*background: #cbd500;*/
	cursor:pointer;
}

.count h1, .count h3, .count p, .fourcol-prop h1, .fourcol-prop h3, .fourcol-prop p {
	text-align: center;
	color: #666;
	font-family: Georgia,serif;
	font-style: normal;
	font-weight: 400;
	font-size: 14px;
}

.count h1, fourcol-prop h1 {
	font-size: 46px;
	padding-top: 5px;
}

.count h1 {
	margin-top: 0;
}

.count h3 {
	font-size: 20px;
	margin-top: -30px;
}

.count p {
	/*padding-bottom: 10px;
	border-bottom: 4px solid #666;*/
}

/*~~~~~~~~~~~~Footer~~~~~~~~~~~~~*/

.footer {
	width:100%;
	/*height: 220px;*/
	margin: 0 auto;
	text-align: center;
	background: #7da0b6;
	color: #fff;
}

.footer img {
	margin-top: 10px;
	margin-bottom: 10px;
}
.footer a {
	font-family: Georgia,serif;
	font-style: normal;
	font-weight: 400;
	font-size: 12px;
	color:#fff;