/*
Author: Izul Chaniago - www.izulcybercafe.com
------------------------------------------------
Basic Color :
 
Line : ded12d
Brown : 5a2611
milk : cf8d4e
------------------------------------------------
*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td 
{margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline;}
:focus {outline:0;}
body {background:#f5f5f5 url(../design/bg-grid.png); }
h1, h2, h3 {font-family:"Trebuchet MS", Verdana, Arial; font-weight:normal; color:#592610;}
h1 {font-size:34px; padding-bottom:5px}
h2 {font-size:26px;}
h3 {font-size:21px;}
h4 {font:bold 18px Arial; color:#592610;}
p {font:13px "Trebuchet MS", Verdana, Arial; color:#333; line-height:1.5em;}
ul, ol{font:13px "Trebuchet MS", Verdana, Arial; color:#333;}
form select {padding:5px}
form select option{background:#f4f4f4;padding:3px;border-bottom:1px dotted #fff}
/*--- BORDERS ---*/
.menu {
        border-radius:10px 10px 0px 0px;
        -moz-border-radius:10px 10px 0px 0px;
        -webkit-border-top-left-radius: 10px;
        -webkit-border-top-right-radius: 10px;
        }

#featured {
        /*border:1px solid #13150e;*/
        border-radius:10px 10px 10px 10px;
        -moz-border-radius:10px 10px 10px 10px;
        -webkit-border-top-left-radius:10px;
        -webkit-border-bottom-left-radius:10px;
        }

#page-headline {
        /*border:1px solid #13150e;*/
        border-radius:10px 0px 0px 10px;
        -moz-border-radius:10px 0px 10px 10px;
        -webkit-border-top-left-radius:10px;
        -webkit-border-bottom-left-radius:10px;
        box-shadow:1px 1px 5px #000000;
        }
#blog-headline {
        /*border:1px solid #13150e;*/
        border-radius:10px 0px 0px 10px;
        -moz-border-radius:10px 0px 0px 10px;
        -webkit-border-top-left-radius:10px;
        -webkit-border-bottom-left-radius:10px;
        box-shadow:1px 1px 5px #000000;
        }
		
.page-content {
        border:1px solid #13150e;
        border-radius:10px 0px 0px 10px;
        -moz-border-radius:10px 10px 10px 10px;
        -webkit-border-top-left-radius:10px;
        -webkit-border-bottom-left-radius:10px;
        }
        
.subscribe {
        border-radius:0px 0px 10px 10px;
        -moz-border-radius:0px 0px 10px 10px;
        -webkit-border-bottom-right-radius:10px;
        -webkit-border-bottom-left-radius:10px;
        }
 .zonk{
         border:none;
        border-radius:10px;
        -moz-border-radius:10px;
        -webkit-border-radius:10px;
 }
 .commenttext{
         border:none;
        border-radius:0px 0px 5px 20px;
        -moz-border-radius:0px 0px 5px 10px;
        -webkit-border-bottom-right-radius:10px;
        -webkit-border-bottom-left-radius:10px;
 }
 
.description li.button a,
.subscribe input,
.subscribe .button, 
#maincontent h3 {
        border:none;
        border-radius:5px;
        -moz-border-radius:5px;
        -webkit-border-radius:5px;
        }
        
       
#wrapper {width:100%; background:url(../design/bg-transparent.png) repeat-x;}

/*----------------------------- HEADER ------------------------*/
#header {position:relative; width:920px; height:160px; margin:0 auto;z-index:2;}
#header h2{float:left; font-size:50px; position:relative; top:55px; left:165px; color:#ebd41c;}
#header .logo{position:absolute}

#menubar{margin:0 auto;width:918px; text-align:right;padding:5px; background:#transparent}

/*--- info list ---*/
.menu {float:right; position:relative; top:115px; padding:2px 18px; background:#13150e;}
.menu li {float:left; padding:14px 0px; font:12px Verdana, Arial; color:#a6a6a6;}
.menu li span {color:#ebd41c;}
.menu li a{color:#ebd41c; text-decoration:none; background:#13150e;padding:16px 10px 16px 10px}
.menu li a:hover{color:#13150e;background:#ebd41c;}
.menu li.current{color:#13150e;background:#ebd41c;}

/*----------------------------- FEATURED ------------------------*/
#featured {box-shadow:1px 1px 5px #000000; width:860px; height:290px; margin:0 auto; padding:35px 29px; background:#592611 url(../design/bg-headling.jpg)}
#featured ul{list-style:none}
#page-headline {z-index:0; width:860px; margin:0 auto; padding:35px 29px; background:#592611}
#page-headline h1,h2,h3{color:#ebd41c;margin:5px 0}
#page-headline p{color:#f4f4f4; margin-bottom:10px}
#page-headline img{float:left;padding:5px; background:#f4f4f4; border:1px solid #444; margin:10px}
.page-content{background:#fff;padding:10px;margin-top:5px}

#blog-headline {z-index:0; width:860px; margin:0 auto; padding:35px 29px; background:#592611 url(../design/bg-headline.png) no-repeat right top;}
#blog-headline h1,h2,h3{color:#ebd41c;margin:5px 0}
#blog-headline h1{font-size:2.5em;}
#blog-headline p{color:#fff;}

/*--- left side ---*/
.player {float:left; padding:5px; font-size:1px; border:1px solid #592611; background:#e3d6b3;}
.player object {width:410px; height:270px;}

/*--- right side ---*/
.description {float:right; width:390px; padding:0 10px 0 15px;}
.description h1 {margin-top:10px; color:#e3d6b3;}
.description p {padding:20px 0 41px 0; font-size:14px; color:#e3d6b3;}
.description li {float:right;}
.description li.button a {padding:10px 35px; display:block; position:relative; font:18px Arial; color:#000; text-decoration:none; background:#d3b670 url(../design/button.png) repeat-x;}
.description li.button a:hover {background:#ffc529 url(../design/button.png) repeat-x;}
.description li.price {margin-left:20px; margin-top:-7px; font:13px "Trebuchet MS", Verdana, Arial; color:#9a9a9a;}
.description li.price span {margin-left:15px; font:45px Arial; color:#e3d6b3;}

/*----------------------------- SUBSCRIBE ------------------------*/
#newsletter {z-index:2; width:918px; height:75px; margin:0 auto; /*background:url(../design/bg_lines.png) 0px -8px no-repeat;*/}
.subscribe {float:right; width:450px; height:50px; background:#592611 url(../design/bg-headling.jpg)}
.subscribe form {padding-left:20px;}
.subscribe input {width:275px; padding:8px 10px; background:#fff;}
.subscribe .button {width:100px; margin-left:10px; display:inline-block; cursor:pointer; font:bold 13px Arial; color:#000; background:#d3b670 url(../design/button.png) repeat-x;}
.subscribe .button:hover {background:#ffc529 url(../design/button.png) repeat-x;}


#twitter_div form {padding-left:5 px;}
#twitter_div input {width:175px; padding:5px; background:#fff;}
#twitter_div .button {width:100px; margin-left:10px; display:inline-block; cursor:pointer; font:bold 13px Arial; color:#000; background:#d3b670 url(../design/button.png) repeat-x;}
#twitter_div .button:hover {background:#ffc529 url(../design/button.png) repeat-x;}

/* Blog Categories */
#blog-cat ul{
	/*border:1px solid #000;*/
	list-style-type:none;
	margin-left:5px; 
	padding-left:-40px;
}
#blog-cat ul li{
	display:inline-block;
	padding-left:10px;
	padding-top:10px;
	width:120px;
	margin-right:10px;
	background:url(../design/post-bg-transparent.png);
	border:0px dotted #333; 
		border-radius:5px;
		box-shadow:0 3px 7px #BA996C; 
		-moz-border-radius:5px; 
		-webkit-border-radius:5px; 
}
#blog-cat ul li:hover{
	background:url(../design/post-bg-transparent-hover.png);
}
#blog-cat ul li a{
	padding:0;
	text-decoration:none;
}
#blog-cat ul li a:hover{
	color:#a76d35;
}
/* End Blog Categories */

/*----------------------------- MAIN CONTENT ------------------------*/
#maincontent {/*border:1px solid #000;*/ overflow:hidden; width:920px; margin:0 auto; padding-top:10px;}
#maincontent h3 {margin-bottom:10px; padding:10px 20px; display:block; color:#592610; background:#1e1e1e url(../design/post-bg.jpg);}
* html #maincontent h3 {display:block; zoom:1;}/* IE6 Fix */
*+ html #maincontent h3 {display:block; zoom:1;}/* IE7 Fix */

#maincontent .news-entry{
padding:5px; overflow:hidden}
#paging{text-align:right}

/*--- Full Page --*/
.full{margin:10px auto; padding:20px; box-shadow:2px 3px 7px #BA996C}

/*--- left side ---*/
.about {		
	text-align: justify; 	/*border:1px solid #000;*/
		float:left;
		width:530px;
		padding:10px;
}
.about img{margin:5px; padding:2px; max-width:500px}
.about a{color:#592610; font-weight:bold;text-decoration:none}
.about a:hover{color:#999; text-decoration:none}
.about blockquote {padding-left:45px; font:italic 12px Verdana, Arial; color:#717171; line-height:21px; background:url(../design/quote.png) 0 5px no-repeat;}
.about p{color:#333}
.about p strong {color:#000;}
.about .photos img{background:#f4f4f4; margin:2px; padding:5px; border:1px solid #999;}
.about .photos ul {margin:2px 0; display:inline-block;}
.about .photos ul li {float:left; margin:0 5px 5px 0; font-size:1px;}
.about .photos ul li.img {background:url(../design/icons/icon_zoom.png) center no-repeat;}
.about .photos ul li.video {background:url(../design/icons/icon_play.png) center no-repeat;}

.about .videos img{background:#f4f4f4; margin:2px; padding:13px; border:1px solid #999;}
.about .videos ul {margin:2px 0; display:inline-block;}
.about .videos ul li {float:left; margin:0 5px 5px 0; font-size:1px;}
.about .videos ul li.img {background:url(../design/icons/icon_zoom.png) center no-repeat;}
.about .videos ul li.video {background:url(../design/icons/icon_play.png) center no-repeat;}

	.post-meta{padding-left:10px;padding-bottom:10px;margin-bottom:10px;border-bottom:1px dotted #666;font-size:small;}
	.post-content{margin-bottom:15px;padding-left:10px;line-height:1.8em;}
	.post-content .post-more{text-align:right}
	.post-content ul{margin:0;padding:0; clear:left;line-height:1.8em;}
	.post-content ul li{margin-left: 20px; padding-left: 10px;}
	.post-content ol{margin:0;padding:0; clear:left;line-height:1.8em;}
	.post-content ol li{margin-left: 20px; padding-left: 10px;}

	.post-content p{color:#333;text-align: justify;}

	.separator{background:url(../design/bg-separator.png) repeat-x}

#framebox .videos img{background:#f4f4f4; margin:2px; padding:13px; border:1px solid #999;}
#framebox .videos ul {margin:2px 0; display:inline-block;}
#framebox .videos ul li {float:left; margin:0 5px 5px 0; font-size:1px;}
#framebox .videos ul li.img {background:url(../design/icons/icon_zoom.png) center no-repeat;}
#framebox .videos ul li.video {background:url(../design/icons/icon_play.png) center no-repeat;}

/*--- right side ---*/
.services { 
	float:right;
	width:330px;
	padding:10px;
}
.services ul{list-style:none}
.services li {margin-bottom:15px; padding:0 10px 13px 70px;}
.services li p {padding-top:10px;}
.services li.item_one {background:url(../design/icons/icon_2.png) no-repeat;}
.services li.item_two {background:url(../design/icons/icon_1.png) no-repeat;}
.services li.item_three {background:url(../design/icons/icon_3.png) no-repeat;}
.services li.item_four {background:url(../design/icons/icon_4.png) no-repeat;}

.more{text-align:right;}
.more a{color:#000; text-decoration:none}
.more a:hover{color:#999}

.more-headline a{color:#fff; text-decoration:none}
.more-headline a:hover{color:#ebd41c; }

		.rope{
			position: absolute;
			top: 0px;
			left: 80%;
			z-index: 4;
		}

/*Comment */
.commentlist {
	margin-left:0px;
	padding:0;
	}

.commentlist .content-comment {
	list-style:none;
	margin-bottom:14px;
	}

.commentlist cite {
	padding: 7px;
	display:block;
	font-style:normal;
	background:url(../design/post-bg-transparent.jpg);
	border-top:1px solid #d6e4c1;
	border-bottom:1px solid #779d42;
	color:#333;
	}	

.commentlist a:link, .commentlist a:visited {
	color:#596e3b;
	}

.commentlist a:hover, .commentlist a:active {
	color:#8ec343;
	}

.commentlist cite img {
	padding:0px;
	background:#eee;
	border:1px solid #f4f4f4;
	float:left;
	margin-right:9px;
	}

.commentlist .author {
	font: small-caps bold 1.2em Georgia, "Times New Roman", Times, serif;
	}

.commentlist .time {
	background: url(../design/clock.png) no-repeat 1px;
	padding-left:18px;
	font-size:small;
	}

.commenttext {
	background:url(../design/post-bg-transparent.png) repeat-x bottom;
	border-top:1px solid #c5f386;
	padding: 0px 20px 10px 20px;
	color:#333;
	font-size:14px;
	line-height:1.5em;
	}
.commenttext img{padding:0; margin:0}
/*End Comment */
		
/*----------------------------- FOOTER ------------------------*/
#footer_field{
	clear:both;
	width:100%; 
	margin-top:50px; 
	padding:10px 0; 

	border-top:4px solid #000;
	background:#000 url(../design/bg_footer.png) repeat-x;
	bottom: 0px;
}		
#footer_deep{
	margin:0px auto;
	width:900px;
	/*border:1px solid #000;*/
}
#footer_deep ul{list-style:none}
#footer_deep {width:900px; height:50px; margin:0 auto;}
#footer_deep p {float:left; padding-top:13px;}
#footer_deep p span {color:#fff;}
#footer_deep p a {color:#ffd669;}

/*--- social icons ---*/
.social {float:right; padding-top:10px;}
.social li {float:left; margin-right:6px;}
.social li span {margin-right:10px; font:12px Verdana, Arial; color:#cccccc; line-height:30px;}
.social li img {font-size:1px; padding:2px; filter:alpha(opacity=100); opacity:1; background:#404040;}
.social li a:hover img {filter:alpha(opacity=70); opacity:0.7;}

/*--- tittle on mouseover ---*/
.tipsy { margin-top:-24px; padding: 5px; font: 13px Arial; opacity: 0.8; filter: alpha(opacity=80); background-repeat: no-repeat;  background-image: url(../design/tipsy.gif); }
.tipsy-inner { padding: 5px 8px 6px 8px; background-color: black; color: white; max-width: 200px; text-align: center; }
.tipsy-inner { -moz-border-radius:3px; -webkit-border-radius:3px; }
.tipsy-south { background-position: bottom center; }


.zonk{
	 width:870px;
	 height:50px;
	 left:220px;
	 /*border:1px dotted #000;*/
	 float:right; position:absolute; top:50px;
	 text-align: center; /*background:url(../design/post-bg-transparent.png)*/; 
}
#header ul#nav {
	 float:right; position:relative; top:0; 
	 text-align: center; 
}
	#header ul#nav li {
		float: left; list-style: none; 
	}
		#header ul#nav li a {
			/*border:1px solid #000;*/
			display: block; width: 82px; height: 77px; 
			padding: 65px 0 0 0; margin: 0 0px 0 0px;
			font: bold 16px Helvetica, Arial, Sans-Serif;
			color: #9c5959; text-shadow: 0 1px 1px #c4bda6; text-decoration: none;
		}
			#header ul#nav li a:hover {
				display: block; width: 97px; height: 77px; 
				padding: 65px 0 0 0; margin: 0 0px 0 0px;			
				background: url(../design/label.png) 0 0 no-repeat;
				color: #fde8a9; text-shadow: 0 1px 2px #f4f4f4;
			}
			ul#nav.active a{
				display: block; width: 97px; height: 77px; 
				padding: 65px 0 0 0; margin: 0 0px 0 0px;			
				background: url(../design/label.png) 0 0 no-repeat;
				color: #6c613c; text-shadow: 0 2px 3px #f4f4f4;
			}			
			#header ul#nav li a.js:hover {
				display: block; width: 97px; height: 77px; 
				padding: 65px 0 0 0; margin: 0 0px 0 0px;			
				background: url(../design/label.png) 0 -149px no-repeat;
			}

#twitter_div {box-shadow:0 3px 7px #BA996C; background:url(../design/post-bg-transparent.png);padding:0.625em; border:0px dotted #333; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;}
#twitter_div img {float:right;}
#twitter_div a{color:#000; font-weight:bold}
#framebox {box-shadow:0 3px 7px #BA996C; background:url(../design/post-bg-transparent.png);padding:0.625em; border:0px dotted #333; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;}
	#framebox img {float:left;}	
#framebox .galleryflickr{min-height:250px}
#framebox .galleryflickr img{float:left;background:#f4f4f4; margin:2px; padding:5px; border:1px solid #999;}	

/* ---------- gallery styles start here ----------------------- */
.gallery {
        overflow:hidden;
	list-style: none;
	margin: 0;
	padding: 0;
}
.gallery li {
	padding: 10px;
	margin: 0;
	float: left;
	position: relative;
	width: 100px;
	height: 105px;
}
.gallery img {
	background: #fff;
	border: solid 1px #ccc;
	padding: 5px;
}
.gallery li:hover img {
	border-color: #999;
}
.gallery li p{color:#333;font-size:12px;line-height:100%}
.gallery em {
	width: 102px;
	background: url(../design/bubble.gif) no-repeat;
	padding: 3px 0 6px;
	display: none;
	position: absolute;
	top: -2px;
	left: 50px;
	font-style: normal;
	text-align: center;
}
.gallery a {
	text-decoration: none;
	color: #000;
}
.gallery a:hover{text-decoration:underline}
.gallery a:hover em {
	display: block;
}

.myform{
	padding:14px;
	width:490px;
}

#boxtrans{
	padding:5px;
	background:url(../design/post-bg-transparent.png);
}

#boxtrans p{
font-size:11px;
color:#666666;
padding-bottom:5px;
}


/* ----------- stylized ----------- */
#stylized, .full{
	margin-top:10px;
	margin-bottom:10px;
	/*border:solid 1px #000;*/
	background:url(../design/post-bg-transparent.png);
box-shadow:0 3px 7px #BA996C;
}
#stylized h1 {
	font-size:20px;
	font-weight:bold;
	margin-bottom:8px;
}

#stylized ol,
#stylized ul,
{
	margin:0;padding:0;
}
#stylized ol li,
#stylized ul li,
{
	margin:0;padding:0;
}
#stylized p{
font-size:11px;
color:#666666;
margin-bottom:20px;
border-bottom:solid 1px #000;
padding-bottom:10px;
}
#stylized label{
display:block;
font-weight:bold;
text-align:right;
width:140px;
float:left;
}
#stylized .small{
color:#666666;
display:block;
font-size:11px;
font-weight:normal;
text-align:right;
width:140px;
}
#stylized .izError{
color:#666666;
font-size:11px;
font-weight:normal;
text-align:right;
width:220px;
float:right;
border:1px solid #000;
}
#stylized .captcha{
float:left;
font-size:12px;
padding:2;
width:210px;
margin:2px 10px 20px 10px;
display:block;
}
#stylized input{
float:left;
font-size:12px;
padding:4px 2px;
border:solid 1px #aacfe4;
width:210px;
margin:2px 0 20px 10px;
}
#stylized textarea{
float:left;
font-size:12px;
padding:4px 2px;
border:solid 1px #aacfe4;
width:300px;
margin:2px 0 20px 10px;
}
#stylized button{
clear:both;
margin-left:150px;
width:125px;
height:31px;
background:#666666 url(img/button.png) no-repeat;
text-align:center;
line-height:31px;
color:#FFFFFF;
font-size:11px;
font-weight:bold;
}	





/******************* Facebook *********************************/
#page{
	width:700px;
	margin: 10px auto 10px;
	/*background:#f4f4f4;*/
}

/* The page heading */

.facebookWall h1{
	font-size:50px;
	color:#000;
	text-shadow:2px 2px 0 rgba(0,0,0,0.15);
	position: relative;
	text-align: center;
	margin-bottom: 120px;
}

/* The "on Facebook" label */

.facebookWall h1 span{
	background-color: #0F84C0;
	bottom: -45px;
	color: white;
	font-size: 13px;
	font-weight: normal;
	line-height: 1;
	margin-left: -130px;
	padding: 6px 15px;
	position: absolute;
	text-shadow: none;
	white-space: nowrap;
	width: 100px;
	
	-moz-box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.15);
	-webkit-box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.15);
	box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.15);
}

/* The wall post items */
.facebookWall{
	width:700px;
	margin:5px auto;
	color:#fff;

}
.facebookWall li{
	background: url('../design/divider.png') no-repeat center bottom;
	list-style: none;
	margin-bottom: 20px;
	overflow: hidden;
	padding-bottom: 25px;
	position: relative;
}

/* The user/page avatar */

.facebookWall li img.avatar{
	float:left;
}

/* The user/page name */

.facebookWall h2 a{
	font-size:20px;
	font-weight:normal;
	margin-bottom: 5px;
}

/* The .status div container */

.facebookWall .status{
	width:520px;
	padding-left:65px;
}

/* Link share attachment */

.facebookWall .attachment{
	border-left: 1px solid #592610;
	font-size: 12px;
	margin-top: 14px;
	overflow: hidden;
	padding-left: 10px;
}
.facebookWall .attachment a{
	color:#333;
	font-weight: bold;
}
.facebookWall .attachment-data{
	display:table-cell;
	vertical-align:top;
	color:#333;
}

.facebookWall img.picture{
	float:left;
	margin-right: 10px;
	background:#f4f4f4;
	padding:5px;
	border:1px solid #333;
}


/* Posted date/time, number of likes and comments */

.facebookWall p.message{
	color:#000;
}
.facebookWall p.meta{
	color: #333;
	font-size: 11px;
	padding: 15px 0 0 65px;
}

/* Generic demo page styles */

.facebookWall a, .facebookWall a:visited {
	text-decoration:none;
	outline:none;
	color:#333;
}

.facebookWall a:hover{
	text-decoration:underline;
}

/* Product Description */
.prod_desc{
	color:#333;
	margin:10px auto; 
	width:700px; 
	color:#333;
	min-height:200px;
}
.prod_desc p{color:#333}
.prod_desc ul, ol{
	margin-left:20px;
}

#flickrTest{padding-top:5px; margin-top:5px; border-top:1px solid #666;}
#flickrTest ul{list-style:none}