body{
	font-size: 14px;
	font-family:"Lucida Grande",Tahoma,Arial,Verdana,sans-serif;
	margin: 0px;
	background-color: #BBBBBB;
}
td{
	vertical-align: top;
}
a{
	color: black;
	-moz-border-radius: 3px 3px;
	-webkit-border-radius: 3px 3px;
	border-radius: 3px 3px;
}
a:hover{
	color: black;
	background-color: #E9B424;
	padding: 0px 3px 1px 3px;
	margin: 0px -3px -1px -3px;
}
a img{border:0px;}
.inherit{
	margin: inherit;
	padding: inherit;
	background-color: inherit;
	color: inherit;
	-moz-border-radius: inherit;
	-webkit-border-radius: inherit;
	border-radius: inherit;
}
.inherit:hover{
	margin: inherit;
	padding: inherit;
	background-color: inherit;
	color: inherit;
	-moz-border-radius: inherit;
	-webkit-border-radius: inherit;
	border-radius: inherit;
}
p{
    margin: 10px 0px;
}

/******* COMMON STYLES **********/
.mt0{
	margin-top: 0px;
}
/******* COMMON STYLES **********/

.container{
	margin: 0 auto;
	width: 800px;
	background-color: #FFFFFF;
	-moz-box-shadow: #333 0px 0px 6px;
	-webkit-box-shadow: #333 0px 0px 6px;
	box-shadow: 0px 0px 6px #333;
}
.header{
	background-color: #000;
	border-bottom: 4px solid #F8C301;
	margin: 0;
	padding-bottom: 0;
}
.logo{
	display: inline-block;
	-moz-border-radius: 4px 4px;
	-webkit-border-radius: 4px 4px;
	border-radius: 4px 4px;
	-moz-box-shadow: rgba(0, 0, 0, 0.296875) 0px 1px 3px;
	-webkit-box-shadow: rgba(0, 0, 0, 0.296875) 0px 1px 3px;
	box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.296875);
	margin-left: 15px;
	width: 220px;
	height: 105px;
	margin-bottom: -25px;
	margin-top: -5px;
	background: #FFFFFF;
}
.logo a{
	background: #FFFFFF url(/img/logo/ToBeeDo-160.png) no-repeat 29px;
	display: inline-block;
	text-indent: -9000px;
	width: 216px;
	height: 103px;
	margin: 0 0 0 2px;
	padding: 0;
}
.menu{
	width: 430px;
	margin-top: -35px;
  	position: relative;
	left: 365px;
	top: 8px;
	list-style: none;
	padding: 0;
}
.menu li{
	display: inline-block;
	background-color: #F8C301;
	color: black;
	margin: 0;
}
.menu li a{
	padding: 0 8px 2px;
	margin: 0px;
	diplay:block;
	color: black;
	text-decoration: none;
	font-weight: bold;
	border: 4px solid #F8C301;;
	background-color: #F8C301;
	
	-webkit-border-radius: 3px;
	-webkit-border-bottom-right-radius: 0px;
	-webkit-border-bottom-left-radius: 0px;
	-moz-border-radius: 3px;
	-moz-border-radius-bottomright: 0px;
	-moz-border-radius-bottomleft: 0px;
	border-radius: 3px;
	border-bottom-right-radius: 0px;
	border-bottom-left-radius: 0px;
	background-color: #f8c301;
}
.menu li a:hover{
	padding: 0 8px 2px;
	margin: 0px;
	-moz-box-shadow: #E9B424 0px 0px 10px;
	-webkit-box-shadow: #E9B424 0px 0px 10px;
	box-shadow: 0px 1px 3px #E9B424;
	text-decoration: underline;
	-webkit-transform: scale(1.04);
}

.menu li a.selected{
	-moz-box-shadow: #E9B424 0px 0px 10px;
	-webkit-box-shadow: #E9B424 0px 0px 10px;
	box-shadow: 0px 1px 10px #E9B424;
	text-decoration: underline;
}

.body{
	padding: 40px 15px 0px;
	min-height: 400px;
	clear: both;
	overflow: hidden;
	background-color: white;
}
.footer{
	background-color: #000000;
	padding: 10px;
	text-align: center;
	color: #999999;
	font-size: 12px;
	margin-top: 20px;
	margin-bottom: 20px;
}
.footer a{
	color: #999999;
}
.footer a:hover{
	color: #000000;
}
.footer ul{
	margin: 0;
	padding: 0;
}
.footer ul li{
	display: inline-block;
	margin: 0;
	padding: 5px;
}
.footer ul li.twitter{
	margin: 0;
	padding: 0;
}
.footer ul li.twitter a{
	display: block;
	margin-bottom: -10px;
	margin-left: 4px;
}
/*----------------------------------------*/

/*--------- SIDEBAR ----------------------*/
.sidebar{
	width: 205px;
	display: inline-block;
	margin-right: 15px;
	padding: 0px 15px 0px 0px;
	float: left;
}
.sidebar ul{
	margin: -10px 0px 25px;
	list-style: outside;
	padding-left: 25px;
}
.sidebar ul li{
	padding-bottom: 5px;
}
/*--------- SIDEBAR ----------------------*/

/*--------- CONTENT ----------------------*/
.content{
	margin-left: 0px;
	width: 770px;
}
.content.with-sidebar{
	margin-left: 235px;
	width: 535px;
}
/*--------- CONTENT ----------------------*/
form.inset{
	background-color: #eee;
	padding: 10px;
	margin-top: 15px;
	margin-bottom: 15px;
	
	box-shadow: inset 0px 0px 7px #555;
	-webkit-box-shadow: inset 0px 0px 7px #555;
	-moz-box-shadow: inset 0px 0px 7px #555;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
form.inset label{
	color: #999999;
	text-align: right;
	width: 120px;
	display: inline-block;
	padding: 4px;
	vertical-align: top;
}
form.inset input[type="text"], form.inset textarea{
	font-size: 14px;
	height: 21px;
	border-width: 1px;
	border-style: ridge;
	border-color: #CCCCCC #999999 #999999 #CCCCCC;
}
form.inset textarea{
	height: inherit;
	vertical-align: bottom;
	padding-top: 1px;
}

form.inset input[type="submit"]{
	margin-left: 132px;
}
.sidebar form label{
    color:#888;
}
.sidebar form input[type="text"], .sidebar form textarea{
	font-size: 14px;
	height: 21px;
	width:200px;
	border-width: 1px;
	border-style: ridge;
	border-color: #CCCCCC #999999 #999999 #CCCCCC;
}
.sidebar form textarea{
	font-size: 14px;
	height: 80px;
	border-width: 1px;
	border-style: ridge;
	border-color: #CCCCCC #999999 #999999 #CCCCCC;
}

form.inline{
    display:inline;
    padding:0px;
    margin:0px;
}
/*--------- BANER ----------------------*/
.baner{
	height: 270px;
	background: url(/img/baner/bg.png) 0 0;
	margin: -44px -15px 0;
	padding-bottom:4px;
}
.baner .slug{
	height: 270px;
	background: url(/img/baner/tobeedo-manage-tasks-and-projects-with-ease.png) no-repeat 15px 49px;
}
.baner .screenshot{
	height: 270px;
	background: url(/img/screenshots/app-main-win.png) no-repeat 370px 28px;
}
.baner .bottomline{
	height: 4px;
	background-color: black;
}
/*--------- BANER ----------------------*/

/*--------- SIGNUP BUTTON ----------------------*/
.signup-button{
	background-color: #E95020;
	display: inline-block;
	padding: 10px;
	margin: 177px 0 0 62px;
	text-align: center;
	text-decoration: none;
	-moz-border-radius: 5px 5px;
	-webkit-border-radius: 5px 5px;
	border-radius: 5px 5px;
	-moz-box-shadow: #FFF 0px 0px 4px;
	-webkit-box-shadow: #FFF 0px 0px 4px;
	box-shadow: 0px 0px 4px #FFF;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#E93B2A', endColorstr='#E98F44'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#E93B2A), to(#E98F44)); /* for webkit browsers */

background: -moz-linear-gradient(top,  #E93B2A,  #E98F44); /* for firefox 3.6+ */
}
.signup-button:hover{
	background-color: #E95020;
	margin: 177px 0 0 62px;
	padding: 10px;
	-moz-box-shadow: #FFF 0px 0px 6px;
	-webkit-box-shadow: #FFF 0px 0px 10px;
	box-shadow: 0px 0px 6px #FFF;
	-webkit-transform: scale(1.04);
	-moz-transform: scale(1.04);
	transform: scale(1.04);
}
.signup-button h3{
	font-size: 19px;
	font-weight: bold;
	font-variant: normal;
	margin: 0 20px;
	padding: 0 0 2px;
	
}
.signup-button span{
	font-size: 12px;
}
/*--------- SIGNUP BUTTON ----------------------*/

/*--------- BLOG ----------------------*/
.post{
	margin-bottom:50px;
}
.post .post-footer{
	color: gray;
	font-size: 12px;
}
.comment-poster{
	font-size: 13px;
	color: gray;
}
.comment-poster a{
	color: gray;
}
.comment-poster a:hover{
	color: black;
}
.comment-poster span.comment-icon img{
	vertical-align: top;
}
.comment-timestamp{
	float: right;
}
.comment-body{
	margin-bottom: 30px;
}
/*--------- BLOG ----------------------*/

/*--------- HELP ----------------------*/
.help-page-meta{
	color: gray;
	text-align: right;
	font-size: 11px;
}
/*--------- HELP ----------------------*/