/*

Theme Name: AppCloud

Theme URI: http://www.icreativelabs.com/

Description: None.

Version: 2.0

Author: iCreative Labs

Author URI: http://www.icreativelabs.com

Tags: blue

	AppCloud v2.0

	http://www.icreativelabs.com/

	This theme was designed and built by None,

	whose blog you will find at http://www.icreativelabs.com/

	The CSS, XHTML and design is released under GPL:

	http://www.opensource.org/licenses/gpl-license.php

*/



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;

	background: transparent;

}

html body * span.clear,

html body * div.clear,

html body * li.clear,

html body * dd.clear

{

	background: none;

	border: 0;

	clear: both;

	display: block;

	float: none;

	font-size: 0;

	list-style: none;

	margin: 0;

	padding: 0;

	overflow: hidden;

	visibility: hidden;

	width: 0;

	height: 0;

}

body{

	background-color: #C3E2EF;

	color: #333;

	font: normal 12px/17px Lucida Sans, Helvetica, Arial, sans-serif ;

}

a{

	text-decoration: none;

}

.area{

	display: block;

	margin: auto;

	width: 864px;

}

.header{

	height: 100px;

}

.header a:hover{

	text-decoration: underline;

}

#logo{

	float: left;
	margin: 32px 0 0 20px;
    position: absolute;

}

.header h1 {
	float: right;
	margin-top: 15px;
	color: #358ddc;
	font-size: 10px;
	}

.header h2{
	float: right;
	color: #358ddc;
	font-size: 10px;
	font-weight: normal
}

.sign{

	display: block;

	float: right;

	background-color: #358DDC;

	height: 30px;

	margin: 0 2px 0 0;

	line-height: 30px;

	font-size: 11px;

}

.sign ul{

	list-style: none;

	margin: 0 8px 0 10px;

}

.sign li{

	border-right: 1px solid #fff;

	display: inline;

	padding: 0 12px 0 10px;

}

.sign .no{

	border: 0px;

}

.sign a{

	color: #fff;

}

.sign .black{

	color: #212121;

}

.headnav,

.footnav{

	float: right;

	list-style: none;

	display: block;

	margin: 0 10px 0 0;

	font-size: 11px;

        z-index:2;

}

.footnav{

	margin-top: -3px;

}

.headnav li,

.footnav li{

	border-right: 1px solid #333;

	display: inline-block;

	padding: 0 12px 0 10px;

}

.footnav li{

	display: inline;

}

.headnav .no,

.footnav .no{

	border: 0px;

}

.headnav a,

.footnav a{

	color: #333;

}

.footnav a:hover{

	text-decoration: underline;

}

.headnav .on a,

.headnav a:hover{

	color: #2D80CC;

}

.headnav{

	margin: 30px 0 0 0;

}

.navl{

	position: absolute;

	margin: 210px 0 0 -12px;

}

.navl a{

	display: block;

	height: 31px;

	width: 31px;

	background: url(images/ico_navl.png) no-repeat bottom left;

	text-indent: -5000px;

}

.navl a:hover{

	background: url(images/ico_navl.png) no-repeat top left;

}

.navr{

	position: absolute;

	margin: 210px 0 0 845px;

}

.navr a{

	display: block;

	height: 31px;

	width: 31px;

	background: url(images/ico_navr.png) no-repeat bottom left;

	text-indent: -5000px;

}

.navr a:hover{

	background: url(images/ico_navr.png) no-repeat top left;

}

.wrap0top{

	display: block;

	height: 3px;

	background: url(images/bg_wrap3.png) no-repeat top center;

}

.wrap0bot{

	display: block;

	height: 5px;

	background: url(images/bg_wrap5.png) no-repeat bottom center;

}

.wrapin{

	background: url(images/bg_wrapin.gif) repeat-x bottom center;

	margin: 0 4px;

	padding: 0 0 35px 0;

}

.wrap0{

	display: block;

	background: url(images/bg_wrap4.png) repeat-y top center;

}

.wrap0 a{

	color: #2E81CD;

}

.wrap0 a:hover{

	text-decoration: underline;

}

.random{

	margin: 0 0px;

	padding: 1px 0 0 0;

}


.faq{

	display: block;

	margin: 25px 32px 0px 32px;

}

.faq h4{

	padding: 25px 0 5px 0;

	border-bottom: 1px solid #e0e0e0;

	color: #333;

	margin: 0 0 5px 0;

}

.faq li{

	line-height: 22px;

	list-style: url(images/li_faq.png);

	margin: 0 0 0 15px;

}

.wrap1{

	display: block;

	height: 458px;

	background: url(images/bg_wrap1.png) no-repeat top left;

}

.wrap1 h3,

.wrap2 h3,

.faq h3{

	color: #999;

	font: bolder 24px Helvetica, Arial, sans-serif ;

	letter-spacing: -1px;

}

.textfeat{

	margin: 32px 0 0 52px;

	display: block;

	float: left;

	width: 400px;

}

.mainbar .textfeat{

	margin: 32px 0 0 0;

	width: 200px;

}

.textfeat .app{

	margin: 10px 0 20px 0;

}

.textfeat .app p{

	padding: 0px;

	width: 200px;

}

.textfeat h3{

	margin: 0 0 35px 0;

}

.iconfeat{

	width: 70px;

	float: left;

}

.feat{

	display: block;

	float: left;

	width: 315px;

}

.mainbar .feat{

	display: block;

	float: left;

	width: 315px;

}

.feat h4,

.app h4{

	font-size: 18px;

	font-weight: bolder;

}

.feat h4 a{

	color: #333;

}

.feat h4 a:hover{

	text-decoration: none;

	color: #358ddc;

}

.grey{

	color: #666;

}

.feat p{

	margin: 15px 0 32px 0;

}

.buy,

#comments input[type=submit]{

	width: 134px;

	height: 34px;

	background: url(images/bt_add.png) no-repeat top left;

	display: block;

	font: bolder 12px/30px Lucida Sans, Helvetica, Arial, sans-serif ;

	text-align: center;

}

.buy img{

	vertical-align: -3px;

}

.buy a{

	color: #fff;

}

.feat a:hover{

	text-decoration: underline;

}

.imgfeat{

	float: right;

	display: block;

	margin: 52px 52px 0 0;

}

.ifhr img{

	margin: 52px -37px 0 0;

	float: right;

}

.mainbar .imgfeat{

	margin: 40px 20px 0 0;

}

.wrap2{

	display: block;

	height: 454px;

	background: url(images/bg_wrap2.png) no-repeat top left;

	margin: 15px 0 0 0;

}

.wrap2 h3{

	padding: 28px 0 35px 32px;

}

.app{

	display: block;

	float: left;

	width: 176px;

	margin: 0 0 20px 32px;

}

.noh3 .app{

	padding-top: 30px;

}

.app h4 a{

	color: #212121;

}

.app h4 a:hover{

	color: #358DDC;

	text-decoration: none;

}

.app img{

	float: left;

	margin: 0 10px 0 0;

}

.app p{

	display: block;

	margin: 8px 0 0 0;

}

.footer{

	height: 75px;

	line-height: 75px;

}

.rsstwit{

	list-style: none;

	float: left;

	margin: 0 20px;

}

.rsstwit li{

	display: inline;

}

.mainbar{

	float:right;

	width: 600px;

	margin: 0 17px;

	display: block;

}

.hrbar{

	border: 0px;

	background-color: #e0e0e0;

	height: 1px;

	margin: 20px 0 0 0; 

}

.product_banner{

padding: 15px 0 5px 0;

}

.colap h3{

	border-bottom: 1px solid #E0E0E0;

	font: bolder 12px/30px Lucida Sans, Helvetica, Arial, sans-serif ;

	margin: 20px 0 0 0;

}

.colap h3 a{

	font: normal 10px Lucida Sans, Helvetica, Arial, sans-serif ;

	margin: 0 5px;

}

.colap .app{

	margin: 20px 35px 0 0;

}

.colap .appr{

	margin-right: 0px;

}

.appbot{

	border-top: 1px solid #E0E0E0;

	margin: 25px 0 0 0;

	padding: 10px 0 0 0;

	font-size: 10px;

	color: #666;

}

.apptop{

	font-size: 11px;

	color: #666;

	padding: 20px 0 0 0;

}

.abl{

	float: left;

	width: 200px;

}

.apptop h2{

	font: normal 16px Lucida Sans, Helvetica, Arial, sans-serif ;

	letter-spacing: -1px;

}

.abr{

	float: right;

	width: 400px;

	text-align: right;

}

.abr span{

	margin: 0 10px;

}

.abr a{

	color: #666;

	font-weight: bold;

	font-size: 12px;

}

.abr a:hover{

	text-decoration: none;

	color: #358ddc;

}

.abr form{

	display: inline;

}

.abr select{

	font: normal 11px Lucida Sans, Helvetica, Arial, sans-serif ;

}

.sidebar{

	width: 218px;

	float: left;

	background: #F3F9FC url(images/bg_sidebar.gif) repeat-x bottom;

	display: block;

	margin-bottom: -35px;

	padding-bottom: 35px;

}

#shopping-cart.sidebar{

	background: #E1F0F7;

	min-height: 110px;

	margin-bottom: -15px;

	padding: 20px;

	float: none;

	width: auto;

}

#shopping-cart.sidebar h3{

	font: normal 14px/24px Helvetica, Arial, sans-serif ;

	background: url(images/ico_cart.png) no-repeat left center;

	padding: 0 0 0 25px;

	margin: 0 0 20px 0;

}

#shopping-cart.sidebar p{

	font-size: 11px;

}

#shopping-cart.sidebar p strong{

	color: #2d80cc;

}

.broap{

	width: 104px;

	height: 29px;

	background: url(images/bt_add2.png) no-repeat top left;

	display: block;

	font: bolder 11px/25px Lucida Sans, Helvetica, Arial, sans-serif ;

	text-align: center;

	margin: 20px 0 0 0;

}

.broap a{

	color: #fff;

}

button.broap{

	width: 114px;

	background: url(images/bt_add5.png) no-repeat top left;

	border: 0px;

	cursor: pointer;

	color: #fff;

}

button.broap:hover{

	text-decoration: underline;

}

.bcle{

	width: 59px;

	background: url(images/bt_add3.png) no-repeat top left;

	float: left;

	margin-right: 5px;

}

.bche{

	width: 84px;

	background: url(images/bt_add4.png) no-repeat top left;

	float: left;

}

.cart{

	border-collapse: collapse;

	width: 180px;

	height: 20px;

	line-height: 20px;

	font-size: 11px;

	margin: 10px 0;

	border: 1px solid #C3E2EF;

}

.cart th{

	color: #2E81CD;

	background-color: #C3E2EF;

}

.cart td{

	border: 1px solid #C3E2EF;

	padding: 0 10px;

}

.sidein,

.sidebar .sidebar {

width: 180px;

margin: 0 auto;

background: none;

float: none;

padding: 0;

}

.sidein h3,

.sidebar .sidebar h3{

	border-bottom: 1px solid #E0E0E0;

	font: normal 14px Helvetica, Arial, sans-serif ;

	padding: 0 0 5px 0;

	margin:  30px 0 10px 0;

}

.sidebar .sidebar ul{

margin: 0 0 10px 25px;

list-style-image:url(images/li_faq.png);

}

.sidein .app{

	width: 183px;

	margin: 0 0 10px 0;

}

.search{

	width: 183px;

	height: 25px;

	background: url(images/bg_search.png) no-repeat top left;

}

.search input{

	font: normal 12px Lucida Sans, Helvetica, Arial, sans-serif ;

	margin: 3px 9px;

	border: 0px;

	width: 130px;

outline: 0 none;

}

.search button{

	background: url(images/bg_search.png) no-repeat center right;

	text-indent: -5000px;

	border: 0px;

	cursor: pointer;

	float: right;

	height: 25px;

	width: 30px;

}

.mostapp{

	list-style: none;

}

.mostapp li{

	padding: 0 0 10px 0;

}

.mostapp img{

	float: left;

	margin: 0 10px 0 0;

}

.mostapp h4{

	font: bold 18px Lucida Sans, Helvetica, Arial, sans-serif ;

}

.mostapp h4 a{

	color: #212121;

}

.mostapp h4 a:hover{

	color: #358DDC;

	text-decoration: none;

}

.mostapp span{

	font-size: 10px;

}

.payment{

	border-collapse: collapse;

	width: 500px;

	margin: 15px 0;

}

.payment th{

	height: 25px;

	background-color: #E1F0F7;

	font-size: 12px;

	text-align: left;

	border: 1px solid #C3E2EF;

	line-height: 25px;

	padding-left: 15px;

}

.payment td{

	line-height: 30px;

	border-left: 1px solid #C3E2EF;

	border-right: 1px solid #C3E2EF;

	padding-left: 15px;

}

.payment a{

	font-size: 11px;

}

.check .payment input{

	padding: 2px;

	margin: 0 10px 0 0;

	font-size: 11px;

}

.payment button{

	font-size: 11px;

	cursor: pointer;

}

.total td{

	font-size: 12px;

	font-weight: bold;

	border: 1px solid #C3E2EF;

}

.totalhead{

margin-left: 10px;

}

.total span.pricedisplay {

float:right;

width:80px;

text-align: right;

margin-right: 16px;

}

.check h2{

	font: normal 20px/15px Helvetica, Arial, sans-serif ;

	letter-spacing: -1px;

	padding: 25px 0;

}

.check hr{

	margin: 10px 0;

}

.check h4{

	color: #2E81CD;

	font: bold 14px Lucida Sans, Helvetica, Arial, sans-serif ;

	padding: 5px 0;

}

.check input,

.check textarea,

.check select{

	border: 1px solid #ccc;

	padding: 2px;

	font: normal 12px Lucida Sans, Helvetica, Arial, sans-serif ;

	border-top: 2px solid #a3a3a3;

}

.form label{

	float: left;

	width: 100px;

	text-align: right;

	margin: 10px 0;

}

.form input,

.form select{

	width: 200px;

	margin: 5px 10px;

}

.form select{

	width: 206px;

}

.form textarea{

	width: 250px;

	height: 65px;

	margin: 5px 10px;

}



.post{

padding: 10px 0;

}

.post-title h2,

.post h3{

font-size: 20px;

line-height: 20px;

letter-spacing: -1px;

}

.post-footer,

.postmetadata,

.post small,

.post-footer h4{

font-size: 10px;

color: #999;

padding: 5px 0;

font-weight: normal;

}

.post-comments{

float: right;

}

.post-content p,

.entry p{

padding: 5px 0;

}

#comments label{

float: left;

width: 150px;

}

#comments input,

#comments textarea{

border: 1px solid #c4e2ef;

width: 300px;

padding: 2px 5px;

}

.pagetitle{

padding: 20px 0 0 0;

}

.hentry,

#comments{

border-top: 1px solid #e0e0e0;

}

/* STEP CAROUSEL */

.stepcarousel{

	position: relative; /*leave this value alone*/

	border: 0px;

	overflow: scroll; /*leave this value alone*/

	width: 864px; /*Width of Carousel Viewer itself*/

	height: 458px; /*Height should enough to fit largest content's height*/

z-index: 1;

}

.stepcarousel .belt{

	position: absolute; /*leave this value alone*/

	left: 0;

	top: 0;

z-index: 1;

}

.stepcarousel .panel{

	float: left; /*leave this value alone*/

	overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/

	margin: 0px; /*margin around each panel*/

	width: 864px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */

z-index: 1;

}



html body * #dekoboko_form label{

	font-weight: bold;

	margin-left: 25px;

	float:none;

	width: 100%;

	display: block;

	text-align: left;

	margin: 0px;

}

#dekoboko_form li{

	list-style: none;

}

#dekoboko_form p{

	font-size: 12px;

	font-style: normal;

}

#dekoboko_name,

#dekoboko_email,

#dekoboko_subject,

#dekoboko_message{

	font: normal 12px arial, helvetica;

	padding: 4px 5px;

	width: 300px;

	border: 1px solid #ccc;

}

#dekoboko_message{

	height: 200px;

}

#dekoboko_submit{

	display: block;

	cursor: pointer;

	height: 32px;

	width: 160px;

	text-indent: -5000px;

	background: url(images/send.png) top;

	border: 0px;

	margin: 20px;

	float:left;

}

#nav{z-index:2;}

#nav ul {padding: 2px; display: none; width: 100px; position: fixed; z-index:2;}

#nav ul li {margin: 1px 0 0 0; border-right: 0px; padding: 2px 4px;}

#nav li ul li {padding: 2px 4px; background-color: #e1f0f7; display: block; color: #333; border-right: 0px;}

#nav li ul li a {color: #333; width: 100px;}

#nav li ul li a:hover {color: #358bbc; text-decoration: underline;}

#nav ul ul {top: auto; z-index:2;}

#nav li ul ul {margin: -3px 0 0 7px; position: fixed; z-index:2;}





.gallery.custom-state-active { background: #eee; }

.gallery li { list-style: none; float: left; padding: 0.4em; margin: 0 0.4em 0.4em 0; text-align: center; border:1px solid #e0e0e0;}



.post-content h1{

	font-size: 24px;

}

.post-content h2{

	font-size: 22px;

}

.post-content h3{

	font-size: 20px;

}

.post-content h4{

	font-size: 16px;

}

.post-content h5{

	font-size: 14px;

}

.post-content h6{

	font-size: 12px;

}

.post-content h1,

.post-content h2,

.post-content h3,

.post-content h4,

.post-content h5,

.post-content h6{

	padding: 10px 0 5px 0;

}

.post-content ul { margin: 0 0 10px 20px; list-style-image: url('images/li_faq.png'); }

.post-content ol { margin: 0 0 10px 25px;}



.post-content blockquote{

	color: #999;

	font-style: italic;

	font-size: 13px;

	background: url('images/blockquote.png') no-repeat top left;

	padding: 0 20px 0 50px;

}



#comments input[type=submit] { border: 0px; color: #fff; cursor: pointer; margin-left: 150px; }

#comments input[type=text],

#comments textarea {

	-moz-border-radius: 5px;

	margin: 0 0 5px 0;

	padding: 5px;

	font: normal 12px Lucida Sans,Helvetica,Arial,sans-serif;

}

#comments h3{

	font-size: 20px;

	padding: 20px 0 10px 0;

	clear: both;

}

#comments .left{

	float: left;

	width: 70px;

}

#comments .right{

	width: 500px;

	float: left;

}

.comment-wrap{

	clear: both;

	padding: 15px 0;

}

.ads_side_list{

list-style: none;

}

.aligncenter,

div.aligncenter {

   display: block;

   margin-left: auto;

   margin-right: auto;

}



.alignleft {

   float: left;

}



.alignright {

   float: right;

}



.wp-caption {

   border: 1px solid #ddd;

   text-align: center;

   background-color: #f3f3f3;

   padding-top: 4px;

   margin: 10px;

   /* optional rounded corners for browsers that support it */

   -moz-border-radius: 3px;

   -khtml-border-radius: 3px;

   -webkit-border-radius: 3px;

   border-radius: 3px;

}

.wp-caption img {

   margin: 0;

   padding: 0;

   border: 0 none;

}

.wp-caption p.wp-caption-text {

   font-size: 11px;

   line-height: 17px;

   padding: 0 4px 5px;

   margin: 0;

}