/*  Theme Name: Brighton Theme 
	URI: http://laurakalbag.com 
	Description: Personal theme created for my portfolio site. Please don't pinch my design! 
	Version: 0.1 
	Author: Laura Kalbag 
	Author URI: http://laurakalbag.com 
	Tags: N/A 
	
	Brighton Theme
	 http://laurakalbag.com 

	Personal site theme for laurakalbag.com

*/
/* Eric Meyer's Reset Reloaded *//* http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ */html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;vertical-align: baseline;background: transparent;}body {line-height: 1;}ol, ul {list-style: none;}blockquote, q {quotes: none;}/* remember to define focus styles! */:focus {outline: 0;}/* remember to highlight inserts somehow! */ins {text-decoration: none;}del {text-decoration: line-through;}/* tables still need 'cellspacing="0"' in the markup */table {border-collapse: collapse;border-spacing: 0;}
	html {
		background: #0A9E3E url(images/bubbles.jpg);
		font-family: "ff-tisa-web-pro-1","ff-tisa-web-pro-2", Georgia, Times, serif;
		font-size: 16px;
	}
	body {
		color: #f0ffd9;
		font-size: 1em;
		line-height: 1.5em;
		margin: 0 auto;
		width: 960px;
	}
	ul#page li#header {
		background: #293e4c url(images/wrap-bg-blue.jpg);
		border: 1px dotted #334d5f;
		display: block;
		float: left;
		margin-bottom: 12px;
		width: 960px;
	}
	ul#nav,
	h1,
	h2,
	h3,
	form legend,
	dt.posttitle,
	dt.date {
		color: #4ceb34;
		font-family: "museo-sans-1","museo-sans-2", Arial, Verdana, Tahoma, sans-serif;
		font-size: 1.5em;
		font-weight: bold;
		line-height: 1em;
		text-transform: uppercase;
	}
	a {
		border-bottom: 1px solid;
		color: #e1ff00;
		text-decoration: none;
	}
	a:hover {
		border-bottom-style: dashed;
	}
	strong {
		background-color: #40607a;
		color: #fff;
		font-weight: normal;
	}
	emphasis {
		color: #fff;
		font-style: italic;
	}
	acronym {
		border-bottom: 1px dotted;
	}
	ul#nav {
		float: left;
		margin: 12px 0 12px 0;
		width: 944px;
	}
	ul#nav li {
		display: block;
		float: left;
		margin-left: 14px;
	}
	ul#nav li a {
		background: #334d5f url(images/box-bg-blue.jpg);
		border: 1px dotted #4a6677;
		color: #4ceb34;
		display: block;
		font-size: 0.8em;
		height: 1.1em;
		padding: 14px;
		width: 192px;
	}
	ul#nav li a:hover,
	ul#nav li.current_page_item a {
		background: url(images/hover.jpg) #34d5eb;
		color: #334d5f;
	}
	h1 {
		background: #334d5f url(images/box-bg-blue.jpg);
		border: 1px dotted #4a6677;
		font-family: "adelle-1","adelle-2", Georgia, Palatino, serif;
		font-size: 5.5em;
		font-weight: bold;
		float: left;
		height: 90px;
		margin: 0 14px;
		padding: 14px;
		text-transform: none;
		width: 600px;
	}
	h1 a {
		color: #41d6eb;
		display: block;
		height: 107px;
		width: 590px;
	}
	h1 a, h1 a:hover {
		border: none;
	}
	h2 {
		background: #334d5f url(images/box-bg-blue.jpg);
		border: 1px dotted #4a6677;
		display: block;
		float: left;
		height: 1em;
		margin: 14px 14px 0 14px;
		padding: 14px;
		width: 598px;
	}
	ul.vcard {
		background: #334d5f url(images/box-bg-blue.jpg);
		border: 1px dotted #4a6677;
		display: block;
		float: right;
		margin: 0 14px 14px 0;
		width: 286px;
	}
	ul.vcard li.title {
		border: 1px dotted #4a6677;
		color: #4ceb34;
		display: block;
		font-family: "museo-sans-1","museo-sans-2", Arial, Verdana, Tahoma, sans-serif;
		font-size: 1.5em;
		font-weight: bold;
		float: left;
		line-height: 1em;
		margin: 14px;
		padding: 14px;
		text-transform: uppercase;
		width: 228px;
	}
	ul.vcard li.e-mail {
		display: none;
	}
	ul.vcard li.name,
	ul.vcard li.address {
		display: none;
	}
	ul.vcard li.prof-links {
		float: left;
		width: 138px;
	}
	ul.vcard li.prof-links ul li {
		margin-top: 0;
		width: 92px;
	}
	ul.vcard li.portrait {
		border: 1px dotted #4a6677;
		display: block;
		line-height: 1em;
		padding: 0;
		float: left;
		margin: 0 0 0 12px;
		width: 92px;
	}
	ul.vcard li.vcard-link a {
		margin-top: 0;
	}
	ul.vcard li.vcard-link a,
	ul.vcard li.pdf-link a {
		width: 92px;
	}
	ul.vcard li img.photo {
		display: block;
		margin: 0;
	}
	ul.vcard li.prof-links {
		border: 0;
		margin: 0;
		padding: 0;
	}
	ul.vcard li a {
		border: 1px dotted #4a6677;
		display: block;
		line-height: 1em;
		margin: 14px;
		padding: 14px;
		color: #34d5eb;
		word-wrap: break-word;
	}
	ul.vcard li a:hover {
		background: url(images/hover.jpg) #34d5eb;
		color: #334d5f;
	}
	div.greet-box {
		background: #334d5f url(images/box-bg-blue.jpg);
		border: 1px dotted #4a6677;
		float: left;
		margin: 14px 0 14px 14px;
		padding: 14px;
		width: 600px;
	}
	ul#page li#main {
		background: #293e4c url(images/wrap-bg-blue.jpg);
		border: 1px dotted #334d5f;
		display: block;
		padding-top: 14px;
		float: left;
		width: 960px;
	}
	div#page-post,
	div#blog-post {
		background: #334d5f url(images/box-bg-blue.jpg);
		border: 1px dotted #4a6677;
		display: block;
		float: left;
		line-height: 2em;
		margin: 0 14px 14px 14px;
		padding: 14px;
		width: 902px;
	}
	div#blog-post {
		float: left;
		margin: 0 0 14px 14px;
		padding: 14px;
		width: 600px;
	}
	div#page-post,
	div#blog-post {
		line-height: 1.5em;
	}
	div#page-post h3,
	div#blog-post h3 {
		padding: 0.5em 0;
	}
	div#page-post p,
	div#blog-post p {
		float: left;
		padding-bottom: 1em;
	}
	div#page-post p#home-intro {
		padding-bottom: 0;
	}
	div#page-post ul,
	div#blog-post ul {
		margin: 0.5em 1.5em;
	}
	div#page-post ul li,
	div#blog-post ul li {
		list-style-type: square;
	}
	div#page-post dt.work-image {
		float: left;
	}
	div#page-post dt.work-url {
		float: right;
		margin-bottom: 1em;
		width: 265px;
	}
	div#page-post dd,
	div#blog-post dd {
		float: right;
		width: 265px;
	}
	div#blog-post dt.date {
		height: auto;
		margin-right: 0;
		margin-left: 14px;
	}
	div#blog-post dt.posttitle {
		height: auto;
		width: 389px;
	}
	div#page-post dd#the-content {
		float: left;
		width: 872px;
	}
	div#blog-post dd#the-content {	
		clear: both;
		float: left;
		width: 570px;
	}
	div#page-post dd.meta,
	div#blog-post dd.meta,
	div#blog-post dd.meta-comments {
		float: left;
		margin-top: 14px;
		width: 263px;
	}
	div#blog-post dd.clearer {
		border: none;
		clear: both;
		padding: 0;
		width: 0:
	}
	div#blog-post dd.meta-comments {
		clear: none;
		margin-left: 14px;
	}
	div#blog-post dd.meta-tags {
		float: left;
		margin-top: 14px;
		width: 570px;
	}
	div#page-post dt a,
	div#page-post dd a,
	div#blog-post dt a,
	div#blog-post dd a {
		word-wrap: break-word;
		word-break: break-all;
		width: 265px;
	}
	dl.thumb-gallery {
		clear: left;
		display: block;
		padding-top: 14px;
	}
	dl.thumb-gallery dt.thumb-image {
		float: left;
		margin-right: 14px;
	}
	div#page-post dl.thumb-gallery dd {
		float: left;
		width: 100%;
	}
	div.wp-caption {
		border: 1px solid #4a6677;
		text-align: center;
		background-color: #40607a;
		padding: 13px 9px 28px 9px;
		margin: 0;
	}
	div.wp-caption a {
		border: 0;
	}
	div.wp-caption img {
		border: 1px solid #4a6677;
		margin: 0;
		padding: 0;
	}
	div#page-post dt.work-image div.wp-caption p.wp-caption-text {
		color: #fff;
		display: block;
		padding: 0 14px;
		padding-bottom: 0;
		margin: 0;
		text-align: center;
		width: 589px;
	}
	p.comment-status {
		border: 1px dotted #4A6677;
		clear: both;
		padding: 14px;
		margin: 14px 0;
		width: 571px;
	}
	div#blog-post h3#comments,
	div#blog-post div#respond h3 {
		border: 1px dotted #4A6677;
		clear: both;
		padding: 14px;
		margin: 14px 0;
	}
	ol.commentlist {
		border: 1px dotted #4A6677;
		clear: both;
		padding: 14px;
		margin: 14px 0;
	}
	ol.commentlist li {
		border-bottom: 1px dotted #4A6677;
		margin-bottom: 14px;
		padding-bottom: 28px;
	}
	div#blog-post dl.comment dt.comment-meta {
		padding-bottom: 14px;
	}
	div#blog-post dl.comment dd {
		display: block;
		float: none;
		margin-left: 74px;
		width: 570px;
	}
	div#blog-post dl.comment dd.reply {
		clear: both;
	}
	dl.comment dt.comment-author img {
		float: left;
		margin: 0 14px 14px 0;
	}
	ul#sidebar {
		background: #334D5F url(images/box-bg-blue.jpg) repeat;
		border: 1px dotted #4A6677;
		display: block;
		float: right;
		margin: 0 14px 14px 0;
		padding-bottom: 14px;
		width: 286px;
	}
	ul#sidebar li {
		border: 1px dotted #4A6677;
		margin: 14px 14px 0 14px;
		padding: 14px;
	}
	ul#sidebar h3 {
		padding-bottom: 14px;
	}
	ul#sidebar li ul li {
		border: 0;
		margin: 0;
		padding: 0;
	}
	form#commentform {
		margin: 0;
		padding: 0;
	}
	form#commentform fieldset.comment-info,
	div#blog-post div#respond form#commentform fieldset {
		width: 572px;
	}
	form#commentform fieldset {
		border: 1px dotted #3bc0c4;
		float: left;
		margin-top: 14px;
		margin-right: 14px;
		padding: 14px;
		width: 413px;
	}
	form#commentform label {
		clear: left;
		float: left;
		margin: 7px 0;
		width: 6em;
	}
	form#commentform label {
		width: 19em;
	}
	form#commentform textarea {
		float: left;
		height: 15em;
		width: 20em;
	}
	form#commentform input,
	form#commentform textarea {
		background-color: #fbffe6;
		border: 1px solid #dee2cc;
		color: #37261f;
		font-family: "ff-tisa-web-pro-1","ff-tisa-web-pro-2", Georgia, Times, serif;
		margin: 7px 0;
		padding: 7px;
	}
	form#commentform textarea {
		margin: 0 auto;
	}
	div.form-submit {
		text-align: center;
	}
	div.form-submit input.button,
	form#commentform input.button {
		background-color: #3ec12b;
		border: 1px solid #27811c;
		border-radius: 1em;
		-webkit-border-radius: 1em;
		-moz-border-radius: 1em;
		color: #fff;
		cursor: pointer;
		font-family: "museo-sans-1","museo-sans-2", Arial, Verdana, Tahoma, sans-serif;
		font-size: 1.2em;
		font-weight: bold;
		margin-top: 1em;
		padding: 0.5em 2em 0.4em 2em;
		text-transform: uppercase;
	}
	div.form-submit input.button:hover,
	div.form-submit input.button:active,
	form#commentform input.button:hover,
	form#commentform input.button:active {
		background-color: #27811c;
		border: 1px solid #3ec12b;
		color: #96ff60;
	}
	h2.section-header {
		border: 1px dotted #4a6677;
		display: block;
		margin: 0 14px 14px 14px;
		width: 902px;
	}
	ul#posts,
	ul.older-posts {
		clear: both;
		display: block;
		float: left;
		margin: 0 14px 14px 0;
		width: 948px;
	}
	ul.older-posts {
		margin: 0 14px 0 0;
	}
	ul#blog-posts li {
		background: #334d5f url(images/box-bg-blue.jpg);
		border: 1px dotted #4a6677;
		clear: both;
		display: block;
		float: left;
		margin: 0 14px 14px 14px;
		padding: 14px;
		width: 902px;
	}
	ul#blog-posts li dl.post dd img {
		border: 1px dotted #3bc0c4;
		max-width: 868px;
		margin-bottom: 1em;
	}
	ul#posts li,
	ul.older-posts li {
		background: #334d5f url(images/box-bg-blue.jpg);
		border: 1px dotted #4a6677;
		display: block;
		float: left;
		margin-bottom: 14px;
		margin-left: 14px;
		width: 299.5px;
	}
	ul.older-posts li {
		margin-bottom: 14px;
	}
	ul#posts dl,
	ul.older-posts dl {
		display: block;
		height: 25em;
		padding: 14px;
	}
	dt.posttitle {
		border: 1px dotted #4a6677;
		display: block;
		height: 0.8em;
		float: left;
		font-size: 1.5em;
		margin-bottom: 12px;
		padding: 14px;
		width: 687px;
	}
	dt.posttitle a {
		border: 0;
	}
	dt.date {
		border: 1px dotted #4a6677;
		background: url(images/hover.jpg) #34d5eb;
		color: #334d5f;
		display: block;
		float: left;
		height: 0.8em;
		margin-right: 14px;
		margin-bottom: 14px;
		padding: 14px;
		width: 139px;
	}
	ul#posts li dl dt img,
	ul.older-posts li dl dt img {
		background-color: #4a6677;
		border: 1px dotted #4a6677;
		display: block;
		margin: 14px 0;
		width: 271px;
	}
	ul.older-posts li dl dt img {
		height: 135px;
	}
	dl.post {
		width: 900px;
	}
	dl.post dd {
		border: 1px dotted #4a6677;
		clear: both;
		display: block;
		padding: 14px;
	}
	dl.post dd p {
		padding-bottom: 1em;
	}
	ul#page li#foot {
		background: #293e4c url(images/wrap-bg-blue.jpg);
		border: 1px dotted #334d5f;
		clear: both;
		display: block;
		float: left;
		margin: 14px 0;
		padding: 14px 0 14px 14px;
		width: 946px;
	}
	ul#footer li {
		background: #334d5f url(images/box-bg-blue.jpg);
		border: 1px dotted #4a6677;
		display: block;
		float: left;
		margin-right: 14px;
		padding: 14px 0 14px 14px;
		width: 914px;
	}
	ul#footer li#find-me-on ul li, 
	ul#footer li#tweets ul li,
	ul#footer li#latest-blog-posts ul li {
		display: block;
		height: 120px;
		margin: 14px 14px 0 0;
		padding-right: 14px;
		overflow: hidden;
		width: 260px;
	}
	ul#footer li#tweets p {
		background: url(images/twitter.png) 300px 10px no-repeat;
		border: 1px dotted #4a6677;
		display: block;
		float: left;
		margin: 14px 14px 0 0;
		padding: 14px;
		width: 868px;
	}
	ul#footer li#tweets ul li a.twitter-link {
		color: #34d5eb;
	}
	ul#footer li#find-me-on ul li {
		padding-left: 58px;
		width: 198px;
	}
	ul#footer li#find-me-on ul li.amazon-link {
		background: url(images/link-icons/amazon.gif) 14px center no-repeat;
	}
	ul#footer li#find-me-on ul li.colourlovers-link {
		background: url(images/link-icons/colourlovers.jpg) 14px center no-repeat;
	}
	ul#footer li#find-me-on ul li.delicious-link {
		background: url(images/link-icons/delicious.gif) 14px center no-repeat;
	}
	ul#footer li#find-me-on ul li.linkedin-link {
		background: url(images/link-icons/linked.gif) 14px center no-repeat;
	}
	ul#footer li#find-me-on ul li.twitter-link {
		background: url(images/link-icons/twitter.jpg) 14px center no-repeat;
	}
	ul#footer li#find-me-on ul li.vimeo-link {
		background: url(images/link-icons/vimeo.jpg) 14px center no-repeat;
	}
	ul#footer li#find-me-on ul li.whobuiltit-link {
		background: url(images/link-icons/whobuiltit.gif) 14px center no-repeat;
	}
	ul#footer li#copyright,
	ul#footer li#wp-love {
		clear: both;
		display: block;
		margin-top: 14px;
		width: 916px;
	}
	h2#error-header {
		color: #e5561c;
	}
	ol.error-list {
		display: block;
		float: left;
		margin-left: 2em;
		padding-bottom: 1em;
	}
	ol.error-list li {
		list-style-type: decimal;
	}
	
	/***************** CONTACT FORM *******************/
	
	div#page-post form.wpcf7-form ul li {
		list-style-type: none;
		margin: 0 auto;
		width: 28em;
	}
	
	form.wpcf7-form ul li label {
		display: block;
		margin-bottom: 0.5em;
		width: 26em;
	}
	
	form.wpcf7-form ul li input.text,
	form.wpcf7-form ul li textarea {
		background-color: #F8FFF1;
		border: 1px solid #35D4E9;
		color: #2B3E4C;
		font-family: "ff-tisa-web-pro-1","ff-tisa-web-pro-2", Georgia, Times, serif;
		font-size: 1em;
		line-height: 1.5em;
		padding: 0.25em;
		margin-bottom: 1em;
		width: 26em;
	}
	
	form.wpcf7-form ul li input.text:focus,
	form.wpcf7-form ul li textarea:focus {
		background: #D4F7FF;
		border: 1px solid #259EB4;
	}
	
	form.wpcf7-form ul li input#submit {
		background: #1BAC34;
		border: 1px solid #18972E;
		color: #F8FFF1;
		cursor: pointer;
		font-family: "museo-sans-1","museo-sans-2", Arial, Verdana, Tahoma, sans-serif;
		font-size: 1.5em;
		font-weight: bold;
		line-height: 1em;
		margin: 0.5em 6em 0 6em;
		padding: 0.5em 1em;
		text-transform: uppercase;
		width: 6em;
	}
	
	form.wpcf7-form ul li input#submit:hover {
		background: #FFFF01;
		border: 1px solid #D2D101;
		color: #2C3F4C;
	}
	
	body form div.wpcf7-response-output {
		margin-left: 4em;
		padding: 0.5em;
	}
	
	body form div.wpcf7-mail-sent-ok, 
	body form div.wpcf7-mail-sent-ng {
		background: #BEFC51;
		border: none;
		color: #333;
		margin-left: 14em;
		padding: 0.5em;
		width: 26em;
	}
	
	body form div.wpcf7-validation-errors,
	body form div.wpcf7-spam-blocked  {
		background: #F5AF36;
		border: none;
		color: #333;
		margin-left: 14em;
		padding: 0.5em;
		width: 26em;
	}
	
	body form span.wpcf7-form-control-wrap {
		position: relative;
	}
	
	body form span.wpcf7-not-valid-tip,
	body form span.wpcf7-not-valid-tip-no-ajax {
		background: #F5AF36;
		border-left: 2px solid #F1AC35;
		border-right: 2px solid #F1AC35;
		color: #333;
		display: block;
		font-size: inherit;
		left: inherit;
		margin: -1em 0 1em 0;
		padding: 0.5em 0.2em;
		position: relative;
		top: inherit;
		width: 26em;
	}
	
	body form span.wpcf7-list-item {
		margin-left: 0;
	}
	
	body form .wpcf7-display-none {
		display: none;
	}
	
	body form img.ajax-loader {
		border: none;
		vertical-align: middle;
	}