/*
Theme Name: Tiffany Brown
Description: Custom theme developed by Chris Molitor and designed by Greg Lutze.
Author: Chris Molitor
Author URI: http://themolitor.com/
Version: 1.0
*/

.form-allowed-tags {clear:left;}

* {padding: 0; margin: 0; line-height: 1.5em; outline: none;}

a.socialItem {display: block; margin-bottom: 10px;}

.socialItem > img {
    vertical-align: middle;
}

/* -----BODY STUFF----- */
body {font-family:'Arial', Sans-Serif; color:#333; background: #fff;}

body.page-id-2829 #main {
	max-width: 690px;
	width: 100%;
}

#bgimg {
	position:absolute;
	z-index: -1;
	display: none;
}

#backFill {
	position: absolute;
	z-index: -1;
	left: 40px;
	right: 40px;
	top: 0;
	bottom: 0;
	height: 100%;
	width: auto;
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
	background-attachment: scroll;
	display: none;
}

/* -----A TAG STUFF----- */
a {text-decoration:none;  color: #690751;}
a:hover {text-decoration:none;}

p {font-size: 12px;}

/* -----H TAG STUFF----- */
h1,h2,h3, h4, h5, h6 {color: #690751; font-weight: normal; text-transform: uppercase; font-size: 110%; font-family: "proxima-nova-1","proxima-nova-2"; line-height: 1em;}
h1,h1 a,h1 a:visited,
h2,h2 a,h2 a:visited,
h3,h3 a,h3 a:visited,
h4,h4 a,h4 a:visited,
h5,h5 a,h5 a:visited,
h6,h6 a,h6 a:visited {text-decoration:none;}
h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover,
h5 a:hover,
h6 a:hover {color: #9e0c7a;}

.smallTitle {font-size: 12px; margin-top: 15px;}

.entrytitle {margin-bottom: 15px;}


a#logo {position: relative; top: 40px; left: 40px; z-index: 1; display: inline-block; overflow: hidden;}
a#logo:hover {text-decoration: none;}
a#logo img {
	max-width: 100%;
	height: auto;
	display: inline-block;
}

/* -----MAIN CONTENT STUFF----- */
#content {
	padding: 30px 38px 70px;
	max-width: 932px;
	
	max-width: 1500px;
}
#main {
	max-width: 688px; 
	float: left;
	
	max-width: 75%;
}

/*------HOME PAGE STUFF--------*/
body.home {overflow: hidden; width: 100%; height: 100%;}
body.home #main,
body.home #content {width: 100%; padding: 0;}
body.home #sidebar {display: none;}


/*------ABOUT PAGE STUFF-------*/
body.page-template-about-php #main {max-width:100%;}
body.page-template-about-php #sidebar {display: none;}

.fadein { position:relative; width:220px; height:307px; overflow: hidden; float: left; margin-right: 10px;}
.fadein img { position:absolute; left:0; top:0; }

/*------PROMO PAGE---------*/
body.page-template-promo-php #content {padding: 30px 0 70px 38px; width: 1200px;}
body.page-template-promo-php #main {width: 100%; padding:0;}
body.page-template-promo-php #sidebar {display: none;}
body.page-template-promo-php form.wpcf7-form {width: 100%;}

#intro {width: 250px; float: left; margin-bottom: 20px;}
#intro h2 {margin-bottom: 15px; font-size: 16px;}
#intro p {line-height: 1.5em;}

#formFields {width: 250px; clear: left; position: relative;}
#formFields h3 { margin-bottom: 10px;}
#formFields input[type="text"],
#formFields input[type="email"] {width: 155px; float: right; margin-bottom: 5px;}
#formFields label {float: left; clear: left; margin-bottom: 5px; line-height: 30px;}
#formFields input[type="submit"] {clear: left; margin: 0;}
#formFields #required {font-size: 11px; clear: left; margin-top: 50px;}
#formFields .wpcf7-checkbox {clear: left; float: left; width: 100%; margin-bottom: 20px;}

#imageOptions {width: 925px; float: right;}
#promoImgs > span {display: block; height: 50px; width: 295px; float: left; margin: 0; padding: 212px 0 0; margin: 0 5px 0; background: url(images/ajax-loader.gif) no-repeat center 60px; position: relative;}
.imageOption {width: 295px; height: 195px; display: block; background: blue;}

div.wpcf7 .ajax-loader {position: absolute; width: 16px; right: 75px; top: 125px;}

/*------PORTFOLIO PAGER STUFF--------*/
#portTitle {width: 400px; position: fixed; bottom: 12px; left: 85px; font-size: 12px; color: #888; z-index: 30000;}
a#viewThumbs {display: block; width: 30px; height: 14px; background: url(images/view_thumbs.png) no-repeat left bottom; text-indent: -999px; overflow: hidden; position: fixed; left: 40px; bottom: 15px; z-index: 30000;}

body.portfolioPost {overflow: hidden;}

body.category-portfolio #content {max-width:100%;}
body.category-portfolio #main {max-width:100%;}
body.category-portfolio #sidebar {display: none;}

a.portfolioLink {display: block; margin: 0; padding: 0; float: left;}
.portfolioLink img {display: block;}

div#prevPost a,
div#nextPost a { 
	display: block; 
	height: 100%; 
	width: 300px;  
	position: absolute; 
	top: 0; 
	margin: -40px 0 0; 
	z-index: 100;
}
div#nextPost a {left: 0px;}
div#prevPost a {right: 0px;}
div#nextPost a.show {background: url(scripts/r.png) no-repeat 50px 55%;}
div#prevPost a.show {background: url(scripts/l.png) no-repeat 170px 55%;}



/*------PROJECTS STUFF--------*/

.project-entry {
    margin-bottom: 5px;
    max-height: 320px;
    overflow: hidden;
    position: relative;
    width: 100%;
    -webkit-transition:max-height 0.30s ease-in-out;
    -moz-transition:max-height 0.30s ease-in-out;   	  
 	-o-transition:max-height 0.30s ease-in-out;   	
    transition:max-height 0.30s ease-in-out;  
}
.project-entry.open-project {
	max-height: 10000px;
}
.project-entry p {
	margin: 0 0 1em;
}

/*--project WRAPPER--*/
.project-wrapper {
	position: relative;
}
.project-wrapper:after {
	position: absolute;
	content: '';
	display: block;
	width: 100%;
	left: 0;
	bottom: 0;
	height: 80%;
	background: #ffffff;
	background: -webkit-linear-gradient(rgba(255,255,255,0), #ffffff);
  	background: -moz-linear-gradient(rgba(255,255,255,0), #ffffff);
  	background: -o-linear-gradient(rgba(255,255,255,0), #ffffff);
  	background: linear-gradient(rgba(255,255,255,0), #ffffff);
  	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='rgba(255,255,255,0)', endColorstr='#ffffff');
}
body.category-projects .post:hover .project-wrapper:after,
body.category-video .post:hover .project-wrapper:after {
	background: #fafafa;
	background: -webkit-linear-gradient(rgba(255,255,255,0), #F2F2F2);
  	background: -moz-linear-gradient(rgba(255,255,255,0), #F2F2F2);
  	background: -o-linear-gradient(rgba(255,255,255,0), #F2F2F2);
  	background: linear-gradient(rgba(255,255,255,0), #F2F2F2);
  	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='rgba(255,255,255,0)', endColorstr='#fafafa');
}
.project-wrapper.open-wrapper:after {
	display: none;
}

/*--TOGGLE BUTTON STUFF--*/
.toggle-project {
	display: inline-block;
    position: absolute;
    top: 100%;
    right: 0;
    z-index: 2;
    margin-top: 10px;
    text-align: center;
    line-height: 1em;
    font-size: 150%;
    color: #690751;
}
.toggle-project.toggle-on,
.toggle-project.toggle-on:hover,
.toggle-project:hover {
	color: #690751;
}
.toggle-project.toggle-on {
	top: 100%;
}
.toggle-project:before {
	content: '+';
	display: inline-block;
	line-height: 1em;
	-webkit-transition:-webkit-transform 0.30s linear; 
	-moz-transition:transform 0.30s linear;   	 
 	-o-transition:transform 0.30s linear;   	
    transition:transform 0.30s linear;   
}
.toggle-project.toggle-on:before {
	-webkit-transform:rotate(135deg);
	-ms-transform:rotate(135deg);
	transform:rotate(135deg);
}
.toggle-project:after {
	content: '';
	position: absolute;
	display: block;
	width: 0;
	height: 0;
	z-index: 0;
	margin: 0;
	top: 50%;
	left: 50%;
	background: rgba(0,0,0,.05);
	border-radius: 50%;
	-webkit-transition:width 0.30s ease-in-out, height 0.30s ease-in-out, margin 0.30s ease-in-out;
    -moz-transition:width 0.30s ease-in-out, height 0.30s ease-in-out, margin 0.30s ease-in-out;   	  
 	-o-transition:width 0.30s ease-in-out, height 0.30s ease-in-out, margin 0.30s ease-in-out;   	
    transition:width 0.30s ease-in-out, height 0.30s ease-in-out, margin 0.30s ease-in-out; 
}
.toggle-project:hover:after {
	width: 30px;
	height: 30px;
	margin: -15px 0 0 -15px;
}

body.category-projects #content,
body.category-video #content,
body.photoPost #content {
	width:auto;
	max-width: 100%;
}
body.category-projects #main, 
body.photoPost #main {
    float: none;
    max-width: 100%;
}
body.category-projects #sidebar {
	display: none;
}


body.category-projects .post {width:210px; float: left; padding: 12px; margin-bottom: 20px; min-height: 525px;}
.hoverMe {background: #f2f2f2;}

a.portfolioLink {display: block; margin: 0; padding: 0; float: left;}

#galleria {
	width: 900px; 
	height: 600px; 
	margin: 0 auto; 
	overflow: hidden; 
	display: none;

	max-width: 100%;
}

.galleria-container {background: #fff !important;}

.galleria-images img {
	max-height: 100%;
    max-width: 100%;
}

.galleria-carousel .galleria-thumb-nav-left, .galleria-carousel .galleria-thumb-nav-right {background-color: #e5e5e5;}

.galleria-image-nav-right {background-image: url(scripts/l.png); background-repeat: no-repeat; background-position: center center; width: 81px;}
.galleria-image-nav-left {background-image: url(scripts/r.png); background-repeat: no-repeat; background-position: center center; width: 81px;}

.galleria-thumbnails .galleria-image {background-color: #fff; border-color: #fff;}



.galleria-image-nav-left, .galleria-image-nav-right {opacity:0.2;}

/*------VIDEO STUFF--------*/
body.category-video #content {width:auto;}
body.category-video #main {max-width:100%;}
body.category-video #sidebar {display: none;}

body.category-video .post {width:210px; float: left; padding: 12px; margin-bottom: 20px; min-height: 525px;}
.hoverMe {background: #f2f2f2;}

a.portfolioLink {
	display: inline-block; 
	margin: 0; 
	padding: 0; 
	float: left;
	height: 100px;
	overflow: hidden;
}

/*-------HEADER----------*/
body.home #header {z-index: 100; position: absolute; left: 0; top: 0;}
#header {width: 100%; height: 100px; background: #fff;}

/*-------FOOTER----------*/
#footer {width: 100%; padding:0px; min-height: 40px; background: #e5e5e5; margin: 0; position: fixed; left: 0px; bottom: 0px; z-index: 20000;}
#footer p {font-size: 10px; margin: 0 40px; padding: 0;  line-height: 45px; text-align: right; text-transform: uppercase;}

a.footSocial img {margin: 0 0 -4px 0;}

/*-------MAIN NAVIGATION STUFF--------*/
#navigation { width: 960px; position: absolute; z-index: 900; top:45px; right: 40px; height: 40px;}

#dropmenu {
	list-style:none; 
	position:absolute; 
	z-index: 1000; 
	right:0; 
	top: 0;
	height: 35px;
	line-height: 35px;
	padding: 0 5px;
}
#dropmenu li:first-child {color: #B557AB;}
#dropmenu li {list-style:none;   position:relative; float: left; line-height: 35px;}
li#menuLink,
#dropmenu li a { display: block; line-height: 35px; color: #666; font-size: 14px; padding: 0 15px; font-family: "proxima-nova-1","proxima-nova-2";}
#dropmenu li a:hover {text-decoration: none; color: #690751;}
#dropmenu li ul {list-style:none; display:none; position:absolute; width:190px; z-index:3000; top:35px; right: -1px; background: #fff; border: 1px solid #ccc;}
#dropmenu li ul li {position:relative;}
#dropmenu li ul li a {line-height: 30px; width: 160px; font-size: 12px;}
#dropmenu li ul li a span {line-height: 30px;}
#dropmenu li ul li a:hover {background: #e5e5e5;}
#dropmenu li ul li ul {position:absolute;top:-1px; left:190px;}
#dropmenu li:hover ul ul, 
#dropmenu li:hover ul ul ul, 
#dropmenu li:hover ul ul ul ul {display:none;}
#dropmenu li:hover ul, 
#dropmenu li li:hover ul, 
#dropmenu li li li:hover ul, 
#dropmenu li li li li:hover ul {display:block;}
#dropmenu li.current-menu-item a,
#dropmenu li.current_page_item > a,  
#dropmenu li.current-post-ancestor > a,
#dropmenu li.current-category-ancestor a {color: #690751;}


/* ----TOOL TIP STYLE----- */
.itooltip {
	display:none; 
	font-size: 12px; 
	color: #fff; 
	z-index: 10000000; 
	position:absolute; 
	background: #000; 
	padding: 5px 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px; 
	-moz-border-radius-topleft: 0;
	-webkit-border-radius-top-left: 0;
	border-radius-topleft: 0; 
	border:1px solid #fff;
}

/* -----POST AND ENTRY STUFF----- */
.listing .post {margin: 15px 0 0;}
.listing .post:first-child {margin: 0;}
h2.posttitle {border-bottom: 1px solid #e1ddd8; padding-bottom: 10px; margin-bottom: 10px; font-size: 16px;}
.entry{font-size: 12px;}
.entry h2 {margin-bottom: 8px;}
.entry ol,.entry ul {margin:0 0 15px 25px; padding: 0; font-size: 12px;}
.entry li {padding:0 0 0 5px; list-style-position:outside; line-height: 1.5em;}
.entry p {margin: 0 0 15px;}
.details {font-size: 12px;  margin-bottom: 35px;}

body.category .post p {padding-top: 7px;}

#blognav {font-size: 12px;}

div.metaStuff {background: #f2f2f2; padding: 12px; margin:15px 0 37px;}

div.thirds {width: 210px; float: left; margin-left: 24px;}

/*--- POST THUMBNAIL STUFF ---*/
div.post a.thumb {float: left; display: block;  margin:0 10px 10px 0;}

/*-------BLOG PAGE NAVIGATION STUFF----------*/
.navigation {float:left; font-size:14px; width: 100%;}
.navigation .pagenav a {display: block;}
.navigation .pagenav a:hover {text-decoration: underline;}

/*-----SIDEBAR STUFF----*/
#sidebar {
	width: 220px;
	float: right;
	
	width: 20%;
}
#sidebar ul li.widget {list-style: none; margin: 0 0 20px; padding: 0 0 20px; font-size: 12px; border-bottom: 1px solid #f2f2f2;}
#sidebar ul li.widget h2.widgettitle {color: #333333; margin-bottom: 15px;}
#sidebar ul li.widget ul li {list-style-type:disc; list-style-position: inside;}
#sidebar ul li.widget ul li ul li {padding: 0 0 0 15px; list-style-type:disc; list-style-position: inside;}


/* -----COMMENT STUFF----- */
#commentsection {max-width:454px; font-size: 12px;}
.commentlist {width: 100%; list-style:none; }
h3.comments {margin:40px auto 20px;}
.commentlist li,#commentform input,#commentform textarea {font:.9em 'Lucida Grande', Verdana, Arial, Sans-Serif;}
.commentlist li:first-child {border: none;}
.commentlist li {font-weight:bold;list-style:none; padding:20px 0 15px; font-size:12px; border-top: 1px solid #eee;}
.commentlist li img.avatar {float:left;margin-right:15px;}
.commentlist cite,.commentlist cite a {font-weight:bold;font-style:normal;}
.commentlist p {font-weight:normal; text-transform:none;margin:10px 5px 10px 97px; font-size: 12px;}
.commentlist .pingback p {margin:10px 5px 10px;}
#commentform p {margin:5px 0;}
.commentmetadata {font-weight:normal;display:block; font-size:10px; color:#333; padding:3px 0 0; text-transform:uppercase;}
cite.fn {text-transform:uppercase;}
.commentlist {text-align:justify;padding:0 0 40px;}
.nocomments {text-align:center;}

/*---FORM STUFF---*/
form.wpcf7-form {width: 455px; margin-right: 35px; float: left;}
form.wpcf7-form p,
form#commentform p {line-height: 30px; min-height: 30px;}

input[type="text"],
input[type="password"],
input[type="email"] {padding: 5px; max-width: 90%; width:285px; margin:5px 0 0 0; border: none; background: #f2f2f2; float: right;}

textarea {padding: 4px; max-width:90%; width: 285px; font-family: Arial; font-size: 12px; margin: 5px 0; border: none; background: #f2f2f2; float: right;}

#commentform input[type="submit"], 
input[type="submit"] {
	background: #690751; 
	color: #fff; 
	text-transform: uppercase;
	font-size: 14px;
	clear: both;
	border:none;
	cursor: pointer;
	padding: 3px 8px !important; 
	float: right;
	margin-top: 15px;
	font-family: "proxima-nova-1","proxima-nova-2";
}
#commentform input[type="submit"]:hover, 
input[type="submit"]:hover {background: #222;}

#sidebar #searchform {padding: 0 0 10px; height: 25px;}
#sidebar input, 
#sidebar textarea {padding:6px 5px; width: 76%; float: left; margin: 0;}
#sidebar input[type="submit"]{cursor:pointer; width: auto; display: inline-block; float: right; margin: 0; padding: 3px; clear: none; /*THIS IS AN IE7 FIX --> */zoom: 1;*display:inline;}

fieldset {border: none !important; background: none !important; margin: 0px !important; padding: 0px !important;}
fieldset label {font-weight: normal !important;  font-family: "proxima-nova-1","proxima-nova-2";}
#mc-embedded-subscribe {margin: 0px !important;}
.mc-field-group {margin: 0 0 10px !important;}
.indicate-required {display: none;}
.mce_inline_error {color: red;}

/* -----UNIVERSAL STUFF----- */
.form-allowed-tags {display: none;}
code {font:1.1em 'Courier New', Courier, Fixed;}
acronym,abbr,span.caps {font-size:.9em;letter-spacing:.07em;cursor:help;}
p img {max-width:100%; height: auto;}
img.centered {display:block;margin:0 auto;}
img.alignright {display:inline;margin:0 0 10px 10px;}
img.alignleft {display:inline;margin:0 10px 10px 0;}
.alignright {float:right;}
.alignleft {float:left;}
acronym.abbr {border-bottom:1px dashed #999;}
blockquote {padding-left:20px;margin:15px;}
blockquote cite {display:block;margin:5px 0 0;}
.center {text-align:center;}
hr {display:none;}
a img {border:none; max-width: 100%; height: auto;}
img#wpstats {width:0;height:0;border:none;overflow:hidden;}
#hideme {visibility:hidden;}
.hidden {visibility: hidden; display: none;}
.rssSummary {padding-bottom:15px;}
.clear {clear: both;}
p.clear {height:1px; width:1px; }
.hide {display: none;} 
small {font-size: .7em;}

/* -----CALENDAR STUFF----- */
#wp-calendar {empty-cells:show;width:100%;margin:10px auto 0;}
#wp-calendar #prev a,#wp-calendar #next a {font-size:9pt;}
#wp-calendar #next a {padding-right:10px;text-align:right;}
#wp-calendar #prev a {padding-left:10px;text-align:left;}
#wp-calendar a {text-decoration:none;display:block;}
#wp-calendar caption {font:bold 1.3em 'Lucida Grande', Verdana, Arial, Sans-Serif;text-align:center;width:100%;}
#wp-calendar th {font-style:normal;text-transform:capitalize;}
#wp-calendar td {text-align:center;padding:3px 0;}
#wp-calendar td.pad:hover {background-color:#fff;}