/*
Theme Name: Caramelz
Author: Grey
Author URI: http://caramelz.my
*/

@font-face {
	font-family: 'DanielRegular';
	src: url('daniel.eot');
	src: local('Daniel Regular'), local('Daniel'), url('daniel.woff') format('woff'), url('daniel.ttf') format('truetype'), url('daniel.svg#Daniel') format('svg');
}

* {
	margin: 0; padding: 0;
}
body {
	text-align: center;
        font-family: "Segoe UI", Candara, "Bitstream Vera Sans", "DejaVu Sans", "Bitstream Vera Sans", "Trebuchet MS", Verdana, "Verdana Ref", sans-serif;
	font-size: 12.5px;
        line-height: 1.6em;
	color: #000000;
	background: url(images/body.jpg) repeat top center;
}
a {
	text-decoration: none;
	color: #950000;
}

a:hover { color: #e46100 }

h2 {font-family: "DanielRegular", "Lucida Bright", Lucidabright, "Lucida Serif", Lucida, Georgia, serif; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=hIEfix.png,sizingMethod=crop);zoom:1; font-weight: normal; text-shadow: 0px 1px 2px #ffffff}

.cufon-loading h2 { /* for Cufon.replace('h1') */
	visibility: hidden !important;
}

img {
	border: 0;
}

.break {
	font-size: 0;
	width: 0; height: 0;
	clear: both;
}
.alignleft {
	float: left;
	margin: 4px 10px 5px 0;
}
.alignright {
	float: right;
	margin: 4px 0 5px 10px;
}
.hidden {
	display: none;
}
.noimage img {
	display: none;
}

#wrapper {
	width: 960px;
	margin: auto auto;
	text-align: left;
        position: relative; 
        z-index: 10;
}

/** BEGIN header **/
#headerbg {background: url(images/header_bg2.jpg) no-repeat top center; position: absolute; z-index: 0; height: 377px; width: 100%;}
#lifestreambg {background: url(images/lifestream_bg.jpg) no-repeat top center; position: absolute; top: 350px; left: -120px; z-index: 0; height: 649px; width: 1200px;}
#lifestream {margin-top: 110px}

#header {
	padding-bottom: 15px;
	height: 320px;
}
	#header #subscribe {
		float: right;
		margin-top: 173px;
		margin-left: 790px;
		background: url(images/button_rss2.png) no-repeat 0 0;
                width: 121px;
                height: 95px;
                display: block;
                text-indent: -9999px;
                position: absolute; 
	}
	#header #twit{
		float: right;
		margin-top: 150px;
		margin-left: 776px;
		background: url(images/button_twit.png) no-repeat 0 0;
                width: 55px;
                height: 74px;
                display: block;
                text-indent: -9999px;
                position: absolute; 
	}
	#header #facebook{
		float: right;
		margin-top: 172px;
		margin-left: 876px;
		background: url(images/button_facebook.png) no-repeat 0 0;
                width: 57px;
                height: 69px;
                display: block;
                text-indent: -9999px;
                position: absolute; 
	}
	#header #plurk{
		float: right;
		margin-top: 167px;
		margin-left: 826px;
		background: url(images/button_plurk.png) no-repeat 0 0;
                width: 52px;
                height: 69px;
                display: block;
                text-indent: -9999px;
                position: absolute; 
	}

	#header #subscribe:hover {background-position: 0 bottom}
	#header #twit:hover {background-position: 0 bottom}
	#header #facebook:hover {background-position: 0 bottom}
	#header #plurk:hover {background-position: 0 bottom}

	
       #logo {
		float: left;
                width: 285px;
		height: 67px;
		margin: 133px 0 0 60px;
	}


	#header h1 {
		text-indent: -9999px;
	}
	#header h1 a {
                background: url(images/logo2.png) no-repeat;
		width: 296px;
		height: 90px;
                display: block;
		}
/** END header **/

/** BEGIN body **/
#body {
	clear: both;
}
	#body #latest {
		background-color: rgba(255,255,255,0.5);
		margin-bottom: 10px;
		padding-bottom: 10px;
               	}
		#body #latest .l {
			float: left;
			width: 355px;
			padding: 15px 10px 15px 20px;
		}
		#body #latest h3 {
                        font-variant: small-caps;
			font-size: 0.9em;
			margin-bottom: 10px;
		}
		#body #latest img {
			border: 4px solid #fffefe;
		}
		#body #latest .post {
			float: right;
			width: 540px;
			padding-top: 20px;
                        margin-right: 20px;
		}
			#body #latest .post h2 {
				font-size: 2.5em;
                                line-height: 1.2em;
				margin-top: 5px;
				margin-bottom: 15px;
			}
			#body #latest .post h2 a {
				color: #950000;
			}
			#body #latest .post p {
				margin-bottom: 10px;
				padding-right: 40px;
                                line-height: 1.6em !important;
			}

                        #body #latest .date {
				font-size: 0.9em;
				color: #950000;
				width: 500px;
                                margin-bottom: 5px;
                                padding: 2px 0;
                                border-top: 1px #ffffff solid;
                                display: block;
                                text-align: right;
			}

                        #body #latest .post .details {border-top: 1px #ffffff solid; padding-top: 5px; margin-top: 20px; font-size: 0.8em;}
				
			#body #latest .post .readmore {
				
			}
	#body #content {
		float: left;
		width: 604px;
	}
                #body #content .img {
			float: left;
			width: 220px;
			padding: 0 15px 5px 0;
		}
		#body #content .post {
		}
			#body #content .post {
				padding-top: 10px;
			}
			#body #content .post span.l a {
				float: left;
				font-size: 0.9em;
				color: #950000;
				width: 307px;
                                margin-bottom: 15px;
                                padding: 2px 0;
                                border-top: 1px #ffffff solid;
			}
                        #body #content .post span.l_single a {
				float: right;
				font-size: 0.9em;
				color: #950000;
                                width: 604px;
                                margin-bottom: 15px;
                                padding: 2px 0;
                                border-top: 1px #ffffff solid;
			}
			#body #content .post span.r a {
				float: right;
				font-size: 0.9em;
				color: #950000;
				padding-right: 20px;
				width: 277px;
				text-align: right;
                                margin-bottom: 15px;
                                padding: 2px 20px 2px 0;
                                border-top: 1px #ffffff solid;
			}
			#body #content .post h2 {
				padding: 10px 15px 0 0;
				line-height: 1.2em;
				font-size: 2.2em;
				clear: both;
				margin-bottom: 0.3em;
			}
			#body #content .post h2 a {
				color: #950000;
			}
			#body #content .post p {
				padding-right: 20px;
				margin: 1.4em 0;
				line-height: 1.8em;
			}

                       .share {
                               margin: 0; padding: 0;
                               font-size: 0.9em;
                               font-weight: bold;
                               clear: both;
                        }

			#body #content .post .details {
				clear: both;
				font-size: 0.9em;
                                line-height: 1em;
			}
			#body #content .post .details a {
				color: #950000;
			}
			#body #content .post .details .l {
				float: left;
                                width: 45%;
                                margin: 1em 0 7em;
			}
			#body #content .post .details .r {
				float: right;
                                width: 45%;
                                text-align: right;
                                margin: 1em 0 7em;
			}
		#body #content #postnav {
			clear: both;
			padding: 20px 10px;
			font-size: 0.9em;
		}
			#body #content #postnav strong {
				padding: 5px;
				border: 1px solid #823400;
				font-weight: normal;
			}
			#body #content #postnav a {
				padding: 5px;
				border: 1px solid #950000;
				color: #950000;
			}
	#body #sidebar {
		float: right;
		width: 345px;
		margin-left: 0px;
	}
                .facebook {background: url(images/facebook.png) no-repeat; width: 345px; height: 109px; text-indent: -9999px; display: block;}
                .facebook a {width: 345px; height: 109px; display: block;}

                .about {background: url(images/about.png) no-repeat; width: 345px; height: 111px; text-indent: -9999px; display: block;}
                .about a {width: 345px; height: 111px; display: block;}

                .twitter {width: 345px; height: 219px; display: block;}
                .twitter_bird {}
                .twitter_bird a{background: url(images/twitter_bird.png) no-repeat 0 0; width: 345px; height: 219px; display: block; text-indent: -9999px; }
                .twitter_bird a:hover {background-position: 0 bottom;}

                .twitter_msg {margin: 70px 0 0 28px; width: 168px; position: absolute; font-size: 0.9em}

		#body #sidebar .box {
			border-bottom: 1px solid #823400;
			padding: 10px 0 10px 10px;
		}
                #body #sidebar #blogcatalog a {color: #ffffff;}
			#body #sidebar a {
				color: #950000;
			}
			#body #sidebar a:hover {
				color: #e46100;
			}
			#body #sidebar .box h2 {
				font-size: 1.7em;
				margin-bottom: 12px;
			}
			#body #sidebar .box ul {
				list-style-type: none;
			}
			#body #sidebar .box ul li {
				padding: 5px 0 5px 16px;
				background: url(images/bullet.gif) no-repeat 0 center;
			}
			#body #sidebar .box ul li a:hover {
				
			}
		#body #sidebar .l {
			border-right: 1px solid #823400;
			float: left;
			width: 149px;
			padding: 10px;
		}
			#body #sidebar .l h2 {
				font-size: 1.2em;
			}
			#body #sidebar .l ul {
				list-style-type: none;
				padding: 5px 0 20px;
			}
			#body #sidebar .l ul li {
				padding: 5px 0 5px 16px;
				background: url(images/bullet.gif) no-repeat 0 center;
			}
			#body #sidebar .l ul li a {
				
			}
			#body #sidebar .l ul li a:hover {
				
			}
		#body #sidebar .r {
			float: right;
			width: 165px;
			padding: 10px 0 10px 10px;
			border-left: 1px solid #823400;
			margin-left: -1px;
		}
			#body #sidebar .r h2 {
				font-size: 1.2em;	
			}
			#body #sidebar .r ul {
				list-style-type: none;
				padding: 5px 0 20px;
			}
			#body #sidebar .r ul li {
				padding: 5px 0 5px 16px;
				background: url(images/bullet.gif) no-repeat 0 center;
			}
			#body #sidebar .r ul li a {
				
			}
			#body #sidebar .r ul li a:hover {
				
			}
/** END body **/

/** BEGIN footer **/
#footer_wrapper {clear: both; width: 960px; padding: 60px 0; font-size: 0.9em; margin: 3em auto 0; overflow: hidden}
#footer {background: url(images/footer_bg2.jpg) repeat-x 0 40px;}
#footer p {color: #eac9ad; text-align:center; margin-bottom: 5px; display: block; clear: both; padding-top: 1em;}
#footer a {color: #ba5804;}
#footer a:hover {color: #f18529}
#footer .col {width: 290px; float: left; margin: 0 1em;}
#footer .note {background: url(images/footer_note.png) no-repeat; display: block; width: 324px; height: 328px; float: left; margin: -6em -1em 0 0;}

/** END footer **/

/** BEGIN misc **/
#body #content .post h3 {
	margin: 1.2em 0 0.4em;
        font-size: 1.7em;
        font-family: "Lucida Bright", Lucidabright, "Lucida Serif", Lucida, Georgia, serif;
        font-style: italic;
        font-weight: normal;
        color: #950000;
        line-height: 1.2em;
        text-shadow: 0px 1px 2px #ffffff
}
#body #content .post ul {
	padding-left: 15px;
	margin-bottom: 10px;
}
#body #content .post ul li {
	padding: 2px 0;
}
#body #content .post ol {
	padding-left: 20px;
	margin-bottom: 10px;
}
#body #content .post ol li {
	padding: 2px 0;
}
#body #content .post blockquote {
	padding: 8px 0 3px 12px;
	font-style: italic;
	margin-left: 2px;
        margin-bottom: 10px;
        margin-right: 20px;
        background: rgba(255,255,255,0.5);
        -moz-box-shadow: 2px 2px 5px #aaa; /* FF3.5+ */
  -webkit-box-shadow: 2px 2px 5px #aaa; /* Saf3.0+, Chrome */
          box-shadow: 2px 2px 5px #aaa; /* Opera 10.5, IE 9.0 */
              filter:  progid:DXImageTransform.Microsoft.dropshadow(OffX=2px, OffY=2px, Color='#aaaaaa'); /* IE6,IE7 */
          -ms-filter: "progid:DXImageTransform.Microsoft.dropshadow(OffX=2px, OffY=2px, Color='#aaaaaa')"; /* IE8 */
}
}
.single {
	margin: 10px 0;
}
#comments {
        padding: 0 20px 10px 0;
        width: 594px;

}
	#comments h2 {
		font-weight: normal;
		font-size: 1.7em;
		padding-top: 0px;
		margin-bottom: 20px;
	}
	#comments p {
		margin-bottom: 10px;
	}
	#comments form p {
		margin-bottom: 5px;
	}
	.commentdetails {
		margin-top: 20px;
                padding: 10px;
                background: rgba(255,255,255,0.3);
                border: 1px solid #ffffff;
	}
        .avatar {float: left; padding: 0 5px 0 0;}
	.commentauthor {
		font-size: 1.1em;
                font-weight: bold;
		margin-bottom: 2px !important;
	}
	.commentdate {
		font-size: 0.9em;
		margin-bottom: 5px;
	}
	.required {
		color: #ff0000;
	}
        #respond {margin-top: 35px;}
/** END misc **/

/** BEGIN wp page numbers **/
#page {
	padding: 10px 5px;
}
	#wp_page_numbers ul {
		list-style-type: none;
	}
	#wp_page_numbers ul li {
		float: left;
		padding: 3px;
		margin: 2px;
		font-size: 1em;
	}
	#wp_page_numbers ul li a {
		color: #950000;
	}
/** END wp page numbers **/

/**Custom WP classes overrides**/

.wp-caption-text {font-style: italic;}
.post-stats {display: none}