/*
 * simonlife index stylesheet
 * alex@simonlife.com
 */

/* =Normalize
--------------------------------------------------------------------------- */
:link,:visited {text-decoration: none;}
ul,ol {list-style: none;}
h1,h2,h3,h4,h5,h6,pre,code,p {font-size: 1em; font-weight: normal; font-style: normal;}
ul,ol,dl,li,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input {margin: 0; padding: 0;}
a img,:link img,:visited img {border: none;}

/* =Body
--------------------------------------------------------------------------- */
html,body {
	height: 100%;
}

body {
	background: #2e3661 url("./img/stripe.png") repeat-x 0px 67px;
	font: 13px/1 "Myriad Pro","Calibri","Lucida Grande",Arial,sans-serif;
	color: #fff;
	margin: -40px 0 0;
}

h1, h2, h3, h4, h5, h6 {
	font-family: "Arial Black",Arial,sans-serif;
	letter-spacing: -0.09em;
	padding: 0 0 0.5em;
}

/* =Links
--------------------------------------------------------------------------- */
a {
	color: #fff;
	text-decoration: none;
}

a:link, a:visited {
	color: #696f95;
}

a:hover, a:active, a:focus {
	color: #9aa1ca;
}

.post-body a:link, .post-body a:visited,
.page a:link, .page a:visited,
h5 a:link, h5 a:visited {
	color: #e55770;
}

.post-body a:hover, .post-body a:active, .post-body a:focus,
.page a:hover, .page a:active, .page a:focus,
h5 a:hover, h5 a:active, h5 a:focus {
	color: #ff899e;
}

.post-meta h3 a:link, .post-meta h3 a:visited {
	color: #ffce00;
}

.post-meta h3 a:hover, .post-meta h3 a:active, .post-meta h3 a:focus {
	color: #ffe161;
}

/* =Forms
--------------------------------------------------------------------------- */
fieldset {
	border: none;
}
input, textarea {
	font-family: Arial,sans-serif;
	font-size: 100%;	
	padding: 0.5em;
  -moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	background-color: #fff;
	border: none;
}
input {
	line-height: 100%;
}
textarea {
	line-height: 150%;
}

/* =Nav
--------------------------------------------------------------------------- */
#nav-menu {
	
}

#nav {
	padding: 15px 0;
}

#nav li {
	display: block;
}

#nav a {
	display: block;
	height: 40px;
	width: 270px;
	text-indent: -9999px;
}

a#navi-home:link, a#navi-home:visited {
	background: transparent url("./img/menu.png") no-repeat 0 0;
}

a#navi-home:active, a#navi-home:hover {
	background: transparent url("./img/menu.png") no-repeat -270px 0;
}

a#navi-archive:link, a#navi-archive:visited {
	background: transparent url("./img/menu.png") no-repeat 0 -40px;
}

a#navi-archive:active, a#navi-archive:hover {
	background: transparent url("./img/menu.png") no-repeat -270px -40px;
}

a#navi-about:link, a#navi-about:visited {
	background: transparent url("./img/menu.png") no-repeat 0 -80px;
}

a#navi-about:active, a#navi-about:hover {
	background: transparent url("./img/menu.png") no-repeat -270px -80px;
}

a#navi-stuff:link, a#navi-stuff:visited {
	background: transparent url("./img/menu.png") no-repeat 0 -120px;
}

a#navi-stuff:active, a#navi-stuff:hover {
	background: transparent url("./img/menu.png") no-repeat -270px -120px;
}

/* =Headings
--------------------------------------------------------------------------- */
#branding h1 {
	text-indent: -9999px;
	width: 100%;
	height: 100%;
	background: transparent url("./img/hdr.png") no-repeat 0px 0px;
}

#branding h2 {
	position: absolute;
	top: 0px;
	width: 100%;
	height: 237px;
	text-indent: -9999px;
	z-index: 2;
	background: transparent url("./img/tagline.png") no-repeat 701px 0px;
	display: none;
}



/* =Layout
--------------------------------------------------------------------------- */
#container {
	position: relative;
	width: 990px;
	min-width: 990px;
	height: auto !important;
	height: 100%;
	min-height: 100%;
	margin: 0 auto;
	padding: 0;
	background: transparent url("./img/bg-main.png") repeat-y 0px 0px;
}
#branding {
	position: absolute;
	z-index: 1;
	width: 100%;
	height: 250px;
	background: transparent url("./img/stripe-mask.png") no-repeat 100% 107px;
}
#wrap-main {
	float: right;
	position: relative;
	width: 701px;
	height: auto !important;
	height: 100%;
	min-height: 100%;
	margin: 0;
	padding: 0;
	background: transparent url("./img/bg-top.jpg") no-repeat 0px 0px;
	z-index: 0;
}
#wrap-footer {
	position: absolute;
	bottom: -40px;
	left: 289px;
	min-height: 350px;
	height: 350px;
	width: 701px;
	background: transparent url("./img/bg-bottom.jpg") no-repeat 0px 100%;
}
#wrap-content {
	padding: 230px 100px 350px 50px;
}
#wrap-nav {
	float: left;
	width: 270px;
	z-index: -1;
	padding: 0 0 100px;
	color: #bbbdc7;
}
#nav-top {
	background: #1b2043 url("./img/stripe-overlay.png") repeat-x 0px 107px;
	padding: 250px 0px 0px;
	
	-moz-border-radius-bottomleft: 8px;
	-webkit-border-bottom-left-radius: 8px;
	-khtml-border-radius-bottomleft: 8px;
	-moz-border-radius-bottomright: 8px;
	-webkit-border-bottom-right-radius: 8px;
	-khtml-border-radius-bottomright: 8px;
	behavior: url("./border-radius.htc");
}
.widget {
	padding: 24px;
	background-color: #1b2043;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	-khtml-border-radius: 8px;
	behavior: url("./border-radius.htc");
}

#wrap-nav h3 {
	font-size: 120%;
	text-align: right;
	padding: 0 0 1em;
	color: #4e5374;
}
#wrap-nav p {
	line-height: 140%;
	padding: 0 0 1em;
}
	#wrap-nav p:last-child {
		padding: 0;
	}
#wrap-nav em {
	color: #9aa1ca;
	display: inline-block;
}
.nav-info, #nav-search {
	padding: 0 24px 24px;
}
.tag-cloud a {
	margin: 0 1em 0 0;
}
.clear-both {
	clear: both;
}
.disable {
	display: none;
}
.c {
	text-align: center;
}

/* =Content
--------------------------------------------------------------------------- */
.post, #page {
	margin: 0;
	padding: 0 0 2em;
	color: #e6e6f3;
}

.post-header, #page-header {
	margin: 0;
	padding: 0 0 0.5em;
}

.post-date {
	float: left;
	display: inline;
	width: 57px;
	height: 57px;
	background: transparent url("./img/bg-date.png") no-repeat 50% 50%;
	padding: 13px 0 0 1px;
}

	.post-date-day {
		font-family: Georgia,"Times New Roman",serif;
		font-size: 25px;
		color: #fff;
		text-align: center;
		padding: 0 0 3px;
	}
	
	.post-date-mon {
		font-family: Arial,sans-serif;
		font-size: 10px;
		font-weight: bold;
		text-transform: uppercase;
		color: #fff;
		text-align: center;
	}

.post-meta {
	float: right;
	display: inline;
	width: 480px;
	padding: 14px 0px 0px;
}

.post-meta h3, #page-header h3  {
	font-size: 150%;
	color: #ffce00;
	padding: 0 0 0.4em;
}
.post-meta h3 span, #page-header h3 span {
	color: #ffe161;
}

.post-info {
	color: #9aa1ca;
	font-family: Arial,sans-serif;
	font-size: 100%;
}

.post-author {
	padding: 0 1em 0 0;
}

.post-tags {
	padding: 0 1em 0 25px;
	background: transparent url("./img/tags.png") no-repeat 0 50%;	
}

.post-comments {
	padding: 0 0 0 25px;
	background: transparent url("./img/comments.png") no-repeat 0 50%;	
}

.post-body, #page-body {
	margin: 0;
	padding: 0 0 1em;
}

.post-body p, #page-body p {
	font-size: 110%;
	line-height: 200%;
	padding: 0 0 2em;
}

.post-body ul, #page-body ul {
	padding: 0 0 2em;
}
.post-body li, #page-body li {
	padding: 0 0 0.5em;
}

.post-body strong, #page-body strong {
	color: #62d9ff;
}

.post-body em, #page-body em {
	color: #62d9ff;
}

.post-body img, #page img {
	
}

h4 {
	font-size: 120%;
	color: #e55770;
}

#page-body img, .post-body img {
	margin: 0;
	padding: 0;
	border: 1px solid #000;
}

#page-body img.photo-right, .post-body img.photo-right {
	display: block;
	float: right;
	margin: 0 0 1em 2em;
}
.wp-caption {
	padding: 0 0 1.5em;
}
p.wp-caption-text {
	color: #9aa1ca;
	font-size: 100%;
	margin: 0;
	padding: 1em 0 0;
	text-align: center;
}
img.imgexcerpt, img.imgphotograph {
	border: 5px solid #fff;
}
img.imgphotograph {
	background-color: #fff;
}
img.imgexcerpt {
	background: #fff url("./img/bg-fade.png") repeat-x 0 0;
}
/*wordpress unfortunately adds width to img divs (not their fault)*/
.aligncenter {
	text-align: center;
	margin: 0 auto;
}
div.alignright {
	display: block;
	float: right;
	margin: 0 0 0 2em;
}

blockquote {
	padding: 0 3em 0em;
	font-family: Palatino,Georgia,serif;
	font-size: 100%;
	font-style: italic;
	line-height: 160%;
	color: #7f8ad3;
}
.footnote {
	font-size: 90%;
	color: #bbbdc7;
}

/* =Comments
--------------------------------------------------------------------------- */
#comments {
	
}
#comments h4 {
	padding: 0 0 2em;
}
#comments-list {
	padding: 0 1em 1em;
}
.comment-item {
	padding: 0;
	margin: 0;
}
.comment-header {
	padding: 0;
}
.comment-number {
	float: left;
	padding: 0;
	width: 1.4em;
	font-family: Georgia,serif;
	font-size: 200%;
	color: #00c2ff;
}
.comment-meta {
	padding: 0 0 1em;
}
.comment-author {
	font-family: Arial,sans-serif;
	font-weight: bold;
	font-size: 110%;
	padding: 0.3em 0 0.5em;
}
.comment-datetime {
	
}
.comment-body {
	color: #bbbdc7;
	padding: 0 0 1em;
}

.comment-body p {
	font-size: 100%;
	line-height: 180%;
	padding: 0 0 1.5em;
}

#comment-form h5 {
	font-size: 120%;
	color: #e55770;
	padding: 0 0 2em;
}
.comment-owner {
	color: #ffce00;
}

/* =Form
--------------------------------------------------------------------------- */

.form-field label, .form-field p {
	padding: 0.5em 0 0;
	width: 140px;
	text-align: right;
	float: left;
	clear: both;
}
.form-field label {
	font-family: Arial,sans-serif;
	font-size: 110%;
	font-weight: bold;
}
.form-field p {
	line-height: 180%;
}
.form-input, .form-textarea {
	float: right;
	width: 370px;
	margin: 0 0 1.5em;
}
.form-input:focus, .form-textarea:focus {
  background-color: #ffffe0;
}
.form-textarea {
	height: 200px;
}
.form-button {
	float: right;
	cursor: pointer;
	background-color: #4e5374;
	color: #fff;
}
.form-button:hover {
  background-color: #60668a;
}
.required {
  color: #808080;
  font-style: italic;
}
#captcha {
	width: 100px;
	margin: 0 270px 1.5em 0;
}

/* =Search
--------------------------------------------------------------------------- */
#search-form {
	position: relative;
	z-index: 99;
}
#search-query {
	width: 93%;
	float: right;
}
#search-submit {
	float: right;
}

/* =Archives
--------------------------------------------------------------------------- */
#archives-list {
	padding: 0 0 2em;
	float: left;
	width: 390px;
}
	#page-archive #archives-list {
		float: none;
		width: 100%;
	}

#archives-meta {
	float: right;
	width: 130px;
	padding: 0 0 2em;
}

#archives-list p, #archives-meta {
	color: #bbbdc7;
}

#archives-list h4, #archives-meta h4 {
	font-family: Arial,sans-serif;
	font-weight: bold;
	font-size: 120%;
	color: #4e5374;
	letter-spacing: normal;
	padding: 0 0 1em;
}

#archives-list .post-header{
	padding: 0;
}

#archives-list h5 {
	font-size: 120%;
}

#archives-list .post-info {
	padding: 0 0 0.5em;
}

#archives-list .post-excerpt p {
	font-size: 100%;
	line-height: 200%;
	padding: 0;
}

#archives-list .post-footer .post-info {
	color: #4e5374;
	line-height: 200%;
}

/* =Footer
--------------------------------------------------------------------------- */
#footer {
	margin: 0;
	padding: 100px 100px 0 50px;
	
}

#footer-disclaimer {
	float: left;
	width: 210px;
}

#footer-about {
	float: right;
	width: 320px;
}

#footer-cr {
	margin: 0;
	padding: 2em 0 0;
}

#footer h2 {
	font-size: 120%;
	color: #4e5374;
}

#footer p {
	color: #bbbdc7;
	line-height: 200%;
}

#footer strong {
	color: #fff;
}

/* =flickr
--------------------------------------------------------------------------- */
#nav-flickr {
	background: #1b2043 url("./img/flickr.png") no-repeat 100% 100%;
}

#flickr-wrapper {
	margin-right: -24px;
	margin-bottom: -7px;
}

.flickr_badge_image {
	float: left;
	margin: 0 18px 18px 0;
}

.flickr_badge_image img {
	display: block;
	width: 60px;
	height: 60px;
}

.flickr_badge_image a img {
	border: 1px solid black;
}

/* =InnerPages
--------------------------------------------------------------------------- */
body#page-home {
	background-position: 0px 107px;
	margin: 0;
}

#page-home #branding h2 {
	display: inherit;
}

#page-home #wrap-content {
	padding-top: 280px;
}

#page-home #wrap-footer {
	bottom: 0;
}

/* =Badge
--------------------------------------------------------------------------- */
.badge {
	text-align: center;
	margin: 0;
	padding: 3em;
}
.badge p.badge-caption {
	font-size: 100% !important;
	font-weight: bold;
	margin: 0 !important;
	padding: 0 !important;
	line-height: normal !important;
}
.badge-keyword {
	font-weight: bold;
	font-size: 200%;
	color: #4e5374;
	padding: 0;
	margin: 0;
	line-height: 100%;
}