@charset "utf-8";
/* CSS Document */
/* 
Theme Name: YoDano
Theme URI: http://yodano.com
Description: Dano Portfolio Site
Designer: Dan LeRoux
Author: Dan LeRoux
Author URI: http://yodano.com
Version: 1.0
*/

/* 
	Background-Styles 
*/
#searchbox {
	padding: 0px 0px 0px 0px;
	height:100px;
	float:right;
}
#searchform { margin:0px 0px 0px 0px; height:54px; }
form.search { margin: 0px; padding: 0px 0px 0px 0px; width: 360px; background: url(images/searchbar.png) no-repeat center top; }
form.search #s { background: transparent; width: 200px; margin: 10px 0px 0px 35px; font-size:12px; font-family: 'Verdana', 'Arial', 'Trebuchet MS', sans-serif; font-style: normal; float: left; color: #FFFFFF; border: 0px; }
form.search #submit { width: 70px; background: transparent;  float: right; margin: 0px 45px 0px 0px; font-size: 1px; letter-spacing: -1px; cursor: pointer;  border: 0px; text-indent: -9900px; height: 54px; }

body {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	background:#000000 url(images/grade.jpg) top center repeat-y;  
	line-height:19px;
}
#wrap{
background:url(images/sliver.jpg) no-repeat top center; 
width:960px;
height:50px;
margin:0 auto;
position:relative;
}
.container {
	width:960px;
	height:70px;
	margin:0 auto;
	position:relative;
}
#mastercontainer {
	width:960px;
	margin:0 auto;
	position: inherit;
}
.container2 {	
	background:url(images/stage.jpg) no-repeat top;
	min-height:349px;
	width:960px;
	margin-top:59px;
	position:relative;
}
.magnifico {	
	background:url(images/magnifico_template.jpg) no-repeat top;
	min-height:468px;
	width:960px;
	margin:59px 0px 30px 0px;
}
#vid{
	background: none;
	padding:0px;
	margin:0px;
	float:left;
	width:374px;
	height:330px;
	margin:165px 0px 0px 294px;
	border:none;
}

.small{
	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-size:10px;}
.clear{
	clear: both; overflow: hidden; height: 0; line-height: 0;
}
/* 
	Header-Styles 
*/
#header {	
	background:url(images/nav_bar.jpg) repeat-x;
	position:absolute;
	top:50px;
	left:0px;
	width:100%;
	height:100px;
}
#logo h1, #logo small {
	margin:0px;
	display:block;
	text-indent:-9999px;
}
#logo {
	background-image:url(images/yodano_logo2.png);
	background-repeat:no-repeat;
	width:233px;
	height:100px;
	float:left;
	margin-top:-40px;
}
#menu {	position:absolute;
	margin:20px 0px 0px 240px;
	padding:0px;
	left:0px;
	width:680px;
}
#menu ul{
	margin:0px;
	display:inline;
	padding:0px;
}
ul#menu li {
	display:inline;
	margin:0px 0px 0px 35px;
}
ul#menu li li{
	display:none;
}


ul#menu a:link, ul#menu a:visited{
	text-decoration:none;
	color:#bbe6f1;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:18px;
	font-weight:bold;
	text-transform:uppercase;
}
ul#menu a:hover{
	color:#ffcf3f;
}
ul#menu  a:active{
	color:#bbe6f1;
	font-weight:bold;
	text-decoration: none;} 

/* 
	Content-Styles 
*/
#homecont{
	float:left;
	width:910px;
	margin:20px 0px 0px 30px;
	background:none;
}
.hometext{	float:left;
	width:520px;
	margin:25px 0px 0px 0px;
	}
#homecont h1{
	text-decoration:none;
	color:#bbe6f1;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:40px;
	margin-top:10px;
	font-weight:bold;
	}
#homecont p{
	text-decoration:none;
	color: #FFFFFF;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:16px;
	line-height:22px;
	font-weight:normal;
	}
/* 
	Portflolio Content-Styles 
*/
#searchcont{
	float:left;
	width:500px;
	margin:20px 0px 0px 30px;
}
#searchcont h2{
	text-decoration:none;
	color:#bbe6f1;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:25px;
	margin-top:10px;
	font-weight:bold;
	}
#searchcont p{
	text-decoration:none;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height:20px;
	font-weight:normal;
	text-align:left;
	margin-top:-15px;
	padding-bottom:10px;
	}
.separator {
	border-top:1px solid #bbe6f1;
	margin-top:40px;
	padding-top:40px;
}
#searchcont .separator {
	border-top:1px solid #bbe6f1;
	margin-top:40px;
	padding-top:40px;
}
#searchcont  a:link{
	color:#bbe6f1;
	text-decoration:none;
}
#searchcont  a:visited{
	color:#bbe6f1;
		text-decoration:none;
}
#searchcont a:hover{
	color:#bbe6f1;
		text-decoration:none;
}
#searchcont  a:active{
	color:#bbe6f1;
	text-decoration:none;
}
#portcont{
	float:left;
	width:630px;
	margin:20px 0px 0px 30px;
}
#bigpic{
	margin:10px 0px 10px 0px;
	padding:0px 0px 30px 0px;}	
#portcont h1{
	text-decoration:none;
	color:#bbe6f1;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:40px;
	margin:10px 0px 20px 0px;
	font-weight:bold;
	}
#portcont h2{
	text-decoration:none;
	color:#bbe6f1;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:35px;
	margin:10px 0px 10px 0px;
	padding:0px;
	font-weight:bold;
	}
#portcont b{
	color:#bbe6f1;
	font-weight:bold; 
	}
#portcont p{
	display:block;
	text-decoration:none;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:normal;
	text-align:left;
	margin:15px 0px 20px 0px;
	padding:0px;
	}
#portcont  a:link{
	color:#bbe6f1;
	text-decoration:none;
}
#portcont  a:visited{
	color:#bbe6f1;
		text-decoration:none;
}
#portcont a:hover{
	color:#bbe6f1;
		text-decoration:none;
}
#portcont  a:active{
	color:#bbe6f1;
	text-decoration:none;
}
.portsample{
	display: block;
	width:125px;
	height:100px;
	float:left;
	margin:0px 32px 32px 0px;
	padding:0px;
}

.portsample a:link{
	border: 2px solid #FFFFFF;
}
.portsample a:visited{
	border: 2px solid #FFFFFF;
}
.portsample a:hover{
	border: 2px solid #ffcf3f;
}
.portsample a:active{
	border: 2px solid #FFFFFF;
}
img { border: none;}
#photome{
	display:block;
	width:320px;
	height:125px;
	float:left;
	margin:2px 0px 0px 0px;
	padding:0px;
	border: 2px solid #FFFFFF;
}
/* Portfolio Single item styles */

#portpiece{	
	float:left;
	width:628px;
	margin:10px 0px 0px 0px;
	padding:0px;
	border: 1px solid #FFFFFF;
}
/* 
	Sidebar-HOME-Styles 
*/

#sidebar {
	background: url(images/sidebar.png) top center no-repeat;
	float:left;
	width:367px;
	position:relative;
	margin:20px 0px 0px 20px;
	border:none;
}

#sidebar .block_inside {
	background:none;
}
#socnetbox{
	width:310px;
	height:50px;
	margin-left:40px;
	background:none;}
#socnetbox img{
	margin-right:2px;}	
	
#sidebar h2 {
	text-decoration:none;
	color:#bbe6f1;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:18px;
	font-weight:bold;
	margin-top:10px;
	padding-left:40px;
}
#sidebar h3 {
	text-decoration:none;
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	margin:5px 0px 5px 50px;
	text-transform:uppercase;
}
#sidebar p { 
	margin:5px 0px 10px 50px; 
	color:#FFFFFF; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	padding:0px 40px 0px 0px;}
#sidebar ul { 
	margin:5px 0px 10px 50px; 
	color:#FFFFFF; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	padding:0px 0px 0px 0px;}
#sidebar ul li { 
	list-style:none; 
	margin:0px 0px 0px 30px; 
	color:#FFFFFF;
	padding:0px;}
#sidebar ul li a {
	margin:0px 0px 10px -30px; 
	color:#bbe6f1; 
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight:bold;
	font-size:16px;
	text-decoration:none;}
#sidebar ul li a :visited{
		color:#bbe6f1; }
#sidebar ul li a:hover { 
	color: #ffcf3f; 
	text-decoration:none; }
#sidebar a {
	color:#bbe6f1; 
	font-weight:bold;
	text-decoration:none;}
#sidebar a :visited{
		color:#bbe6f1; }
#sidebar a:hover { 
	color: #ffcf3f; 
	text-decoration:none; }
	
/* 
	Sidebar-PORTFOLIO-Styles 
*/

#portsidebar {
	background: url(images/sidebar_portfolio.png) top center no-repeat;
	float:left;
	width:280px;
	height:400px;
	position:relative;
	margin:76px 0px 0px 20px;
	border:none;
}
#portsidebar .block_inside {
	background:none;
	margin:0px; 
	border:none;
}
	
#portsidebar h2 {
	text-decoration:none;
	color:#bbe6f1;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:18px;
	font-weight:bold;
	margin-top:13px;
	padding-left:45px;
}
#portsidebar ul { 
	margin:0px 0px 40px 0px; 
	color:#FFFFFF; 
	font-family: Georgia, "Times New Roman", Times, serif;
	text-transform:uppercase;
	font-size:16px;
	font-weight:bold;
	padding:0px;
	}

#portsidebar ul li { 
	list-style:none; 
	color:#FFFFFF;
	padding:0px;
	margin:10px 0px 20px 0px;
}
#portsidebar ul li li{ 
	margin:30px 0px 0px 55px;
}
#portsidebar ul li a {
	color:#bbe6f1;
	text-decoration:none }
#portsidebar ul li a:hover { 
	color:#ffcf3f; 
	text-decoration:none; }	
/* 
	footer-Styles 
*/
#footer {
	background:url(images/redline_top.jpg) top center no-repeat;
	width:960px;
	float:left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#FFFFFF;
	padding:15px 0px 30px 0px;
	margin:0px;
}
#footer p{
	margin:0px;
	padding:0px;
	line-height:12px;}
.footer_column_left {
	float:left;
	width:200px;
	margin-left:30px;
	margin-top:10px;
}
.footer_column_right {
	float:left;
	width:280px;
	margin-left:30px;
	margin-top:10px;
}
.footer_center {
	width:320px;
	margin-left:30px;
	margin-right:20px;
	float:left;
	margin-top:10px;
}
#footer h3 {
	color: #FFFFFF;
	text-transform:uppercase;
	font-size:12px;
	margin:10px 0px 2px 0px;
	padding:0px;
}
#footer h1{
	color: #FFFFFF;
	font-size:10px;
	margin:10px 0px 2px 0px;
	padding:0px;
}
#footer img{
	margin:0px;
	padding:0px;
	}
#footer ul {	
	list-style:none;
	margin:0px 0px 20px 0px;
	padding:0px;
}
#footer li, {
	list-style:none;
	margin:1px 0px 0px 2px;
	padding:0px;
}
#footer a:link, #footer a:visited{
	text-decoration:none;
	color:#bbe6f1;
	font-weight:bold;
}
#footer a:hover{
	color:#ffcf3f;
}
#footer  a:active{
	color:#bbe6f1;
	font-weight:bold;
	text-decoration: none;} 
/* 
	Block-Styles 
*/
#Blogcont{
	float:left;
	width:600px;
	margin:20px 0px 0px 30px;
}
.block {
	border:1px solid #a3a09e;
	background-color:#ffffff;
	margin-bottom:20px;
	position:relative;
}
.ribbon {
	position:absolute;
	top:-3px;
	right:-3px;
}
.image_block {
	border:1px solid #b5b5b5;
	background-color:#d2d2d2;
	padding:5px 5px 1px 5px;
	float:left;
}
.image_block img {
	border:1px solid #b5b5b5;
}
.text_block {
	float:left;
	width:600px;
	margin-left:30px;
	padding-top:30px;
}

#block_featuredblog .text_block { padding-top:5px; width:490px;}
/*
	Portfolio-Home-Styles
*/
#block_portfolio {
	overflow:auto;
	margin-bottom:20px;
}
#portfolio_items {
	width:615px;
	margin-right:25px;
	float:left;
	padding-top:3px;
}
#text_column {
	float:right;
	width:310px;
}
#text_column h2#text_title { 
	text-indent:-9999px;
	background-image:url(images/creatif.jpg);
	background-repeat:no-repeat;
	width:310px;
	height:129px;
}

.mini_portfolio_item {
	border:1px solid #a3a09e;
	margin-bottom:10px;
	position:relative;
}
.mini_portfolio_item .block_inside { 
	background:none; background-color:#e2dddc; 
	padding:25px 30px 15px 30px; 
}
.mini_portfolio_item .thumbnail { float:left; margin-right:20px; border:1px solid #979390; }
/*
	Block-Content-Styles
*/
#content_area {
	width:665px;
	float:left;
}
#content_area .block_inside {
	min-height:400px;
}

#content_area h2 { font-size:32px; line-height:31px; }

#content_area .separator {
	border-top:1px solid #e3e3e3;
	margin-top:40px;
	padding-top:40px;
}


/* Fix up IE6 PNG Support */
img, #logo { behavior: url(scripts/iepngfix.htc); }