/* 
Theme Name: Hantaran Kahwin v2.0
Theme URI: http://hantarankahwin.com
Description: Based on Free Wordpress Theme released at DailyWP.com by Sorel Mihai (sorel.mihai at gmail.com)
Version: 2.0
Author: Habibah Ismail
Author URI: http://creativelybeba.com
*/

html { background: url(images/body-bg.jpg) repeat;}
body { margin: 0px; padding: 0px; background: url(images/header-bg.jpg) repeat-x center top; font-size: 12px; font-family: Lucida Sans,Tempus Sans ,Kristen ITC,century Gothic,trebuchet;}
h1, h2, h3, h4, h5 { margin: 0px; padding: 0px; }
a, a:link, a:active { color: #ff9933; }
a:hover { color: #ff0099; }

/** GENERAL TAGS **/

.smalltitle { color: #A49A8C; font-family: Lucida Sans,Tempus Sans ,Kristen ITC,century Gothic,trebuchet; font-size: 12px; text-transform: uppercase; }
.wrap { width: 900px; margin: 0px auto 0px auto; }
.leftalign { width: 550px; float: left; }
.rightalign { width: 340px; float: right; }
a.more-link { width: 187px; height: 28px; display: block; text-indent: -9999px; background: #ffffff url(images/morelink.jpg); }
.clear { clear: both; }
.heading { border-top: solid 5px #ff99cc; border-bottom: solid 1px #ff99cc; margin-bottom: 10px; padding: 5px 0 5px 0; }
h3 { font-size: 17px; font-weight: bold; font-family: Lucida Sans,Tempus Sans ,Kristen ITC,century Gothic,trebuchet; text-transform: uppercase; }
h3 a { text-decoration: none; }
.heading h3 { float: left; } 
.heading .rss { width: 16px; height: 16px; display: block; text-indent: -9999px; background: url(images/rss.jpg) no-repeat center top; float: right; padding-right: 5px;}
.navigation a { text-decoration: none; background: #F5EBDD; font-family: Lucida Sans,Tempus Sans ,Kristen ITC,century Gothic,trebuchet; text-transform: uppercase; font-size: 14px; font-weight: bold; width: 160px; display: block; text-align: center; padding: 4px; }
.navigation .alignleft { float: left; }
.navigation .alignright { float: right; }

.button {
	width: 100px;
	margin-right: 9px;
	padding: 6px 9px;
	font: 13px Arial, 'Helvetica Neue', Helvetica, sans-serif;
	font-weight: bold;
	color: #fff;
	background: #FF99CC;
	border: none;
	}
.button:hover {
	cursor: pointer;
	background: #FF9933;
	}
	
textarea {
	clear: left;
	display: block;
	width: 98%;
	font: 14px/20px Arial, 'Helvetica Neue', Helvetica, sans-serif;
	}
	
.hk_ads { 
	text-align:center;
	overflow: hidden;
	margin: 0 0 10px 0;
	padding: 0 0 15px 0;
}

.hk_ads img { border: none;}

/** HEADER **/

.header { margin: 0; padding: 0; background: url('images/header-image.jpg') no-repeat 0; height: 198px; border: 1px solid #ffccff; }

#nav, #nav ul { /* all lists */
	padding: 0;
	list-style: none;
	line-height: 1;
	
}

#nav a {
	display: block;
	padding: 0;
	text-transform: capitalize;
	color: #ff9933;
	font-weight: bolder;
	text-decoration: none;
	text-align:center;
	margin-bottom: -11px;
}

#nav li { /* all list items */
	float: left;
	width: 160px; /* width needed or else Opera goes nuts */
}

#nav li ul { /* second-level lists */
	position: absolute;
	width: 160px;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

#nav li ul  a{ /* second-level lists */
	width: 160px;
	padding: 8px 10px;
	color: #ff6600;
	background:#ffcc99;
	text-decoration: none;
	border: 1px solid #fff;
	font-weight: normal;
	text-align: left;
	margin-bottom: -2px;
}

#nav li ul  a:hover{ /* second-level lists */
	text-decoration: underline;
}


#nav li ul ul { /* third-and-above-level lists */
	margin: -1em 0 0 14em;
}

#nav li:hover ul ul, #nav li.sfhover ul ul {
	left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}

#page-nav { margin-bottom: 155px; margin-top: 0; padding-top: 0;}
#page-nav ul { list-style: none; padding: 0px; }
#page-nav ul li { display: inline; }
#page-nav ul li a { text-decoration: none; color: #996699; border-right: 1px solid #996699; padding: 0 20px 0 10px; } 
#page-nav ul li a:hover { text-decoration: underline; } 

/** HOMEPAGE  **/

#hometext .wrap { 
	display: block;
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 10px 0 15px 0;
	border-top: solid 6px #fafafa;
	border-bottom: 1px solid #fafafa;
	color: #6A5E4C;
	width: 900px;
}

.home125container { margin: 0 auto; text-align:center; padding: 0 10px 8px 10px;}
.home125ads img{ border: solid 3px #E7D9C6; padding: 1px; text-align: center; margin: 0 1px;}

/** FEATURED SECTION **/

.featured { background: #ffc7f5 url(images/featuredbg.jpg) repeat-x center bottom; border-top: solid 1px #ffffff; padding: 5px 0 20px 0; overflow:hidden;}
.featured h2 { font-family: 'Trebuchet Ms', 'Arial', 'Verdana', sans-serif; font-size: 1.8em; font-weight: bold; margin: 5px 0 15px 0; }
.featured h2 a { color: #ff0099; text-decoration: none; }
.featured .leftalign img { border: solid 3px #fafafa; padding: 2px; width: 250px; float: left; margin-right: 10px; }
.featured .postcontent { width: 240px; float: right; }
.featured p, .postcontent { margin: 0px 0px 15px 0px; font-size: 12px; font-family: Lucida Sans,Tempus Sans ,Kristen ITC,century Gothic,trebuchet; color: #6A5E4C; line-height: 18px; }
.advertisment { width: 336px; border: solid 3px #fafafa; padding: 2px; margin-top: 5px; }


/** ARTICLE COLUMNS **/

.maincontent { width: 700px; float: left;  }
.articlecolumn { width: 340px;  } 
#featured-posts { float: right; }
#latest-posts { float: left; }
#featured-posts .article h2 a { color: #ff9933; }
.articlecolumn { margin-bottom: 10px; }
.newssection { background: none;}
.newssection h3 { padding-left: 4px; }
.newssection .article, .articlecolumn .article { border-bottom: solid 1px #ffccff; margin-bottom: 10px; padding-bottom: 10px; }
.newssection .article h2, .articlecolumn .article h2 { font-size: 20px; font-weight: bold; border-bottom: dashed 1px #ffccff; padding-bottom: 5px; line-height: 22px; font-family: Lucida Sans,Tempus Sans ,Kristen ITC,century Gothic,trebuchet;}
.newssection .article h2 a, .articlecolumn .article h2 a { color: #000000; text-decoration: none;  }
.newssection .article p, .articlecolumn .article p { color: #6A5E4C; font-size: 11px; line-height: 14px; font-family: 'Verdana', 'Arial', sans-serif;}
.newssection .article p a, .articlecolumn .article p a { font-weight: bold; }
.newssection .article .left, .articlecolumn .article .left { width: 95px; float: left; text-align: right; font-size: 11px; color: #B4AB9D; text-transform: uppercase; font-family: Lucida Sans,Tempus Sans ,Kristen ITC,century Gothic,trebuchet; line-height: 14px; padding-left:7px;  }
.newssection .article .left img, .articlecolumn .article .left img { border: solid 3px #E7D9C6; padding: 2px; }
.newssection .article .right, .articlecolumn .article .right { width: 230px; float: right; }


/** SIDEBAR **/

.homesidebar { width: 180px; border-top: solid 6px #ffccff; float: right; padding: 5px 4px;}
.homesidebar h3, .singlesidebar h3, .footersidebar h3{ border-bottom: solid 1px #ffccff; line-height: 17px; padding-bottom: 7px; margin-bottom: 10px; }
.homesidebar ul, .singlesidebar ul, .footersidebar ul { list-style: none; padding: 0px; margin: 0px; color: #C3B39D; font-size: 11px; }
.homesidebar ul li, .singlesidebar ul li, .footersidebar ul li { border-bottom: dashed 1px #ffccff; padding-bottom: 6px; margin-bottom: 5px; }
.homesidebar ul li a, .singlesidebar ul li a, .footersidebar ul li a { font-size: 12px; margin-right: 4px; color: #ff0099; }
.homesidebar ul li a:hover, .singlesidebar ul li a:hover, .footersidebar ul li a:hover { color: #ff9933; }
.homesidebar .item{ margin-bottom: 40px; }
.homesidebar ul li li a, .singlesidebar ul li li a, .footersidebar ul li li a { padding-left: 13px; background: url(images/bullet.gif) no-repeat;}

.singlesidebar { width: 310px; float: right; margin: 20px 0 0 0; }
.singlesidebar .item { margin: 10px 0 30px 0; }

.singlesidebar .heading h3 { border-bottom: none;}
.homesidebar img, .singlesidebar img { border:none;}

.footersidebar .item { margin: 10px 10px 30px 10px;  }



/** SINGLE POST **/

.singlepost { width: 570px; float: left; margin: 20px 0 0 0; }
.singlepost .postcontent { color: #6A5E4C; line-height: 18px; }
.singlepost .posthead h2 { font-family: Lucida Sans,Tempus Sans ,Kristen ITC,century Gothic,trebuchet; font-size: 39px; line-height: 38px; margin: 0px 0px 4px 0px;  }
.singlepost .posthead span { font-family: Lucida Sans,Tempus Sans ,Kristen ITC,century Gothic,trebuchet; font-weight: bold; text-transform: uppercase; font-size: 13px; color: #b1a289; }
.singlepost .posthead p { font-size: 15px; line-height: 18px; font-style: italic; color: #e35b25; border-top: dashed 1px #B1A289; padding-top: 10px; }
.singlepost .postcontent blockquote { margin: 0px; padding: 0px 0px 0px 65px; background: url(images/quote.jpg) no-repeat top left; color: #917A69;  font-size: 13px; font-style: italic;  }
.singlepost .post .posthead h2 { font-size: 30px; line-height: 30px;  }
.singlepost .post { margin-bottom: 40px; }
.singlepost .posthead h2 a { text-decoration: none; }

/** HOMEPAGE NEWS SECTIONS **/

.newssection { margin: 0px 0px 8px 0px; }
.newssection .article { width: 340px; float: left; height: 180px;  }
.newssection .even { float: right; }
.newssection ul { width: 340px; float: right; margin: 0px; padding: 0px; list-style: none; color: #B4AB9D; text-transform: uppercase; font-family: Lucida Sans,Tempus Sans ,Kristen ITC,century Gothic,trebuchet; letter-spacing:0.1px;}
.newssection ul li h2 { font-size: 18px; font-size: 18px; font-weight: normal; line-height: 21px; text-transform: none; }
.newssection ul li h2 a { text-decoration: none; }
.newssection ul li { border-bottom: dashed 1px #ffccff; padding-bottom: 5px; margin-bottom: 5px; }

.singlesidebar .newssection .article { width: 310px; }
.singlesidebar .newssection .article .right { width: 200px; }
.singlesidebar .newssection  ul { width: 310px; }
.singlesidebar .newssection ul li h2  { font-size: 15px; font-weight: bold; }

/** FOOTER **/

.footer { margin-top: 40px; background: #ffffff url(images/footerbg.jpg) repeat-x center bottom; border-top: solid 6px #ffccff; padding: 40px 0 10px 0;  }
.footer h1 { display: block; float: right; width: 260px; background: url(images/footerlogo.png) no-repeat top left; text-align: center; padding: 20px 0 20px 0; font-size: 28px; font-weight: bold; font-family: Lucida Sans,Tempus Sans ,Kristen ITC,century Gothic,trebuchet; letter-spacing: -1px;  }
.footer h1 a { text-decoration: none; color: #ffffff;}
.footer h1 a span { font-weight: normal; color: #EF4723; }
.footer .left { float: left; margin-top: 20px; color: #ff6633; font-size: 0.7em;}
.footer .left a { color: #ff6633; }

.footer-item {
float: left;
width: 33%;
padding-bottom: 10px;
}
.footer-item ul {
padding-left: 15px;
}

/** COMMENTS **/

.comments { padding: 0px; border-top: dotted 4px #F6F4F4; margin-top: 20px; }
.comment-meta { width: 130px; float: left; padding: 0px 0 10px 0; text-align: right;}
.commenttext { float: right; width: 400px; padding-left: 20px; border-left: dashed 1px #aaaaaa; margin-top: -5px; margin-bottom: -5px;}
.comment-author { display: block; font-weight: bold; }
.comment-date { font-size: 12px; color: #B4AB9D; }
.comment-meta a { color: #000000; text-decoration: underline; }
.comment { margin-bottom: 15px; }
h2#comments { display: block; padding-bottom: 10px; margin: 40px 0 20px 0; border-bottom: solid 3px #dddddd; }
#commentform span { display: block; font-size: 14px;  margin-bottom: 10px;}
#commentform input { border: solid 2px #dddddd; background-color: #ffffff; padding: 3px; width: 300px; margin-right: 10px; }
#commentform textarea { width: 560px; border: solid 2px #dddddd; padding: 3px;  margin-bottom: 10px;}


/*------------------
styling for slider
--------------------*/

noscript div { background: #ccc; border: 1px solid #CAB4AA; margin: 20px 0; padding: 15px; }

.coda-slider-wrapper { padding: 5px 0; overflow: hidden; background: none;}
	.coda-slider { background: none; }
	
	/* Use this to keep the slider content contained in a box even when JavaScript is disabled */
	.coda-slider-no-js .coda-slider { height: 400px; overflow: hidden; padding-right: 20px; }
	
	/* Change the width of the entire slider (without dynamic arrows) */
	.coda-slider, .coda-slider .panel { width: 540px; height: 280px;} 
	
	/* Change margin and width of the slider (with dynamic arrows) */
	.coda-slider-wrapper.arrows .coda-slider, .coda-slider-wrapper.arrows .coda-slider .panel { width: 540px;  }
	.coda-slider-wrapper.arrows .coda-slider { margin: 0 5px; }
	
	/* Arrow styling */
	.coda-nav-left a, .coda-nav-right a { background: none; color: #6A5E4C;  padding: 5px; width: 100%; }
	
	/* Tab nav */
	.coda-nav ul li a.current { color: #CAB4AA; border-top: 3px solid #ffffff; }
	.coda-nav ul li a { font-weight: bold; border-top: 3px solid #663366; color: #6A5E4C; }
	
	/* Panel padding */
	.coda-slider .panel-wrapper { padding: 5px; overflow: hidden; }
	
	/* Preloader */
	.coda-slider p.loading { padding: 20px; text-align: center; }

/* Don't change anything below here unless you know what you're doing */

	/* Tabbed nav */
	.coda-nav ul { clear: both; display: block; margin: auto; overflow: hidden; }
	.coda-nav ul li { display: inline; }
	.coda-nav ul li a { background: none; color: #000; display: block; float: left; margin-right: 1px; padding: 3px 6px; text-decoration: none;}
	
	/* Miscellaneous */
	.coda-slider-wrapper { clear: both; overflow: auto; padding-left: 4px; }
	.coda-slider { float: left; overflow: hidden; position: relative; }
	.coda-slider .panel { display: block; float: left; overflow:hidden; }
	.coda-slider .panel-container { position: relative;  }
	.coda-nav-left, .coda-nav-right { float: left;  }
	.coda-nav-left a, .coda-nav-right a { display: block; text-align: center; text-decoration: none;  }
	.no { display:none;}
	
/* Related Posts */  
ol.related-posts {clear:both; text-align:center; margin:10px 0px 0px 0px; padding:0;}  
ol.related-posts li{width:120px; float:left; display:inline; margin-right:15px;; padding:0;}  
ol.related-posts img{clear:both; border: solid 3px #E7D9C6; padding: 2px; width: 120px;}  
ol.related-posts a{clear:both; display:block; border:none; text-decoration:none;}  
ol.related-posts li{font-size:12px;}  


/* Navigation links */
.navigation-links { padding: 10px; border: 1px solid #999; }
.navigation-links .previous { float: left; width: 50%; }
.navigation-links .next { float: right; width: 50%; text-align: right; }

/* Navigation image attachment */
.attachment-image { max-width: 99%; margin: 15px auto; display: block; }
.navigation-attachment { float: left; width: 100%; }
.navigation-attachment img { max-width: 150px; max-height: 150px; }
.navigation-attachment .left { float: left; width: 160px; }
.navigation-attachment .right { float: right; width: 160px; text-align: right; }