/*
Theme Name: Qsnack
Theme URI: http://quotesnack.com/
Description: Loosely built on Kubrick.
Version: 1.0
Author: Elizabeth Able
Author URI: http://ablereach.com/
Tags: fixed width, three columns, widgets

	Qsnack v1.0
	 http://quotesnack.com/
*/

/* Begin Typography & Colors */
body {font-size: 70%; font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;	color: #333;text-align: center;}

#content {font-size: 1.2em}

.entry {line-height: 1.4em;}
.postmetadata {text-align: center;}

.alt {background-color: #f8f8f8;border-top: 1px solid #ddd;border-bottom: 1px solid #ddd;}

small {	font-family: Arial, Helvetica, Sans-Serif;font-size: 0.9em;line-height: 1.5em;}

h1, h2, h3 {font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;font-weight: bold;}
h1 {font-size: 1.5em;}

h2 {font-size: 1.5em;}
.sidebar h2 {font-family: 'Lucida Grande', Verdana, Sans-Serif;	font-size: 1.2em;}
h3 {font-size: 1.3em;}

h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited {color: #333;}
h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited, .sidebar h2, #wp-calendar caption, cite {text-decoration: none;}

.entry p a:visited {color: #b85b5a;}

.commentlist li, #commentform input, #commentform textarea {font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif;}
.commentlist li {font-weight: bold;}
.commentlist li .avatar {float: right;border: 1px solid #eee;padding: 2px;background: #fff;}
.commentlist cite, .commentlist cite a {font-weight: bold;font-style: normal;font-size: 1.1em;}
.commentlist p {font-weight: normal;line-height: 1.5em;text-transform: none;}
#commentform p {font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;}
.commentmetadata {font-weight: normal;}

.sidebar {font: 1em 'Lucida Grande', Verdana, Arial, Sans-Serif;}
small, .sidebar ul ul li, .sidebar ul ol li, .nocomments, .postmetadata, blockquote {color: #666;}
strike {color: #777;}
code {font: 1.1em 'Courier New', Courier, Fixed;}
acronym, abbr, span.caps{font-size: 0.9em;letter-spacing: .07em;}
a, h1 a:hover, h2 a:hover, h3 a:hover {color: #06c; text-decoration: none;}
a:hover {color: #147;text-decoration: underline;}

#wp-calendar #prev a, #wp-calendar #next a {font-size: 9pt;}
#wp-calendar a {text-decoration: none;}
#wp-calendar caption {font: bold 1.3em 'Lucida Grande', Verdana, Arial, Sans-Serif;text-align: center;}
#wp-calendar th {font-style: normal;text-transform: capitalize;}
/* End Typography & Colors */


/* Begin Structure */
body {margin: 0 0 10px 0;padding: 0;background-color: #EFE7D1}

#page {background: #fff;margin: 8px auto;padding: 0;width: 970px;text-align: left;}

#header {margin: 0px;padding: 0px;height: 127px;width: 970px; border-bottom: 8px solid #EFE7D1; 
background: #fff url('http://quotesnack.com/images/header60sharp.jpg') no-repeat center;}

#header{float: left;clear: both;} /*added*/

#header .blogname a, #header .blogname a:hover, #header .blogname a:visited {display: block; text-decoration: none;font-size: 2.95em; padding: 15px 0px 5px 0px; margin: 0px 0 0 655px;}
#headerimg .headtxt {font-size: 1.39em; padding: 5px 0 15px 0px; margin: 0px 0 0 655px;}
#headerimg .titlesub {font-size: 1.1em; font-weight: bold; margin: 0px 0 0 655px;}
.headtxt, .titlesub{display: block;}

.narrowcolumn {float: left;padding: 0 40px 20px 30px;margin: 0px;width: 500px; background: #fff;}
.widecolumn {float: left;padding: 0 40px 20px 30px;margin: 0px;width: 900px; background: #fff;}

.post {margin: 0 0 40px;text-align: left;}
.post hr {display: block;}

.postmetadata {padding-top: 5px; clear: both;}
.widecolumn .postmetadata {margin-top: 10px;}
.widecolumn .smallattachment {text-align: center;float: left;width: 228px;margin: 5px 5px 5px 0px;}
.widecolumn .attachment {text-align: center;margin: 5px 0px;}
.clear {clear: both;}
#footer {padding: 0;margin: 0px auto 0;width: 970px;clear: both; border-top: 4px solid #EFE7D1;}
#footer p {margin: 0;padding: 20px 0;text-align: center;}

#footer{/*float: left;*/ text-align: center; background: #fff;} /*added*/

#authors, #categories {width: 942px; float: left; text-align: left; margin-left: -12px; margin-top: 5px; padding-top: 5px;}
ul#tagcloud {width: 905px; margin: 25px 0px 5px 0px;}
#authors ul, #categories ul {padding: 0; margin: 5px 0px 5px 0px;}
#authors li, #categories li {list-style-type: none;}
#authors ul li, #categories ul li {width: 24%; display: inline; float: left; margin: 0px 5px 2px 0px;}
#authors h2, #categories h2 {margin-top: 0; padding-top: 0;}

/* End Structure */

/*	Begin Headers */
h1 {padding-top: 20px;margin: 0;}
h2 {margin: 20px 0 0;}
.sidebar h2 {margin: 5px 0 0;padding: 0;}
h3 {padding: 0;	margin: 20px 0 0;}
h3.comments {padding: 0;margin: 40px auto 20px ;}
/* End Headers */


/* Begin Images */
p img {padding: 0;max-width: 100%;}
img.centered {display: block;margin-left: auto;margin-right: auto;}
img.alignright {padding: 4px;margin: 0 0 2px 7px;display: inline;}
img.alignleft {padding: 4px;margin: 0 7px 2px 0;display: inline;}
.alignright {float: right;}
.alignleft {float: left;}

img.postcard {display: block;margin-left: auto;margin-right: auto;border: 1px solid #ddd;text-align: center; background-color: #f3f3f3;padding: 4px;margin: 10px;-moz-border-radius: 3px;
	-khtml-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;}
/* End Images */


/* Begin Lists*/
html>body .entry ul {margin-left: 0px;padding: 0 0 0 10px;list-style: none;padding-left: 10px;}
html>body .entry li {margin: 7px 0 8px 10px;}

.entry ol {padding: 0 0 0 35px;	margin: 0;}
.entry ol li {margin: 0;padding: 0;}
.entry dt {font-size: 120%; line-height: 175%}
.postmetadata ul, .postmetadata li {display: inline;list-style-type: none;list-style-image: none;}
.sidebar ul, .sidebar ul ol {margin: 0;	padding: 0;}
.sidebar ul li {list-style-type: none;list-style-image: none;margin-bottom: 15px;}
.sidebar ul p, .sidebar ul select {margin: 5px 0 8px;}
.sidebar ul ul, .sidebar ul ol {margin: 4px 0 0 0px;}
.sidebar ul ul ul, .sidebar ul ol {margin: 1px 0 5px 10px;}
ol li, .sidebar ul ol li {list-style: decimal outside;}
.sidebar ul ul li, .sidebar ul ol li {margin: 6px 0;padding: 0;}
.sidebar ul li#recent-posts ul li {margin-top: 5px;}
/* End Entry Lists */


/* Begin Form Elements */
.searchform {margin: 10px auto;	padding: 5px 3px;text-align: center;}
.sidebar #searchform #s {width: 258px;padding: 2px;}
.sidebar #searchsubmit {padding: 1px;}
.sidebar form {margin: 0; padding: 0;}

.entry form { /* This is mainly for password protected posts, makes them look better. */
	text-align:center;}

select {width: 230px;}
#commentform input {width: 270px;padding: 2px;	margin: 5px 5px 1px 0;}
#commentform textarea {	width: 100%;padding: 2px;}
#commentform #submit {margin: 0;float: right;}
/* End Form Elements */


/* Begin Comments*/
.alt {margin: 0;padding: 10px;}
.commentlist {padding: 0;text-align: justify;}
.commentlist li {margin: 15px 0 3px;padding: 5px 10px 3px;list-style: none;}
.commentlist p {margin: 10px 5px 10px 0;}
#commentform p {margin: 5px 0;}
.nocomments {text-align: center;margin: 0;padding: 0;}
.commentmetadata {margin: 0;display: block;}
/* End Comments */


/* Begin Sidebar */
.sidebar {}
#leftsidebar {padding: 12px 5px 5px 7px; width:210px;border-right: 1px solid #efe7d1; border-left: 3px solid #efe7d1;}
#leftsidebar {/*float: left;*/ margin: 0;display: inline;overflow: hidden;} /*added*/
#leftsidebar {float: right;} 

#rightsidebar {padding: 12px 3px 5px 9px; width: 150px;}
#rightsidebar {margin: 0; display: inline; overflow: hidden;} /*added*/
#rightsidebar {float: right;} 

#crossbar1 {padding: 4px 4px 5px 11px; display: inline; width: 360px; overflow: hidden; border-left: 3px solid #efe7d1; border-top: 1px solid #efe7d1; border-right: 10px solid #fff;}
#crossbar1 {float: right; clear: right;}
#crossbar1.sidebar ul ul ul li {padding-bottom: 5px;}

#rightsidebar .textwidget div.wp-caption {margin: 5px 5px 0 0;}
/* End Sidebar */


/* Begin Calendar */
#wp-calendar {empty-cells: show;margin: 10px auto 0;width: 150px;}
#wp-calendar #next a {padding-right: 5px;text-align: right;}
#wp-calendar #prev a {padding-left: 5px;text-align: left;}
#wp-calendar a {display: block;}
#wp-calendar caption {text-align: center; width: 100%; margin-top: -15px;}
#wp-calendar td {padding: 3px 0;text-align: center;}
#wp-calendar td.pad:hover { /* Doesn't work in IE */	background-color: #fff; }
/* End Calendar */

/* Begin Various Tags & Classes */
acronym, abbr, span.caps {cursor: help;}
acronym, abbr {border-bottom: 1px dashed #999;}
blockquote {margin: 15px 30px 0 10px;padding-left: 20px;border-left: 5px solid #ddd;}
blockquote cite {margin: 5px 0 0;display: block;}
.center {text-align: center;}
.hidden {display: none;}
hr {display: none;}
a img {	border: none;}
.navigation, .navigation .alignleft, .navigation .alignright {display: block; padding: 10px 0; clear: both; width: 510px;}
.navigation .alignleft {text-align: left;}
.navigation .alignright {text-align: right;}
/* End Various Tags & Classes*/


/* Captions */
.aligncenter,div.aligncenter {display: block;margin-left: auto;	margin-right: auto;}

.wp-caption {border: 1px solid #ddd; text-align: center; background-color: #f3f3f3;padding-top: 4px;margin: 10px;-moz-border-radius: 3px;
	-khtml-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;}
.wp-caption img {margin: 0;padding: 0;border: 0 none;}
.wp-caption p.wp-caption-text {font-size: 11px;	line-height: 17px;padding: 0 4px 5px;margin: 0;}
/* End captions */


/*excerpt styling*/
.excerpt img {float: left; border: 1px solid #ddd;text-align: center; background-color: #f3f3f3;padding: 4px;margin: 10px;-moz-border-radius: 3px;
	-khtml-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;}
.excerpt img {display: inline;}
.excerpt p {margin-left: 190px; padding-top: 10px;}
.excerpt li {padding: 10px 0 0 10px;}

/*styling for contact form*/
body div.formcontainer span.required {color: #FF0000;}

body div.formcontainer p.error, body div.formcontainer p.important, body div.formcontainer p.information, body div.formcontainer p.success {
border-top: 1px solid #eee; color: #442; line-height: 250%; padding-left: 36px; width: 95%;}

body div.formcontainer p.error {background: #fbfbee url('error.png') no-repeat 12px 50%;
border-bottom: 2px solid #eee;}

body div.formcontainer p.important {background: #fbfbee url('important.png') no-repeat 12px 50%;
border-bottom: 2px solid #eee;}

body div.formcontainer p.information {background: #fbfbee url('information.png') no-repeat 12px 50%;
border-bottom: 2px solid #eee;}

body div.formcontainer p.success {background: #fbfbee url('success.png') no-repeat 12px 50%;
border-bottom: 2px solid #eee;}

body div.formcontainer form.contact-form fieldset {background: #fff;
color: #333333; margin: 1.5em 0 2em 0; border: none; padding: 0;}

body div.formcontainer form.contact-form fieldset legend {text-transform: uppercase; margin: .3em 0 0 0; text-align: left; padding: 0;}

body div.formcontainer form.contact-form fieldset div.form-label {float: left; line-height:150%; margin: 0; padding:1em 0 0 0;
text-align:left;}

body div.formcontainer form.contact-form fieldset div.form-input,
body div.formcontainer form.contact-form fieldset div.form-textarea {margin: 1em 0 0 88px;}

body div.formcontainer form.contact-form fieldset div.form-input input,
body div.formcontainer form.contact-form fieldset div.form-textarea textarea {padding: 0.3em; width: 100%;}

body div.formcontainer form.contact-form fieldset div.form-input input.error {background-color: #FBF4E2;}

body div.formcontainer form.contact-form fieldset div.form-option,
body div.formcontainer form.contact-form fieldset div.form-submit {display: block;
float:none;
margin: 1em 0 0 0; text-align: left;}


.adsense {margin: 5px auto}
.sidebar .adsense {margin: 0 auto 0 12px}

#commentform input#submit {width: auto}
#commentform {margin-bottom: 20px}
