/* **********************************************************************************************************************************

    Theme Name: dnbps grunge
    Theme URI: http://www.dnbps.org/themes/grunge
    Description:  dnbps grunge is a wordpress theme inspired by Cellar Heat Light, a theme by <a href="http://www.evaneckard.com">Evan Eckard</a> and <a href="http://www.smashingmagazine.com">Smashing Magazine</a>.
    Version: 1.0
    Author: Damien Phillips-Sylvain
    Author URI: http://www.dnbps.org/

********************************************************************************************************************************** */

/* *

	yellow		255,197,21	ffc515
	burgandy	89,25,49	591931

* */
html, body, div, span, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, code,del, dfn, em, img, q, dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td { margin:0; padding:0; border:0; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; vertical-align:baseline;}

html { font-size:100.01%; }
body {position: relative; min-width: 1040px;font-size:75%; color:#222; background:#fff; font-family:"Lucida Grande", Arial, Lucida, sans-serif;line-height:1.5; }
table { border-collapse:separate; border-spacing:0; }
caption, th, td { text-align:left; font-weight:normal; }
table, td, th { vertical-align:middle; }
blockquote:before, blockquote:after, q:before, q:after { content:""; }
blockquote, q { quotes:"" ""; }
a img { border:none; }


h1,h2,h3,h4,h5,h6 { font-weight:normal; color:#111; }
h1 { font-size:3em; line-height:1; margin-bottom:0.5em; }
h2 { font-size:2em; margin-bottom:0.75em; }
h2 { font-size:1.5em; line-height:1; margin-bottom:1em; }
h3, h3 { font-size:1.2em; line-height:1.25; margin-bottom:1.25em; }
h5 { font-size:1em; font-weight:bold; margin-bottom:1.5em; }
h6 { font-size:1em; font-weight:bold; }

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, a {text-decoration: none;}

hr {background: transparent; border-bottom: 1px solid green; width: 100%; margin: 0px 0; height: 17px;}
blockquote {width: 80%; margin: 18px auto;}
blockquote p { margin-bottom: 18px;}

p.aligncenter {text-align: center;}

.alignright {float: right;}
.alignleft {float: left;}
.aligncenter {display: block;margin: 0 auto;}
img.alignright {padding: 4px;margin: 0 0 2px 7px;display: inline;}
img.alignleft {padding: 4px;margin: 0 7px 2px 0;display: inline;}
img.aligncenter {display: block; margin: 0 auto;}
.clear {clear: both;}

/* *

Structure

* */
.container {position: relative; width:983px; margin:-90px auto 0;}

#header {position: relative; height: 306px; margin: 0; padding: 0;}
#header .container {margin: 0 auto;}
#header #site-name {position: relative; top: 108px; height: 108px;float: left;}
#header #site-name h1 {font:normal 10em/1 "Times";}
#header #site-name h1 a {color:rgba(44,36,128,0.75); text-decoration: none;}
#header #site-name h1 .description {display: inline; margin: 0 0 0 0px; vertical-align: -5px; font: normal 0.12em/1.25 "Lucida Grande",sans-serif;}

/* nav */

#header #nav {
	padding:0;
	margin:0;	
}
#header #nav li {
	float:left;
	margin:0 2px 16px 0;
	padding:0;
	list-style:none;
}
#header #nav a {
	display:block;
	float:left;
	padding:0px 10px;
	color:rgb(71,72,128);
	text-decoration:none;
	text-transform:uppercase;
	border-bottom:2px solid rgb(255,153,80);
}
#header #nav a:hover {
	background:rgba(255,113,15,0.45);
	color:rgb(255,207,92);
	border-bottom:2px solid rgb(71,72,128);
}
#header #nav .current_page_item a {
	background: rgba(255,113,15,0.45);
	color:rgb(45,25,35);
	border-bottom:2px solid rgb(71,72,128);
}

/* search */

#search {
	width:332px;
	height:54px;
	overflow:hidden;
	float:right;
	background:url(images/search-bg.png) no-repeat;
	margin:18px 0 0;
}
#search form {
	padding:0;
	margin:0;
}
#search input[type="text"] {
	margin:9px 0 0 9px;
	width:208px;
	color:rgb(255,214,39);
	background:white;
	font-size:1.1em;
	border-style:none;
}
#search input[type="submit"] {
	width:84px;
	height:18px;
	border-style:none;
	float:none;
	background: transparent;
	cursor:pointer;
}

#search #nav {width:314px;margin:0;}

#search #nav li {margin: 0;}
/*#search #nav li:first-child {border-left: none;-moz-border-radius-bottomleft: 5px;-webkit-border-bottom-left-radius: 5px;}
#search #nav li:last-child {border-right: none;-moz-border-radius-bottomright: 5px;-webkit-border-bottom-right-radius: 5px;}
*/
#search #nav a {color:rgb(16,89,42);padding:3px 5px;font-size:1.3em;text-transform: none;border: none;text-shadow: rgb(26,19,62) 1px 1px 3px;
}


#articles {background: rgba(255,197,21,0.5);width:100%; padding-top: 18px; float: left;}
#articles .article {width:704px; margin: 0 9px 0 0; float:left;}
#articles .article .post {width: 678px; margin: 0 9px 16px;overflow: hidden;}
#articles .article .home {max-height: 306px;}
#articles .article .post p {margin-bottom: 18px; text-align: justify;}
#articles .article .comments {display:block; background: rgba(89,25,49,0.35); width:208px; padding-left: 31px; float:left;}
#articles .article .read-more {display:block; background: rgba(89,25,49,0.35); width:394px; padding: 0 31px 0 40px; float:left; text-align: right;}
#articles .article .post h2 {margin-bottom: 0;}
#articles .article .post .meta {display: block; font-size: 7.5pt; margin-bottom: 2.1em;}
#articles .article .post ol { margin: 0 0 0 20px; list-style-position: outside; list-style: decimal;}

#articles .hentry {margin-bottom: 2em;}
#articles .hentry p {margin-bottom: 1em;}
#articles .lyrics ul {list-style: none;}
#articles .lyrics ul li a {font-size:1.5em; line-height:1; margin-bottom:1em;}
#articles .lyrics ul li ul li a {font-size:1.2em; line-height:1.25; margin-bottom:1.25em;}

#recent-articles {width: 100%; margin: 18px 0 0;}
#recent-articles .article {background: rgba(14,19,98,0.35); width: 239px; margin: 0 9px 27px 0;}
#recent-articles .last {margin-right: 0;}
#recent-articles .article .post {width: 221px; height: 279px; margin: 9px auto; }
#recent-articles .article .post h3 {font-size: 15px; margin-bottom: 0.5em;}
#recent-articles .article .comments {display:block; background: rgba(89,25,49,0.35); width:110px; padding:0 0px 0 9px; float:left;}
#recent-articles .article .read-more {display:block; background: rgba(89,25,49,0.35); width:110px; padding:0 9px 0 1px; float:left; text-align: right;}

#articles .sidebar {width: 270px; float: left; }
#articles .sidebar .post {width: 270px; margin: 0 auto 36px; padding: 9px 0;}
#articles .sidebar .post h3 { margin-left: 18px; margin-right: 18px;}
#articles .sidebar .post p {margin: 0 18px 9px;}
#articles .sidebar .ad {width: 252px; margin: 0 auto 18px; text-align: center;}

/* comments */

ol.commentlist { list-style:none; margin:0; padding:0; }
ol.commentlist li { background-color: rgba(22,18,64,0.25); margin:0 0 18px; padding:9px 7px 9px 31px; position:relative; }

ol.commentlist li div.vcard { font: bold 1.167em/1.27 verdana,arial,sans-serif; margin-bottom: 9px; }
ol.commentlist li div.vcard cite.fn { font-style:normal; font-size: 0.917em; }
ol.commentlist li div.vcard cite.fn a.url { color:#cc0000; text-decoration:none; }
ol.commentlist li div.vcard cite.fn a.url:hover { color:#000; }
ol.commentlist li div.vcard img.avatar { background: #fff; border:1px solid #aaa; padding: 5px; left:7px; position:absolute; top:7px; }

ol.commentlist li div.comment-meta {font-weight:bold; font-size: 0.83em; position:static; float: right; margin:-33px 0 0; text-align:right;}
ol.commentlist li div.comment-meta a { color:#205B87; text-decoration:none; }

ol.commentlist li p { margin:0px 0 9px; }

ol.commentlist li div.reply { background:#999; padding-top: 1px; border:1px solid #666; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; color:#fff; font:bold 0.75em/1.7 verdana,arial,sans-serif; text-align:center; width:5em; }
ol.commentlist li div.reply:hover { background:#cc0000; border:1px solid #cc0000; }
ol.commentlist li div.reply a { color:#fff; text-decoration:none; text-transform:uppercase; }

ol.commentlist li ul { font-weight:normal; list-style:square; }
ol.commentlist li ul.children { list-style:none; margin:9px 0 0; text-indent:0; }
ol.commentlist li ul.children li.depth-2 { margin:0; }
ol.commentlist li ul.children li.depth-3 { margin:0; }
ol.commentlist li ul.children li.depth-4 { margin:0; }
ol.commentlist li ul.children li.depth-5 { margin:0; }
ol.commentlist ul.children li.odd { background:rgba(255,182,16,0.25); }
ol.commentlist ul.children li.even { background:rgb(255,198,23,0.25); }
ol.commentlist ul.children li.depth-5 div.reply {display: none; }

ol.commentlist li.pingback comment-author { padding:0 170px 0 0; }
ol.commentlist li.pingback div.vcard { padding:0 170px 0 0; }


/* comment form styles */
#commentform div.alignleft {width: 36%;}
#commentform div.alignright {width: 61%;}
#commentform fieldset {
	background: rgb(255,198,23);
	background: rgba(255,198,23,0.45);
	color: rgb(42,13,20);
	width:100%;
	padding:17px 0 11px;
	border: none;
	font: bold 1.4em/1.075 "Lucida Grande", Arial, sans-serif;
}
#commentform div.alignleft p {margin-bottom: 11px;}
#commentform input {
	color:rgb(16,89,42);
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	border:1px solid rgb(14,19,98);
	width:95%;
	background: rgba(42,13,20,0.35);
	margin: 0;
	padding:5px;
}
#commentform label {}
#commentform label small {font-size: 0.75em; font-weight: normal;margin: 0; padding-left: 31px;}
#commentform label[for="author"],
#commentform label[for="email"] {color: rgb(134,38,73);}
#commentform label[for="author"] small,
#commentform label[for="email"] small {padding-left: 1em;}
#commentform label[for="author"]:before,
#commentform label[for="email"]:before {content: '\21D2';}
#commentform label small.required:after {content: '\0020\0020 *';}
#commentform textarea {
	color:rgb(16,89,42);
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	border:1px solid rgb(14,19,98);
	width:95%;
	height:180px;
	background:rgba(42,13,20,0.35);
	margin: 0 auto;
	padding:8px 0;
}
#commentform #submit {
	display: block;
	background:rgba(16,89,42,0.5);
	color:rgb(42,13,20);
	height:26px;
	margin: 5px auto;
	padding:0;
	border-style:none;
}

/* Gallery */

.smoothgallery{
	width: 500px !important; /*override default size*/
	height: 322px !important;
	margin: 16px auto 18px !important;
	border:none; 
} 
.smoothgallery p, .smoothgallery h3{
	display:none;	/*show only images if jscript is off*/
}

#footer {background: rgba(89,25,49,0.5); height: 117px;}
#footer .left-col {width:57.5%; float: left;}
#footer .right-col {background: url(images/footer-bg.r.png) no-repeat 120% 100%; width: 42.5%; height: 117px; margin: 0; padding: 0; float: right;}
#footer,
#footer a {color: rgb(36,36,64); text-decoration: none;}
#footer a:hover {text-decoration:underline;}
#footer .right-col p:first-child {margin-top: 18px;}
#footer ul.links { display: block; float: left; margin: 0; padding: 0; }
#footer ul.links li { display: block; float: left; list-style: none; }
#footer ul.links li:after { content: "\2234"; padding: 0 5px; }
#footer ul.links li.last:after { content: ""; padding: 0; }

/* ----------------------------------- */

html.custom {background: url(images/body-bg.jpg) no-repeat rgb(255,197,21); position: relative;}
.custom body {background: url(resources/theme/images/footer.png) repeat-x bottom left transparent; }

.custom #recent-articles .article,
.custom #articles .sidebar .post {background:url(images/article-bg.jpg) no-repeat; opacity: 0.8;}

.custom #header {background:url(images/header-bg.png) no-repeat transparent;}
.custom #search input[type="text"] {background: transparent; background-color: rgba(255,182,16,0.35);}
.custom #header #site-name h1 {font:normal 10em/1 "Vtks Mercearia";}
.custom #header #site-name h1 a {color:rgba(44,36,128,0.75); text-decoration: none;}
.custom #header #site-name h1 .description {vertical-align: baseline;}

.custom #articles a {color: rgb(14,19,98); }
.custom .sidebar .post {-webkit-border-top-right-radius: 17px; -moz-border-radius-topright: 17px; border-top-right-radius: 17px; -webkit-border-bottom-left-radius: 17px; -moz-border-radius-bottomleft: 17px; border-bottom-left-radius: 17px;}
.custom .sidebar .tags {margin-top: 36px;}
.custom #articles .post a:hover,
.custom .sidebar .tags a:hover { text-decoration: underline; }

.custom #footer.gradient { background: -webkit-gradient(linear, left bottom, right top,color-stop(0.25, rgba(128,27,27,0.75)), color-stop(0.65, rgba(189,17,17,0.55)), color-stop(0.89, rgba(255,197,23,0.25))); background: -moz-linear-gradient(left bottom, rgba(128,27,27,0.75) 25%, rgba(189,17,17,0.55) 65%, rgba(255,197,23,0.25) 89%); }


/* **********************************************************************************************************************************

	Threaded Comments

********************************************************************************************************************************** */


.custom ol.commentlist li {background: rgb(42,13,20); background-color:rgba(42,13,20,0.35); margin: 0 0 17px; padding: 0 7px 7px 29px; border-left: 2px solid rgb(42,13,20); border-bottom: 2px solid rgb(89,35,49); -webkit-border-top-right-radius: 17px; -moz-border-radius-topright: 17px; border-top-right-radius: 17px; -webkit-border-bottom-left-radius: 17px; -moz-border-radius-bottomleft: 17px; border-bottom-left-radius: 17px;}
.custom ol.commentlist li div.vcard {position: relative; left: 4px; padding-top: 9px; border-bottom: 1px solid rgb(255,197,21);}
.custom ol.commentlist li div.vcard img.avatar { top: 5px; left: 5px; padding: 6px; border: none; z-index: 10;}
.custom ol.commentlist li.bypostauthor {color: rgb(8,45,21); border-left-color: rgb(16,89,42); border-bottom-color: rgb(16,89,42);}
.custom ol.commentlist li div.vcard cite.fn { background: rgb(255,197,21); color: rgb(42,13,20); margin-left: 52px; padding: 4px 5px;  }
.custom ol.commentlist li div.vcard cite.fn a.url { color:rgb(42,13,20); text-decoration:none; }
.custom ol.commentlist li div.vcard cite.fn a.url:hover { color:rgb(89,35,49); }
.custom ol.commentlist li div.vcard span.says {display: none;}

.custom ol.commentlist li div.comment-meta { position: relative; top:-7px; margin: 0 0 2px; border-top: 1px solid rgb(255,197,21); float: none; text-align:left; text-indent: 61px;}
.custom ol.commentlist li div.comment-meta a { color:#205B87; text-decoration:none; }
.custom ol.commentlist li p { margin-left:62px; }
.custom ol.commentlist li div.reply { color:#fff; margin-left: 62px; text-decoration:none; text-transform:uppercase; }

.custom ol.commentlist li ul.children {margin-top: 8px;}

/* **********************************************************************************************************************************

	Article definitions for the home and single pages

********************************************************************************************************************************** */
@font-face {
  font-family: "Vtks Mercearia";
  src: url(resources/fonts/VtksMercearia.ttf);
} /* Header sitename font */