﻿/*
Theme Name: TuttiBasekit
*/

html{height:100%;}
body{
	height:100%;
	margin:0;
	color:#333;
	font:12px/15px Arial, Helvetica, sans-serif;
	background:#fff;
	position:relative;
	min-width:990px;
}
img{border-style:none;}
a{
	text-decoration:none;
	color:#f58740;
}
a:hover{text-decoration:underline;}
input, textarea, select{
	font:100% Arial, Helvetica, sans-serif;
	vertical-align:middle;
}
form, fieldset{
	margin:0;
	padding:0;
	border-style:none;
}
#wrapper{
	height:100%;
	display:table;
	width:990px;
	margin:0 auto;
}
#header{
	height:92px;
	padding:48px 0 0;
	position:relative;
	background:#fff;
}
#main{
	width:100%;
	display:table-row;
	background:url(images/bg-main.gif) repeat-y;
}
.main-holder{
	display:table-cell;
}
.logo{
	margin:0;
	width:293px;
	height:67px;
	background:url(images/logo.gif) no-repeat;
	text-indent:-9999px;
	overflow:hidden;
}
.logo a{
	display:block;
	height:100%;
}
#nav{
	margin:0;
	padding:0;
	position:absolute;
	bottom:25px;
	right:0;
	font-weight:bold;
	list-style:none;
	color:#5d4462;
	word-spacing:-1px;
}
#nav li{
	float:left;
	padding:0 0 0 17px;
}
#nav li a{color:#5d4462;}
#twocolumns{
	width:100%;
	padding:0 0 16px;
}
#twocolumns:after{
	content:"";
	display:block;
	clear:both;
}
#content{
	width:617px;
	float:left;
	padding:36px 0 0;
}
.post{
	padding:0 31px 21px 30px;
	margin:0 0 33px;
	background:url(images/divider1.gif) repeat-x 0 100%;
	position:relative;
	height:1%;
}
.main-post{margin-bottom:0;}
.post p{margin:0 0 15px;}
.post h2{
	margin:0;
	font-size:28px;
	line-height:30px;
}
.heading{
	width:100%;
	margin:0 0 27px;
}
.heading:after{
	content:"";
	display:block;
	clear:both;
}
.post .heading h2{ color:#f58740;}
.tweet{
	float:right;
	margin:-5px 0 0;
	position:relative;
}
.tweet img{vertical-align:top;}
.btn-share{
	overflow:hidden;
	height:1%;
	margin:0 0 22px;
	padding:5px 0 0;
}
.main-post .btn-share{
	padding:10px 0 0;
	margin:0 0 1px;
}
.btn-share img{vertical-align:top;}
.btn-more{
	display:block;
	width:139px;
	height:35px;
	text-indent:-9999px;
	overflow:hidden;
	background:url(images/btn-read-more.gif) no-repeat;
}
.btn-more:hover{background-position:0 -35px;}
.post .date{
	width:73px;
	height:74px;
	position:absolute;
	left:-84px;
	top:6px;
	color:#fff;
	line-height:18px;
	padding:19px 0 0 11px;
	font-style:normal;
	background:url(images/bg-date.gif) no-repeat;
}
.date strong{
	display:block;
	font-size:24px;
	line-height:28px;
}
.gallery{
	margin:0 0 26px -5px;
	padding:0;
	overflow:hidden;
	width:561px;
	list-style:none;
}
.main-post .gallery{margin:0 0 19px -5px;}
.gallery li{
	float:left;
	padding:0 0 0 5px;
}
.gallery li img{
	vertical-align:top;
	border:5px solid #fff;
}
.previouspostslink,
.nextpostslink{
	float:left;
	width:88px;
	height:32px;
	text-indent:-9999px;
	overflow:hidden;
	margin:0 11px 0 -11px;
	background:url(images/btn-prev.gif) no-repeat;
}
.nextpostslink{
	width:86px;
	margin:0;
	float:right;
	background:url(images/btn-next.gif) no-repeat;
}
.nextpostslink:hover,
.previouspostslink:hover{background-position:0 -32px;}
.pager{
	overflow:hidden;
	height:1%;
	margin:-15px 0 0;
	padding:0 31px 0 42px;
}
.pager ul{
	margin:0;
	padding:10px 0 0;
	font-size:16px;
	list-style:none;
	text-align:center;
	font-weight:bold;
	color:#333;
}
.pager ul li{
	display:inline;
	margin:0 1px 0 0;
}
.pager ul li a{
	color:#333;
}
.pager ul li a:hover{
	text-decoration:none;
	color:#f58740;
}
.pager ul li .current{ color:#f58740;}

.pager ul li .first,
.pager ul li .last,
.pager ul li .pages{
	display:none;
}
.aligncenter{
	display:block;
	margin:0 auto;
}
.img-holder{margin:-3px 0 21px;}
.comment-box{padding:24px 30px 85px;}
.tags{
	margin:0 0 20px;
	overflow:hidden;
	height:1%;
}
.tags dt{float:left;}
.tags dd{
	margin:0;
	float:left;
}
.tags dd a{margin:0 0 0 2px;}
.comment-box h3{
	font-size:18px;
	line-height:20px;
	margin:0 0 18px;
}
.comment-form .submit{
	width:215px;
	height:42px;
	float:left;
	text-indent:-9999px;
	overflow:hidden;
	cursor:pointer;
	font-size:0;
	line-height:0;
	border:none;
	background:url(images/btn-submit.gif) no-repeat;
}
.comment-form .submit.hover,
.comment-form .submit:hover{background-position:0 -42px;}
.comment-form .row{
	overflow:hidden;
	width:168px;
	padding:0 0 11px;
}
.comment-form label{
	width:168px;
	float:left;
	margin:0 0 7px;
}
.comment-form .text{
	width:156px;
	border:1px solid #666;
	margin:0;
	background:#fff;
	padding:2px 5px 3px;
	float:left;
}
.submit-holder{
	overflow:hidden;
	height:1%;
}
.input-area{
	width:100%;
	margin:8px 0 0;
	padding:0 0 17px;
}
.input-area:after{
	content:"";
	display:block;
	clear:both;
}
.input-area textarea{
	width:544px;
	margin:0;
	float:left;
	max-height:132px;
	max-width:556px;
	padding:3px 5px;
	height:124px;
	overflow:auto;
	border:1px solid #666;
}
#sidebar{
	float:right;
	width:313px;
	padding:30px 30px 0;
	margin-left:-100px;
	position:relative;
}
.btn-box{
	padding:0 0 34px;
	margin:0 0 28px;
	width:100%;
	background:url(images/divider1.gif) repeat-x 0 100%;
}
.btn-signup{
	display:block;
	width:276px;
	margin:0 auto 8px;
	height:72px;
	text-indent:-9999px;
	overflow:hidden;
	cursor:pointer;
}
.btn-signup:hover{background:transparent;}
.btn-signup:hover span{margin:-72px 0 0;}
.btn-signup span{
	display:block;
	height:144px;
	background:url(images/btn-signup.png) no-repeat;
}
.btn-watch{
	display:block;
	width:231px;
	margin:0 0 0 46px;
	height:47px;
	text-indent:-9999px;
	overflow:hidden;
	background:url(images/btn-watch.gif) no-repeat;
}
.btn-watch:hover{background-position:0 -47px;}
.article-list{
	line-height:18px;
	font-size:14px;
	font-weight:bold;
	padding:0;
	margin:-12px 0 19px -2px;
	list-style:none;
	position:relative;
	height:1%;
	background:url(images/divider1.gif) repeat-x 0 100%;
}
.article-list p{margin:0 0 13px;}
.article-list .link-holder{
	text-align:right;
	font-size:12px;
	font-weight:normal;
}
.txt-techcrunch,
.txt-download{
	text-indent:-9999px;
	overflow:hidden;
	width:303px;
	height:36px;
	margin:0 0 6px;
	background:url(images/txt-download.gif) no-repeat;
}
.txt-techcrunch{
	width:232px;
	height:35px;
	margin:0 0 14px;
	background:url(images/txt-techcrunch.gif) no-repeat;
}
.article-list li{padding:12px 0 24px;}
.social-holder{
	overflow:hidden;
	width:313px;
	margin:0 0 23px;
	padding:0 0 22px;
	background:url(images/divider1.gif) repeat-x 0 100%;
}
.social{
	margin:0 0 0 -20px;
	padding:0;
	height:1%;
	list-style:none;
	overflow:hidden;
	width:335px;
}
.social li{
	float:left;
	padding:0 0 0 20px;
}
.social li img{vertical-align:top;}
.tabs{
	font:bold 12px/14px Arial, Helvetica, sans-serif;
	background:url(images/divider1.gif) repeat-x 0 100%;
	padding:0 0 1px;
	height:1%;
	margin:0 0 21px;
}
.tabset{
	margin:0 0 14px;
	overflow:hidden;
	height:1%;
	padding:0;
	list-style:none;
}
.tabset li{
	padding:0 10px 0 0;
	float:left;
}
.tabset a{
	display:block;
	padding:0 0 0 9px;
}
.tabset .active{background:url(images/bullet1.gif) no-repeat 0 2px;}
.tab-holder{padding:0 16px 0 0;}
.comment{
	background:url(images/bg-tab-holder.gif) no-repeat 100% 100%;
	margin:0 -16px 0 0;
	padding:0 16px 0 0;
}
.popular-list ul,
.comments{
	margin:0;
	padding:0;
	list-style:none;
}
.popular-list ul li,
.comments li{padding:0 0 14px;}
.comments blockquote{margin:0;}
.comments blockquote p{margin:0;}
.comments blockquote cite{
	font-style:normal;
	margin:0 0 0 36px;
	display:block;
}
.popular-list ul span.post-stats,
.archive-list li{ color:#f58740;}
.popular-list a,
.archive-list a{ color:#333;}
.txt-categories{
	margin:0 0 15px;
	text-indent:-9999px;
	overflow:hidden;
	width:105px;
	height:22px;
	background:url(images/txt-categories.gif) no-repeat;
}
.categories-list{
	margin:0;
	padding:0;
	font:bold 16px/18px Arial, Helvetica, sans-serif;
	list-style:none;
}
.categories-list li{
	overflow:hidden;
	height:1%;
	padding:0 0 2px;
	margin:0 0 6px;
	vertical-align:middle;
	background:url(images/divider2.gif) repeat-x 0 100%;
}
.categories-list li a{
	float:left;
	color:#333;
	padding:1px 0 3px 30px;
	background:url(images/bullet2.gif) no-repeat;
}
.box{
	margin:0 0 22px;
}
.search-box{
	overflow:hidden;
	height:1%;
	margin:0 0 51px;
}
.search-form{
	float:right;
	background:#fff url(images/bg-search-form-l.gif) no-repeat;
}
.search-form fieldset{float:left;}
.search-form .holder{
	float:left;
	padding:3px 0 4px 5px;
	background:url(images/bg-search-form-r.gif) no-repeat 100% 0;
}
.search-form .text{
	float:left;
	width:140px;
	margin:0;
	padding:5px 5px 3px;
	background:none;
	border:none;
	font-size:12px;
	line-height:15px;
	color:#9f9f9f;
	font-weight:bold;
}
.search-form .submit{
	width:23px;
	height:23px;
	float:left;
	cursor:pointer;
	border:none;
	text-indent:-9999px;
	overflow:hidden;
	font-size:0;
	line-height:0;
	margin:0 8px 0 4px;
	background:url(images/btn-search.gif) no-repeat;
}
.twitter-box{
	padding:13px 20px 70px;
	overflow:hidden;
	height:1%;
	font-size:12px;
	line-height:15px;
	background:#fff url(images/bg-twitter-box.gif) no-repeat 0 100%;
}
.twitter-box ul{
	margin:0;
	padding:0;
	list-style:none;
	height:1%;
	overflow:hidden;
}
.twitter-box ul li{
	margin:-1px 0 10px;
	padding:8px 0 0;
	background:url(images/divider3.gif) repeat-x;
}
.twitter-box ul li p{margin:0;}
.twitter-box .twitter-timestamp{
	font-style:normal;
	color:#1b98a8;
	display:block;
}
.twitter-box .twitter-timestamp abbr{ border-bottom:none;}
#footer {
	width:100%;
	overflow:hidden; /*for FF on Windows 7*/
	display:table-footer-group;
	background:#333;
	color:#fff;
	font-size:11px;
	line-height:14px;
}
#footer .footer-holder {
	height:1%;
	display:table-row;
}
#footer .footer-frame { 
	display:table-cell;
	padding:10px 0 20px;
}
.social-f{
	margin:0;
	padding:0 19px 5px 0;
	float:left;
	list-style:none;
}
.social-f li{
	float:left;
	padding:0 14px;
	display:table;
	height:90px;
}
.social-f .item{padding:0 57px;}
.social-f li span{
	vertical-align:middle;
	display:table-cell;
}
.s1{
	overflow:hidden;
	position:relative;
	width:100%;
}
.c1,
.s2{
	float:left;
	left:50%;
	position:relative;
}
.c2,
.s3{
	float:left;
	left:-50%;
	position:relative;
}
.columns-holder{
	overflow:hidden;
	width:100%;
	text-align:center;
	margin:0 0 26px;
}
.col{
	width:185px;
	float:left;
	padding:0 10px;
}
.col strong{
	display:block;
	margin:0 0 10px;
	font-style:normal;
}
.col p{margin:0;}
#footer address{
	text-align:center;
	font-style:normal;
	padding:0;
}
.copy{
	margin:0;
	text-align:center;
}
div.textwidget{
	width:100%;
}
#exposeMask{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:100;
	background:#333 url(images/ajax-loader-transparent.gif) no-repeat 50% 50%;
	display:none;
	min-width:990px;
}
div.overlay{
	z-index:101;
	position:absolute;
	top:0;
	left:0;
	width:720px;
	height:478px;
	display:none;
	background:#333;
}
div.overlay .close{
	position:absolute;
	top:-14px;
	right:-14px;
	width:30px;
	height:30px;
	text-indent:-6666px;
	overflow:hidden;
	cursor:pointer;
	background:url(images/close.png) no-repeat;
}