@font-face {
	font-family: 'AlexBrushRegular';
	src: url('/fonts/AlexBrush-Regular-OTF-webfont.eot');
	src: url('/fonts/AlexBrush-Regular-OTF-webfont.eot?#iefix') format('embedded-opentype'),
		 url('/fonts/AlexBrush-Regular-OTF-webfont.woff') format('woff'),
		 url('/fonts/AlexBrush-Regular-OTF-webfont.ttf') format('truetype'),
		 url('/fonts/AlexBrush-Regular-OTF-webfont.svg#AlexBrushRegular') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'MutluOrnamental';
	src: url('/fonts/Mutlu__Ornamental-webfont.eot');
	src: url('/fonts/Mutlu__Ornamental-webfont.eot?#iefix') format('embedded-opentype'),
		 url('/fonts/Mutlu__Ornamental-webfont.woff') format('woff'),
		 url('/fonts/Mutlu__Ornamental-webfont.ttf') format('truetype'),
		 url('/fonts/Mutlu__Ornamental-webfont.svg#MutluOrnamental') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
    font-family: 'DancingScriptOTRegular';
    src: url('/fonts/DancingScript-Regular-webfont.eot');
    src: url('/fonts/DancingScript-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/DancingScript-Regular-webfont.woff') format('woff'),
         url('/fonts/DancingScript-Regular-webfont.ttf') format('truetype'),
         url('/fonts/DancingScript-Regular-webfont.svg#DancingScriptOTRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'HarabaraHandItalic';
    src: url('/fonts/HarabaraHand-webfont.eot');
    src: url('/fonts/HarabaraHand-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/HarabaraHand-webfont.woff') format('woff'),
         url('/fonts/HarabaraHand-webfont.ttf') format('truetype'),
         url('/fonts/HarabaraHand-webfont.svg#HarabaraHandItalic') format('svg');
    font-weight: normal;
    font-style: normal;
}

html, body {
	margin: 0;
	padding: 0;
}
html {
	height: 100%;
	background: #fff; /* url(/images/ribbons.png) no-repeat center top; */
	overflow: auto;
}

#container {
	width: 968px;
	margin: auto;
	padding: 20px 0;
}
#heading {
	width: 659px;
	height: 160px;
	font: normal 95px/1 'MutluOrnamental', Calibri, Palatino Linotype, Tahoma;
	margin: 20px auto 0;
	text-align: center;
	text-shadow: 0 0 3px #000;
}
#mediaplayer_wrapper {
	position: relative;
	width: 640px;
	height: 480px;
	margin: 30px auto 0;
	border-left: 2px solid #fff;
	border-right: 2px solid #fff;
}
#mediaplayer-frame {
	position: absolute;
	top: -60px;
	left: -6px;
	width: 655px;
	height: 130px;
	background: url(/images/ribbon.png) no-repeat center 0;
	z-index: 999;
}
#toggle-fullscreen {
	font: normal 18px/1 Calibri, Tahoma;
	color: #000;
	text-shadow: 0 0 2px #000;
	text-decoration: none;
	position: absolute;
	bottom: -20px;
	right: 0;
}
#footer {
	position: relative;
	width: 645px;
	margin: 10px auto 0;
}
#viewers {
	position: absolute;
	top: 25px;
	left: 2px;
	width: 200px;
	z-index: 999;
}
#viewers-link {
	text-decoration: none;
}
#viewer-count {
	font: normal 24px/24px Calibri;
	color: #000;
	text-align: center;
	text-shadow: 0 0 5px #444;
	margin-right: 5px;
	float: left;
}
#viewer-text {
	font: normal 18px/24px Calibri, Arial;
	color: #000;
	letter-spacing: -1px;
	text-align: center;
	text-shadow: 0 0 3px #444;
	float: left;
}
#guestbook-link {
	position: absolute;
	top: 25px;
	right: 2px;
	font: normal 18px/24px Calibri, Arial;
	color: #000;
	letter-spacing: -1px;
	text-decoration: none;
	text-shadow: 0 0 3px #444;
	cursor: pointer;
	z-index: 999;
}
#lens {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #000 url(/images/loading.gif) no-repeat center center;
	opacity: 0;
	filter: alpha(opacity=0);
	z-index: 999;
}
#dialog {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 400px;
	height: 250px;
	background: #fff;
	z-index: 999;
	border: 8px solid #222;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
}
#dialog-title {
	font: bold 18px/20px Arial;
	letter-spacing: -1px;
	color: #000;
	padding: 3px;
	background: #fff;
	border-bottom: 2px solid #222;
	text-shadow: 0 0 3px #000;
}
#dialog-content {
	font: bold 19px Calibri, Palatino LinoType, Arial;
	letter-spacing: -1px;
	color: #000;
	padding: 10px;
	overflow: auto;
}
#dialog-buttons {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	text-align: center;
	padding-bottom: 5px;
}
#guestbook-entries {
	height: 220px;
	background: #efc;
	border: 1px solid #bbb;
	overflow: auto;
}
#guestbook-input {
	margin-top: 20px;
}
#guestbook-message {
	width: 614px;
	height: 200px;
	margin-top: 5px;
}
#guestbook-entry-count {
	font: normal 18px/1 Palatino Linotype, Tahoma;
}

#guestbook-entry-count.guestbook-no-entries {
	font-size: 24px;
	background: none;
	text-align: center;
	margin-top: 100px;
}
#viewer-detail {
	height: 300px;
}
#viewer-history {
	margin-top: 20px;
}

.guestbook-input-row {
	margin: 0;
	padding: 0;
}
.guestbook-input-row label {
	display: inline-block;
	width: 105px;
	font: normal 24px/1 'DancingScriptOTRegular', Calibri, Palatino Linotype, Tahoma;
}
.guestbook-input {
	width: 505px;
	font: normal 17px/1 Georgia;
	text-indent: 5px;
	border: 1px solid #bbb;
}
.guestbook-entry {
	font: normal 22px/1 'HarabaraHandItalic', 'DancingScriptOTRegular', Calibri, Palatino Linotype, Tahoma;
	margin-top: 10px;
	padding-left: 5px;
}
.guestbook-entry-time,
.guestbook-entry-name {
	display: inline-block;
	font: normal 16px/1 Georgia;
	color: #444;
}
.guestbook-entry-name {
	margin-left: 5px;
}
.guestbook-entry-message {
	margin-top: 10px;
}
.wedding-info {
	font: normal 24px/1 'AlexBrushRegular', Calibri, Palatino Linotype, Tahoma;
	color: #000;
	text-align: center;
	text-shadow: 0 0 5px #444;
}
.dialog-button {
	font: normal 14px Arial;
	color: #aaa;
	background: #222;
	padding: 3px 10px;
	border: 3px solid #222;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}
.dialog-button:hover {
	border-color: #2c2c2c;
}
.new-line {
	margin-top: 15px;
}
.viewers-heading {
	font: bold 24px/1 Calibri, Arial;
	background: #ddd;
	padding: 2px;
}
.viewer {
	font: normal 20px/1 Trebuchet MS;
	padding: 2px 0 0 5px;
}
.video {
	display: block;
	width: 640px;
	height: 480px;
	margin: auto;
	padding-bottom: 10px;
}