/*
	  Theme Name: The Relating Game
	  Theme URI: http://therelatinggame.com/
	  Author: Jesse Rosenfield
	  Author URI: http://jesserosenfield.com/
	  Description: The Fun Way to Deeply Connect
	  Template: thematic
	  Version: 1.0
*/

@import url(reset.css);

/* General
-----------------------------------------------------------------------------*/

.clear {
	clear:both;
	display:block;
	overflow:hidden;
	visibility:hidden;
	width:0;
	height:0!important
	}

html, body {height:100%}

body {
	font-family: "helvetica neue",helvetica,monaco,lucida,terminal,monospace;
	font-size: 14px;
	background-color: #CC9900;
	line-height: 21px;
	}

a:link, a:hover, a:visited {
	color:#fff;
	font-weight: bold;
	}

a:link, a:visited {text-decoration: none}
a:hover {text-decoration: underline}

p {margin-bottom: 18px}

h1 {
	font-size: 40px;
	width: 100%;
	padding-top: 10px;
	padding-bottom: 20px;
	height: 10px;
	letter-spacing: -2px;
	position: relative;
	z-index: 100000;
	line-height: 36px;
	}

h2 {
	font-size: 16px;
	margin-bottom: 0px;
	margin-top: 9px;
	}
	
h4 {
	text-transform: uppercase;
	margin-bottom: 5px 
	}

ol {
	position: relative;
	left: 36px;
	list-style-type: decimal;
	top:-9px;
	}
	
ul {
	list-style-type: disc;
	top:-9px;
	}

/* Header
-----------------------------------------------------------------------------*/
	
#wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -220px;
	}

#footerContainer, .push {
	height: 220px;
	clear: both;
	}
	
#headerContainer {
	height: 114px;
	width: 100%;
	border-bottom: 1px solid #643a00;
	background: #220000;
	padding-top: 8px;
	}
	
#header {
	width: 859px;
	margin: 0 auto 0 auto;
	color: #cc9900;
	}
	
#headerTitle {position: relative; top: 36px}

#headerTitle span {
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 1px
	}
	
#header .menu {
	position: relative;
	z-index: 100000;
	float: right;
	color: #fff;
	font-weight: bold;
	margin-top: 11px;
	}
	
#header .menu ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	}

#header .menu ul li {
	display:inline-block;
	padding: 5px 10px 0px 10px;
	height: 29px;
	zoom:1;
	*display:inline;
	}
	
#header .menu ul .current_page_item {
	background: #cc9900;
	}

/* Content
-----------------------------------------------------------------------------*/

#contentContainer {
	width: 859px;
	margin: 40px auto 0 auto;
	min-height: 400px;
	}
	
#cards {
	width: 378px;
	float: left;
	margin-right: 27px;
	}
	
#contentLeft {
	float: left;
	width: 378px;
	min-height: 300px;
	}
	
#content {
	width: 453px;
	float: left;
	margin-bottom: 30px;
	}
	
.contentHome ul {
	position: relative;
	list-style: disc;
	left: 27px;	
	}

.contentContact {
	height: 562px;
	}
	
.contentContact input {height: 18px}

.contentContact p {
	font-size: 11px;
	font-weight: bold;
	clear: both
	}

.contentContact input, .contentContact textarea {
	border: 2px solid #bbbbbb;
	width: 329px;
	padding: 2px 0px 0px 5px;
	background: #eaeaea;
	}
	
.contentContact input:focus, .contentContact textarea:focus {
	background: #ffffff;
	border: 2px solid #220000
	}

#contactSend {
	display: block;
	width: 41px;
	height: 21px;
	display: block;
	background: #666600;
	border: 1px solid #bbbbbb;
	text-align: center;
	}	
	
#contactSend input {
	width: 34px;
	height: 13px;
	background: transparent;
	border: none;
	margin-top: 3px;
	padding: 0px 0px 0px 2px;
	color: #fff;
	text-transform: uppercase;
	}
	
#contactSend input:active {
	color: #cc9900;
	}
	
.wpcf7-captcha-captcha-46 {
	position: relative;
	top:7px;
	}
	
span.captcha-46 .wpcf7-not-valid-tip-no-ajax {
	left: 90px !important;
	}

.wpcf7-not-valid-tip-no-ajax {
	position: relative;
	float: left;
	left: 10px;
	top: -22px;
	z-index: 100000;
	color: #ff0000;
	}
	
.wpcf7-response-output {
	font-size: 12px;
	color: #ff0000;
	}
	
.wpcf7-mail-sent-ok {
	color: #009a04;
	}

/* Blog
-----------------------------------------------------------------------------*/

.thePost {
	margin-bottom: 36px;
	position: relative;
	height: 223px;
	width: 453px;
	}
	
.thePost P {
	font-size: 13px;
	}

.postExcerpt {
	width: 389px;
	float: right;
	}
	
.postTitle {
	border-bottom: 1px solid #220000;
	width: 100%;
	padding-bottom: 3px;
	margin-bottom: 12px;
	}

.postTitle h2 {
	margin-top: 0;
	font-size: 24px;
	letter-spacing: -1px;
	}

.singleContentLeft .postTitle {
	width: 292px;
	float: right;
	position: relative;
	right: 24px;
	border: none;
	}
	
.singleContentLeft .postCategories {
	position: relative;
	top: -18px;
	}
		
.singleContentLeft h1 {
	font-size: 24px; 
	position: relative;
	top: -17px;
	}
	
.postCategories {font-size: 12px}

.postDate {
	position: relative;
	top: 2px;
	margin-right: 18px;
	padding-top: 2px;
	border-top: 1px solid #220000;
	float: left;
	width: 45px;
	font-family: Baskerville, 'Palatino Linotype', Palatino, 'Times New Roman', Times, serif;
	font-size: 13px; 
	display: block;
	text-align: center;
	font-style: italic;
	}

.postMonth {
	padding-top: 4px;
	display: block;
	border-top: 1px solid #220000;
	width: 45px;
	font-size: 24px;
	}
	
.postDay {
	position: relative;
	top: -8px;
	color: #666000;
	font-weight: bold;
	font-size: 36px;
	}

.readMore {
	clear:both;
	display: block;
	text-transform: uppercase;
	background: #666000;
	font-size: 11px;
	font-weight: bold;
	color: #fff;
	width: 85px;
	text-align: center;
	margin-top: 6px;
	}

#contentLeft h1 a {color: #000}

#contentLeft h1 a:hover {text-decoration: none}
	
#contentLeft ul {
	list-style-type: none;
	}
	
.categories ul, .archiveUl ul {
	margin-top: 3px;
	border-top: 1px solid #220000;
	width: 224px;
	padding-top: 6px;
	}
	
.archiveUl {
	margin-top: 24px;
	}
	
.archiveUl b {font-size: 18px;}

.categoryLeft h1{
	min-height: 38px;
	}

/* Footer
-----------------------------------------------------------------------------*/

#footerContainer {
	background-color: #666600;
	width: 100%;
	height: 220px;
	color: #fff;
	clear: both;
	}
	
#footer {
	clear: both;
	width: 859px;
	margin: 0 auto 0 auto
	}

#footerLeft {margin-right: 27px}
	
#footerLeft, #footerRight {
	width: 416px;
	float: left;
	margin-top: 21px;
	}
	
#footerRight #signupForm, #header #signupForm {
	font-size: 12px;
	width: 200px;
	}
	
#footerRight ul {
	position: relative;
	left: 14px;
	top: 4px;
	margin-bottom: 10px;
	}

#footerRight ul li {
	font-style: italic;
	font-size: 13px;
	}
	
#footerRight ul li a {
	font-style: normal;
	font-size: 14px;
	}
	
#footerRight form, #header form {
	margin-top: 9px;
	}
	
#footerRight form .submit, #header form .submit {
	background: url(images/circleIcon.png) no-repeat center center;
	border:none;
	display: inline;
	height: 25px;
	width: 24px;
	font-weight: bold;
	color: #fff;
	font-size: 10px;
padding-top: 0;
margin-top: 0;
	}
	
#copyright {
	font-size: 11px;
	width: 100%;
	text-align: center;
	}
.cform legend {
  margin-bottom: 15px;
  font-weight: bold;
}
.cform label {
  display: block;
  clear: both;
  padding-top: 30px;
  font-weight: bold;
}
.cform input, .cform textarea {
  width: 360px;
}
.linklove {
  display: none;
}
#header #signupForm {
  display: block;
  float: right;
}
#header #signupForm form {
  margin-top: 0;
  padding-top: 0;
}
.social-icons {
  padding-top: 10px;
}
.social-icons img {
  width: 32px;
  height: 32px;
}