/*
Theme Name:		Picture In Me
Theme URI: 		http://www.pictureinme.com/
Version: 		1.2
Description:	Custom designed theme for Pictureinme.com 
Author: 			Red Balloon Creative Ltd. <strong>WE ARE RED BALLOON.</strong>
Author URI:		http://www.redballooncreative.com
Tags:				Gallery, Black

Copyright 2009 Red Balloon Creative Ltd <http://www.redballooncreative.com> All rights reserved.

*/

/* WE ARE RED BALLOON. */

/* resets and standards */
	*, body {margin:0;padding:0;} 
	html, body, #wrap {height: 100%;}
	body > #wrap {height: auto; min-height: 100%;}
	
/** clearfix */
	.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
	.clearfix {display: inline-block;} /* Hides from IE-mac \*/ * html .clearfix { height: 1%;} .clearfix {display: block;} /* End hide from IE-mac */
	
/** Clears header (from Paramore|Redd) */
	.float-cleared{ clear: both; height: 0; font-size: 0; } /* use sparingly */ 
	.float-clear:after{ content: "."; clear: both; display: block; height: 0; font-size: 0; visibility: hidden;}
	
/* Body and Wrap */

	body { background:#232323;}
	#wrap { margin:0px auto;}
	
	
/* Base Typography */

	body { font-family: Verdana, Arial, sans-serif; color:#272727; line-height:1.1em; padding-top:10px; }
	
	h1, h2, h3, h4, h1 a, h2 a, h3 a, h4 a { color:#e4e4e4; text-decoration:none; margin-bottom:0.7em;}
	h1.logo {font-size:1.38em; margin-bottom:0;}
	h1 {font-size:1.25em;}
	h2 {font-size:0.88em;}
	h3 {font-size:0.88em; color:#e4e4e4; background:url(images/arrow.png) left no-repeat #2e2e2e; padding:7px 0px; line-height:1em; text-indent:25px; display:block; height:auto; font-weight:normal;}
	
	.slideshowlink a { background:url(images/arrow.png) left no-repeat; padding:0px 0px 0px 22px;  text-indent:10px;}
			
	p, li { font-size: 0.69em;}
	p, ul { margin-bottom:1.25em;}
	ul, ol, li {list-style-position:inside; }
	entry p { margin:25px;}

	.no-margin {margin-bottom:0;}
	.half-margin {margin-bottom:0.7em}
	.margin {margin-bottom:1.4em;}
	
	a { text-decoration:none; color:#2e2e2e; }
	p a {color:#000;}
	a:link {text-decoration:none;}
	a:visited { }
	a:hover {text-decoration:underline;}
	a:active { }
	
	blockquote {border:1px solid #561275; background-color:#f2f3f4; padding:10px 10px 0px 10px; margin-bottom:1.25em;}
	blockquote p { font-style:italic; color:#2e2e2e; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; margin-bottom:0.65em;}
	p.cite { font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; color:#2e2e2e; font-size:0.81em; text-indent:1.25em; font-weight:bold; font-style:normal;}
	p.cite span {}
	
/** Header **/
	
	#header {width:958px; clear:both; height:auto; /**/ margin:0px auto; margin-bottom:10px; background:#111; border:1px solid #404040; border-top:#747474 1px solid;  border-bottom:1px solid #4c4c4c; -webkit-border-radius:5px 5px 0px 0px; -moz-border-radius:5px 5px 0px 0px; padding-bottom:20px;}
	h1.logo a {float:left; display:block; width:284px; height:80px; background:url(images/logo.gif) no-repeat; margin-bottom:5px; text-indent:-9999px;}
	#header-meta {width:938px; padding:20px; padding-top:0px; color:#cecece; font-weight:bold;}
	#header-meta a {color:#cecece; font-weight:bold;}
	#header-meta ul {float:right; margin-right:20px; padding-top:30px;}
	#header-meta li {display:inline-block; float:left; list-style-type:none; text-indent:20px; margin-left:10px;}
	
	.phone {background:no-repeat left url(images/phone.png);}
	.mail {background:no-repeat left url(images/mail.png);}
	.web {background:no-repeat left url(images/globe.png);}
	
	#nav {width:918px; text-transform:uppercase; background:#cecece url(images/nav-bg.png) repeat-x; float:left; display:block; margin-left:20px;  border:1px solid #9e9e9e; border-top:#e6e6e6; border-left:0px; border-right:#9e9e9e;}
	#nav ul {list-style-type:none; float:left; margin-bottom:0; list-style-position:inside; border-right:1px solid #e6e6e6;}		
	#nav li {float:left;}
	#nav li a {display:block; height:20px; padding:7px 15px 3px 15px;  border-left:1px solid #e6e6e6; border-right:#9e9e9e 1px solid; margin:0;}
	#nav li.nav-first {border-left:0px;}


	
/** Main and Title **/

	#main {margin:0px auto; width:960px; padding:0; margin-bottom:0; padding-bottom:60px; }  /* must be same height as the footer */
	
	
/* Content **/

	#content, #content-stretch {}
	#content {width:640px;   }
	#content-stretch {width:920px; background:#111; padding:20px; padding-bottom:0px; float:left; margin-bottom:10px;}
	
	.gallery { -webkit-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; }
	.entries { border-top:1px solid #747474; border-bottom:1px solid #4c4c4c;}
	.showcase { height:270px;}
		
	/* Slideshow on front page */
	.sshow {float:left;} 
	.slideshow {/*background-color:#fff;*/ border:0px solid #A9A9A9; padding:10px; padding-left:13px; padding-right:0px;	}
	
/* entry */

	.entry, .entry-stretch, #respond { margin-bottom:20px; background:#e4e4e4;}
	.entry { width:450px; }
	.entry-stretch, #respond { width:920px; }
	.entry p {margin:10px 25px; text-align:justify;}
	
	.left {float:left;}
	.right {float:right;}
	
/* Comments */

	ol.commentlist {padding-bottom:5px; padding-top:5px;}
	.commentlist li {list-style-type:none; background-color:#eee; }
	
	.commentlist, #commentform {margin:10px 25px;}
	#commentform {width:890px;}
	#commentform p {float:left;}
	#commentform p label {float:left; text-align:right; line-height:14px;}
	
	#commentform input, #commentform textarea, .wpcf7-form-control-wrap input, .wpcf7-form-control-wrap textarea  { font-family: 'Trebuchet MS', Verdana, Sans-Serif; color:#003366; font-size:14px; padding:3px 3px;}
	
	#commentform #author, #commentform #email {margin-right:20px;}
	#commentform #author, #commentform #email, #commentform #url {margin-left:5px;  border:1px solid #999;}
	
	.comment-meta { color:#2e2e2e; padding-left:10px; padding-top:5px; border-top:1px solid #fff;}
	
	.comment-body { border-bottom:1px solid #999; margin-bottom:10px; padding-left:10px; }
	.comment-body p {margin-bottom:0.62em; font-size:1.25em; color:#111;}
	
	#comment {height:70px; width:860px;}
	#url, #author, #email {width:192px;}
			
/* Footer */
	
	#footer {position: relative; clear:both; height: 60px; margin-top: -60px; /* negative value of footer height */ } 
	#footerwrap p, #footerwrap a {color:#cecece;}
	#footerwrap {margin:0px auto; background:#111; width:920px; height:40px; padding:10px 20px; }
	
	.footer-left {float:left;}
	.footer-left p a {font-weight:bold;}
	
	#foot-nav {width:auto; float:right; }
	#foot-nav ul, #foot-nav li {list-style-type:none; height:auto;}		
	#foot-nav li {float:left; line-height:1.4em; color:#777; }		
	#foot-nav li a {display:block; padding:0 7px 0 7px;  border-right:1px solid #2e2e2e;}	
	#foot-nav li.final a{border-right:0px solid #b6b6b6; padding-right:0; }		
	
	
/* Contact Form */
	
	.wpcf7-form {margin-left:25px; margin-bottom:10px;}
	.wpcf7-form-control-wrap input, .wpcf7-form-control-wrap textarea {width:460px; border:1px solid #999;}
	.submit {margin-bottom:10px;}	 
	
	#mask {position:absolute; left:0; top:0; z-index:9000; background-color:#000;display:none;}
	#boxes .window {position:absolute;left:0;top:0;width:600px;height:600px;display:none;z-index:9999;padding:20px;}
	#boxes #contact {width:400px; height:auto; padding:0px 0px; background-color:#2e2e2e; border:10px solid #f5f5f5;}
	
	#closebox {position:absolute; top:15px; right:10px; }
	#contact .close { padding:5px; -webkit-border-radius: 25px; -moz-border-radius:25px; background-color: #a592a6; margin: auto; font-size:12px; font-weight:bold;}
	#contact .close:hover { background-color: #25b74b; text-decoration:none;}
	
	#contact p, #contact li, #contact h1, #contact h2 {color:#f5f5f5; text-align:center; margin-bottom:0; margin:0px 40px; font-weight:bold;}
	#contact ul{ margin-bottom:0.65em; border:0px;}
	#contact li { list-style-position:inside; border:0px;}
	#contact h1 {color:#a592a6;margin-bottom:0.25em; font-variant:small-caps; text-transform:lowercase; font-weight:normal; padding-top:1.25em;}
	#contact h2 {margin-bottom:0.65em;}
	#contact li a {color:#f5f5f5;}
	
	#contact-form label { float:left; margin-bottom:0em; color:#a592a6; }
	#contact-form input, #contact-form textarea { width:308px; border:1px #000 solid; padding:4px; background-color:#111; color:#f5f5f5; font-size:14px; margin-bottom:0.25em;}
	#contact-form textarea {margin-bottom:1.25em; font-family:cursive;}
	#contact-form #submit {width:auto; padding:5px; clear:both; border:1px #000 solid; background-color:#111; color:#f5f5f5; font-size:14px; font-weight:normal; font-family: Georgia, "Times New Roman", Times, serif; margin-bottom:20px;}
	
	.screen-reader, .screen-reader-text {display:none;}