/*
THEME NAME: VinzFeller
THEME URI: http://uptownnewmedia.com
DESCRIPTION: The theme of vinzfeller.com
VERSION: 0.9
AUTHOR: Uptown New Media Inc.
AUTHOR URI: http://uptownnewmedia.com
TAGS: Mondrian, grid, CMS, video portfolio, Vinz Feller
.
The VinzFeller Theme is copyright Uptown New Media Inc. http://uptownnewmedia.com/
.
*/

body {
	background-color:#fff;
	font-family:Arial, Helvetica, sans-serif;
	color:#333;
	color:#666;
	
}

#outer_shell {
	margin-left:10px;
	width:1024px;
	
}

#index_page {
	
}

#header {
	float:right;
	margin-right: 60px;
	
}

#middle {
	width:1024px;
	
}

#content {
	float:left;
	margin-left:35px;
	width:770px;
	height:481px;
}

#box {
	height: 480px;
	width: 768px;
	border: 3px solid #666;
}

#box_contact {
	height: 480px;
	width: 768px;
	border: 3px solid #666666;
	background-image:url(http://www.vinzfeller.com/wordpress/wp-content/uploads/images/contact_bg.jpg);
	background-repeat: no-repeat;
}

.box_row {
	border-bottom: 5px solid #CCCCCC; 
	float:left; 
	width:100%;
	
}

.box_blue {
	background-color: #69f;
	width:123px; 
	height:73px; 
	float:left; 
	border-left:solid 5px #CCC;
}

.box_video {
	width:123px; 
	height:73px; 
	float:left; 
	border-left:solid 5px #CCC; 
	background-color:#fff;
}

.box_video:hover div.play_button {
	background:url(http://www.vinzfeller.com/wordpress/wp-content/uploads/images/play_arrow1.png);
	background-repeat:no-repeat;
	position:relative;
	opacity:.8;
	left:47px;
	top:-52px;
	width:30px;
	height:30px;
}

.box_title {
	width:128px; 
	height:73px; 
	float:left;
	background-color:#FFF;
}

.box_white {
	width:123px; 
	height:73px; 
	float:left; 
	border-left:solid 5px #CCC;
}

#left {
	height: 480px;
	width: 384px;
	float: left;
}

#right {
	height: 480px;
	width: 363px;
	float: left;
	overflow:auto;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	font-size:small;
}

#navigation {
	float:left;
	line-height:40px;
	
}

#navigation_index {
	float:right;
	line-height:40px;
	width: 170px;
	margin-right:10px;
}

li {
	margin:10px;	
}

.leftbox {
	background-image:url(http://www.vinzfeller.com/wordpress/wp-content/uploads/images/leftbox.jpg);
}

.vinzfeller {
	text-align:left;
}

#footer {
	margin-left:35px;
	float:left;
	font-size: 70%;
	width: 1024px;
	float:left;
}

p {
	margin-bottom: 1em;
}

a {
	color:#666;
}

h2 {
	font-size:140%;
	
}

h2 a {
	text-decoration:none;
	color:#777;
}

.clear {
	clear:both;
}

.active {
	color:#444;
}

form {
 padding: 5px;
 line-height:15px;
 font-size: 14px;
}

input {
 background-color: #eee;
 margin-left: 20px;
}

textarea {
 background-color: #eee;
}

.buttons {  
 font-family: Verdana, Arial, Helvetica, sans-serif;  
 font-size: 10px;  
 background-color: #ccc;  
 color: #333333;  
 margin-right: 6px;  
}

a:hover {color:#69f; } 

div.overlay {
	background:url(http://www.vinzfeller.com/wordpress/wp-content/themes/vinzfeller/overlay/white.png) no-repeat;	
	width:576px;  
	display:none;
	padding-top: 30px;
	padding-right: 40px;
	padding-bottom: 40px;
	padding-left: 30px;
}

div.overlay div.close {
	background:url(http://www.vinzfeller.com/wordpress/wp-content/themes/vinzfeller/overlay/close.png) no-repeat;
	position:absolute;
	top:2px;
	right:5px; 
	width:35px;
	height:35px;
	cursor:pointer;
}

a.player { 		
	display:block;
	height:440px;			
}

/* get rid of those system borders being generated for A tags */
a:active {
  outline:none;
}

:focus {
  -moz-outline-style:none;
}

/* root element for scrollable */
.vertical {  
	
	/* required settings */
	position:relative;
	overflow:hidden;	

	/* vertical scrollers have typically larger height than width */	
	height: 450px;	 
	width: 230px;
}

/* root element for scrollable items */
.items {	
	position:absolute;
	overflow:hidden;
}

/* single scrollable item */
.items div {
	max-height:140px;
}

/* the action buttons above the scrollable */
#actions {
	width:230px;
	margin:5px 0 10px 0;	
}

#actions a {	
	cursor:pointer;
	font-size: x-small;
}

.disabled {
	visibility:hidden;		
}

.nextPage {
	float:right;
}