/*   
Theme Name:Backdrop Lights
Theme URI: http://www.slappyhue.com
Description: A simple theme based on typography and the 960 grid system meant to be used especially for photo blogs. The simple graphic elements are meant to complement the actual images and text published on the website, rather than compete for attention with them.
Author: Horia Andrei Varlan
Author URI: http://www.slappyhue.com
Version: 1.0
.
Copyright 2010
Like WordPress, the programming files are released under GNU General Public License, version 2 (GPL).
http://www.gnu.org/licenses/old-licenses/gpl-2.0.html
The CSS and images included in this theme are free to use (only as part of the theme) in both commercial and personal projects without requiring special attribution. However you are not allowed to remove the credit/copyright lines from the footer, nor to distribute or link directly to the theme archive file(s) without prior written consent from the author.
.
*/
 
/* Reset default browser styles */
@import url('styles/reset.css');

/* Rebuild default browser styles */
@import url('styles/rebuild.css');

/* Import a basic layout 
@import url('styles/3c-r.css');*/
@import url('styles/2c-r.css');

/* Basic WordPress Styles */
@import url('styles/wp.css');
@import url('fonts/Miso-License.txt');

#wrapper {
	margin: 0 auto;
	width: 960px;
}

@font-face {
 font-family: 'MisoRegular';
 src: url('fonts/miso-webfont.eot');
 src: local('☺'), url('fonts/miso-webfont.woff') format('woff'), url('fonts/miso-webfont.ttf') format('truetype'), url('fonts/miso-webfont.svg#webfont') format('svg');
 font-weight: normal;
 font-style: normal;
}
@font-face {
 font-family: 'MisoBold';
 src: url('fonts/miso-bold-webfont.eot');
 src: local('☺'), url('fonts/miso-bold-webfont.woff') format('woff'), url('fonts/miso-bold-webfont.ttf') format('truetype'), url('fonts/miso-bold-webfont.svg#webfont') format('svg');
 font-weight: normal;
 font-style: normal;
}
@font-face {
 font-family: 'MisoLight';
 src: url('fonts/miso-light-webfont.eot');
 src: local('☺'), url('fonts/miso-light-webfont.woff') format('woff'), url('fonts/miso-light-webfont.ttf') format('truetype'), url('fonts/miso-light-webfont.svg#webfont') format('svg');
 font-weight: normal;
 font-style: normal;
}

a {
	text-decoration:none;
}

#mainbg {
}

body {
	/* margin: 1.5em 15%;*/
	background:#26241B;
	font-family:Verdana, Geneva, sans-serif;
	color:#555;
}
/* =Header
-------------------------------------------------------------- */

#branding {
	background:url("images/headerbg.jpg") no-repeat scroll center top transparent;
	
	color:#FFF;
	text-transform:uppercase;
	margin:24px 0 0;
	padding:0;
	text-align:left;
	height:160px;
	border-top:2px solid;
	border-bottom:1px solid;
}
#blog-title {
	font-size:3.6em;
	float:left;
	font-family:MisoRegular, Impact, Arial, Verdana, sans-serif;
	line-height:1em;
	margin:12px 0 0 0;
	padding:6px 12px 6px 12px;
	background:#FFDB0D;
}
#blog-description {
	padding:0 12px 0 12px;
	font-family:MisoBold, Impact, Arial, Verdana, sans-serif;
	font-size:2em;
	float:left;
	clear:both;
	background:#00C7FF;
}
/* =Menu
-------------------------------------------------------------- */

#access {
	margin: 0 0 32px 0;/*overflow: auto;*/
}
.skip-link {
	display: none;
}
.menu {
	text-align:right;
	padding:0;
	width:960px;
	border-bottom:2px solid;
}
.menu ul {
	list-style: none;
	margin: 0;
}
.menu ul ul {
	display: none;
}
.menu li {
	display: inline;
	padding:3px 12px 0px 12px;
	text-transform:uppercase;
}
.menu a {
	display: inline;
	text-decoration:none;
	color:#00A8D7;
	font-size:1.8em;
	font-family:MisoRegular, Arial, Helvetica, sans-serif;
}
.menu a:hover {
}
/* =Content
-------------------------------------------------------------- */
h1.page-title {
	font-size:3em;
	font-family:MisoRegular, Arial, Helvetica, sans-serif;
	/*color:#D8A056;*/
	border-bottom:2px solid;
	text-align:right;
	padding: 0 0 6px 0;
	line-height:1em;
}
h1.entry-title {
	font-size:2.8em;
}
.page .entry-content {
	margin:9px 0;
}
.post {
	margin: 0 0 3em 0;
}
.entry-summary {
	font-size:1.2em;
	font-style:italic;
	font-family:Georgia, "Times New Roman", Times, serif;
	margin:9px 0 0 0px;
}
.entry-content {
	margin: 9px 0 0 0px;
	font-family:Verdana, Geneva, sans-serif;
}
.entry-content, .entry-summary {
	text-align:justify;
}
.entry-content img {
	margin: 3px 0 6px 12px;
	border: 1px solid;
	padding:6px;
	float:right;
}
.entry-content ul {
	list-style-image:url("images/bullet.png");
}
.wp-caption {
	text-align:right;
}
p.wp-caption-text {
	background: #333024;
	border-top:1px solid;
	border-bottom:1px solid;
	display:inline-block;
	font-size:0.8em;
	padding:6px;
	text-align:right;
	text-transform:uppercase;
}
.entry-meta {
	width:100%;
	margin:9px 12px 12px 0;
	text-align:right;
	padding:6px 0 6px 0;
	font-family:Georgia, "Times New Roman", Times, serif;/*background:url('images/metabg.png');*/
	border-top:2px solid;
	border-bottom:1px solid;
}
.entry-meta abbr {
	border:none;
}
.entry-meta a {
	font-family:Verdana, Geneva, sans-serif;
	text-decoration:none;
}
.entry-meta ul {
	list-style:none;
	padding:0 0 0 0;
	margin:0 0 0 0;
}
.entry-meta ul li {
	text-align:right;
	display:inline;
	/*margin:0 0 0 0;*/
	padding:0 0 0 6px;
}
.day {
	font-size:2.2em;
	margin:0px;
	font-weight:bold;
	color:#807D73;
}
.month-year {
	color:#807D73;
	font-size:1.4em;
}
.entry-date {
	font-family:Georgia, "Times New Roman", Times, serif;
	line-height:2.9em;
	line-height:0.8em;
	padding:12px 0 0;
	width:120px;
	text-align:left;
}
.entry-date abbr {
	border:none;
}
.entry-comments-number, .entry-category abbr, .meta-prep-author {
	font-style:italic;
	font-size:0.9em;
}
.entry-category abbr a {
	font-size:100%;
	font-style:normal;
}
.entry-title, h1.entry-title {
	font-size:3em;
	line-height:0.8em;
	text-align:right;
	text-transform:uppercase;
	font-family:MisoRegular, Arial, Helvetica, sans-serif;
	padding:0px 0px 0px 0px;
	width:480px;
	float:right;
}
.entry-title a {
	text-decoration:none;
}
.archive-meta {
	font-size:1em;
	font-style:italic;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#555;
	text-align:right;
	padding:6px 0 0 0;
}
.page h1.entry-title {
	border-bottom:2px solid;
	padding:0 0 9px 0;
	margin:0 0 12px 0;
	width:100%;
}
.entry-header {
	width:100%;
	padding:24px 0 0 0;
}
.entry-utility {
	border-top:1px solid;
	border-bottom:2px solid;
	clear:both;
	font-size:0.9em;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	padding:6px 0 6px 0px;
}
.entry-utility a {
	font-family:Verdana, Geneva, sans-serif;
	font-style:normal;
}

#comments {
	margin:0 0 24px 0;
}

#comments-list ol {
	list-style-type:none;
	margin:0;
}
#comments-list h3 {
	font-family:MisoRegular, Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	font-size:2.2em;
	padding:0;
}
.comment {
	border-left:2px solid;
	margin:3px 0;
	padding:12px 0 9px 12px;
}
.comment-meta {
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#555;
	font-style:italic;
	font-size:0.9em;
	padding:0 0 6px 52px;
}
.comment-meta a {
	font-family:Verdana, Geneva, sans-serif;
	font-style:normal;
}
#comments-list li {
	position:relative;
}
#comments-list li .avatar {
	border:1px solid;
	padding: 3px;
	left:12px;
	position:absolute;
	top:12px;
}
.comment-author {
	font-family:Georgia, "Times New Roman", Times, serif;
	padding:0 0 0 52px;
	font-size:1.4em;
	font-weight:bold;
}
.comment-content p {
	margin:3px 0 3px 0;
}
#respond {
	padding:12px 0 0 0;
}

.full-image {
float:left;
margin:0 0 1.5em;
text-align:left;
width:600px;
}
.image-gallery {
	float:left;
	margin:0;
	width:600px;
	text-align:right;
}
.gallery-row {
	clear:both;
	margin:0 0 0 0;
}
.gallery-image {
	float:left;
	padding:0 12px 12px 0px;
}
.left-referral {
	border:1px solid;
	float:left;
	margin:6px 12px 12px 0;
	padding:3px;
}


/* =Navigation
-------------------------------------------------------------- */

.navigation {
	margin: 6px 0 1.5em 0;
	overflow: auto;
}
.nav-previous {
	float:left;
	font-size:0.9em;
	text-align:left;
	width:252px;
	line-height:1.4em;
	padding:0 0 6px 0;
	border-bottom:1px solid;
	text-transform:uppercase;
}
.nav-next {
	float:right;
	font-size:0.9em;
	text-align:right;
	width:252px;
	line-height:1.4em;
	padding:0 0 6px 0;
	border-bottom:1px solid;
	text-transform:uppercase;
}
/* =Widget Areas
-------------------------------------------------------------- */

.widget-area ul {
	list-style: none;
	margin-left: 0;
}
.widget-container {
	margin: 0 0 1.5em 0;
}
h3.widget-title {
	font-family:MisoRegular, Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	font-size:2.2em;
}
.cat-item {
	font-family:Georgia, "Times New Roman", Times, serif;
	padding:3px 0 3px 12px;
	margin:3px 0 3px 0;
	border-left:2px solid;
}
#primary ul li.cat-item ul.children {
	margin:6px 0 0 6px;
}
.widget_text {
	padding:0px;
	font-family:Verdana, Geneva, sans-serif;
}
.widget_text img {
	border:1px solid #FFE6B3;
	padding: 3px;
}
.widget_text p {
	margin:0 0 0.9em 0;
}
.widget_twitter {
	background:url('images/tweetbg.png') no-repeat top right;
}
#primary ul li.widget_twitter ul, #secondary ul li.widget_twitter ul {
	padding:0px;
	margin: 0px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
}
#secondary h3
{
	font-size:1.8em;
	padding:3px 0 3px 6px;
	border-left:1px solid;
	line-height:0.8em;
}
#primary h3
{
	font-size:2.2em;
	padding:6px 0 6px 12px;
	border-left:2px solid;
	line-height:0.8em;
}
#secondary ul li ul li
{
		padding:3px 0 0 6px;
	font-size:0.9em;
	border-left:1px solid;
	margin: 3px 0 3px 0;
}
#primary ul li ul li
{
	padding:3px 6px 3px 12px;
	font-size:1em;
	border-left:2px solid;
	margin: 3px 0 3px 0;
}

#primary .textwidget {
	margin:3px 0 3px 0;
	border-left:2px solid;
	padding:3px 6px 3px 12px;
}
#secondary .textwidget {
	margin:3px 0 3px 0;
	border-left:1px solid;
	padding:3px 0 0 6px;
}
#primary .widget_text
{
	font-size:1em;
}
#secondary .widget_text
{
	font-size:0.9em;
}
#primary ul li.widget_nktagcloud ul.wp-tag-cloud {
	padding:3px 6px 3px 12px;
	margin:3px 0 3px 0;
	border-left:2px solid;
}
#secondary ul li.widget_nktagcloud ul.wp-tag-cloud {
	padding:3px 6px 3px 6px;
	margin:3px 0 3px 0;
	border-left:1px solid;
}
#primary ul li.widget_nktagcloud ul.wp-tag-cloud li,#secondary ul li.widget_nktagcloud ul.wp-tag-cloud li {
	border:none;
	padding:3px 3px 3px 0px;
}


.widget_search input#s, .wpcf7 input, #commentform input {
	-moz-border-radius: 3px;
	border-radius: 3px;
	width:150px;
	height:24px;
	border:2px solid;
	padding:0 6px;
	margin:6px 0 0 0;
	color:#999;
	background:#FFF7CC;
}
.widget_search input#s {
	float:left;
	margin:0 auto;
}
.widget_search input#searchsubmit {
	width:30px;
	color:#FFF;
	background:url('images/searchsubmit.png') no-repeat top left;
	border:2px solid;
	height:28px;
	font-weight:bold;
	font-size:1.8em;
	font-family:MisoRegular, Verdana, Arial;
	text-transform:uppercase;
	-moz-border-radius: 3px;
	border-radius: 3px;
	margin: 0 0 0 6px;
	padding:0px;
}
.widget_search input#searchsubmit:hover {
	background:#FFDB0D;
	background:url('images/searchsubmithover.png') no-repeat top left;
}
.wpcf7 textarea, .form-textarea textarea {
	-moz-border-radius: 3px;
	border-radius: 3px;
	width:396px;
	height:144px;
	border:2px solid;
	padding:6px;
	margin:6px 0 0 0;
	color:#999;
	background:#FFF7CC;
}
.wpcf7 input#submit {
	margin:0 0 0 0;
	color:#FFF7CC;
	width:120px;
	font-weight:bold;
	font-family:MisoBold, Verdana, Arial, sans-serif;
	font-size:1.4em;
	height:30px;
	background:#00C7FF;
	text-transform:uppercase;
}
.form-textarea textarea {
	float:left;
}
#form-allowed-tags {
	padding:6px 0 0 420px;
}
.form-submit {
	clear:both;
}
#commentform .form-submit #submit {
	margin:3px 0 0 0;
	color:#FFF7CC;
	width:120px;
	font-size:1.4em;
	font-family:MisoBold, Verdana, Arial, sans-serif;
	text-transform:uppercase;
	background:#00C7FF;
	height:30px;
}
#commentform .form-submit #submit:hover, .wpcf7 input#submit:hover {
	background:#FFF7CC;
}
#wp-calendar caption {
	padding:3px 6px 3px 6px;
}
#wp-calendar th {
	border-bottom:1px solid #BFBCAC;
	padding:0 6px 0 6px;
	border-top:2px solid;
}
#wp-calendar td {
	padding:0 6px 0 6px;
}
#wp-calendar tbody tr {
	border-bottom:1px solid;
}
#wp-calendar #next {
	text-align:right;
}
#calendar_wrap {
	padding:0 0 0 12px;
	margin:3px 0;
	border-left:2px solid;
}

ul.blogroll li {
	color:#FFCD67;
	font-family:Verdana, Geneva, sans-serif;
	padding:6px 0 6px 12px;
	margin:3px 0 3px 0;
}
.flickr-photos {
	padding:0 0 6px;
	margin:3px 0;
	border-left:2px solid;
}
.more-flickr-photos {
	padding:0 0 0 12px;
	border-left:2px solid;
}
#flickr a img {
	border:1px solid;
	padding:3px;
	margin:5px 0 5px 12px;
}
.clearfix {
	display:inline-block;
}
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

#footer {
	border-top:2px solid;
	min-height:200px;
}
#site-info {
	width:960px;
	border-top:1px solid;
	display:block;
	float:left;
	font-size:0.8em;
	padding:6px 0 0 0;
	text-align:center;
}
#footer #third {
	width:100%;
}
#third h4 {
	font-family:MisoRegular, Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	font-size:1.6em;
	border-left:1px solid;
	padding: 0 0 0 6px;
}
#third ul li {
	float:left;
	width:240px;
}
#third ul li ul li {
	padding:3px 0 3px 6px;
	margin:3px 0;
	border-left:1px solid;
}
#third .widget_text {
	font-family:Verdana, Geneva, sans-serif;
	padding:0 6px 0 0;
}
#third ul li ul {
	margin:0;
}
#third .widget_text img {
	border:1px solid;
	padding: 3px;
}
#third .widget_text p {
	font-size:0.9em;
	margin:0 0 0.9em 0;
}
#third .textwidget {
	margin:3px 0 3px 0;
	border-left:1px solid;
	padding:0 0px 0 6px;
}

h1,h2,h3,h4,h5,h6
{
	font-family:MisoRegular, Impact, Arial, Verdana, sans-serif;
}
h1
{
	font-size:3em;
}
h2
{
	font-size:2.8em;
}
h3
{
	font-size:2.4em;
}
h4
{
	font-size:2.2em;
}
h5
{
	font-size:2em;
}
h6
{
	font-size:1.8em;
}
blockquote
{
	background:url(images/blockquote.png) top left no-repeat;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:1.2em;
	line-height:1.6em;
	font-style:italic;
}
blockquote p
{
	margin:0.25em 0 0.25em 0;
}
cite
{
	margin:0 0 0 1.6em;
	font-style:normal;
}
h3.widget-title, .cat-item, #secondary ul li.widget_archive ul, h1.page-title, .menu a:hover, #third h4,#comments-list h3,.comment-author,h1.entry-title, h1,h2,h3,h4,h5,h6 {
	color:#FFDB0D;
}
#wp-calendar td, p.wp-caption-text,blockquote {
	color:#807D73;
}
.entry-meta, .entry-utility, .left-referral, #footer, #flickr a img, .entry-content img, .page h1.entry-title, #footer, #third .widget_text img, #secondary ul li.widget_twitter ul, #third .widget_text, .entry-meta, p.wp-caption-text {
	border-color:#807D73;
}
#primary ul li ul li,#secondary ul li ul li, #third ul li ul li, #calendar_wrap, .flickr-photos, .more-flickr-photos,#branding, .menu,.form-textarea textarea, .widget_search input#s, .wpcf7 input,.wpcf7 textarea, #commentform input, .widget_search input#searchsubmit,.comment,.textwidget,.cat-item,#primary ul li.widget_nktagcloud ul.wp-tag-cloud,#secondary ul li.widget_nktagcloud ul.wp-tag-cloud,#primary .textwidget,#secondary .textwidget,#third .textwidget
{
	border-color:#00C7FF;
}

.cat-item a, .entry-title a, .entry-meta a, #secondary ul li.widget_archive ul li a, #primary ul li ul li a, a, .widget_search input#searchsubmit:hover, #commentform .form-submit #submit:hover, .wpcf7 input#submit:hover {
	color:#00C7FF;
}
#comments-list li .avatar
{
	border-color:#FFDB0D;
}
#wp-calendar caption, #wp-calendar th,.entry-content, .entry-summary,#form-allowed-tags,.comment-content p,#primary ul li.widget_twitter ul, #secondary ul li.widget_twitter ul,#primary .textwidget,#secondary .textwidget,#third .textwidget  {
	color:#BFBCAC;
}
.entry-title a:visited {
	color:#FF0D86;
}
.entry-title a:hover, .cat-item a:hover, #primary ul li ul li a:hover,#comments-list h3 {
	color:#FFDB0D;
}