/*
Theme Name: Odessa
Theme URI: http://3cogs.com
Description: A custom theme handcoded for Odessa Wedding Photography.
Version: 5.0
Author: Daniel Zabolotny of 3Cogs
Author URI: http://3cogs.com
Tags: high-tech, shiny, web 2.0, clean, modern
*/

/* Resets */
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, p, blockquote,
pre, form, fieldset {margin: 0;	padding: 0;}
/* Global */
body {
	background: #283134 url(bg.png);
	text-align: center;
	font-size: 100%;
	font-family: Lucida Grande, Verdana, sans-serif;
	}
.clear {
	clear: both;
	}
.clearnone {
	clear: none;
	}
.none {
	display: none;
	}
.alignleft {
	float: left;
	text-align: left;
	}
.alignright {
	float: right;
	text-align: right;
	}
.aligncenter {
	margin-left: auto !important;
	margin-right: auto !important;
	text-align: center;
	}
a, a:visited, a:hover, a:active {
	text-decoration: none;
	font-weight: bold;
	}
a, a:visited {
	color: #567cac;
	}
a:hover {
	color: #274c79;
	}
/* Fixes annoying Firefox bug that adds extra padding to <button> elements. */
button::-moz-focus-inner { border: none; padding: 0;}
button.button::-moz-focus-inner { border: none; padding: 0;}	
/* Navbar */
#nav_wrap {
	background: #505864 url(nav_bg.png) repeat-x top left;
	width: 100%;
	height: 72px;
	margin: 0 auto;
	}
#nav {
	width: 800px;
	margin: 0 auto;
	overflow: hidden;
	}
#logo {
	list-style-type: none;
	width: 140px;
	height: 72px;
	float: left;
	}
#logo li {
	list-style-type: none;
	float: left;
	}
#logo a * {
 	 display: none;
}
#logo a,
#logo a .hover {
  	height: 72px;
  	position: relative;
    display: block;
    background: url(logo.png) 0 0 no-repeat;
    float: left;
	}
#logo a.logo {
  	background-position: 0 0;
  	width: 140px;
	}
#logo .highlight a.logo:hover,
#logo a.logo .hover {
  	background-position: 0 -72px;
  	width: 140px;
	}
#menu {
  	list-style: none;
  	position: relative;
  	margin: 25px 0 0 0;
  	float: right;
	}
#menu li {
  	float: left;
  	margin: 0 15px 0 0;
	}
#menu a, #menu a:visited {
	color: #DDD;
	font-size: 13px;
	text-align: center;
	text-shadow: 0 1px 0 #000;
	padding: 2px 8px 3px 8px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	background: rgba(0,0,0,0.01);
	-webkit-box-shadow: 0 1px 0 rgba(0,0,0,0.01);
	font-weight: normal;
	border-top: 1px solid rgba(0,0,0,0.01);
	}
#menu a:hover {
	background: rgba(0,0,0,0.2);
	-webkit-box-shadow: 0 1px 0 rgba(255,255,255,0.15);
	border-top: 1px solid rgba(0,0,0,0.2);
	color: #FFF;
	}
#menu a, #menu a:visited, #menu a:hover {
	-webkit-transition-duration: .4s; 
	-webkit-transition-property: color background-color border-top box-shadow;
	}
/* individual navigation items */
#menu a.home {
  	background-position: 0 0;
  	width: 100px;
}
#menu .highlight a.home:hover,
#menu a.home .hover {
  	background-position: 0 -72px;
  	width: 100px;
}
#menu a.albums {
  	background-position: -100px 0;
  	width: 100px;
}
#menu .highlight a.albums:hover,
#menu a.albums .hover {
  	background-position: -100px -72px;
  	width: 100px;
}
#menu a.weddings {
  	background-position: -200px 0;
  	width: 100px;
}
#menu .highlight a.weddings:hover,
#menu a.weddings .hover {
  	background-position: -200px -72px;
  	width: 100px;
}
#menu a.contact {
  	background-position: -300px 0;
  	width: 150px;
}
#menu .highlight a.contact:hover,
#menu a.contact .hover {
  	background-position: -300px -72px;
  	width: 150px;
}
/* Header */
#header_wrap {
	background: #313841 url(header_bg.png) repeat-x bottom center;
	height: 700px;
	width: 100%;
	margin: 0 auto;
	}
#highlight {
	width: 100%;
	height: 700px;
	background: url(highlight.png) no-repeat bottom center;
	margin: 0 auto;
	}
#header {
	background: url(content_top.png) no-repeat bottom center;
	width: 810px;
	margin: 0 auto;
	height: 700px;
	}
#page_header_wrap {
	background: url(header_bg.png) repeat-x bottom left;
	height: 75px;
	width: 100%;
	margin: 0 auto;
	}
#page_highlight {
	width: 100%;
	height: 75px;
	background: url(highlight.png) no-repeat bottom center;
	margin: 0 auto;
	}
#page_header {
	background: url(content_top.png) no-repeat bottom center;
	width: 800px;
	margin: 0 auto;
	height: 62px;
	padding: 13px 0 10px 0;
	}
#page_header_wide {
	background: url(content_top_wide.png) no-repeat bottom center;
	width: 1000px;
	margin: 0 auto;
	height: 62px;
	padding: 13px 0 10px 0;
	}
#super_header_wide {
	background: none;
	width: 1200px;
	margin: 0 auto;
	height: 62px;
	padding: 13px 0 10px 0;
	}
#slogan {
	font-size: 30px;
	text-shadow: 0 -1px 0 #000;
	color: #FFF;
	letter-spacing: -1px;
	clear: both;
	width: 100%;
	text-align: center;
	margin: 0 auto 0 auto;
	font-weight: normal;
	padding: 15px 0 0 0;
	}
#sample {
	margin: 0 auto;
	clear: both;
	width: 810px;
	padding: 10px 0 0 0;
	text-align: center;
	background: url(banner_wraparound.png) no-repeat bottom center;
	}
#sample img {
	margin: 0 auto;
	text-align: center;
	padding: 10px 10px 0 10px;
	background: url(img_shadow.png) no-repeat top center;
	}
#register, #register:visited {
	width: 480px;
	font-size: 20px;
	font-weight: normal;
	text-shadow: 0 -1px 0 #185022;
	text-align: center;
	margin: 0 auto;
	color: #FFF;
	letter-spacing: -1px;
	padding: 12px 20px 17px 20px;
	display: block;
	-webkit-box-shadow: 0 1px 2px #222;
	box-shadow: 0 1px 2px #222;
	-moz-box-shadow: 0 1px 2px #222;
	-moz-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	background: #409e52 url(banner_border.png) repeat-x top left;
	border-top: 1px solid #185022;
	}
#register:hover {
	color: #FFF;
	font-weight: normal;
	background-color: #4cab5f;
	text-shadow: 0 -1px 0 #257333;
	}
#register:active {
	outline: none;
	}
#page_title {
	margin: 0 auto;
	text-align: center;
	color: #FFF;
	letter-spacing: -.08em;
	width: 100%;
	font-size: 1.9em;
	font-weight: normal;
	text-shadow: 0 -1px 0 #000;
	}
#page_title2 {
	width: 100%;
	padding: 20px 0;
	clear: both;
	float: left;
	text-align: left;
	}
#page_title2 strong {
	text-align: left;
	float: left;
	color: #FFF;
	letter-spacing: -.08em;
	font-size: 1.9em;
	font-weight: normal;
	text-shadow: 0 -1px 0 #000;
	margin: 0 25px 0 10px;
	display: block;
	}
/* Content */
#content {
	background: url(content_bg.png) repeat-y top center;
	padding: 0 20px 20px 20px;
	color: #283134;
	font-size: 0.89em;
	margin: 0 auto;
	width: 760px;
	}
#content_wide {
	background: url(content_bg_wide.png) repeat-y top center;
	padding: 0 20px 20px 20px;
	color: #283134;
	font-size: 0.89em;
	margin: 0 auto;
	width: 960px;
	}
#super_wide {
	background: none;
	padding: 0 0 20px 0;
	color: #283134;
	font-size: 0.89em;
	margin: 0 auto;
	width: 1220px;
	}
#data {
	float: left;
	width: 250px;
	margin: 0 10px 10px 0;
	display: block;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	background: #EFEFEF;
	padding: 0 20px 20px 20px;
	}
#info_title {
	color: #777;
	text-shadow: 0 -1px 0 #FFF;
	padding: 15px 0 10px 0;
	}
h3 {
	clear: both;
	padding-bottom: 20px;
	display: block;
	font-weight: normal;
	font-size: 1.5em;
	letter-spacing: -.06em;
	color: #888;
	}
/* Footer */
#content_bottom {
	background: url(content_bottom.png) no-repeat top center;
	width: 800px;
	margin: 0 auto;
	height: 30px;
	}
#content_bottom_wide {
	background: url(content_bottom_wide.png) no-repeat top center;
	width: 1000px;
	margin: 0 auto;
	height: 30px;
	}
#super_bottom_wide {
	background: none;
	width: 1200px;
	height: 5px;
	margin: 0 auto;
	}
#footer {
	margin: 0 auto 20px auto;
	text-align: left;
	color: #888;
	text-shadow: 0 -1px 0 #000;
	width: 780px;
	padding: 10px 10px 20px 10px;
	font-size: 0.75em;
	clear: both;
	}
#footer a, #footer a:visited {
	color: #999;
	}
#footer a:hover {
	color: #CCC;
	}
/* Forms */
#tcf_name, #tcf_sendit {
	display: none;
	}
.awesome .wrap { 
	margin: 0 auto;
	width: 240px;
	display: block;
	clear: both;
    }
.awesome .submit_wrap {
	width: 240px;
	padding: 0;
	clear: both;
	}
.awesome .wrap label { 
    font-size: 0.92em; 
    font-weight: normal; 
    clear: both;
    float: left;
    text-align: left;
 	display: block;
 	color: #555;
 	width: 100%;
 	padding: 5px 0 5px 1px;
    }
.awesome .submit_wrap label {
	text-indent: -99999px;
	font-size: 12px; 
    font-weight: normal; 
    clear: both;
    float: left;
    text-align: left;
 	display: block;
 	color: #777;
 	width: 100%;
 	padding: 0 0 3px 1px;
 	}
.awesome .input-text { 
	font-size: 12px;
	width: 230px;
	padding: 8px 5px;
	border: 1px solid #999;
	background: #FFF:
    color: #666;
    float: left;
    clear: both;
    -moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	margin: 0;
    }
.awesome .input-text:focus {
	border: 1px solid #769fd9;
	outline: none;
	}
.contactsubmit {
	border: 1px solid #185022;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding: 0;
	margin: 0;
	float: right;
	background: #409e52;
	display: block;
	}
.contactsubmit span {
	border: 0;
	background: #409e52;
	font-size: 14px;
	text-align: center;
	padding: 6px 15px 7px 15px;
	color: #FFF;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-top: 1px solid #51be66;
	display: block;
	text-shadow: 0 1px 1px #257333;
	font-weight: bold;
	}
.contactsubmit:hover {
	color: #FFF;
	background: #4cab5f;
	}
.contactsubmit:hover span {
	background: #4cab5f;
	border-top: 1px solid #66d67c;
	cursor: pointer;
	text-shadow: 0 1px 1px #257333;
	}
.contactsubmit:active span {
	border-color: #257333;
	text-shadow: 0 -1px 1px #257333;
	outline: none;
	margin: 0;
	}
.contactsubmit:active {
	outline: none;
	padding: 0;
	}
.contactsubmit:focus {
	outline: none;
	}
.contactform_response {
	display: block;
	background: #409e52;
	color: #FFF;
	padding: 15px 0;
	font-weight: normal;
	text-shadow: 0 -1px 0 #257333;
	margin: 10px auto 0 auto;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	font-size: 18px;
	letter-spacing: -1px;
	}
.contactform_error {
	display: block;
	background: #ee6262;
	color: #FFF;
	padding: 15px 10px;
	font-weight: normal;
	text-shadow: 0 -1px 0 #943030;
	margin: 10px auto 15px auto;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	font-size: 18px;
	letter-spacing: -1px;
	}
/* Password Form Styles */
#pass_wrap {
	width: 220px;
	margin: 0 auto;
	clear: both;
	}
#pass_wrap br {
	display: none;
	}
#pass_wrap label {
	text-align: left;
	display: block;
	margin: 0;
	clear: both;
	float: left;
	color: #666;
	font-size: 14px;
	padding: 7px 0;
	width: 220px;
	}
#password_input {
	font-size: 12px;
	width: 210px;
	padding: 8px 5px;
	border: 1px solid #999;
	background: #FFF:
    color: #666;
    float: left;
    clear: both;
    -moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	margin: 0 10px 0 0;
	}
#password_input:focus {
	border: 1px solid #769fd9;
	outline: none;
	}
#pass_wrap .button {
	float: right;
	clear: both;
	margin: 10px 0 0 0;
	}
#map_wrap {
	float: right;
	width: 425px;
	border: 10px solid #EEE;
	-moz-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	}
#map {
	display: none;
	}
#info {
	float: right;
	width: 445px;
	line-height: 1.5em;
	text-align: justify;
	margin: 0;
	-moz-border-radius-topleft: 5px;
	-webkit-border-top-left-radius: 5px;
	-moz-border-radius-topright: 5px;
	-webkit-border-top-right-radius: 5px;
	background: #EEE;
	}
#dl {
	padding: 10px 20px 15px 20px;
	color: #555;
	}
#dl .alignright {
	font-weight: bold;
	}
#dl .clear2 {
	margin: 0;
	padding-bottom: 10px;
	clear: both;
	}
.post-edit-link {
	float: left;
	text-align: left;
	color: #313840;
	padding: 5px;
	}
.post-edit-link:hover {
	background: #313840;
	color: #FFF;
	}
#pages {
	float: left;
	width: 740px;
	padding: 10px;
	background: #EEE;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;	
	}
#pages li {
	float: left;
	width: 350px;
	list-style-type: none;
	margin: 10px;
	}
#pages li a, #pages li a:visited {
	width: 330px;
	padding: 20px 10px;
	background: #567cac;
	text-align: left;
	font-size: 0.92em;
	color: #FFF;
	display: block;
	float: left;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	}
#pages li a:hover {
	background: #6c95ca;
	color: #FFF;
	}
#super_wide #picture {
	float: none !important;
	background: #FFF;
	border: 0 !important;
	text-align: center;
	padding: 10px;
	width: 1200px;
	overflow: auto;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	margin: -15px auto 0 auto;
	clear: both;
	}
#picture {
	float: right;
	background: #EFEFEF;
	border: 0;
	text-align: center;
	padding: 10px;
	overflow: auto;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-webkit-box-shadow: 0 1px 2px #222;
	box-shadow: 0 1px 2px #222;
	-moz-box-shadow: 0 1px 2px #222;
	}
#super_wide #gallery_list {
	width: 1150px;
	float: none !important;
	margin: 0 auto;
	height: auto !important;
	}
#gallery_list {
	width: 310px;
	float: left;
	}
#super_wide #gallery_list li {
	float: left;
	clear: none !important;
	text-align: center;
	}
#gallery_list li {
	float: left;
	text-align: left;
	list-style-type: none;
	clear: both;
	}
#super_wide #gallery_list li a, #super_wide #gallery_list a:visited {
	width: 110px;
	padding: 0 !important;
	border: 10px solid #414854;
	background: #414854;
	-moz-border-radius-topleft: 5px
	-webkit-border-top-left-radius: 5px;
	-moz-border-radius-topright: 5px;
	-webkit-border-top-right-radius: 5px;
	margin: 6px 6px;
	display: block;
	text-align: center;
	height: 135px;
	}
#gallery_list li a, #gallery_list a:visited {
	width: 275px;
	float: left;
	display: block;
	height: 110px;
	padding: 10px;
	background: #EEE;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	margin: 5px 0;
	}
#gallery_list li a:hover {
	background: #DDD;
	color: #555;
	} 
#super_wide #gallery_list li span {
	padding: 8px 0 10px 0;
	color: #CCC;
	display: block;
	text-align: center;
	margin: 0 !important;
	background: #414854;
	-moz-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	width: 120px;
	text-shadow: 0 1px 0 #000;
	}
#gallery_list li span {
	margin-top: 45px;
	color: #666;
	display: block;
	float: left;
	padding-left: 15px;
	}
#gallery_list li img {
	vertical-align: center;
	border: 5px solid #CCC;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	float: left;
	}
#gallery_list li a:hover img {
	border-color: #567cac;
	}
#gallery_list li a:hover span {
	color: #567cac;
	}
#super_wide #gallery_wrap {
	height: auto !important;
	width: 1200px;
	margin: 20px auto 0 auto;
	float: none !important;
	clear: both;
	}
#gallery_wrap {
	height: 570px;
	overflow: auto;
	width: 330px;
	float: left;
	}
/* Nice-looking buttons, used for call-to-action links and form buttons */
.bluebutton {
	border: 1px solid #185022;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding: 0;
	margin: 0;
	background: #567cac;
	display: block;
	}
.bluebutton span {
	border: 0;
	background: #567cac;
	font-size: 14px;
	text-align: center;
	padding: 6px 15px 7px 15px;
	color: #FFF;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-top: 1px solid #6c99d2;
	display: block;
	text-shadow: 0 1px 1px #3d597e;
	font-weight: bold;
	}
.bluebutton:hover {
	color: #FFF;
	background: #618bc0;
	text-decoration: none;
	}
.bluebutton:hover span {
	background: #618bc0;
	border-top: 1px solid #78a1d9;
	cursor: pointer;
	text-shadow: 0 1px 1px #3d597e;
	text-decoration: none;
	}
.bluebutton:active span {
	border-color: #3d597e;
	text-shadow: 0 -1px 1px #3d597e;
	outline: none;
	margin: 0;
	}
.bluebutton:active {
	outline: none;
	padding: 0;
	}
.bluebutton:focus {
	outline: none;
	}
.button {
	border: 1px solid #185022;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding: 0;
	margin: 0;
	background: #409e52;
	display: block;
	}
.button span {
	border: 0;
	background: #409e52;
	font-size: 14px;
	text-align: center;
	padding: 6px 15px 7px 15px;
	color: #FFF;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-top: 1px solid #51be66;
	display: block;
	text-shadow: 0 1px 1px #257333;
	font-weight: bold;
	}
.button:hover {
	color: #FFF;
	background: #4cab5f;
	text-decoration: none;
	}
.button:hover span {
	background: #4cab5f;
	border-top: 1px solid #66d67c;
	cursor: pointer;
	text-shadow: 0 1px 1px #257333;
	}
.button:active span {
	border-color: #257333;
	text-shadow: 0 -1px 1px #257333;
	outline: none;
	margin: 0;
	}
.button:active {
	outline: none;
	padding: 0;
	}
.button:focus {
	outline: none;
	}
.darkbg {
	border: 1px solid #222;
	}
.extra_pad {
	margin: 15px 0 0 0;
	}
.extra_pad2 {
	margin: 0 20px 0 0;
	}
#super_wide #instructions {
	color: #FFF;
	text-shadow: 0 -1px 0 #000;
	text-align: center;
	padding: 20px 0 0 0;
	}
#instructions {
	width: 100%:
	margin: 0 auto;
	clear: both;
	padding: 10px 0;
	}
#instructions p {
	font-size: 0.85em;
	font-weight: normal;
	text-align: center;
	width: 100%:
	color: #666;
	}
/* Samples CSS */
ul#pikame{
	padding-left: 0;
	width: 240px;
	float: left;
	}
.pika_main {
	width: 700px;
	float: right;
	padding-right: 0;
	}
#pikame li{
	margin: 5px;
	float: left;
	overflow: hidden;
	}
ul#pikame li img {
	position:relative;
	cursor:pointer;
	}
.pika_main img {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	}
.pika_main{position: relative;margin:0 auto;}
.pikachoose li{float:left;position:relative;overflow:hidden;list-style:none;}
.pika_play {
	position:absolute;
	top:10px;
	display: block !important;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding: 10px;
	background: #FFF;
	right:20px;
	z-index: 1;
	}
.pika_play a{position:relative;margin-left:auto;cursor:pointer;}
.pika_play img{border:none !important;}
.pika_caption{width:100%;height:30px;text-align:center;}
.pika_navigation{padding: 20px 5px 0 5px;clear:both;text-align:center;float: left; width: 235px;}