/* 
	Theme Name: dunia resep
	Theme URI: http://duniaresep.com
	Description: reciepe theme.
	Author: gusde
	Author URI: http://duniaresep.com
	Version: 1.0
		
	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php
*/

html {
	min-height: 100%;
	}

body {
	font-family: Arial, Helvetica, sans-serif;
	background: #666;
	padding: 0;
	margin: 0;
	min-height: 100%;
}

a {
	color: #fff;
	text-decoration: underline;
	}
	
a:hover {
	text-decoration: none;
	}

#wrap {
	width: 766px;
	float: left;
	text-align: left;
	border-right: 4px solid #ccc;
	padding: 0;
	margin: 0;
	min-height: 100%;
	}

#exterior {
	margin: auto;
	float: left;
	}

#logo {
	width: 230px;
	margin: 70px 0 0 0;
	font-size: 5em;
	font-weight:bold;
	color: #ccc;
	line-height: .7em;
	}

#logo img {
	border: none;
	}

#logo a {
	text-decoration: none;
	color: #ccc;
	}

#logo a:hover {
	color: #fff;
	}
	
#content {
	background-image: url(images/content-background.png);
	background-repeat: repeat-y;
	}

#one {
	width: 179px;
	float: left;
	padding: 16px 0;
	text-align: center;
	min-height: 100%;
	}

#two {
	float: left;
	width: 190px;
	margin: 0;
	padding: 0;
	}
	
	#top-photo {
		padding:0;
		background: #ccc;
		border-bottom: 4px solid #ccc;
		}
	
	#bottom-photo {
		padding:0;
		vertical-align: baseline;
		margin: 16px 0;
		background: #ccc;
		border-top: 4px solid #ccc;
		border-bottom: 4px solid #ccc;
		}
		
	/* sidebar */
	ul.sb {
		margin: 0;
		padding: 0;
		border: 0;
		outline: 0;
		font-size: 100%;
		vertical-align: baseline;
		background: transparent;
		}
		
	li.widget, li.pagenav, li.linkcat {
		list-style: none;
		width: 187px;
		padding: 0 0 1em 0;
		margin: 1em 0;
		background-color: #84e003; 
		color: #333;
		font-size: 0.9em;
		border-top: 4px solid #ccc;
		}
			
		li.widget h2, li.pagenav h2, li.linkcat h2 {
			padding: 5px 5px 5px 0.5em;
			margin: 0;
			border-bottom: 2px solid #ccc;
			color: #F2F2F2;
			background-color: #3F3F3F;
			font-size: 1.01em;
			}
		
		li.widget ul, li.pagenav ul, li.linkcat ul {
			list-style: none;
			margin: 0;
			padding: 0;
			border: none;
			border-bottom: 2px solid #ccc;
			}
		
		li.widget ul li, li.pagenav ul li, li.linkcat ul li {
			border-bottom: 2px solid #ccc;
			margin: 0;
			padding: 0;
			}
		
		li.widget ul li a, li.pagenav ul li a, li.linkcat ul li a {
			display: block;
			padding: 5px 5px 5px 0.5em;
			background-color: #666;
			color: #fff;
			text-decoration: none
			}
		
		html>body li.widget ul li a {
			width: auto;
			}
			
		html>body li.pagenav ul li a {
			width: auto;
			}
		
		html>body li.linkcat ul li a {
			width: auto;
			}
		
		li.widget ul li a:hover, li.pagenav ul li a:hover, li.linkcat ul li a:hover {
			background-color: #FF6633;
			color: #fff;
			}
		
		li.widget ul li ul, li.pagenav ul li ul, li.linkcat ul li ul{
				border: none;
				}
			
		li.widget ul li ul li, li.pagenav ul li ul li, ul li ul {
				border-top: 1px solid #ccc;
				border-bottom: none;
				}
	
	li.widget_recent_comments ul {
		background: #666;
		}
		
		li.widget_recent_comments ul li {
			padding: 5px 5px 5px 0.5em;
			}
	
	li.widget_calendar {
		background: #666;
		font-size: .9em;
		text-align:center;
		color: #F2F2F2;
		border-bottom: 4px solid #ccc;
		}
		
		#wp-calendar {
			padding: 8px 8px 0 8px;
			width: 100%
			}
			
		li.widget_calendar h2 {
			visibility: collapse;
			margin: 0;
			padding: 0;
		}
		
		
#three {
	float: right;
	width: 396px;
	padding: 0;
	margin: 0;
	color: #fff;
	font-size: 1.1em;
	}

#three h2 {
		font-size: 1.3em;
		font-weight: bold;
		margin: 0;
		}
		
	/* search */
	#searchbox {
		padding: 16px;
		background: url(images/search-background.png);
		border-bottom: 4px solid #ccc;
		}
	
	#search {
		background: #fff;
		border: 2px solid #ccc;
		margin: 0;
		}
	
	input#search_input {
		padding: 3px;
		width: 320px;
		border: 0 solid #ccc;
		font: 1em arial;
		cursor: text;
		background: #fff;
		}
	input#searchsubmit {
		cursor: pointer;
		margin-top: 3px;
		}
	
	#search input#searchsubmit:focus {
		outline: none;
		}
	
	/* blurb */
	.blurb {
		background: #006699;  
		padding: 16px;
		border-bottom: 4px solid #ccc;
		background: url(images/header.jpg);
		}
	
	.blurb h1, .blurb h2, .blurb p { 
		margin: 0;
		}
	
	/* post */

	.post, .post_footer {
		padding: 16px;
		border-bottom: 4px solid #ccc;
		font-size: .9em;
		}
	
	.post {
		background: transparent;
		}
	
	.post_footer {
		background: #006699;
		}
		
		.post h2 a, .post_footer h2 a{
			text-decoration: none;
			}
		
		.post h1 {
			margin-top: 0;
			}
			
		.post h2 a:hover, .post_footer h2 a:hover  {
			text-decoration: underline;
			}
		
		p.postmetadata {
			font-size: small;
			}
	
		.post li, .post_footer li {
			padding: 2px 0;
			}
		
		.post img {
			float: right;
			margin: 8px;
			border: 2px solid #ccc;
			padding: 2px;
			display: block;
			}
			
		.post img.wp-smiley {
			float: none;
			margin: 2px;
			padding: 2px;
			border: none;
			}
		
	.ad {
		background: #006699;  
		padding: 16px;
		border-bottom: 4px solid #ccc;
		}

	.page {
		background: transparent;  
		padding: 16px;
		}
		
		.page p  {
			/*font-size: .9em;*/
			}
		
		.page h1 {
			font-size: 1.8em;
			margin: 0 0 16px 0;
			}	
		
	.list {
		padding: 16px;
		}
	
	.list h1 {
		font-size: 1.6em;
		margin: 0 0 8px 0;
		}
	
	.list h2 {
		font-weight: bold;
		padding-top: 32px;
		}
	
	 .list ul {
		list-style-position: inside;
		margin: 0;
		padding: 0;
		}
	
	.list li {
		padding: 4px 0;
		}
	
	.list img {
		float: right;
		margin-left: 8px;
		border-left: 2px solid #ccc;
		display: block;
		}

.izquierda {
	width: 46%;
	float: left;
	}

.derecha {
	float: right;
	width: 46%;
	}

.clear {
	clear: both;
	}

.separador {
	width: 100%;
	margin: 0;
	padding: 0;
	border-top: 4px solid #ccc;
	}


/*footer*/
#footernav {
	width: auto;
	background: #3F3F3F;
	margin: 0;
	padding: 10px;
	border-top: 4px solid #CCC;
	border-bottom: 4px solid #CCC;
	color: #fff;
	font-size: 1.1em;
	}
	
	#footernav p {
		padding: 0 8px 0 4px;
		}
	

#footercopy {
	width: auto;
	background: #5DC7DB;
	margin: 0;
	padding: 10px;
	}
	
	#footercopy p {
		color: #fff;
		font-size: .8em;
		padding: 0;
		margin: 0;
		}
	
	#footercopy ul {
		color: #fff;
		font-size: .8em;
		padding: 0;
		margin: 0;
		}
		
	#footercopy li {
		list-style:none;
		padding: 2px;
		margin: 2px;
		}
	
	#footercopy img {
		border: none;
		padding-right: 4px;
		}


/* Comments */
#comments {
 	padding: 16px;
	}
	
#comments p {
	font-size: .9em;
	}

#commentlist {
	padding: 16px 0 0 0;
	}
		
#commentlist p {
	margin: 0;
	padding: 0;
	}

#commentform {
	margin-top: 24px;
	border-top: 2px solid #0099CC;
	}

#commentform input {
	width: 170px;
	padding: 2px;
	margin: 5px 5px 1px 0;
	border: 2px solid #0099CC;
	}

#commentform textarea {
	width: 352px;
	padding: 2px;
	border: 2px solid #0099CC;
	}

#submit {
	margin: 0;
	cursor: pointer;
	width: 358px;
	border: 2px solid #666;
	}
	
/* extra */

blockquote {
	/*padding: 4px;*/
	}

cite {
	text-decoration: none;
	}
	
code {
	font-family: 'Courier New', Courier, Fixed, sans-serif;
	font-size: 1.1em;
	}

span.min {
	text-transform: lowercase;
	}

span.may {
	text-transform: uppercase;
	}