/*
Theme Name: DelliStore
Theme URI: http://www.magznetwork.com/
Description: A free wordpress theme for a e-commerce web site, restaurant, pool and spa web-sites and other caters, ventures and facilities.
Version: 1.0
Author: Agus MU
Author URI: http://magznetwork.com/
Tags: fixed-width, two-columns, theme-options, threaded-comments, right-sidebar, green

	DelliStore Wordpress Theme v1.0
	 http://www.magznetwork.com/

	This theme was designed and built by Dellustrations http://www.dellustrations.com/templates.html 
	for SmashingMagazine readers,
	http://www.smashingmagazine.com/2009/05/02/dellistore-a-free-professional-cssxhtmlpsd-template/

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php
	
*/

body{
	margin:0;
	padding:0;
	background:#4b4a4a url(img/bg-body.png) repeat-x 0 0;
	font:62.5%/1.4 Verdana, Tahoma, sans-serif;
}
img{border:none;}
form,fieldset{margin:0;padding:0;border:0;}
a {color:#fff;}
#page{
	width:942px;
	overflow:hidden;
	margin:0 auto;
	padding:0 0 45px;
	font-size:1.2em;
}

/* header */

#header{
	width:100%;
	height:374px;
	overflow:hidden;
	background:url(img/bg-header-transparent.png) no-repeat 0 0;
}
#header .background{
	width:100%;
	height:374px;
	overflow:hidden;
	background:url(img/bg-header.jpg) no-repeat 27px 0;
}
h1{margin:0;}
h1  a{
	width:236px;
	height:36px;
	margin:15px 0 0 45px;
	float:left;
	background:url(img/bg-logo.png) no-repeat 0 0;
	text-indent:-9999px;
	overflow:hidden;
}

/* navigation */

#header ul{
	float:right;
	margin:15px 0 0;
	padding:0 41px 0 0;
	list-style:none;
}
#header ul li{
	float:left;
	display:inline;
	height:44px;
	margin:0 0 0 10px;
	background:url(img/bg-nav-link.png) no-repeat 0 0;
}
#header ul li a{
	float:left;
	height:29px;
	padding:6px 10px 0 11px;
	font-size:1.33em;
	font-weight:bold;
	text-decoration:none;
	color:#69644D;
	background:url(img/bg-nav-link-right.png) no-repeat 100% 0;
}
#header ul li a:hover{
	color:#AFBD76;
}
#header ul li.current_page_item{
	background:url(img/bg-nav-link-active.png) no-repeat 0 0;
}
#header ul li.current_page_item a,
#header ul li.current_page_item a:hover{
	height:38px;
	color:#2D3C18;
	background:url(img/bg-nav-link-active-right.png) no-repeat 100% 0;
}

/* content */

#content{
	width:100%;
	overflow:hidden;
	margin:9px 0 0;
	color:#90AF94;
}

/* left column */

#leftcol{
	width:634px;
	float:left;
	padding:0 0 0 14px;
	
}
#leftcol .block{
	width:100%;
	overflow:hidden;
	margin:2px 0 0;
}
#leftcol .block .block-top{
	width:100%;
	height:33px;
	background:url(img/bg-leftblock-top.png) no-repeat 0 0;
}
#leftcol .block .block-content{
	width:522px;
	overflow:hidden;
	padding:15px 56px;
	background:url(img/bg-leftblock.png) repeat-y 0 0;
}
#leftcol .block .block-bottom{
	width:100%;
	height:33px;
	background:url(img/bg-leftblock-bottom.png) repeat-x 0 0;
}
#leftcol .block h2,
#rightcol .block h3{
	margin:0;
	padding:0 0 4px;
	font:bold 2.09em 'Trebuchet MS', Arial, sans-serif;
	color:#A4C0A8;
	background:url(img/bg-h2.gif) repeat-x 0 100%;
}
#leftcol .block h2 span,
#rightcol .block h3 span{
	color:#C0D765;
}
#leftcol .block h2 a {
	color:#A4C0A8;
	border:none;
	text-decoration: none;
}
#leftcol .block-content p{
	margin:12px 0 0;
}
#leftcol .block-content p strong{
	color:#C0D766;
}
#leftcol .block-content img.cake{
	float:right;
	display:inline;
	margin:-6px -14px -11px 0;
}
#content a.yellow-button, #content a.more-link , #content a.post-edit-link{
	float:left;
	color:#4A3915;
	font-weight:bold;
	text-decoration:none;
	margin:14px 10px 0 0;
	background:url(img/bg-yellow-button.png) no-repeat 0 0;
}
#content a.yellow-button span, #content a.more-link span, #content a.post-edit-link span{
	float:left;
	height:22px;
	padding:5px 9px 0 10px;
	cursor:pointer;
	background:url(img/bg-yellow-button-right.png) no-repeat 100% 0;
}
#leftcol .block .clear{
	width:100%;
	overflow:hidden;
	margin:14px 0 0;
}
#leftcol .block .border-left-top{
	float:left;
	background:#213223 url(img/bg-border-left-top.gif) no-repeat 0 0;
}
#leftcol .block .border-right-top{
	float:left;
	background:url(img/bg-border-right-top.gif) no-repeat 100% 0;
}
#leftcol .block .border-left-bottom{
	float:left;
	background:url(img/bg-border-left-bottom.gif) no-repeat 0 100%;
}
#leftcol .block .border-right-bottom{
	float:left;
	padding:5px;
	background:url(img/bg-border-right-bottom.gif) no-repeat 100% 100%;
}
#leftcol .block .border-left-top img{
	display:block;
}
#leftcol .block .image-left{
	margin:2px 18px 0 0;
}
#leftcol .clear p{
	margin:0;
}
#leftcol .links{
	width:560px;
	margin:0 -8px 0 18px;
	overflow:hidden;
	padding:14px 0;
}
#leftcol .links ul{
	float:left;
	display:inline;
	width:170px;
	margin:0;
	padding:0;
	list-style:none;
}
#leftcol .links ul li{
	float:left;
	width:100%;
	margin:7px 0 0;
}
#leftcol .links ul li a{
	float:left;
	padding:0 0 0 20px;
	color:#90B094;
	background:url(img/bg-link-bullet.png) no-repeat 0 4px;
}
#leftcol .links ul li a:hover{
	text-decoration:none;
}
#contact-form ul{
	width:100%;
	float:left;
	margin:0;
	padding:0 0 12px;
	list-style:none;
}
#contact-form li{
	float:left;
	width:100%;
	margin:13px 0 0;
}
#contact-form label,
#signup-form label{
	float:left;
	width:100%;
	padding:0 0 3px;
	font-weight:bold;
}
#contact-form label span{
	color:#F47C2A;
}
#contact-form input,
#contact-form textarea,
#signup-form input{
	float:left;
	font:1em Verdana, Tahoma, sans-serif;
	border:0;
	color:#90AF94;
	background:#1C2B1E;
}
#contact-form input,
#signup-form input{
	width:295px;
	margin:0;
	padding:6px 5px 5px;
	height:17px;
}
#contact-form textarea{
	width:380px;
	height:85px;
	margin:0;
	padding:0 0 0 5px;
	background:#1C2B1E;
}
#contact-form li.submit{
	margin:0;
}
#leftcol #contact-form p{
	margin:0;
	float:left;
	font-size:0.84em;
}
#leftcol #contact-form p span{
	font-size:1.2em;
	font-weight:bold;
	color:#F47C2A;
}
#contact-form li.submit input,
#signup-form input.submit{
	float:right;
	width:112px;
	height:27px;
	padding:0;
	margin:6px 137px 0 0;
	font-weight:bold;
	color:#4A3915;
	background:url(img/bg-submit.png) no-repeat 0 0;
}


/* right column */

#rightcol{
	width:276px;
	float:left;
	padding:0 0 0 0px;
}
#rightcol .block{
	width:100%;
	overflow:hidden;
	margin:2px 0 0;
}
#rightcol .block .block-top{
	width:100%;
	height:33px;
	background:url(img/bg-rightblock-top.png) no-repeat 0 0;
}
#rightcol .block .block-content{
	width:166px;
	overflow:hidden;
	padding:15px 55px 20px;
	background:url(img/bg-rightblock.png) repeat-y 0 0;
}
#rightcol .block .block-bottom{
	width:100%;
	height:33px;
	background:url(img/bg-rightblock-bottom.png) repeat-x 0 0;
}
#rightcol ul{
	width:100%;
	overflow:hidden;
	margin:10px 0 0;
	padding:0;
	list-style:none;
	line-height:1.42em;
}
#rightcol li{
	float:left;
	width:100%;
	padding:5px 0 6px;
	margin:0 0 -1px;
	background:url(img/bg-h2.gif) repeat-x 0 100%;
}
#rightcol li a{
	float:left;
	color:#90AF94;
	text-decoration:none;
}
#rightcol li a:hover{
	color:#fff;
}
#rightcol li strong{
	float:right;
	color:#C0D765;
}
#signup-form{
	margin:12px 0 0;
}
#signup-form input{
	width:155px;
}
#signup-form input.submit{
	width:72px;
	margin:7px 0 0;
	padding:0 0 1px;
	background:url(img/bg-submit-signup.png) no-repeat 0 0;
}
#rightcol .free-cake{
	width:100%;
	overflow:hidden;
	margin:9px 0 0;
}
#rightcol .free-cake img{
	float:left;
	margin:0 17px 0 0;
}
#rightcol .free-cake p{
	float:left;
	margin:0;
	font-weight:bold;
}
#rightcol .free-cake p strong{
	display:block;
	color:#D3EAD6;
}
#rightcol .free-cake a.yellow-button{
	margin:11px 0 0;
}

/* footer */

#footer{
	width:860px;
	overflow:hidden;
	margin:12px 24px 0;
	padding:16px 17px 14px;
	font-size:0.84em;
	line-height:1em;
	background:#333333;
	color:#8D8D8D;
}
#footer p{
	float:left;
	margin:0;
	line-height:1.1em;
}
#footer p a{
	color:#B3B3B3;
}
#footer ul{
	float:right;
	display:inline;
	overflow:hidden;
	margin:0 -8px 0 0;
	padding:0 0 3px;
	list-style:none;
}
#footer li{
	float:left;
	padding:0 8px 0 7px;
	margin:0 0 0 -1px;
	border-left:1px solid #8D8D8D;
}
#footer ul a{
	color:#8D8D8D;
	position:relative;
}
#footer a{
	text-decoration:none;
}
#footer a:hover{
	text-decoration:underline;
}

#content .postmetadata {
	clear: both;
	margin:0;
	padding:10px 0 0 0;
}

#comments, #pings, #respond {padding: 15px 0px 2px 0px;margin: 0px 0px 0px 0px;clear:both;text-transform:none;}
#content .alt { margin: 0;padding: 10px;}
#content .commentlist {padding: 0;margin: 0;}
#content .commentlist li {margin: 10px 0 0px;padding: 10px 10px 10px 10px;list-style: none;background:#1C2B1E;border:#90AF94 1px solid; }
#content .commentlist li ul {padding: 0;margin: 0;}
#content .commentlist li ul li {margin-right: 0px;margin-left: 0px;}
#content .commentlist li .avatar {float: right;border: 1px solid #eee;padding: 2px;background: #fff;}
#content .commentlist cite, .commentlist cite a {font-weight: bold;font-style: normal;}
#content .commentmetadata {font-weight: normal;}
#content .children { padding: 0; }
#content .nocomments {text-align: center;margin: 0;padding: 0;}
#content .commentmetadata {margin: 0;display: block;}
#content .thread-alt {background-color: #f8f8f8;}
#content .depth-1 {}
#content .even, .alt {}
#content .says {display:none;}
.cancel-comment-reply small {font-size:1em;}

#commentform {margin-top: 10px;font: 110% Arial, Helvetica, sans-serif;}
#commentform label, #commentform label small{font-weight: normal;font-size: 100%;}
#commentform label span{font-weight: normal;}
#commentform input{width: 400px;	color:#90AF94;
	background:#1C2B1E;border:#90AF94 1px solid; 
padding: 3px;margin-top: 3px;}
#commentform textarea{width: 400px;height: 135px;color:#90AF94;
	background:#1C2B1E;border:#90AF94 1px solid; padding: 3px;margin-top: 3px;}
#commentform #submit {width: 150px;padding: 4px 12px;font: bold 12px Arial, Helvetica, sans-serif;color:#90AF94;
	background:#1C2B1E;border:#90AF94 1px solid; }
#commentform #submit:hover {background: #000;color: #fff;cursor:pointer;}
#commentform textarea:focus, #commentform input[type="text"]:focus {background: #fff; color:#000;}


/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

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
	}
/* End Images */



/* 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;
	}
	
.screen-reader-text {
     position: absolute;
     left: -1000em;
}

hr {
	display: none;
	}

a img {
	border: none;
	}

.navigation {
	display: block;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 60px;
	padding: 0 15px;
	}
/* End Various Tags & Classes*/



/* Captions */
.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption {
	border: 1px solid #213223;
	text-align: center;
	background-color: #213223;
	padding-top: 4px;
	margin: 10px 5px;
	-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: 12px;
	padding: 0 4px 5px;
	margin: 0;
}
/* End captions */