/*  
Theme Name: Dazza
Theme URI: http://www.dazza.sg
Description: A theme for Wordpress
Version: 1.0
Author: Dazza
Author URI: http://www.dazza.sg

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


TABLE OF CONTENTS

  Core CSS
  HTML Tags
  Structure
  Headers
  Content Styles
  	 Misc
  	 Sidebar
  	 Single Post
  	 Archives
  Post Styles
  Comments
  Form Elements
  Float Clearing
  Footer
  Sitemap
  Featured Posts Slider
  Plugin Style Overwrites
  


/* ---------- @ Core CSS -----------*/

@import url('css/nav.css');
@import url('css/fonts.css');
@import url('css/sociable.css');
@import url('css/twitter.css');
@import url('css/profile.css');

/* ---------- @ HTML Tags -----------*/

* {	margin:0; padding:0; outline:none; }

body,html {	
	min-height:101%; /*Firefox scrollbar fix*/
}
	
body {
	/*background:#F4BA2F;  Orange Yellow */
	/*background:#9F988B; Grey */
	background:#f2f2f2;z
	color: #1d1d1d;
	}

body, select, input, textarea {font: 12px "lucida grande",tahoma,verdana,arial,Sans-Serif; color: #444;}
hr {display: block;	height:1px;	background:#d7d7d7;	border:0; color:#d7d7d7;}
table {border-collapse:collapse; width:100%; margin:15px 0;}
td { padding:4px 6px; vertical-align: top;}
table caption {background:#f5f3ee; padding:2px 0;}	
a, a:visited {color: #F4BA2F; text-decoration: none;}
a:hover, a:active {color:#9F9177; text-decoration: none;}
a img, a:visited img {border: 0;}
blockquote {color:#76767a; padding:0 18px; margin:25px 45px; border-left:3px solid #DDD; font:italic 1em Georgia, "Times New Roman", Times, serif; letter-spacing:0.02em;}
pre {width:100%; overflow:auto;}
p {margin: 15px 0 15px 0; line-height:130%;}

/* ---------- @ Structure -----------*/

#page {width:960px;	min-height: inherit; margin:0 auto;	padding: 0 10px; background: none;}
#wrapper {background:#FFF; padding:15px 15px 15px 15px;	margin-bottom: 30px;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-khtml-border-radius: 8px;
	-webkit-border-radius: 8px;
	box-shadow: #c4c4c4 2px 2px 4px;
	-moz-box-shadow: #c4c4c4 2px 2px 4px;
	-khtml-box-shadow: #c4c4c4 2px 2px 4px;
	-webkit-box-shadow: #c4c4c4 2px 2px 4px;
	border:1px solid #ddd;
	zoom: 1; /* for ie6 */
}

#masthead {
	padding:40px 15px 28px;
	margin-bottom: 15px;
	background: #fff url(images/slashbig.png) repeat-x;
	border-radius: 0 0 8px 8px;
	-moz-border-radius: 0 0 8px 8px;
	-khtml-border-radius: 0 0 8px 8px;
	-webkit-border-bottom-left-radius:8px; /* for webkit based browsers */ 
	-webkit-border-bottom-right-radius:8px; /* for webkit based browsers */
	box-shadow: #6F6553 2px 2px 4px;
	-moz-box-shadow: #c4c4c4 2px 2px 4px;
	-khtml-box-shadow: #c4c4c4 2px 2px 4px;
	-webkit-box-shadow: #c4c4c4 2px 2px 4px;
	border:1px solid #ddd;
	border-top:0;
	zoom: 1; /* for ie6 */
}

#content {width:680px; float: right;}
#content p{font-size: 12px;line-height:145%;}

#description {font: italic 1.2em Georgia, "Times New Roman", Times, serif; color:#888787; padding: 0 0 0 20px; border-left:1px dotted #7c7c7c; margin:13px 0 0 20px; float:left; letter-spacing:0.01em;}
	
.left {float:left;}
.right {float:right;}
	
/* ---------- @ Headers -----------*/
h1, h2, h3, h4, h5 , h6 {font-family: 'DroidSansBold',"lucida grande",tahoma,verdana,arial,Sans-Serif; letter-spacing: 0;}
h1 {font-size: 20px; float:left;}
h2 {font-size: 20px; padding-bottom:8px; margin: 25px 0 20px 0;}
#masthead h1 {margin-right: 15px; width: 260px; height: 34px; padding: 0;}
#masthead h1 a{margin: 0; padding: 0; display: block; width: 260px;	height: 34px; text-indent: -999px; overflow: hidden; background:url(images/dazzalogo.png) no-repeat;}
#masthead h1 a:hover{margin: 0; background:url(images/dazzalogo_home.png) no-repeat;}
#lead h2 {font-size: 16px; margin:3px 0 -8px 0;	padding:0;}	
.post h2 {font-size: 16px; font-weight: bold; padding: 0; margin: 0;}
h2.posttitle {margin:0 0 0 0; padding:0 0 12px 0; color: #3F3A2F;}
h2.pagetitle {border-bottom:1px solid #d7d7d7; padding:0 0 12px 0; margin:0 0 20px 0; font-size:20px; color: #3F3A2F;}
h3 {font-size:12px;	padding:0; margin:0 0 2px 0; background:none;}
.post h3 {border:none; font-size:15px; color: #232323; letter-spacing:0;}	
#featured-cats h3, #more-posts h3 {margin:0 0 15px 0;}
.togglerespond h3{margin:20px 0 8px 0; font-size: 14px;}
h3#comments {margin-top:20px}
h4 {font-size: 15px;}
.post h4 {margin:10px 0;}
.archive-list h4 {margin:0; font-size: 15px; line-height:125%;}
.searchresults h4 {margin:0; font-size: 15px; line-height:115%;}
h5 {font-size: 13px; margin:15px 0 5px;}
h6 {font-size: 11px;}

/* ---------- @ Content Styles -----------*/

/*Misc*/

h1 a, h1 a:visited {color:#444; text-decoration:none}
h1 a:hover {color:#686868;}
h1 a:active {color:#929292;}
h4 a, h4 a:visited {color:#383838; text-decoration:none;}
h5 a, h5 a:visited, h5 a:hover, h5 a:active {text-decoration: none;}
.post a img, .post a:visited img {border: 1px solid #ddd;}
#more-posts img, .archive-list a img, .archive-list a:visited img {float:left;margin: 0 0 8px 0; padding:0;	border:1px solid #ddd; background:#fff;}
#more-posts img {margin:3px 12px 4px 0;}
.recent-excerpts {padding-bottom:10px;}
#featured-cats ul {margin:3px 0 22px 0;}
#featured-cats li {list-style:none;	border-bottom:1px dotted #B6B6B6; padding:5px 0 8px 6px; margin:4px 0; line-height:135%;}
#lead {
	margin:0 0 20px 0;
	background: #f8f8f8;
	padding: 13px 15px;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-khtml-border-radius: 8px;
	-webkit-border-radius: 8px;
	border: 1px #ddd solid;
	clear:both;
	position: relative;
}

#lead:hover {background: #f1f1f1;}
#lead br, .recent-excerpts br /*cleans up excerpts*/ {
	margin-bottom:15px;
}
.commentcount {padding-right: 19px;	background:url(images/bubble.gif) no-repeat right; font:.8em "lucida grande",tahoma,verdana,arial,Sans-Serif;}
.postmetadata .commentcount {font-size:1em;}
#content p.date {
	margin:0 0 8px 0;
	padding: 0 0 0 1px !important;
	font: 11px "lucida grande",tahoma,verdana,arial,Sans-Serif;
	color: #c1b499;
}

#featured-cats .date {margin: 2px 3px 0 0;}
div.breadcrumbs {width: 450px; display: inline-block;}
.breadcrumbs, .viewing {color: #c1b499;}
.breadcrumbs a, .viewing a{color: #F4BA2F;}
.breadcrumbs a:hover, .viewing a:hover {color: #c1b499;}
.breadcrumbs ul {margin: 3px 0 0 0;}
.breadcrumbs li, .post .viewing li, .viewing li {display: inline-block;	list-style: none; padding-right: 6px; margin-left: 0; margin-right: 3px; background: url(images/lidivider_small.png) top right no-repeat;}
.breadcrumbs li:last-of-type {background: none;}
ul.viewing, div.viewing {float: right;}
.viewing li.lastlink {background: none;	padding-right: 0px;	margin-right: 0px;}
.ribbon {background: #fff url(images/slashbig.png) left bottom repeat-x; padding-bottom: 25px;}
div.postfooter {margin-top: 5px;}
.hide {display:none;}
.postfooter a{ display: inline-block; margin-right: 20px; padding: 1px 0 2px 20px;}
.postfooter a, .postfooter a:visited {color:#F4BA2F;font-size:0.95em;}
.postfooter a:hover, .postfooter a:active {color:#9F9177; text-decoration: none;}
.postfooter a.comments { background:url(images/comment.png) no-repeat;}
.postfooter a.linktopost { background:url(images/link.png) no-repeat;}
.postfooter a.share { background:url(images/share.png) no-repeat;}
.postfooter a.tags { background:url(images/tags.png) no-repeat;}
p.summary a {font-size: 12px !important; }

/*Sidebar and Widgets*/
#sidebar {width: 235px; float:left; background: #fff; padding: 0;}
#sidebar li, .headlines li {margin-left:0; padding:2px 0 0 0; list-style: none;line-height:160%}
#home #content a, #home #content a:visited, 
.archive-list h4 a, .archive-list h4 a:visited,
.commentcount a, .commentcount a:visited, 
.fullarchive a, .fullarchive a:visited {
	color: #F4BA2F;
	text-decoration: none;
}
#home #content a:hover, #home #content a:active, 
.archive-list h4 a:hover, h4 .archive-list a:active, 
.commentcount a:hover, .commentcount a:active, 
.fullarchive a:hover, .fullarchive a:active {
	color:#BDAF93;
	text-decoration: none;
}
#sidebar a, #sidebar a:visited {color:#F4BA2F; text-decoration: none;font-size:0.95em;}
#sidebar a:hover, #sidebar a:active {color:#9F9177; text-decoration: none;}
#wp-calendar td {text-align:center; padding:3px;}	
#recentcomments {color: #787878;}
a.rsswidget, a.rsswidget:visited {font-weight: bold}
#ads img, .wp125ad img {float:left;	margin:0 0 6px 6px;}
#sidebar .textwidget {margin: 0; line-height:160%;}	
#sidebar .textwidget a {color:#F4BA2F; text-decoration: none;}
#sidebar .textwidget a:hover {color:#BDAF93; text-decoration: none;}
.widget {
	margin-bottom: 15px;
	background: #f8f8f8;
	padding: 10px 15px;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-khtml-border-radius: 8px;
	-webkit-border-radius: 8px;
	border: 1px #ddd solid;
}
.widget td {background:none;}
.widget table {border:none;}
#sidebar .widget ul {margin:0 0 15px 0; padding: 0;}
#sidebar .widget ul li{margin: 0; padding: 0; list-style: none;}
#sidebar .widget ul li {margin: 2px 0;}
#sidebar .widget ul li img {vertical-align:middle; width: 20px; height: 20px; margin-right: 5px;}
	
	
/*Single Posts*/
#writer {background:#ededed; margin:-10px 0 22px 0;	padding:3px 20px 16px 20px;	border-bottom:1px solid #dadada; border-top:1px solid #dadada;}
#writer img {padding:1px; border:1px solid #b2afa4;	float:left;	margin:18px 15px 6px 0;}
#tags {margin: 16px 0 1px 0; border: 0;}	
#tags a, #tags a:visited {text-decoration: none;}
	
	
/*Archives*/
table.archive-list {width:680px; border-bottom: #ddd 1px solid;}
.archive-list td {width:332px; padding: 0 8px 28px 0; background: #fff;}
.archive-list td.right {padding: 0 0 25px 8px;}
.archive-list p {line-height: 130%;	margin: 0;}
.archive-list .date {margin: 0 0 8px 0 !important;}
.archive-list img {margin:0;}
.archive-list .postmetadata {border:none; margin:0;	padding:4px 0 0 0;}
.archive-list p a, .archive-list p a:visited {font-size: 11px; color:#F4BA2F; text-decoration:none;}
.archive-list p a:hover, .archive-list p a:active {color:#9F9177; text-decoration:none;}

#pagination {margin-top:30px;}
#pagination .left {width:290px;	text-align:right;}
#pagination .right {float:right; width:294px;}
div.wp-pagenavi {
	background: #f8f8f8 !important;
	padding: 6px 6px !important;
	min-height: 16px;
}
div.wp-pagenavi .right a, div.wp-pagenavi .left a{max-width: 400px;}

/*Search Results*/
.searchresults { }
.searchresults li {display: block; list-style: none; padding: 0 0 15px 0; clear: left; min-height: 80px; border-bottom: #ddd 1px solid; margin: 0 0 13px;}
.searchresults p {
	margin: 0 !important;
	line-height: 130%;
}
.searchresults .date {margin: 0 0 6px 0 !important;}
.searchresults a img {border: #ddd 1px solid; float: left; margin:1px 10px 10px 0;}
.searchresults .postmetadata {border:none; margin:0; padding:4px 0 0 0;}
.searchresults a, .searchresults a:visited {color:#F4BA2F; text-decoration:none;}
.searchresults a:hover, .searchresults a:active {color:#9F9177; text-decoration:none;}
.searchresults p a, .searchresults p a:visited {font-size: 11px;}

/* ---------- @ Post Styles -----------*/

.entry {padding-bottom:10px;}
.post {border-bottom: #ddd 1px solid; padding-bottom: 20px; margin-bottom: 20px;}
.post:last-of-type {border-bottom: #DFD6C3 1px solid; padding-bottom: 20px;	margin-bottom: 20px;}
.post img {border: #ddd 1px solid;}
.post img.hide {display: none;}
.postmetadata {margin:0 0 14px 0; color:#7a7a7a; font-size: 11px;}	
.post code {background:#f5f3ee;	padding:3px; font-size:1.2em;}
.post ul li {margin: 0 0 5px 42px; line-height:115%;}
.post ol li {margin: 5px 0 0 0;	line-height:110%;}

/*Images*/
.entry img {display:block; border:#ddd 1px solid; padding:0; margin: 5px 0 1px 0;}
.wp-caption.alignleft, 
.wp-caption.alignright, 
.wp-caption.aligncenter {
	background:#f5f3ee;
	text-align:center;
	padding:10px 5px 10px 10px;
	border:3px double #FFF;
	}
img.alignleft {margin:5px 15px 10px 0; float:left;}
img.alignright {margin:5px 0 10px 15px;	float:right;}
.wp-caption.alignleft {float:left; margin:5px 22px 10px 0;}
.wp-caption.alignright {float:right; margin:5px 0 10px 22px;}
.wp-caption.aligncenter, img.aligncenter {margin: 0 auto; display:block; margin-bottom:15px; float:none;}
p.wp-caption-text {margin:0; text-align:center; padding:5px 0;}	
.wp-caption img {float:none; margin:0;}	
.gallery {margin:15px 0; display:block;}
.gallery img {
	border:1px solid #999 !important;
	padding:2px;
}
.gallery-item {padding:12px 0;}
.gallery-caption {padding:10px;}
	
/* ---------- @ Comments -----------*/

.reply a, .reply a:visited  {
	width:75px;
	background:#CCC;
	color:#FFF;
	display:block;
	margin-bottom:15px;
	padding:5px !important;
	text-align:center;
	border-bottom:1px solid #f2f2f2;
	border-right:1px solid #f2f2f2;
	text-decoration:none !important;
	font:italic 1em Georgia,Arial,Verdana;
}
.reply a:hover {background:#aeaeae;	text-decoration:none; border-bottom:1px solid #898989; border-right:1px solid #898989; color:#FFF;}
.reply a:active {background:#CCC;}
.commentlist li {
	margin: 0 0 0 0;
	padding: 8px 0;
	background:#F2F2F2;
	/* border-top:1px solid #DDDDDD; */
	list-style:none
	}
.commentlist li.depth-2 {border:none; background:#FFF; border-top: 1px solid #f2f2f2; margin-left:15px;}
.commentlist li.depth-3	{margin-left:15px; border:none;	background:#f2f2f2;}
.commentlist code {background:#e0e0e0; padding:3px;}
.commentlist p {font-size: 11px !important;	margin: 15px 0 0 0;}
.avatar {margin: 1px 10px 0 0; float:left; padding:0; border:1px solid #C1B499;	background:#FFF;}
.bypostauthor .avatar {border:1px solid #333;}
#trackbacklist li {margin: 10px 0 10px 35px;}
#trackbacklist cite {font-style:normal;}
cite.fn {font: bold 13px 'DroidSansBold', Georgia, "Times New Roman", Times, serif; display: inline; padding-top:0;}	
.says {display:none;}
.commentmetadata {float:left; font-size: 11px;}
.comment-date a, .comment-date a:visited {color:#868686; font-size:0.9em; text-decoration:none;}
.commentmetadata a:hover, .commentmetadata a:active  {text-decoration:underline; color:#333;}
.showallcomments {padding: 10px 0 5px 0; border-bottom: 1px #fff solid; font-size:0.95em;}
	
	
/* ---------- @ Form Elements -----------*/

#author, #email, #comment, #url, #s, #invokecomment {
	background:#FFF !important;
	padding:5px;
	border:1px solid #ddd;
	}
#author, #email, #url {width:220px;}
.button {
	padding: 8px 8px;
	background:#444;
	color:#FFF !important;
	border:none;
	font-size:0.9em;
	/* border:1px solid #adadad!important;
	border-left-color:#ececec!important;
	border-top-color:#ececec!important; */
}
.button:hover {background:#272727; color:#FFF; text-decoration:none;}
.button:active {background:#000;}
#invokecomment {width: 98%; margin-top:0px; height:14px; overflow: hidden; color: #999;}
#commentform textarea {width: 97%; margin-top:0px; height:113px; background:#FFF !important; padding:5px; border:1px solid #ddd;}
#commentform .bigcolumn textarea {width: 98%;}
#commentform p {margin:5px 0;}
#commentform .leftcolumn {width: 408px; padding-top: 5px; margin-right: 10px;float: left;}
#commentform .rightcolumn {width: 232px; float: left;}
#commentform .bigcolumn {width: 650px; }
#commentform p.submit {clear:both;}
#commentform label {padding-left: 1px;}
#searchform {padding: 0 0 0 0; width:170px; text-align:right; display: inline-block; margin-left: 15px;}
#s {
	height: 16px;
	width:100px;
	font-family: "lucida grande",tahoma,verdana,arial,Sans-Serif;
	font-size:11px;
	margin:0;
	padding: 2px 2px 2px 5px;
	color: #DFD6C3;
	border-radius: 8px 0 0 8px;
	-moz-border-radius: 8px 0 0 8px;
	-khtml-border-radius: 8px 0 0 8px;
	-webkit-border-top-left-radius:8px; /* for webkit based browsers */ 
	-webkit-border-bottom-left-radius:8px; /* for webkit based browsers */
	border:1px solid #ddd;
	border-right: none;
}
#s:focus {color: #666; background:#F6C859 !important;}
#searchsubmit {
	vertical-align:top;
	border-radius: 0 8px 8px 0;
	-moz-border-radius: 0 8px 8px 0;
	-khtml-border-radius: 0 8px 8px 0;
	-webkit-border-top-right-radius:8px; /* for webkit based browsers */ 
	-webkit-border-bottom-right-radius:8px; /* for webkit based browsers */
	border:1px solid #ddd;
	border-left: none;
	padding-left: 5px;
	padding-right: 5px;
	}
#searchform .rss {margin: 0;}
#searchform a {float:left; padding-top:1px;}
.togglecomments {
	/* display: none; */
	padding: 15px;
	background: #f2f2f2 url(images/commentsbg.png) no-repeat;
	zoom:1; /* for ie6 */
}
.nocomments {padding-top: 25px;}

.toggleallcomments, .togglerespond {
	display: none;
	zoom:1; /* for ie6 */
}

.invokecomment {
	padding-top: 5px;
}

.togglesharethis {
	display: none;
	padding: 10px;
	background: #f2f2f2 url(images/sharethisbg.png) -380px 0px no-repeat;
	zoom:1; /* for ie6 */
}

.toggletags {
	display: none;
	padding: 10px;
	background: #f2f2f2 url(images/sharethisbg.png) -320px 0px no-repeat;
	zoom:1; /* for ie6 */
}

/* ---------- @ Float Clearing -----------*/

.clearfloat:after {display:block; visibility:hidden; clear:both; height:0; content:".";}
.clearfloat {display:block}
	
/* ---------- @ Footer -----------*/

#footer {position: relative; font-size:11px; margin: 25px 0 0 0; padding: 12px 0 0 0; border-top: #ddd solid 1px; float: left; width: 930px;}
#footer a, #footer a:visited {color:#94928b; text-decoration:none;}
#footer a:hover {color:#5a5954;}
#footer a:active {text-decoration:underline;}
#footer img {vertical-align:middle;}
#copyright {position: absolute; left: 0; bottom: 0; width:550px; color: #BDAF93;}
#rss {float:right; width:100px; text-align: right;}
#rss img{margin-left: 3px;}

/* ---------- @Sitemap ----------*/
#sitemap {
	border-radius: 8px;
	-moz-border-radius: 8px;
	-khtml-border-radius: 8px;
	-webkit-border-radius: 8px;
	background:none repeat scroll 0 0 #f8f8f8;
	border:1px solid #ddd;
	margin-top:15px;
	padding:10px 15px;
	font-size: 11px;
}
#sitemap span {text-transform: capitalize;}
#sitemap .breadcrumbs {padding: 0 0 8px 0; margin: 0 0 7px 0; width: 100%; border-bottom: 1px solid #ddd;}
#sitemap .pages {padding: 0;}
#sitemap .pages li {
	list-style: none;
	width: 33%;
	display: inline-block;
	text-transform: capitalize;
	margin: 0 0 10px 0;
}
#sitemap .categories ul {list-style: none; float: left;	text-transform: capitalize;}
#sitemap .categories ul li {list-style: none; width: 33%; display: inline-block; text-transform: capitalize; margin: 0 0 10px 0;}
#sitemap .categories ul.children {width: 100%;}
#sitemap .categories ul.children li {width: 100%; margin: 0 0 0 0;}
#sitemap .categories ul.children li a{color: #C1B499 !important;}
#sitemap .categories ul.children li a:hover{color: #F4BA2F !important;}


/* Featured Posts Slider */
#slider-posts {margin-bottom: 0}
#slider-posts .slide {position:relative; width: 650px; height: 282px}
#slider-posts .slide .slide-thumbnail {position: absolute; right: 0; width: 422px; height: 282px; }
#slider-posts .slide .slide-thumbnail img {border:1px solid #ddd ;}
#slider-posts .slide .slide-details {position: absolute; top:20px; left:0; padding: 0; width: 200px; height: 230px; overflow: hidden; background: transparent; }
#slider-posts .slide .slide-details p, #slider-posts .slide .slide-details h2 {color:#333}
#slider-posts .slide .slide-details a, #slider-posts .slide .slide-details h2 a {color:#fff;}
#slider-posts .slide .slide-details a:hover, #slider-posts .slide .slide-details h2 a:hover {text-decoration: none;}
ul#slider-nav {margin: 0; padding: 0; position: absolute; bottom: 18px; z-index:10; font-size:11px;}
ul#slider-nav a { padding:0px 8px 0 4px; color: #C1B499 !important; margin:0 4px 0 0; background: url(images/lidivider_small.png) right top no-repeat;}
ul#slider-nav a:last-of-type {background: none;}
ul#slider-nav a.activeSlide,ul#slider-nav a:hover { color: #F4BA2F !important;  }
h3#slider-title {width: 200px; height: 16px; margin: 0; padding: 0; position: absolute; top: 15px; z-index:10;}

/* Plugin Style Overwrites */
.ngg-gallery-thumbnail img {
	margin: 4px 0 0 !important;
	padding: 3px !important;
}

.ngg-gallery-thumbnail {
	margin-right: 4px !important;
}

.ngg-singlepic {
	padding:0 !important;
	margin: 0 0 3px 0;
}