/*

Theme Name: Bright
Theme URI: http://www.kaushalsheth.com/
Description:  A lightweight, simple and pleasant design.
Author: Kaushal Sheth
Author URI: http://www.kaushalsheth.com/
*/


/*#############################################################
Name: Bright Pixel

Date: 2006-05-07
Description: A smooth, monochrome, lightweight design.
Author: Viktor Persson
URL: http://arcsin.se

Feel free to use and modify but please provide credits.
#############################################################*/

/* standard elements */
a {
	color: #000;
	text-decoration: none;
}
body {
	background: #CCC url('img/bg.gif') repeat-y fixed bottom center;
	color: #333; margin: 2px 0;
	text-align: center; font-style:normal; font-variant:normal; font-weight:normal; font-size:1em; font-family:sans-serif, Arial;
}
/*body {
	background: #FFFFFF;
	color: #333; margin: 2px 0;
	text-align: center; font-style:normal; font-variant:normal; font-weight:normal; font-size:1em; font-family:sans-serif, Arial
}*/
.gfx a {
	background: #F5F5F5 url('img/VivoLogoBanner800.jpg') no-repeat; display: block; height: 240px	
}

.gfx  a span 
{
margin-left:5px;
padding-left:40px;
font-size:3.4em;
line-height:180px;

}
/* header */
.header {
	background: #FFF;
	border-bottom: 1px solid #E5E5E5;
	font: bold 2.6em Arial;
	line-height: 3em;
}

/* main */
.main {
	background: #FCFCFC;
	border: 4px double #EEE; 
	border-color: #E4E4E4 #CFCFCF #CCC #CFCFCF; 
	margin: 2px auto 4px auto;
	text-align: left;
	width: 800px; 
}
.container {
	margin: 0 auto;
	height: auto;
}
#main_left {width: 75%;
			}
#main_right {width: 25%;
			background: #FCFCFC url('img/bgitem.gif') repeat-x;
			}

/* --------------homepage------------------------ */

#homepage {
			background: #FCFCFC url('img/bgitem.gif') repeat-x;
			
			}
#homepage_feature {
                               /* position:relative;
                                top: 4px; */
				 
				}

#recent_news H2 { padding-left: 6px;}
#recent_news { 
	            		position:relative;
				top: 15px;
				width: 235px;
				padding-right: 15px;
				margin: 8px;
				border: solid 1px #000000;
				float: right;
}
.homepage_item{
	margin:0 0 5px 0;
	background: #FCFCFC url('img/bgitem.gif') repeat-x;
	padding-left: 10px;
	padding-right: 2px;
}

#demoreel {padding-left: 10px;}

/*-----------about page ----------------------------*/

#member_gallery { position:relative;
				left:7%;}
#member_gallery img a:hover{ border: none;
                      padding: none;
                      decoration: none; }

#member_gallery img a{
				padding: 2px;
				
				}

.member_item {float: left;
				padding: 3px;
				}

/*-------------- project pages ------------*/
#no_hover a:hover { border-bottom: none; }


.projleft { display:inline; float: left; padding-left 50px;}
.projright { display:inline; float: right; margin-right: 50px;}
.in_productions {align: bottom;}

div.img
  {
  margin:2px;
  height:auto;
  width:auto;
  float:left;
  text-align:center;
  }
div.img img
  {
  display:inline;
  margin: 3 3 0 3;
  
  }

div.desc
  {
  text-align:center;
  font-weight:normal;
  margin: 0 2 2 2;
  }











/*------------- sidebar ----------------------*/
#main_right .content {padding: 2px 8px 6px;
					background: #FCFCFC;
					border-top: 1px solid #EAEAE2;
					margin-bottom: 14px;
					
					}
#main_right div.content {padding: 5px 8px;}

#sidebar ul {margin: 0;}
#sidebar li {list-style: none; padding: 3px 0;}

#search {position:relative;
		top: 15px;
		padding-bottom:8px;
		}

		
/*widgets*/
.widgettitle {padding: 0px 2px 0px; 6px;}
.widget .content { background: #FFFFFF;
					padding: 0px 2px 1px 2px;}
.widget .content li {list-style: none;}
.widget .content ul {padding: 0px 2px 0px 6px;}
/* menu */
.menu a {
	background: #f2f1f1;
	border-right: 1px solid #CECECE;
	border-top: 1px solid #E5E5E5;
	color: #888;
	float: left;
	padding-top: 4px;
	width: 159px; height: 38px;
	

}
.menu a span {
	padding-left: 6px;
}
.menu a:hover {
	background: #EEE url('img/bgmenu.gif') repeat-x;
	color: #555
}
.menu a#last {
	width: 160px;
	border-right: none;
}

/*title*/

#title h2 {
        margin: 2px 0 8px 0;
        padding-left: 10px;
	font: bold 2.2em sans-serif,Arial;
	color: #666;
        }

/* content */
.content {
	background: #FFFFFF;
	border-top: 1px solid #E5E5E5;
	clear: both;
}

.content h1 {
	margin: 0;
	font: bold 1.1em sans-serif,Arial;
	color: #666;
}
.content p ul {
	margin: 3px 0 6px; color: #666;
}
.content 
.item {
	background: #FCFCFC url('img/bgitem.gif') repeat-x;
	padding: 10px;	
}

.line {
	border-top: 1px solid #E5E5E5;
	background: #FCFCFC url('img/bgitem.gif') repeat-x;
	
	}

blockquote {
	margin: 15px 30px 0 10px;
	padding-left: 20px;
	border: 3px double #cecece;
	font-style: italic;
	}

.entry a {
			color: #000;
			}
.entry a:hover {
border-bottom: 1px solid #ffcc00;
		}



/* footer */
/*.footer {
	padding: 5px;
	background: #F5F5F5;
	color: #666;
} */

#footer {font-size: 0.9em; border-top: 1px solid #E6E6E6;
		background: #F5F5F5;
		padding: 8px 12px;
		color: #666;}
#footer .right a {color: #888; text-decoration: none;}
#footer .right a:hover {color: #000;}


/*post stylng*/
.item{margin:0 0 5px 0;}

.item .info{
padding:2px 3px 3px 5px;
border:1px solid #e3e4e4;
background-color:#f5f5f5;
font-size:1em;
color:#505050;
}

/* Comments Styling */
#commentlist li {
margin-bottom: 1.5em;
padding-bottom: 1em;
border-bottom: 1px solid #700000;
}

#commentform {
margin: 1em 0;
background: #f5f5f5;
width: 280px;
}

#commentform textarea {
background: #f8f7f6;
border: 1px solid #d6d3d3;
width: 280px;
}
#commentform textarea:hover {
background: #f5f5f5;
border: 1px solid #d6d3d3;
}
#commentform textarea:focus {
background: #f5f5f5;
border: 1px solid #939793;
}

#commentform #email, #commentform #author, #commentform #url {
font-size: 1.1em;
background: #f8f7f6;
border: 1px solid #d6d3d3;
width: 280px;
}
#commentform #email:hover, #commentform #author:hover, #commentform #url:hover {
font-size: 1.1em;
background: #f5f5f5;
border: 1px solid #d6d3d3;
width: 280px;
}
#commentform #email:focus, #commentform #author:focus, #commentform #url:focus {
font-size: 1.1em;
background: #f5f5f5;
border: 1px solid #939793;
width: 280px;
}
#commentform input{
margin-bottom: 3px;
}
.left {float: left;}
.right {float: right;}
.clearer {clear: both; font-size: 0;}