/*
THEME NAME:     Vinita_Home_Brew_Theme
THEME URI:		http://vinitaagarwal.com/
DESCRIPTION: 	Home baked by Adam Jowell of KraftKutts
VERSION: 		0.1
AUTHOR URI: 	<a href="http://www.kraftkutts.co.uk/">KraftKutts</a>
TAGS: 			vinita
*/

/***************************************************************
* ---------------  GLOBAL STYLES  ---------------------------- *
****************************************************************/

@import url('css/reset.css');
@import url('css/typography.css');
@import url('css/menu.css');

#access { 
	display: none;
	position: absolute;
	z-index: 99000;
	width: 190px;
	height: 90px;
	padding: 15px;
	background: #f5f2ef;
	border: 2px solid #fff;
	font-size: 0.8em;
	line-height: 16pt;
}

html, body {
	height: 100%;
	background: #f5f2ef;
	overflow: hidden;
}
#wrapper {
	font-size: 75%;
	width: 100%;
	height: 100%;
	min-height: 500px;
	float: left;
	overflow: hidden;
}
#sidebar {
	position: absolute;
	top: 0px;
	left: -275px;
	z-index: 8000;
	width: 280px;
	height: 100%;
	background: url(images/sidebar-bg.png) repeat-y;
}
body.blog #sidebar {
	left: 0px !important;
} 
#sidebar #inner {
	float: left;
	padding: 30px 0 0 25px;
	margin: 0 auto -40px;
}
#sidebar .entry-title {
	margin-top: 3px;
	font-size: 9pt;
	text-transform: uppercase;
}
#sidebar h3 {
	float: left;
	width: 235px;
}
#header {
	width: 245px;
	float: left;
}
#header img {
}
#footer {
	height: 20px;
	width: 245px;
	font-size: 0.8em;
	bottom: 25px !important;
	background: #f5f2ef;
	position: absolute;
	left: 0 !important;
}
#footer-captcha {
	height: 175px;
	width: 245px;
	font-size: 0.8em;
	bottom: 25px !important;
	background: #f5f2ef;
	position: absolute;
	left: 0 !important;
}
#captcha {
	padding: 0 0 0 25px;
	text-align: center;
}
#captcha p {
	margin-bottom: 10px;
	font-size: 1.1em;
}
#captcha input {
	margin: 5px;
	text-align: left !important;
}
.t-left {
	text-align: left;
	margin-bottom: 10px;
}
.wp-email-capture-submit {
	text-align: right;
	background: none;
	border: none;
	color: #33cccc;
	font-weight: bold;
	cursor: pointer;
}
#footer #inner {
	color: #666;
	padding: 0 0 0 25px;
	margin: 0px;
}
#container {
	width: 900px;
	height: 100%;
	float: left;
	margin-left: 300px;
	padding: 30px;
	display: inline;
}
#container-blog {
	width: 900px;
	height: 100%;
	float: left;
	margin-left: 300px;
	padding: 20px 30px 30px 30px;
	display: inline;
}
#content {
	width: 100%;
	height: 650px;
	overflow: hidden;
	position: relative;
	float: left;
	overflow: hidden;
}
span.over {
	position: absolute;
	top: 20px;
	right: 30px;
	z-index: 8000;
} 

/***************************************************************
* ---------------  HOMEBREW CMS ------------------------------ *
****************************************************************/

.edit-link {
	width: 61px !important;
	height: 22px !important;
	background: url(images/vinita-edit.png) no-repeat top left;
}

/***************************************************************
* ---------------  SIDEBAR PAGE POSTS ------------------------ *
****************************************************************/

#logo {
	width: 182px;
	height: 36px;
}

.single #page-title{
	display: none;
}
#page-title {
	float: left;
	width: 235px;
	padding: 55px 0 0 0;
}
#page-title h2 {
	margin: 0px;
	padding: 0px;
}
span.back-button {
	width: 230px;
	float: left;
	margin: 60px 0 0 0;
}
span.back-button h3 {
	margin: 0px;
	padding: 0px;
}
#side-posts {
	width: 230px;
	height: 200px;
	overflow: hidden;
	position: relative;
	float: left;
	padding-right: 15px;
	font-size: 0.9em;
	line-height: 12pt;
}
#side-posts-inner {
	width: 200px;
	overflow: hidden;
	position: relative;
}
#side-posts_hscrollerbase {
	display: hidden !important;
}
#side-posts h3 {
	text-transform: uppercase;
	color: #333;
	font-weight: bold;
}
#side-posts #side-posts_vscrollerbar {
	background: #dadada !important;
}
#side-posts #side-posts_vscrollerbase {
	background: #fff !important;
}
#submenu {
	float: left;
	width: 225px;
	margin-bottom: 15px; 
}

#category-description {
	float: left;
	width: 200px;
}

#single_sidebar {
	width: 225px;
	font-size: 0.9em;
	line-height: 12pt;
	float: left;
}

/***************************************************************
* ---------------  FULLSCREEN IMAGE -------------------------- *
****************************************************************/

.scaler{position:absolute;width:200%;height:200%;top:-50%;left:-50%;display:table}
.scaler div{position:absolute;left:0;top:50%;width:100%;zoom:1}
.scaler > div{display:table-cell;vertical-align:middle;height:100%;position:static;top:0}
.scaler img{margin:0 auto;display:block;min-height:50%;min-width:50%;-ms-interpolation-mode:bicubic}
*:first-child+html .scaler img{position:relative;top:-50%} /*Fix IE7*/
*:first-child+html .scaler div{position:absolute;top:50%;height:auto} /*Fix IE7*/
* html .scaler img{height:50%;position:relative;top:-50%} /*Fix IE6*/


#image-wrap.loading, #image-center.loading { background: url(images/loader.gif) center center no-repeat; }

#image-center, #image-wrap {
	width: 800px;
	margin: 30px auto;
	text-align: center;
	display: none;
}
#image-center a {
	width: 800px;
	margin: 0 auto;
}




#sidebar-launcher {
	width: 25px;
	height: 100px;
	position: absolute;
	z-index: 7000;
	top: 45%;
	left: 0px;
	background: url(images/sidebar-launcher.png) no-repeat top left;
	cursor: pointer;
} 
.clear_panel {
	width: 50%;
	height: 75%;
	position: absolute;
	z-index: 100000;
}

#thumb-bar {
	width: 100%;
	height: 90px;
	position: absolute;
	bottom: 0px !important;
	z-index: 7500;
	padding: 10px 0;
	margin: 0 auto !important;
	background: #f5f2ef;
}
#thumb-bar a {
	cursor: pointer;
	color: #666;
	margin: 0 4px 5px 0;
}
#thumb-bar img {
	border: 3px solid #fff;	
	background: #f5f2ef;
}
.navi {
	width: 40px;
	margin: 0 auto;
	position: absolute;
	bottom: 15px;
	left: 50%;
	z-index: 99999;
}
div.scrollable { 
	position: relative;
    overflow: hidden;
    width: 800px; 
    height: 80px;
    margin: 0 auto;
} 
div.scrollable .items {
	margin-top: 10px;
	clear:both;
	position:absolute;
	width:20000em;
}

div.items a { 
	float: left;
	display: inline;
	height: 37px;
	width: 75px;
	padding-right: 10px;
} 

a.disabled {
	color: #fff !important;
}

#thumb-control {
	font-weight: bold;
}
#thumb-control a {
	display: inline;
}
#thumb-control .la {
	float: left;
}
#thumb-control .ra {
	float: right;
}
#slideshow {
	display: none;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0px; left: 0px;
	z-index: 30000;
	text-align: center;
}
#slides {
	width: 1024px;
	margin: 30px auto;
	text-align: center;
	overflow: hidden;
}


#slideshow-launcher {
	width: 90px;
	height: 20px;
	position: absolute;
	z-index: 12000;
	top: 40px;
	right: 40px;
	cursor: pointer;
}
span#play { font-weight: bold;}

.buttons {
	margin: 8px 0 0 0;
	background: #f5f2ef;
	margin: 0 auto;
}
.buttons span {
	cursor: pointer;
	float: left;
	padding: 0 5px;
}
.buttons a {
	float: right;
	margin-right: 10px;
	color: #33cccc;
	font-weight: bold;
}
#play2,#stop2 {
	font-weight: bold;
}
#overlay {
	position: absolute;
	z-index: 10000;
	width: 100%;
	height: 100%;
	background: #f5f2ef;
	display: none;
}

.cat-list {
	margin-bottom: 15px;
}
.gallery-content img {
	display:none !important;
}
.current-cat a {
	color: #33cccc;
}
.gap {
	padding: 0 5px;
}

#landing {
	position: absolute;
	width: 182px;
	display: none;
}
#landing img {
	margin: 0 0 10px 0;
}

#center-vid {
	width: 600px;
	margin: 90px auto 0 auto;
	text-align: center;
}

/***************************************************************
* ---------------  BIO PAGE LAYOUT --------------------------- *
****************************************************************/

.page-wrap {
	position: relative;
	height: 1000px;
}

.bio-a,.bio-b,.bio-c {
	float: left;
	width: 250px;
	margin: 100px 45px 0 0;
}

/***************************************************************
* ---------------  SIDEBAR LAYOUT --------------------------- *
****************************************************************/


.sidebar {
	width: 225px;
	float: left;
	margin: 5px 0 0 0;
}
.sidebar a {
	color:  #666;
}
.sidebar h3 {
	margin: 0.2em 0;
}
.sidebar #categories ul li {
	padding-left: 12px;
}
.sidebar h3.catp {
	padding-left: 12px;
	background: url(images/cat-arrow.png) no-repeat 0 50%;
}
div#archives {
	position: absolute;
	z-index: 99999;
	display: none;
	width: 150px;
	height: auto;
	color: #dadada;
	background: #666;
	border: 2.3px solid #fff;
	text-align: center;
}
div#archives h3 {
	padding: 5px;
	margin: 0;
}
div#archives ul li {
	padding: 0px;
	margin: 0px;
	float: left;
	display: inline;
}
div#archives ul li a {
	width: 150px;
	margin: 0px;
	float: left;
	display: inline;
	color: #fff;
}
div#archives ul li a:hover {
	width: 150px;
	margin: 0px;
	float: left;
	display: inline;
	background: #33CCCC;
	color: #333;
}
.sidebar #categories  {
	
}
.sidebar #categories .current-cat a {
	color: #33CCCC;
}
#calendar_wrap {
	width: 200px;
	height: 220px;
	margin-left: 10px;
	float: left;
	display: inline;
	background: url(images/cal-bg.png) no-repeat;
    border-collapse: collapse;
	border-top: 1px dotted #666;
    
}
#wp-calendar {
	float: left;
	display: inline;
	margin: 5px 0 0 5px;
}
#wp-calendar th {
    border:0;
    width:2.19em;
    text-align: center;
    font-weight: bold;
}
#wp-calendar td {
    text-align:center;
    padding:2px 1px;
    border:0 !important
}
#wp-calendar tbody {

}
#wp-calendar tbody a{
    display:block;
    font-weight:700;
    text-decoration:underline;
    color: #33CCCC;
}
#wp-calendar tbody a:hover{
    text-decoration:none
}

caption {
	text-align: center;
	padding: 5px;
}

#rss-links {
	float: left;
	display: inline;
	width: 200px;
	margin: 10px 0 0 10px;
	text-align: center;
}
#rss-links {
	font-weight: bold;
	padding-top: 5px;
	border-top: 1px dotted #666;
}
#rss-links a { 
	color: #666;
}
#rss-links ul li {
	float: left;
	width: 95px;
	display: inline;
}
#page-turn {
	width: 580px;
	height: 30px;
	text-align:center;
	font-weight: bold;
	font-size: 1.4em;
	text-transform: uppercase;
	margin-top: 15px;
	
}
#page-turn a {
	margin: 0 20px;
	padding-top: 4px;
	border-top: 2px solid #555;
	color: #999;
}
#page-turn a:hover {
	padding-top: 4px;
	border-top: 2px solid #33CCCC;
	color: #33CCCC;
}
/***************************************************************
* ---------------  BLOG LAYOUT --------------------------- *
****************************************************************/

.scrollgeneric {line-height: 1px;font-size: 1px;position: absolute;top: 0; left: 0;}
.vscrollerbar {width: 10px;background: #33cccc; }
.vscrollerbarbeg {height: 24px !important;width: 10px;background: url(scrollbar.png) -108px -32px no-repeat;}
.vscrollerbarend {height: 24px;width: 10px;background: url(scrollbar.png) -108px 0px no-repeat;}
.vscrollerbase {width: 10px;background: #666 url(scrollbar.png) 0px 0px repeat-y;}
.vscrollerbasebeg {width: 10px;height: 28px !important;background: url(scrollbar.png) -72px -28px no-repeat;}
.vscrollerbaseend {height: 28px;width: 10px;background: url(scrollbar.png)  -72px 0px no-repeat;}
.hscrollerbase {height: 16px; background-color: white;}
.hscrollerbar {height: 16px; background-color: black;}
.vscrollerbar, .hscrollerbar {z-index: 2;}
.scrollerjogbox {width: 10px;height: 16px;top: auto; left: auto;bottom: 0px; right: 0px;background: #37917A;}


.sociable,#com {
	width: 160px;
	display: inline;
	float: left;
	margin: 16px 0;
	font-family: Georgia;
	font-style: italic;
	font-size: 1.3em;
	font-weight: bold;
}
#com {
	float: right;
	text-align: right;
}
#com a {
	color: #888;
}
.s-category-posts #primary {
	margin-top: 50px;
}
.bheader {
	width: 580px;
	height: 202px;
}
#post-list {
	width: 595px;	
	height: 90%;
	overflow: hidden;
	position: relative;
	padding: 0 25px;
}
.post {
	width: 500px;
	margin: 0 0 20px 0;
	padding-right: 50px;
}
.post .entry-title,.entry-date,.entry-content,.entry-meta {
	clear: both;
}
.post .entry-title {
	font-size: 1.55em;
}
.post .entry-title a {
	color: #666;
}
.post .entry-title a:hover {
	color: #33cccc;
}
.entry-content {
	font-size: 0.9em;
	display: inline;
}
.entry-content img {
	padding: 15px 0;
}
.post .entry-title {
	font-family: Georgia;
	font-style: italic;
	text-transform: capitalize;
	font-weight: bold;
}
.entry-date {
	color: #33cccc;
	font-size: 0.8em;
	padding-bottom: 10px;
}
.entry-meta {
	width: 100%;
	padding: 5px;
	margin-top: 5px;
	background: #f1efec;
	border: 1px solid #dadada;
	-moz-border-radius:10px;
    -webkit-border-radius:10px;
    behavior:url(border-radius.htc);
}
.tag-meta {
	width: 100%;
	padding: 5px;
	margin-top: 5px;
	background: #f1efec;
	border: 1px solid #dadada;
	-moz-border-radius:10px;
    -webkit-border-radius:10px;
    behavior:url(border-radius.htc);
}
.comments-link a {
	color: #33cccc;
}


/***************************************************************
* ---------------  COMMENT LAYOUT ---------------------------- *
****************************************************************/

#comment-list {
	width: 470px;
	padding: 20px;
	background: #f1efec;
	border: 1px solid #dadada;
	-moz-border-radius:10px;
    -webkit-border-radius:10px;
    behavior:url(border-radius.htc);
}

#comment-list textarea {
	width: 450px;
}
#comment-list input {
	margin: 5px 0;
}
#comment-list .comment {
	padding: 5px 10px;
	margin: 10px 0;
	background: #f5f2ef;
	border: 1px solid #dadada;
	-moz-border-radius:10px;
    -webkit-border-radius:10px;
    behavior:url(border-radius.htc);
}
.comment-author {
	text-transform: uppercase;
	font-weight: bold;
}
.commentmetadata {
	font-size: 0.8em;
}
#nav-ui {
	text-align: center;
	padding-top: 15px;
}
#nav-ui .navli {
	display: inline;
	font-size: 1.;
}
.nav-previous a {
	padding-right: 30px;
	color: #888;
}
.nav-next a {
	padding-left: 30px;
	color: #888;
}