/*   
Theme Name: Flavours of Singapore
Theme URI: http://www.flavoursofsingapore.nl/
Description: Wordpres theme of Flavours of Singapore
Author: Ewald van Kampen
Author URI: http://ewaldvankampen.nl
Version: 1.0
*/

h1,h2,h3 {font-size:1em; outline:none;}
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input {margin:0; padding:0;}
fieldset {border:0;}
ul,li {list-style:none;}
address {font-style:normal;}
a img,:link img,:visited img {border:none;}
:link,:visited {text-decoration:none;}

.alignleft, .floatleft {float:left;} /*makes the WP images float either left or right */
.alignright, .floatright {float:right;} /* Dito */

.alignleft a, .alignleft a:link, .alignleft a:active, .alignleft a:visited { color: #ded9cc; text-decoration: none; } 
.alignleft a:hover { color: #FFFFFF; border-bottom: 1px dotted; } 	
.alignright a, .alignright a:link, .alignright a:active, .alignright a:visited { color: #ded9cc; text-decoration: none; } 
.alignright a:hover { color: #FFFFFF; border-bottom: 1px dotted; } 

img.centered {}
img.alignright {display: inline; margin: 0px 15px 5px 15px; padding: 1px;}
img.alignleft {display: inline; margin: 0px 15px 5px 15px; padding: 1px;}
.aligncenter, div.aligncenter { margin-left: auto; margin-right: auto;}
.wp-caption {border: 1px solid #ccc; color: #000000; background: #efefef; margin: 0px 30px 20px 30px; padding-top: 4px; text-align: center;}
.wp-caption img {border: 0px !important; padding: 0px !important;}
.wp-caption p.wp-caption-text { font-size: 11px; line-height: 14px; padding: 0px 0px 0px 0px; }

#nav-below {height:18px;line-height:18px;margin:0 6% 16px;}

.entry-utility {margin:0 6%;padding:0 0 16px;}

#comments {
	background:#fff;
	margin:0 20px 16px 35px;
}



/*************************************************************************************/
/*************************************************************************************/
/*				BASIC ELEMENTS
/*************************************************************************************/
/*************************************************************************************/


body, html {
	background:url(images/body-bg.jpg) no-repeat 50% top fixed;
	color:#fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
}

#wrapper {margin:0 auto;width:1177px;}

#wrapper .top {background:url(images/wrapper-top.png) no-repeat left top;padding:37px 0 0;}

#wrapper .bottom {
	background:url(images/wrapper-bottom.png) no-repeat bottom;
	padding:0 0 100px;
	position:relative;
}

#wrapper .container {background:url(images/wrapper-bg.png);padding:0 78px;}

/*************************************************************************************/
/*************************************************************************************/
/*				HEADER
/*************************************************************************************/
/*************************************************************************************/

#header {height:182px;}

#header h1 {
	float:left;
	height:45px;
	margin:24px 0 0 45px;
	display:block;
	width:285px;
}

#header h1 a {
	background:url(images/header-h1.png);
	display:block;
	width:285px;
	height:45px;
	text-indent:-3000em;
	outline:none;
}

#header ul.sitelinks {float:right;margin:32px 32px 30px 0;}

#header ul.sitelinks li {
	display:inline;
	float:left;
	margin:0 11px;
}

#header ul.sitelinks li a {
	color:#666666;
	display:block;
	font-size:12px;
	line-height:32px;
	padding:0 25px;
	position:relative;
}

#header ul.sitelinks li a span.before,
#header ul.sitelinks li a span.after {
	height:32px;
	display:block;
	position:absolute;
	top:0;
	visibility:hidden;
	width:14px;
}

#header ul.sitelinks li a:hover span.before {background:url(images/header-sitelinks-hover-left.png) no-repeat;left:0;visibility:visible;}
#header ul.sitelinks li a:hover span.after {background:url(images/header-sitelinks-hover-right.png) no-repeat;right:0;visibility:visible;}
#header ul.sitelinks li a:hover {background:url(images/header-sitelinks-hover-bg.png) repeat-x;color:#eeeeee;}


#header ul.navigation {
	background:url(images/header-nav-bar.png) repeat scroll 0 0 transparent;
	clear:both;
	font-size:14px;
	height:44px;
	margin:0 auto 16px;
	padding:12px 0 0;
	width:940px;
}

#header ul.navigation li {
	color:#ededed;
	display:inline;
	float:left;
	line-height:32px;
	margin:0 10px;
	position:relative;
}

#header ul.navigation li a {
	color:#ededed;
	display:block;
	float:left;
	line-height:32px;
	padding:0 14px;
}

#header ul.navigation li a:hover {
	color:#e1c7a9;
	display:block;
	float:left;
	line-height:32px;
	padding:0 14px;
}

#header ul.navigation li a span.before,
#header ul.navigation li a span.after {
	height:32px;
	display:block;
	position:absolute;
	top:0;
	visibility:hidden;
	width:14px;
}

/* #header ul.navigation li a:hover span.before {background:url(images/navigation-hover-left.png);left:0;visibility:visible;} */
/* #header ul.navigation li a:hover span.after {background:url(images/navigation-hover-right.png);right:0;visibility:visible;} */
/* #header ul.navigation li a:hover {background:url(images/navigation-hover-bg.png);color:#eeeeee;} */

#header ul.navigation li.telephone {
	background:url(images/header-sitenavigation-telephone.png) no-repeat 0 12px;
	color:#583411;
	float:right;
	padding:0 0 0 22px;
}

#header p {
	float:right;
	color:#424242;
	font-size:12px;
	line-height:16px;
	margin:0 55px 0 0;
}

#header p a {color:#db7918;}

#header p span {margin:0 0 0 10px;}

#header p.breadcrumbs {float:left;text-indent:55px;}

#header p a.rss,
#header p a.youtube,
#header p a.facebook,
#header p a.twitter {
	color:#424242;
	display:inline-block;
	font-size:12px;
	height:16px;
	margin:0 5px;
	text-indent:-3000em;
	width:16px;
}

#header p a.rss {background:url(images/rss.png);}
#header p a.youtube {background:url(images/youtube.png);}
#header p a.facebook {background:url(images/facebook.png);}
#header p a.twitter {background:url(images/twitter.png);}


/*************************************************************************************/
/*************************************************************************************/
/*				CONTENT
/*************************************************************************************/
/*************************************************************************************/


#content {
	float:left;
	/*width:664px;*/
	width:641px;
	padding:0 0 0 23px;
	clear:both;
}

#content .top {height:34px;padding:59px 30px 0 35px;}

#content .bottom,
#sidebar .bottom {height:36px;padding:0;}

#content .top {background:url(images/content-top.png);}
#content .bottom {background:#fff url(images/content-bottom.png) no-repeat;color:#000;margin:12px 0 0;min-height:24px;height:auto!important;height:24px;}
#content .bottom a {color:#000;text-decoration:underline;}
#content .bottom a:hover {text-decoration:none;}
#content .bottom .navigation {padding:16px 0 0;}
#content #comments {color:#000;}
#sidebar .top {background:url(images/sidebar-top.png) no-repeat;padding:45px 0 0 54px;}
#sidebar .bottom {background:url(images/sidebar-bottom.png);}
#content h2, #content h3 {text-transform:uppercase;}
#content h2, #content h2 a  {color:#fff;font-size:18px;}
#content h3 {color:#ab7845;font-size:12px;;margin:0 0 10px;}
#content p, #content form {line-height:18px;margin:10px 20px 23px 35px;}
#content form input {color:#333333;font-size:11px;width:238px;height:18px;}
#content p a, #content p a:link, #content p a:active, #content p a:visited { color: #ded9cc; font-style: italic; text-decoration: none; } 
#content p a:hover { color: #FFFFFF; font-style: italic; border-bottom: 1px dotted; } 	
#content p img {margin:10px;}
#content .article { background:url(images/content-bg.png); }
#content .article ul { padding: 5px 0 5px 45px;  }
#content .article ul a, #content .article ul a:link, #content .article ul a:active, #content .article ul a:visited { color: #ded9cc; font-style: italic; text-decoration: none; }  
#content .article ul a:hover { color: #FFFFFF; font-style: italic; border-bottom: 1px dotted; } 	 

/*************************************************************************************/
/*************************************************************************************/
/*				SIDEBAR
/*************************************************************************************/
/*************************************************************************************/

#sidebar {background:url(images/sidebar-bg.png);float:left;width:323px;}
#sidebar form {margin:0 0 13px;}
#sidebar form input {color:#333333;font-size:11px;width:238px;height:18px;}
#sidebar h3 { border-bottom:#1a140d solid 3px; color:#fff; font-family: 'Myriad Pro', Arial; font-size:18px; text-transform: uppercase; margin:0 0 7px; padding:0 0 8px; width:190px; }
#sidebar ul {width:240px;margin:0 0 16px;}
#sidebar ul li {font-size:14px;line-height:25px;font-family: “Myriad Pro”, Arial, Helvetica, Tahoma, sans-serif;}
#sidebar ul li.even {background:#1a140d;}
#sidebar ul li.odd {background:#ab7845;}
#sidebar ul li a { color:#fff; display:block; height:25px; text-indent:10px; }
#sidebar ul li a:hover {text-decoration:underline;}

#sidebar ul.laatstereacties li a, #sidebar ul.laatstereacties li img {
    display:inline;
}

#sidebar ul.laatstereacties li {
    padding: 0 0 0 5px;
}


/*************************************************************************************/
/*************************************************************************************/
/*				FOOTER
/*************************************************************************************/
/*************************************************************************************/


#footer {
	background:url(images/footer-bg.png) no-repeat;
	clear:both;
	height:39px;
	line-height:39px;
	margin:0 auto 20px;
	padding:0 27px;
	width:886px;
}

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

/*************************************************************************************/
/*************************************************************************************/
/*				GENERAL EXTRA'S
/*************************************************************************************/
/*************************************************************************************/

.ddsg-wrapper { padding: 5px 0 5px 55px; }
.ddsg-wrapper h2 { font-size:15px; padding: 10px 0 10px 0; }
.ddsg-wrapper a, .ddsg-wrapper a:link, .ddsg-wrapper a:active, .ddsg-wrapper a:visited { color: #ded9cc; font-style: italic; border-bottom: 1px dotted; text-decoration: none; } 
.ddsg-wrapper a:hover { color: #FFFFFF; font-style: italic; text-decoration: none; border-bottom: 0px dotted; }

.car-container { padding: 5px 0 5px 55px; }
.car-container h2 { font-size:15px; padding: 10px 0 10px 0; }
.car-container a, .car-container a:link, .car-container a:active, .car-container a:visited { color: #ded9cc; font-style: italic; border-bottom: 1px dotted; text-decoration: none; } 
.car-container a:hover { color: #FFFFFF; font-style: italic; text-decoration: none; border-bottom: 0px dotted; }