/*
Theme Name: SVDI
Theme URI: http://www.svdi.ca/
Description: This is the theme for Visualization Design Institute.
Version: 1.0
Author: Ian Howatson
Tags: svdi, visualization, design, institute

SVDI WordPress by Ian Howatson || http://www.svdi.ca
This is the theme for Visualization Design Institute. :)
*/

body {
	background: #E4E2D3 url('../../assets/main_bg.jpg') top left fixed repeat-x;
	font-family: 'MS Sans-Serif', Verdana, Arial, Sans-Serif;
	color: #fff;
	margin: 0px;
	padding: 0px 0px 30px 0px;
	width:100%;
}

#content_container_main {
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	width: 772px;
}

#top_bg1 {
	background: url('../../assets/top_bg1.jpg') no-repeat;
	width: 772px;
	height: 61px;
}

#top_bg1_r {
	position: relative;
	left: 64px;
	background: url('../../assets/top_bg1_r.jpg') no-repeat;
	width: 64px;
	height: 61px;
	float:right;
}

#top_bg2 {
	background: url('../../assets/top_bg2.jpg') no-repeat;
	width: 772px;
	height: 56px;
}

#top_bg2_r {
	position: relative;
	left: 64px;
	background: url('../../assets/top_bg2_r.jpg') no-repeat;
	width: 64px;
	height: 138px;
	float:right;
}

#middle_bg {
	position: relative;
	top: 0px;
	background: url('../../assets/middle_bg.jpg') repeat;
	width: 772px;
	height: 100%;
}

#bottom_bg {
	background: url('../../assets/bottom_bg.jpg') no-repeat;
	width: 772px;
	height: 26px;
}

#bottom_bg p {
	margin: 0px;
	padding-top: 6px;
	font-size: 12px;
}

#main_top {
	text-align: left;
	margin: 0px 0px 0px 2px;
	padding: 0px 0px 0px 20px;
	background: url('../../assets/main_top.jpg') no-repeat;
	width: 772px;
	height: 33px;
}

#main_middle {
	text-align: left;
	margin: 0px 0px 0px 2px;
	background: transparent url('../../assets/main_middle.jpg') repeat-y;
	width: 772px;
	height: 100%;
}

#main_bottom {
	margin: 0px 0px 0px 0px;
	padding: 0px;
	background: url('../../assets/main_bottom.jpg') no-repeat;
	width: 772px;
	height: 16px;
}

#content_container {
	color: #555;
	text-align: left;
	margin: 0px 0px 0px 20px;
	padding: 10px 0px 0px 0px;
	width: 540px;
	height: 100%;
}

#content_container a {
	font-size: 10px;
	color: #0099FF;
	text-decoration: underline;
}

#content_header {
	text-align: left;
	background: url('../assets/content_header.jpg') no-repeat;
	width: 540px;
	height: 100%;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#content_header_bg {
	background: url('../assets/content_middle.jpg') repeat-y;
}

#content_header p {
	margin: 0px 0px 0px 0px;
	padding: 8px 0px 5px 15px;
	font-size: 21px;
}

#content_header a {
	font-size: 21px;
	color: #666;
	text-decoration: none;
}

#content_header a:hover {
	color: #0099FF;
	text-decoration: underline;
}

#content_header img {
	position: relative;
	top: 5px;
	margin: 2px 5px 0px 5px;
	padding: 1px 1px 1px 1px;
	border: 1px solid #ddd;
}

p.content_header_text {
	font-size: 10px;
	color: #ff9900;
}

#content_middle {
	text-align: left;
	background: url('../assets/content_middle.jpg') repeat-y;
	width: 540px;
	height: 100%;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#content_middle ul, ol {
	font-size: 12px;
	padding: 10px 45px 10px 45px;
	margin: 0px 0px 0px 0px;
}

#content_middle li {
	padding: 5px 0px 5px 0px;
	margin: 0px 0px 0px 0px;
}

h3 {
	font-size: 17px;
	padding: 0px 15px 0px 15px;
	margin: 10px 0px 10px 0px;
}

#content_footer {
	text-align: left;
	background: url('../assets/content_footer.jpg') no-repeat;
	width: 540px;
	height: 8px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

p.content_footer_text {
	text-align: center;
	font-size: 10px;
	color: #ff9900;
}

#side_container {
	/*position: absolute;
	top: 201px;
	left: 570px;*/
	float: right;
	color: #666666;
	text-align: left;
	margin: 10px 23px 10px 0px;
	padding: 0px 0px 0px 10px;
	width: 179px;
}

#side_menu {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#side_header {
	text-align: left;
	background: url('../assets/side_header.jpg') no-repeat;
	height: 100%;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#side_header_bg {
	background: url('../assets/side_middle.jpg') repeat-y;
}

#side_middle {
	text-align: left;
	background: url('../assets/side_middle.jpg') repeat-y;
	height: 100%;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#side_footer {
	text-align: left;
	background: url('../assets/side_footer.jpg') no-repeat;
	height: 8px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 10px 0px;
}

/*#side_container ul {
	list-style-position: inside;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#side_container ul li{
	font-size: 18px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	list-style-image: url("assets/dot.gif");
}*/

#side_container p {
	font-size: 18px;
	padding: 5px 0px 0px 5px;
	margin: 0px;
	width: 179px;
}

#side_container ul {
	list-style-position: outside;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#side_container ul li {
	font-size: 11px;
	margin: 0px 0px 0px 30px;
	padding: 5px 0px 0px 0px;
	list-style-type: disc;
}

#side_container a {
	color: #666666;
	text-decoration: none;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#side_container a:hover {
	color: #0099FF;
	text-decoration: underline;
}

.rss {
	position: relative;
	top: 5px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 20px;
	height: 20px;
}

#logos {
	clear:both;
	/*position: relative;
	top: 0px;
	left: 230px;
	width: 462px;*/
	padding: 10px 0px 10px 250px;
	margin: 0px 0px 0px 0px;
}

#vdi_logo {
	position: relative;
	left: 13px;
	top: 24px;
	float: left;
}

#flash_container {
	width:640px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 14px;
}

.image_text_left	{
	position: relative;
	top: 4px;
}

#image_text_right	{
	position: relative;
	top: 3px;
	left: 5px;
}

#email_button	{
	position: relative;
	top: 10px;
	left: 160px;
}

.logo_button1 {
	padding: 20px 15px 0px 5px;
	width: 92px;
	height: 41px;
}

.logo_button2 {
	padding: 20px 15px 0px 5px;
	width: 92px;
	height: 54px;
}

.logo_button3 {
	padding: 20px 15px 0px 5px;
	width: 128px;
	height: 52px;
}

h4 {
	margin:0px;
	padding: 0px 15px 0px 15px;
}

p {
	font-size: 12px;
	margin:0px;
	padding: 8px 15px 5px 15px;
}

table.phone_numbers {
	 font-size: 12px;
	 padding: 0px;
	 margin: 0px 0px 0px 15px;
	 border-collapse: collapse;
	 text-align: left;
 }

 #searchform {
	padding: 0px;
	margin: 0px;
}

#commentform #author, #commentform #email, #commentform #url, #commentform textarea {
	background: #FAFAFA;
	border: 1px solid #ddd;
	padding: 0px;
	margin: 0px;
}

table.commentlist {
	border: none;
	padding: 0px 0px 0px 0px;
	margin: 20px 0px 0px 15px;
	width: 515px;
	vertical-align: top;
}

table.comment {
	width:100%;
	margin: 0px;
	padding: 0px;
	border-collapse: collapse;
}

td.comment_header {
	background: #FCFCFC;
	text-align: right;
	border-bottom: 1px dotted #ddd;
}

td.comment_content {
	background: #FFF;
	text-align: left;
	vertical-align: top;
}

td.userinfo {
	border: 1px solid #ddd;
	background: #F8F8F8;
	text-align: left;
	width: 100px;
	vertical-align: top;
}

td.comment0 {
	border: 1px solid #ddd;
	background: #FFFFCC;
	text-align: left;
	vertical-align: top;
}

td.comment1 {
	border: 1px solid #ddd;
	background: #FFF;
	text-align: left;
	vertical-align: top;
}

.avatar {
	background: #fff;
	border: 1px solid #ddd;
	padding: 0px;
	margin: 4px 4px 4px 4px;
}

p.author {
	font-size: 10px;
	margin: 0px;
	padding: 0px 0px 5px 0px;
}

p.date {
	color: #ff9900;
	font-size: 10px;
	margin: 0px;
	padding: 2px 0px 2px 0px;
}

p.content {
	margin: 0px;
	padding: 0px;
}

/*Button controls*/
a img {height: 24px; width: 64px; border-width: 0; margin: 5px 0px 0px 0px; padding: 0px;}

a#button_home img {
	background: url('../../assets/home_n.gif') top left no-repeat;
	text-decoration: none;	
}

a#button_home:hover img {
	background: url('../../assets/home_o.gif') top left no-repeat;
	text-decoration: none;	
}

a#button_news img {
	background: url('../../assets/news_n.gif') top left no-repeat;
	text-decoration: none;
}

a#button_news:hover img {
	background: url('../../assets/news_o.gif') top left no-repeat;
	text-decoration: none;	
}

a#button_portfolio img {
	width: 77px;
	background: url('../../assets/portfolio_hl.gif') top left no-repeat;
	text-decoration: none;
}

a#button_portfolio:hover img {
	background: url('../../assets/portfolio_o.gif') top left no-repeat;
	text-decoration: none;	
}

/*Thumbnails*/
#thumbcontainer {
	width: 100%;
	padding: 15px 0px 15px 0px;
	text-align: center;
}

.thumbnail {
	padding: 0px 5px 0px 5px;
	width: 125px;
	height: 125px;
}

/*Movie*/
#moviecontainer {
	width: 100%;
	padding: 15px 0px 15px 0px;
	text-align: center;
}