/*
Theme Name: Delicious
Theme URI: http://www.wpzoom.com/themes/delicious/
Description: 
Version: 1.0
Author: WPZOOM
Author URI: http://www.wpzoom.com/themes/
Tags: red, custom-header, fixed-width, two-columns

	Delicious v1.0
	 http://www.wpzoom.com/themes/delicious/
*/


html, body, div, h1, h2, h3, ul, ol, li, form, fieldset,  
input, textarea {margin: 0; padding: 0; font-size: 100%;}  
ul {list-style: none;}  
img, fieldset {border: 0;}
em {font-style: italic;}
strong {font-weight: bold;}

body {font-family:Arial, Tahoma, Helvetica, sans-serif; font-size: 62.5%; color: #3c4457; background: #3c4457 url(images/back_page.png) repeat top left; text-align:center;}
a {text-decoration:none; color:#ed3939; }
a:hover {text-decoration:underline; color: #586a82; }
h1,h2,h3,h4,h5,h6 {font-weight:normal; margin:0; padding:0; color: #3c4457; font-family: Georgia, Tahoma, Arial, serif; }
p {margin: 0 0 15px; }

::-moz-selection{background:#e6ac00; color:#111;}
::selection{ background:#e6ac00; color:#111; }

#container {width:100%; margin: 0 auto; padding-top: 68px; padding-bottom:0; text-align:left; background: url(images/back_head_white.png) no-repeat top center; }
#container div.wrapper {width: 960px; margin: 0 auto; padding: 0 5px; }
#container div.cleaner {clear: both; font-size:1px; height: 1px; margin:0; line-height: 1px; }
#container div.sep {clear: both; font-size:1px; height: 1px; margin:10px 0; line-height: 1px; background-color: #f6e8c4; }
#container div.wrapper-content {padding: 0 30px; }
#header, #main, #frameEnd {width: 970px; margin: 0 auto; background: url(images/back_frame_top.png) no-repeat top left; }
#header div.wrapper, #main div.wrapper, #footer div.wrapper {background: url(images/back_frame_middle.png) repeat-y top center; text-align: center; padding:0; width: 970px;}
#logo {padding: 40px 0 30px; }

#menuMain {position:relative;}
#menuMain, #menuFooter {width: 1044px; padding-top: 16px; height: 61px; margin: 0 auto; background: url(images/back_ribbon_1.png) no-repeat top left; }
#menuMain div.wrapper, #menuFooter div.wrapper {width: 820px; background: none; }
.frameMenu li {font-size: 11px; font-family: Tahoma, Helvetica, Arial, sans-serif; font-weight: bold; text-transform: none;}

#main {background: none; line-height: 18px; font-size: 12px; text-shadow: #fff 1px 1px 1px;}
#main div.wrapper {padding: 20px 20px 30px; width: 930px; text-align: left; }

#content, #side {float: left; display: inline; }
#content {width: 600px; margin-right: 30px; }
#side {width: 300px; }
div.leftSidebar #content, div.leftSidebar #side {float: right;}
div.leftSidebar #content {margin-right:0; margin-left: 30px; }

.pics { height: 260px; width: 420px; padding: 0; margin:  0;} 
.pics img { width: 400px; height: 250px; top: 0; left: 0; z-index: 500;}

div.box {background: #f6e8c4 url(images/back_box_topleft.png) no-repeat top left; padding: 15px 20px; border-right: solid 2px #e9d7a8; border-bottom: solid 2px #e9d7a8; position: relative; margin: 0 0 30px;}
.flat {margin: -20px 0 -20px !important; }
div.box span.ribbon {width: 29px; height: 57px; display: inline; float: left; background-image: url(images/back_post_ribbon.png); position: absolute; top: -13px; left: 10px; z-index:199; }
div.metaData, #main h2.comments {margin: 0 0 20px 30px; }
div.box img.styled, div.single img, .normalComments img.avatar {border: solid 5px #fff; margin-bottom: 15px;}
p.postmetadata {font-family: Georgia, Tahoma, Arial, serif; font-size: 12px; margin: 5px 0 10px; }
p.readmore {font-family: Helvetica, Arial, Tahoma, sans-serif; font-size: 11px; }
p.readmore a {background-color: #ed3939; line-height: 18px; padding: 4px 6px; color:#fff; -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; text-shadow: none;}
p.readmore a:hover {background-color: #586a82;}

#main h1 {font-size: 24px; line-height: 30px; }

#main h2 {font-size: 18px; line-height: 22px; margin:0 0 18px; }
#side h2 {margin-left: 30px;}
#main h3 {font-weight: bold; font-family: Helvetica, Arial, Tahoma, sans-serif; font-size: 12px; line-height: 18px; margin-bottom: 6px; }
div.post, #hotEntries div.column {font-size: 12px; line-height: 18px; }
#content p, #content li {font-size: 12px; font-family: Georgia, Tahoma, Arial, serif; line-height: 20px; }
blockquote {font-style: italic; margin:0; padding: 0 10px; border-left: solid 4px #e9d7a8; }
div.post div.cover {float: left; display: inline; margin-right: 20px; }
div.post div.cover img {margin-bottom: 5px;}
#content div.post {margin-top: 10px; padding-top: 30px; border-top: solid 1px #fff; }
#main div.archive div.post h2 {margin: 0; }
#main div.archive div.post p.postmetadata {font-size: 11px; }
#main div.archive div.sep {background-color: #fff;}

#footer {background: url(images/back_footer_white.png) no-repeat bottom center; padding-bottom: 35px; }
#frameEnd {background-image: url(images/back_frame_bottom.png);}
#footer div.wrapper {text-align: left; padding-bottom: 1px; }
#footer p a {color: #586a82;}
#footer p {font-family: Georgia, Arial, Tahoma, serif; font-size: 11px; }
#footer p.copy {float: right; }

/* Comments */
#content ol.normalComments {padding: 1em 0; margin:0; }
#content ol.normalComments div.comment-body {position: relative; }
#content ol.normalComments div.reply {position: absolute; top: 0; right: 0; }
#content ol.normalComments li {list-style-type: none; margin: 0 0 1em; padding: 15px 15px 5px; font-size: 14px; line-height: 20px; min-height: 90px; }
#content ol.normalComments li ul.children {padding: 10px 0 0; }
#content ol.normalComments li ul.children li {clear: left; margin: 0 10px 10px 10px; }

#content ol.normalComments img.avatar { float: left; margin: 0 15px 0 0; width: 70px; }
#content ol.normalComments cite {font-size: 12px; line-height: 18px; font-weight: bold; font-style: normal; float: left; display: inline; margin-right: 25px; }
#content ol.normalComments .commentmetadata {line-height: 18px; font-size: 11px; margin-bottom: 10px; }
#content ol.normalComments blockquote {font-size: 12px; line-height: 18px; }
#content ol.normalComments span.says {display: none; }

#content .normalComments li.comment {border: solid 2px #e9d7a8; background-color: #f9f0d9; -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
#content .normalComments li.bypostauthor { border: solid 2px #dfcb98; background-color: #e9d7a8; text-shadow: #f9f0d9 1px 1px 1px;}

#content .normalComments cite.author {color: #333;}

#commentform input, #commentform textarea {background-color: #f9f0d9; border: 4px solid #e9d7a8; color: #333; }
#commentform #submit {background-color: #586a82; color: #fff; border: none; }

.afterpost .navigation .alignleft a, .reply a, .afterpost .navigation .alignright a,.cancel-comment-reply a { padding: 2px 5px; margin-bottom: 5px; font-weight: normal; text-transform: uppercase; background: #586a82; font-size: 10px; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; border: none; text-shadow: 1px 1px #5186a5; color: #fff; }
.afterpost .navigation .alignleft a:hover, .afterpost .navigation .alignright a:hover, .reply a:hover, .cancel-comment-reply a:hover { background: #ed3939; text-shadow: 1px 1px #c36363; text-decoration: none; }
.afterpost .navigation {background:none;}
.afterpost .navigation .alignleft a, .afterpost .navigation .alignright a {width:125px; padding:3px 0 0 3px; text-align:center; height:20px;}

#main h2.comments, #respond h2.comment {float: left; display: inline; }
#commentform {margin-top: 15px; clear: left; }
#commentform code {font-size: 11px; }
#commentform p {margin: 0 0 5px; font-size: 12px;}
#commentform #formLabels {float: left; display: inline; width: 300px; }
#commentform #formContent {float: left; display: inline; width: 520px; }
#commentform label {font-weight:bold; line-height: 2.0em; font-size: 1.1em; display: block; text-transform: uppercase; }
#commentform input {background-repeat: repeat-x;	width: 250px;	padding: 2px 0 2px 5px;	font-size: 18px; margin-bottom: 5px; font-family: Arial, Tahoma, Helvetica, sans-serif; }
#commentform textarea {	width: 450px; height: 100px;	padding: 2px; margin-bottom: 10px;	}
#commentform #submit {font-size: 14px; text-transform: lowercase; padding: 5px 7px; width: auto;}

/* Homepage Styling */
#welcomeMsg {}
#welcomeMsg div.box { padding-top: 20px; }
#welcomeMsg div.cover {float: left; display: inline; width: 410px; margin-right: 20px; }
#welcomeMsg div.content {float: left; display: inline; width: 455px; font-size: 12px; line-height: 20px; font-family: Georgia, Helvetica, Arial, serif; }
#welcomeMsg h1 {margin-bottom: 6px;}

#hotCats {margin-top: 20px; }
#hotCats div.column, #hotEntries div.column {float: left; display: inline; width: 290px; margin-right: 30px; }
#hotEntries div.column {width: 205px; margin-right: 23px; }
#hotCats div.column-last, #hotEntries div.column-last {margin-right: 0;}
#hotCats span.ribbon {left: auto; right: 10px;}
#hotCats h2, #side h2 {border-bottom: dotted 1px #586a82; padding-bottom: 5px; margin-right: 40px; }
#side h2 {margin-right: 0;}

#hotEntries {padding: 0 15px 0 20px;}
#hotEntries h2 {margin: 0 0 10px; }
#hotEntries div.column h3 {margin: 10px 0; font-size: 14px; font-weight: normal; font-family: Georgia, Helvetica, Arial, serif; }

#main .single h2, #main .single h3, #main .single h4, #main .single h5, #main .single h6 {font-weight: normal; font-family: Georgia, Helvetica, Arial, serif; margin-bottom: 12px; } 
#main .single h2 {font-size: 24px; line-height: 30px; }
#main .single h3 {font-size: 20px; line-height: 26px; }
#main .single h4 {font-size: 18px; line-height: 24px; }
#main .single h5 {font-size: 16px; line-height: 22px; }
#main .single h6 {font-size: 14px;  line-height: 18px; }
#main .single-narrow {width: 630px; margin-right: 30px; }
#main .single-full {width: 930px; margin-right: 0; }
#main .single p {margin-bottom: 14px; }
#main .single p img {margin-bottom: 10px;}
#main .single ul, #main .single ol {margin: 0 0 14px 14px; }
#main .single li {list-style-position: inside;} 
#main .single ul li {list-style-type: square;}
#main .single ol li {list-style-type: decimal;}

/* Begin Images */
img.centered {	display: block;	margin-left: auto;	margin-right: auto;	}
img.alignright {	margin: 0 0 5px 10px;	display: inline;	}
img.alignleft {	margin: 0 10px 5px 0;	display: inline;	}
.alignright {	float: right;	}
.alignleft {	float: left	}
/* End Images */

/* Standard Widgets */
#searchform label {font-weight: bold; font-size: 11px; display: none; }
#searchform input {float: left; display: inline; height: 18px; padding: 4px; border: solid 1px #ccc; margin-right: 5px; }
#searchform input#s {width: 175px;}
#searchform input#searchsubmit {	border: none; font-size: 11px; font-weight: bold; height: 28px; width: 60px; padding:0; background-color:#586a82; border: none; color: #fff; }

/* Begin Lists
	Special stylized non-IE bullets
	Do not work in Internet Explorer, which merely default to normal bullets. */
/* Begin Various Tags & Classes */
acronym, abbr, span.caps {	cursor: help;	}
acronym, abbr {	border-bottom: 1px dashed #999;	}
.center {	text-align: center;	}
.hidden {	display: none;	}
hr {	display: none;	}
a img {	border: none;	}
.navigation {	display: block;	text-align: center;	margin-top: 10px;	margin-bottom: 10px;	}
/* End Various Tags & Classes*/

/* Captions */
.aligncenter, div.aligncenter {	display: block;	margin-left: auto;	margin-right: auto;}
.alignright {margin: 0 0 15px 10px; }
.alignleft {margin: 0 10px 15px 0; }
.wp-caption {	border: 4px solid #e9d7a8;	text-align: center;	background-color: #f9f0d9;	padding-top: 4px;	margin: 10px;}
.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 */
img#wpstats{display:none}
.rssBtn {
	background:transparent url(images/rss.png) no-repeat scroll right top;
	color:white !important;
	font-family:Tahoma;
	font-size:11px;
	font-weight:bold;
	padding:9px 40px 9px 5px;
	position:absolute;
	right:108px;
	top:15px;
	z-index:100;
}

#content .bigList li {
font-size:16px;
padding:0 0 10px;
}
#content .bigList {
background-color:#F9F0D9;
border:4px solid #E9D7A8;
padding:10px;
}

.mainBoxList { padding:5px 10px; }
.mainBoxList li{
	font-size:11px;
	list-style:disc inside none;
}

.withRightMargin { 
	margin-right:20px;
	border-bottom:2px solid #E9D7A8;
	border-right:2px solid #E9D7A8;
	border-left:1px solid #F6E8C4;
	border-top:1px solid #F6E8C4;
	height: 125px;
	width: 125px;
}