/*  
Theme Name: Cohen - 2nd birthday
Theme URI: http://cohenross.com
Description: RSVP site, full image background rotation, 50% opacity
Version: 2.0
Author: Christian Ross
Author URI: http://christianross.net
*/



/* My layout */
* { 
    margin: 0; 
    padding: 0; 
}

html, body, #bg, #bg table, #bg td, #cont {
    height:100%;
    width:100%;
    overflow:hidden;
    color:#FFF;
}

#bg div {
    height:200%;
    left:-50%;
    position:absolute;
    top:-50%;
    width:200%;
}

#bg td {
    text-align:center;
    vertical-align:middle;
}

#bg img {
    margin:0 auto;
    min-height:50%;
    min-width:50%;
}

#cont {
    position:absolute;
    top:0;left:0;
    z-index:70;
    overflow:auto;
}

.box { 
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 10%;
    margin-right: 0; 
    width: 500px;
    padding: 50px;
    background: black; 
    padding-bottom:100px;
    font: 15px/2.8 "Helvetica Neue", Arial, Helvetica, sans-serif;
	background: url(http://www.cohenross.com/wp-content/themes/birthday2/images/box-bg.png) 0 0 repeat;

}

#focus-stealer      { position: absolute; left: -9999px; }



h1 { padding:0; margin:0 0 -40px 0; font-size: 2.2em; font-family: Georgia, Times, "Times New Roman", serif; }
h2 { padding:0; margin:-10px 0 5px 0; font-size: 1.4em; font-family: Georgia, Times, "Times New Roman", serif; }
h3 { padding:0; margin:-30px 0 5px 0; font-size: 1.1em; font-family: Georgia, Times, "Times New Roman", serif; }

p { padding-top:30px; }

a		  { color:#FFF200; padding:3px; text-decoration:none; }
a:link	  { color:#FFF200; padding:3px; text-decoration:none; }
a:visited { color:#FFF200; padding:3px; text-decoration:none; }
a:hover	  { color:#000; background:#FF0; padding:3px; text-decoration:none; }

.gray { color:#999; margin-bottom:-10px; }
.date { margin-top:20px; }


abbr, acronym
{
border-bottom: .1em dotted #FF0;
}



/*************************************
 +Entry
 *************************************/
.entry{
	margin-bottom:0;
}

.entrymeta{
	font-size:0.9em;
}


/*************************************
 +Comments
 *************************************/
 
 
.boxLoggedIn { min-height: 360px; }
.boxLoggedOut { min-height: 620px; }
 
 
.commentsblock{
	margin:0;
	padding:0;
    width:400px;
}
.commentsblock textarea{
	width:300px;
	background-color:#333;
}
.commentsblock input, .commentsblock textarea{
	border:1px solid #777;
	font-size:1.1em;
    background-color:#333;
    color:#e1e1e1;
}
.commentsblock textarea:focus{
	background:#333;
	border:1px solid #a1a1a1;
}
.commentsblock textarea:focus, .commentsblock input:focus{
	background:#333;
	border:1px solid #a1a1a1;
}
.commentauthor{
	font-size:1.2em;
    font-weight:bold;
}
.commentauthor2{
	font-size:1.2em;
	font-weight:bold;
	color:#000;
}
.commentauthor3{
	font-weight:bold;
	font-size:1.2em;
    color:#000;
    float:left;
    width:250px;
    line-height:1em;
    padding-top:5px;
}

.dadgift{
	color:#666;
    font-weight:bold;
    font-size:1.0em;
}
ol.commentlist{
    color:#333;
	font-size:1.0em;
	list-style-type:none;
	margin:0;
	margin-top:1.5em;
	padding:0;
	width:400px;
	font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
}
.commentlist li{
	margin-bottom:0.5em;
	padding:0.5em 1em;
	background-color:#FFF200;
    color:#333;
    width:470px;
}
.alt{
	color:#333;
	background-color:#FFF;

}

.commentlist a { color:#333; }
.commentlist p { color:#333; margin:-10px 0 0 0; padding:0; }

.date2	{ 
	float:right; 
	width:100px;
	text-align:right;
	padding-top:1px;
}



hr { margin-bottom:20px; height:1px; background-color:#999; border:none; }

h3#comments{
font-size:1.3em;
display:block;
wrap:no-wrap;
}

.clear { clear:both; height:20px; }
.clear2 { clear:both; }





.formcontainer {width:400px;}

.formcontent{
    padding:0;
    width:400px;
    float:left;
}
.formrow{
    background-color:none;
    display:block;
    min-height:32px;
    font-size: 0.8em;
}
.formleft{
    width:400px;
    float:left;
    padding:7px 0px 0px 7px;
    min-height:24px;
    text-align:left;
    font-size:1.1em;
}
.formright{
    width:400px;
    float:left;
    padding: 0 5px 5px;
    min-height:24px;
    vertical-align:middle;
}
.formcombined{
	width:400px;
	float:left;
	padding:5px;
	margin-right:128px;
	min-height:24px;
	text-align:left;

}
.formclear{
    float:none;
    clear:both;
    height:0px;
}


input,select,textarea{
  color: #eee;
  background-color: #5e7680;  
}
input[type="submit"],
input[type="button"],
button{
	
  color: #fff;
  position: relative;
  overflow: hidden;
  padding: 10px 15px;
  text-transform: uppercase;
  cursor: pointer;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
	background-color: #222;
	border-top: 1px solid #FF0;
	border-left: 1px solid #FF0;
	border-bottom: 1px solid #FF0;
	border-right: 1px solid #FF0;
	font: bold 12px/.05em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;

	
}
input[type="submit"]:hover,
input[type="button"]:hover,
button:hover{
  padding: 10px 15px;
  color: #FF0;
}
input[type="submit"]:active,
input[type="button"]:active,
button:active{
  padding: 10px 15px;
}

input[type="text"],
input[type="password"],
textarea,
select{
  font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
  background: #FFF;
  color: #000;
  padding: 5px;
  border: 1px solid #4e626b;
  font-size: 1.1em;
	
}

/*****************
Livevalidation
*****************/
.LV_valid {
    color:#fff;
    font-size:.9em;
    padding-left:10px;
}
	
.LV_invalid {
    color:#FF0;
    font-size:.9em;
    padding-left:10px;
}
	
.LV_validation_message{

    font-weight:bold;
    margin:0;
    font-size:.9em;
    padding-left:10px;
}