/* 
Screen styles
Theme Name: shinycooking
URI: http://shinycooking.com
Description: Recipes for natural, local, whole foods cooking
Author: Amy DeGeus
Author URI: http://greenspeardesign.com
Version: 1.0
*/

/* ------------------------------------------ */
/* RESET                                      */
/* ------------------------------------------ */
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;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
content: '';
content: none;
}
:focus {
outline: 0;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
caption, th, td {
text-align: left;
font-weight: normal;
}
strong {
font-weight: bold;
}
em {
font-style: italic;
} 
a img { 
border: none; 
}
/* END RESET                                  */

/* ------------------------------------------ */
/* GLOBAL                                     */
/* ------------------------------------------ */
body  {
	background: #3e1312;
	font: 100% Calibri, Trebuchet, "Lucida grande", Sans-serif;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000;
}

.clearboth { 
	clear: both; 
}

#nodisplay {
	display: none;
}
/* END GLOBAL                                 */
/* ------------------------------------------ */
/* WORDPRESS IMAGE ALIGNMENT                  */
/* ------------------------------------------ */
img.alignright, .wp-post-image {float:right; margin:0 0 1em 1em}
img.alignleft, .wp-post-image {float:left; margin:0 1em 1em 0}
img.aligncenter, .wp-post-image {display: block; margin-left: auto; margin-right: auto}
a img.alignright, .wp-post-image {float:right; margin:0 0 1em 1em}
a img.alignleft, .wp-post-image {float:left; margin:0 1em 1em 0}
a img.aligncenter, .wp-post-image {display: block; margin-left: auto; margin-right: auto}
/* END WORDPRESS IMAGE ALIGNMENT              */
/* ------------------------------------------ */
/* LINKS                                      */
/* ------------------------------------------ */
a:link, a:visited {
	color: #5c5a6a;
	text-decoration: none;
}
a:hover {
	color: #1fb2ff;
	text-decoration: underline;
}
a:active {
	color: #222033;
}
/* END LINKS                                  */

/* ------------------------------------------ */
/* HEADINGS */
/* ------------------------------------------ */
h1 {
	font: bold 3em Baskerville, Georgia, Times, "Times New Roman", serif;
	display: none;
}

h2 {
	font: bold italic 2.25em Baskerville, Georgia, Times, "Times New Roman", serif;
	color: #ff5300;
}

h3 {
	font: bold italic 1.75em Baskerville, Georgia, Times, "Times New Roman", serif;
	color: #1fb2ff;
	text-transform: lowercase;
	margin: 20px 0 0 0;
}

	h4 {
font: bold 1.1em calibri, trebuchet, "lucida grande", sans-serif;
padding-top: 12px;
}
	h5 {
font: bold 1.125em calibri, trebuchet, "lucida grande", sans-serif;
}
/* END HEADINGS                              */

/* ------------------------------------------ */
/* PAGE STRUCTURE                             */
/* ------------------------------------------ */
#wrapper {
	margin: 0 auto;
	width: 1000px;
	text-align: left;
}

#header {
	float: left;
	background: url("images/sc-header_01.jpg") no-repeat;
	width: 679px;
}

#header a {
	display: block;
	width: 679px;
	height: 285px;
	text-indent: -9999px;
}

#contentcontainer {
	width: 1000px; 
	padding: 0; 
	background: #fff; 
	text-align: left; 
	float: left; 
	clear: both;
}
/* END STRUCTURE                              */

/* ------------------------------------------ */
/* HEADER (INCLUDES TAGLINE, RSS, SEARCH AND NAVIGATION)
/* ------------------------------------------ */
#header-right {
	float: left;
	background: url("images/sc-header_02.jpg") no-repeat;
	width: 321px;
	height: 285px;
}

.tagline {
	padding: 10px 20px 0 0;
	font: bold italic .875em Baskerville, Georgia, Times, "Times New Roman", serif;
	text-align: right;
	color: #5c5a6a;
}

.rss-header {
	padding: 30px 10px 20px 0;
	width: 146px;
	float: right;
}

#navbar {
	float: left;
	background: url("images/sc-header_03.jpg") no-repeat;
	width: 1000px;
	height: 25px;
}
	
.navlist {
	margin: 0 0 0 300px;
	height: 25px;
	font: bold italic 1.25em Baskerville, Georgia, Times, "Times New Roman", serif;
	text-align:left;
}
.navlist li {
	padding: .5em;
	display: inline;
}
.navlist a {
	color: #5c5a6a;
	text-decoration: none;
}
.navlist a:hover {
	color: #9290a9;
	text-decoration: none;
}

#search {
	margin: 140px 15px 0 0;
	text-align: right;
}

#search-404 {
	margin: 20px 0 0 0;
}

#cse-search-results {
	width: 470px;
	margin-right: 300px;
}

fieldset.search {
	border: none;
	width: 212px;
}

.search input, .search button {
	border: none;
	float: left;
}

.search input.box {
	font-size: .85 em;
	height: 17px;
	width: 169px;
	padding: 8px 5px 0;
	background: url("images/bg-search.png") no-repeat;
}

.search button.btn {
	width: 27px;
	height: 25px;
	text-indent: -9999px;
	background: url("images/bg-search.png") no-repeat right;
}
/* END HEADER                                 */

/* ------------------------------------------ */
/* CENTER COLUMN                              */
/* ------------------------------------------ */
#container {
	float: left;
	width: 470px;
}

.date {
	font: bold italic .875em Baskerville, Georgia, Times, "Times New Roman", serif;
	text-transform: lowercase;
	color: #ee1200;
	line-height: 1em;
	padding-bottom: 10px;
}

.breadcrumbs {
	font: .75em calibri, trebuchet, "lucida grande", sans-serif;
	text-transform: lowercase;
	color: #ee1200;
	line-height: 1em;
}

.post {
	padding: 10px 0 10px 0;
}

.post h2 {
	font-size: 3em;
	line-height: 1em;
}

.post h2 a {
	color: #ff5300;
}

.entry {
	font-size: 1em;
	line-height: 1.25em;
}

blockquote {
	margin: 0 20px 0 20px;
	border-left: 3px solid #ff5300;
}

blockquote h3 {
	padding-left: 20px;
	font-style: italic;
	color: #ff5300;
}

blockquote p {
	padding-left: 20px;
}

blockquote ul {
	padding: 10px 0 0 40px;
	line-height: 1.5em;
}

.nutrition-info {
	font-size: .75em;
	line-height: 1em;
	color: #5c5a6a;
}

.variations {
	font-style: italic;
	padding-bottom: 5px;
}

.variations ul{
	list-style-type: disc;
	list-style-position: inside;
}

p {
	padding: .75em 0 0 0;
}

p.postmetadata {
	font: bold italic 1em Baskerville, Georgia, Times, "Times New Roman", serif;
	color: #ee1200;
}

.postcomments a{
	background: url("images/icon-comment.png") no-repeat 0 4px;
	padding: 15px 3px 0px 30px;
}

p.postsubscribecomments {
	font: bold italic 1em Baskerville, Georgia, Times, "Times New Roman", serif;
	color: #ee1200;
	line-height: 2.25em;
}

.postsubscribecomments img {
	float: left;
	padding-right: 4px;
}

.postprint a, .postemail a {
	padding: 0 0px 0 6px;
}

.social {
	padding: 20px 0 10px 0;
	border-bottom: 1px solid #1fb2ff;
}

.social a {
	padding: 0 10px 0 0;
}

.social img {
	padding-bottom: 10px;
}

.yarrp {
	margin: 20px 0 20px 0;
}

.yarrp h3 {
	font-size: 1.5em;
	font-style: italic;
	color: #1fb2ff;
	text-transform: lowercase;
	line-height: 1em;
	margin: 0 0 10px 0;
}

.pagenav {
	padding: .75em 0 0 0;
	font-size: .875em;
	font-weight: bold;
	line-height: 1.125em;
}

#adsense {
	padding: 20px 0 20px 0;
	text-align: center;
	display: block;
}

/* END CENTER COLUMN                              */

/* ------------------------------------------ */
/* SIDEBARS                                   */
/* ------------------------------------------ */
.sidebar1 {
	float: left;
	width: 260px;
	margin: 0 20px 0 15px;
	display: inline;
}	

.sidebar2 {
	float: right;
	width: 200px;
	margin: 0 15px 0 20px;
	display: inline;
}	

.sidebar1 ul, .sidebar2 ul {
	list-style-type: none;
	margin: 0;
	padding: 0 10px 0 0px;
}

.sidebar1 ul li, .sidebar2 ul li {
	padding: 10px 0 10px 0;
}

.sidebar1 ul li h2, .sidebar2 ul li h2 {
	font-size: 2.25em;
	color: #1fb2ff;
	text-transform: lowercase;
	line-height: 1em;
	margin-top: 0em;
	margin-bottom: .2em;
}

.sidebar1 ul ul li, .sidebar2 ul ul li {
	padding: 0 0 3px 0;
	line-height: 1em;
}

.sidebar2 img, .sidebar1 img {
	padding-right: 7px;
	float: left;
}

.sidebar2 ul li img {
	padding: 0 0 3px 20px;
	width: 107px;
}

.rss {
	font: bold italic .92em Baskerville, Georgia, Times, "Times New Roman", serif;
	text-transform: lowercase;
	color: #ee1200;
	line-height: 1.5em;
}

.rss img {
	float: left;
	padding-right: 10px;
}

.rss-email {
	font: bold italic .92em Baskerville, Georgia, Times, "Times New Roman", serif;
	text-transform: lowercase;
	color: #ee1200;
	line-height: 1.5em;
	padding-top: 7px;
}

.rss-email img {
	float: left;
	padding: 0 10px 0 0;
}

.twitter {
	padding: 15px 0 60px 10px;
}

#foodblogsearch {
	width: 140px;
	height: 170px;
	background: white;
	border: 1px solid #4D0A0B;
	overflow: hidden;
	text-align: center;
	margin-bottom: 5px;
}


/* END SIDEBARS                               */

/* ------------------------------------------ */
/* AMAZON STORE                               */
/* ------------------------------------------ */

#amazoncontainer {
	float: left;
	width: 680px;
	margin: 0;
	padding: 0;
}

.amazonintro {
	float: left;
	width: 360px;
}

.amazonsearch {
	float: right;
	width: 300px;
}

/* END AMAZON STORE                           */

/* ------------------------------------------ */
/* COMMENTS                                   */
/* ------------------------------------------ */
.comments-template h2, .comments-template h3{
	font-size: 1.5em;
	font-style: italic;
	color: #1fb2ff;
	line-height: 1em;
	padding: 10px 0 10px 0;
}

.comments-template textarea{
	font-size: 1em;
	width: 97%;
}

.htmltags {
	font-size: .75em;
	color: #5c5a6a;
}

ol.commentlist { 
	list-style:none; 
	padding:0; 
	text-indent:0;
}

ol.commentlist li.bypostauthor {
	border-bottom: 1px solid #1fb2ff;
	border-top: 1px solid #1fb2ff;
	}
	
ol.commentlist li.comment { /* can style comments' bottom border line */
	padding: 5px; 
}

ol.commentlist li div.vcard { /* "Name says:" Parent style */
	font: bold italic 1.25em Baskerville, Georgia, Times, "Times New Roman", serif; 
	color: #ee1200; 
} 

ol.commentlist li div.vcard img.avatar { /* avatar */
	border: 1px solid #ccc; 
	float:left; 
	margin: 0 10px 10px 0; 
}

ol.commentlist li div.comment-meta { /* comment date and time */
	font-size: .75em; 
	text-transform: lowercase;
}

ol.commentlist li p { /* comment text */
	font-size: .875em; 
	line-height: 1.25em;
}

ol.commentlist li ul { 
	list-style:square;
}

ol.commentlist li div.reply { /* "reply" link */
	text-align: right; 
	font: bold italic .75em Baskerville, Georgia, Times, "Times New Roman", serif; 
	text-transform: lowercase;

}

ol.commentlist li ul.children { /* styles the unordered list of THREADED comments. Stick with "none" of course. Margin adds space around them. */
	list-style:none; 
	margin:1em 0 0; 
	text-indent:0;
}

ol.commentlist li ul.children li.depth-2 { /* first threaded reply (not the original) */
	margin: 0 0 3px 3px;
}

ol.commentlist li ul.children li.depth-3 { /* second threaded reply */
	margin: 0 0 3px 3px;
}

ol.commentlist li ul.children li.depth-4 { /* third threaded reply */
	margin: 0 0 3px 3px;
}

ol.commentlist li.even { /* styles odd comments (first, third, etc), strangely */
	background:#fff;
}

ol.commentlist li.odd { /* styles even comments */
	background:#eee;
}

ol.commentlist li.parent { /* style comment that instigates the threaded replies. Does not apply to normal comments */
	border-left:1px solid #ccc;
}
/* END COMMENTS                               */

/* ------------------------------------------ */
/* FOOTER                                     */
/* ------------------------------------------ */
#footer {
	background: url("images/sc-footer.jpg") no-repeat;
	clear: both;
	text-align: center;
	width: 1000px;
	height: 140px;
}

.footerrss {
	color: #ee1200;
	text-transform: lowercase;
}

.footerrss img {
	padding-right: 2px;
	vertical-align: bottom;
}

#footer p {
	padding-top: 40px;
}
/* END FOOTER                                 */