/*
MQube SweetCron Themes

date :18-12-2008
by : abdullah alaydrus [abdullah@alaydrus.net]


			
*/

*{
	margin:0; padding:0;color:#fff;
	font:12px/18px 'Helvetica Neue', Arial, Tahoma, Verdana, serif;
}
body{ background:#F5F5F5 url(images/background.png) repeat-y top left; }
li { list-style:none;}
a {text-decoration:none;}
h1{font:18px/18px 'Helvetica Neue', Arial, Verdana, serif; color:#9F9F9F;}
h2{font:16px/18px 'Georgia', times, sans-serif;}
h3{font:14px/18px 'Georgia', times, sans-serif;}
h4{font:13px/18px 'Georgia', times, sans-serif;}
h5{font:12px/18px 'Georgia', times, sans-serif;}
h6{font:11px/18px 'Helvetica Neue', Arial, Verdana, serif;}
h1, h2, h3, p {margin-bottom:16px;}
h4, h5, h6 {margin-bottom:6px;}
img {margin:0; padding:0;}
strong{
	font-weight:bold; text-transform:uppercase;
}

/* ------------- LAYOUT DEFINITION  --------------- */
#bg-1, #bg-2, #bg-3, #bg-5, #bg-4{
	height:900px;margin:0; padding:0;
	z-index:-1;
}
#home1, #work1, #contact1, #lifestream1, #ie6, #testimonials1{
	width:980px;
	margin:0 auto;
}
#bg{
	background:#272727 url(images/tile_green.jpg) repeat-x;
	z-index:-1;margin:0; padding:0;
}
#ie6{
	display:none;
}

/* ------------- HEADER AREA  --------------- */
.header{
	margin:0; padding:0;
	width:100%;
}
	.logo{
		float:left;
		width:300px;
		margin-left:12px;
	}
	ul.nav{ 
		margin:0; padding:0; float:right; /*width:577px;*/ width:607px;
		background:transparent url(images/back.png) ;
		padding:0px 0;
	}
	ul.nav li { float:left; list-style:none;}
	ul.nav li a{ display:block; padding:10px 15px; font-weight:bold; font-size:13px;}
	ul.nav li a:hover, ul.nav li.active{ background:transparent url(images/back.png);}

/* ------------- CONTENT AREA  --------------- */
.contentwrapper{
	padding:20px; z-index:1;overflow:hidden;
	background:transparent url(images/back.png) ;
}
	.contentleft{
		float:left;width:550px;
		z-index:2;
	}
		p a {background:transparent url(images/back-toogray.png); padding:5px 8px;}
		*:first-child+html p a {text-align:center; padding:5px 8px;}
		p a:hover {background:transparent url(images/back.png);}
	.contentright{
		float:right;width:350px;
		text-align:right;
	}

/* ------------- FOOTER AREA  --------------- */
#footer{
	position:fixed;
	background:transparent url(images/back.png) ;
	width:98%;
	margin:0 10px;
	height:25px;
	bottom:0;
	border:1px solid #9F9F9F;
	border-bottom:none;
	}
	#footerwrapper{
		width:980px;
		margin:0 auto;		
		position:relative;
		}
		.left{
			float:left;
			width:500px;
		}
			.footernav{ float:left; width:500px;  }
			.footernav li { float:left; width:70px; text-align:center; list-style:none;}
			.footernav li a{ display:block;margin-top:3px; font-size:11px;}
			.footernav li a:hover{ background:transparent url(images/back.png); }
		.right{
			float:right;
			width:300px;
			text-align:right;
			margin:2px 15px 0 0;
		}
			.right p{font-size:11px; margin-top:3px;}
			
			
.clear{clear:both;}
.line{border-bottom:1px solid #fff; margin:0 0 20px 0;}
/*---------------------------------------------------------------------------------------------------------------------------*/
.slideshow
{
	width: 285px;
	height: 190px;
	padding: 15px;
	background: transparent url(images/back.png);
	float:right;
	margin-bottom:5px;
}
.slideshow img{
	margin:15px;
	background: transparent url(images/back.png);
}
/*-----------------------------------------------------------------------------------------------------------*/

.stripViewer .panelContainer .panel ul {
	text-align: left;
	margin: 0 15px 0 30px;
}		
.slider-wrap { /* This div isn't entirely necessary but good for getting the side arrows vertically centered */
	position: relative;
	width: 100%;
}
/* These 2 lines specify style applied while slider is loading */
.csw {width: 100%; height: 460px; background: #fff; overflow: scroll}
.csw .loading {margin: 200px 0 300px 0; text-align: center}
.stripViewer { /* This is the viewing window */
	position: relative;
	overflow: hidden; 
	margin: auto;
	width: 940px; /* Also specified in  .stripViewer .panelContainer .panel  below */
	height: 300px;
	clear: both;float:left;
	background: transparent url(images/back.png);
}		
.stripViewer .panelContainer { /* This is the big long container used to house your end-to-end divs. Width is calculated and specified by the JS  */
	position: relative;
	left: 0; top: 0;
	width: 100%;
	list-style-type: none;
	/* -moz-user-select: none; // This breaks CSS validation but stops accidental (and intentional - beware) panel highlighting in Firefox. Some people might find this useful, crazy fools. */
}		
.stripViewer .panelContainer .panel { /* Each panel is arranged end-to-end */
	float:left;
	height: 100%;
	position: relative;
	width: 940px; /* Also specified in  .stripViewer  above */
}		
.stripViewer .panelContainer .panel .wrapper { /* Wrapper to give some padding in the panels, without messing with existing panel width */
	padding: 10px;
}
.stripNav { /* This is the div to hold your nav (the UL generated at run time) */
	margin: auto;
	float:left;
}		
.stripNav ul { /* The auto-generated set of links */
	list-style: none;
}		
.stripNav ul li {
	float: left;
	margin-right: 2px; /* If you change this, be sure to adjust the initial value of navWidth in coda-slider.1.1.1.js */
}
.stripNav a { /* The nav links */
	font-size: 14px;
	text-align: left;
	line-height: 32px;
	color: #fff;
	text-decoration: none;
	display: block;
	padding: 0 15px;
}
.stripNav li a:hover {
	background: transparent url(images/back.png);
}
.stripNav li a.current {
	color: #fff;
}
.gallery {
	float:left;
	padding: 10px 0;
	color:#000;		text-align:center;
}
.gallery  a{background:transparent; padding:0;}
.gallery a img {margin:0 15px 5px 0; padding:0px;
	
}
.gallery a:hover img {
	
}
.gallerynav {margin:10px 0 5px 0;}
*:first-child+html .gallerynav { position:relative;}
*:first-child+html  .gallerynav a{}
.gallerynav a{float:left;background: transparent url(images/back.png); padding:2px 4px; margin:0 4px 10px 0;}

.print-gallery{
	float:left; padding: 10px;
	color:#000;
}
.print-gallery img{
	margin:0 15px 5px 0; padding:0px;
}

/*---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*                              CONTACT US PAGES                    																				      */
/*---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
fieldset { border:0;margin:0;padding:0; }
label { display:block; float:left; width:100px; }
input.text,textarea { 
	width:300px;font:12px/12px 'courier new',courier,monospace;
	color:#FFF;padding:3px;margin:1px 0;border:1px solid #9F9F9F;
	background: transparent url(images/back.png);
}
input.submit { 
	font:normal 12px/16px verdana,arial,sans-serif; 
	background: transparent url(images/back.png);border:1px solid #9F9F9F;  padding:3px 8px;
}
form .item {display:block; margin-bottom:8px;}
.thanks {
	margin:10px 0 0 100px; width:300px;font:16px/18px 'courier new',courier,monospace;
}
/*---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*                              LIFESTREAM PAGES                    																				      */
/*---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
#lifestream1 .contentright {
	border-left: 1px solid #6B8E23;
}

ul#activity_list{ margin:0; padding:0; text-align:center;}

ul#activity_list li { 
	float:left; margin-right:15px; 
	text-align:left;
	background: transparent url(images/back.png);
}
ul#activity_list li.item {
    margin-bottom: 15px; width:225px; height:295px; padding:0;
}
ul#activity_list li.last{
	float:right; width:220px; margin-right:0;
}

ul#activity_list li a{ /*padding:3px 0;*/}
ul#activity_list li a:hover{}
ul#activity_list .list-date{float:left;display:block; width:180px;}
ul#activity_list .list-recent{ margin-left: 20px;}
ul#activity_list .list-feed{float:right; width:150px;padding-left:20px; text-align:left;}
.item_inner{
	margin:10px 10px 0 10px;background:#D44326; padding:0; height:285px;
}
.digg_title {
	background: transparent url(images/back.png); padding:5px; height:45px;
}
.digg_title a:hover{
	background:black;
}

ul.tag_list li a:hover, ul.item_tag_list li a:hover{ border-bottom:1px dotted #f1f1f1;}

.small {
	margin:10px 10px;
	padding: 10px;
	color: #3F3F3F;
	display:block; border:1px solid #5F5F5F; border-width: 1px 1px 0 1px;
	background: transparent url(images/back.png);
}
.small a{
	background: url(images/nav-bg.png);
}
.small p {
	font-size:11px; color: #3F3F3F; margin:0; padding:0;
}
.small p.site_info {
    padding: 3px 3px 3px 22px;   
}
p.comment  a{
	color:#EFEFEF; font-size:11px; padding:2px 6px; margin-top:5px;
	border-top:1px solid #5F5F5F; border-bottom:1px solid #5F5F5F; float:right;
}
.contentleft h2, .contentleft h1 {font-size:18px; text-transform:uppercase; line-height:24px;}


li.item img, div#single_container img {
    display: block;
    /*border: 1px solid #CCC;*/
    padding: 3px;
    margin: 5px 0;   
}
ul.item_tag_list{
	padding: 5px 10px; margin:15px 0; background: transparent url(images/back.png);
}

ul.item_tag_list li {
    display: inline;   
}


p#breadcrumb, p#pagination {
    /*background: #FFFFCC;*/
    margin-bottom: 20px; 
    padding: 3px;  
}
div#sidebar_container {
    text-align: left; color:#F0FFF0;
    margin: 0; padding: 0px 10px 10px 30px;
}
div#sidebar_container h3 {
	font-size:21px; color:#ADFF2F;
    margin: 20px 0 10px 0;   
}
#explanation{
	color:#F0FFF0;
}
ul.tag_list li {
    display: inline;
    margin: 0 5px 0 0;   
}
ul.tag_list li a{ color:#F0FFF0;}

div#comments_container {
    border: 1px solid #EEE;
    border-style: solid none none none;
    padding: 10px 0;
    margin-top: 20px;   
}
.text_input{
	width:250px; border:1px solid #ADFF2F; height:18px;padding:2px;
	background: transparent url(images/back.png); color: #ADFF2F;
}
.submit_input{
	font:normal 12px/16px tahoma, verdana,arial,sans-serif; text-transform: uppercase; font-weight:bold;
	background: transparent url(images/back.png);border:1px solid #7E6D4A;  padding:3px 8px; color:#FFF; 
}

/* Per-Domain Styling
---------------------------------------------------------------------------------------- */

li.item.flickr_com {
	background: white url(images/flickrlogo.gif) center center no-repeat;
}

li.item.flickr_com p.site_info {
	background: blue;	
}

li.item.vimeo_com div.item_inner {
	background: #80ceff url(images/vimeoback.jpg) bottom center no-repeat;
}

li.item.vimeo_com div.item_inner object {
	border: 1px solid white;
	border-style: none none solid none;	
}

ul#activity_list li.item.twitter_com div.item_inner {
	background: url(images/twitterback.jpg);	
}

p.vimeo_title a {
	border: 1px solid #a7dafa;
	border-style: none none solid none;	
}

p.vimeo_title a:hover {
	border: 1px solid white;
	border-style: none none solid none;
}

p.twitter_user {
	margin: 10px 0 0 10px;	
	padding-bottom: 10px;
	background: transparent url(images/twittertail.gif) bottom 60px no-repeat;
}

p.twitter_user img {
	display: block;
	/*border: 1px solid #999;*/
}

p.twitter_tweet {
	padding: 8px 10px;
	overflow: hidden;	
	background: #FFF url(images/twitterdither.gif) bottom left repeat-x;
	border: 1px solid #DDD;
	border-style: none none solid none;
	margin: 0 10px;
	color: #3F3F3F;
	font:normal 12px/16px tahoma, verdana,arial,sans-serif;
	height:95px;
}
.twitter_tweet  a {
	padding:3px 0; margin:2px 0; background:#D44326; display:block;
}
ul#activity_list li.item.digg_com div.item_inner {
	background: #1b5790 url(images/diggback.gif) bottom right no-repeat;	
}

li.item.digg_com div.item_inner a {
	border: 1px solid #7698b7;
	border-style: none none dotted none;
	display: block;	
	padding-bottom: 5px;
	margin-bottom: 5px;
}

div.inner_container {
	padding: 8px 10px;
}	
div.inner_container p {
font:normal 12px/16px tahoma, verdana,arial,sans-serif;
}

ul#activity_list li.item.youtube_com div.item_inner {
	background: #FE3333 url(images/youtubeback.gif) bottom left repeat-x;
}

ul#activity_list li.item.youtube_com div.item_inner object {
	border: 1px solid white;
	border-style: none none solid none;	
	margin-bottom: 7px;
}

ul#activity_list li.item.youtube_com div.item_inner p {
	padding: 0 10px;	
}

ul#activity_list li.item.youtube_com div.item_inner a {
	border: 1px solid #f07777;
	border-style: none none solid none;	
}

ul#activity_list li.item.youtube_com div.item_inner a:hover {
	border: 1px solid white;
	border-style: none none solid none;	
}

ul#activity_list li.item.yongfook_com div.item_inner {
	background: white url(images/blogback.jpg) bottom left no-repeat;
}

p.blog_title, p.blog_cite {
	margin: 15px 0 20px 0;	
}

ul#activity_list li.item.yongfook_com div.item_inner img {
	display: inline;	
}

li.item.opensourcefood_com img {
	position: absolute;	
	bottom: 0;
	right: 0;
	z-index: 0;
}

div.osf_fold a {
    height: 250px;
    width: 211px;
	background: transparent url(images/osfback.png) bottom right no-repeat;
	z-index: 1000;
	position: absolute;	
}

p.osf_recipe {
	position: absolute;
	z-index: 1001;
	top: 10px;
	left: 10px;	
	width: 190px;
}

p.osf_recipe a {
	border: 1px solid #333;
	border-style: none none solid none;
}

p.osf_recipe a:hover {
	border: 1px solid white;
	border-style: none none solid none;
}

p.osf_recipe span {
	margin-top: 3px;
	display: block;	
	width: 180px;
}

a.activity_image {
	display: block;
	height: 250px;	
}

p.activity_image_text {
	position: absolute;
	top: 0;	
	padding: 3px 5px;
	background: black;	
}

div.instructions code {
	background: #FFFFCC;	
}
p.header_title{
	margin-bottom:5px; display:block; padding:0;
}
.header_title a{
	font-weight:bold; background:none; margin:0; padding:0 3px; display:block;
}
.header_title a:hover{
	background: transparent url(images/back-toogray.png);
}
#lifestream1 .contentleft{
	background: transparent url(images/back.png); padding:20px; width:510px;
}
.content p {
	line-height:18px; margin:0 0 12px 0;
}
.content  ul {
	margin;0 0 25px 0; 
}
.content  ul  li{
	list-style-type:disc; margin:0 0 8px 15px; }

.next{
	display:block; float:right; position:relative;/*background: #EFEFEF;*/  width:100%;
}
.next p{
	margin:0; padding:0;
}
.next  a{
	color: #CFCFCF; padding:10px 15px 0; background: transparent url(images/back.png);text-transform:uppercase; height:25px; float:right; font-weight:bold;
}
.next  a:hover{
	background: transparent url(images/back-toogray.png); color:#CFCFCF;
}

/* TESTIMONIALs */

/* Easy Slider */
	#slidertesti ul, #slidertesti li{
		margin:0;
		padding:0;
		list-style:none;
		
		}
	#slidertesti, #slidertesti li{ 
		/* 
			define width and height of container element and list item (slide)
			list items must be the same size as the slidertesti area
		*/ 
		width:725px;
		overflow:hidden;
		}
	#slidertesti li{ 
		/*background:#f1f1f1;*/
		/*height:311px;*/
		overflow:hidden;
		}		
	#slidertesti li h2{ 
		margin-bottom:12px; font:14px/18px 'Helvetica Neue', Arial, Tahoma, Verdana, serif; font-weight:bold;
		}	
	#slidertesti li p{ 
		margin:0 0 12px 0;
		}				
	span#prevBtn, span#nextBtn {
		font-weight:bold; float:left; text-align:center; height:15px; width:45px; padding:7px; margin:10px 0;
		background: transparent url(images/back.png); color:#CFCFCF;
	}
	span#nextBtn{
		float:right;
	}					

/* // Easy Slider */

.italic{
	font-style:italic; background: #5F5F5F url(images/back-toogray.png); 
	color:#CFCFCF; padding:4px 10px 4px 30px;
}