/* ::::: http://diversevideo.com/style.css ::::: */

* { margin: 0pt; padding: 0pt; }
body { margin: 0pt; padding: 0pt; background: rgb(65, 65, 65) url('tall.gif') repeat-x scroll center top; text-align: center; vertical-align: top; font-family: Arial,Helvetica,sans-serif; font-size: 12px; line-height: 14px; color: rgb(51, 51, 51); }
img { border: 0pt none ; }
input { vertical-align: middle; }
textarea { font-family: Tahoma; }
input { height: 20px; }
.column { float: left; }
.clear { clear: both; }
.menu { height: 98px; }
.in1 { background: transparent url('btall.gif') repeat-y scroll left center; }
.in2 { background: transparent url('top_bback.gif') no-repeat scroll left top; }
.in3 { background: transparent url('bott_bback.gif') no-repeat scroll left bottom; padding-left: 25px; padding-bottom: 15px; }
.inner1 { background: transparent url('tab_tall.gif') repeat-x scroll center top; }
.inner2 { background: transparent url('tab_tall.gif') repeat-x scroll center bottom; }
.inner3 { background: transparent url('tab_tall.gif') repeat-y scroll left center; }
.inner4 { background: transparent url('tab_tall.gif') repeat-y scroll right center; }
.inner5 { background: transparent url('ltc.gif') no-repeat scroll left top; }
.inner6 { background: transparent url('rtc.gif') no-repeat scroll right top; }
.inner7 { background: transparent url('lbc.gif') no-repeat scroll left bottom; }
.inner8 { background: transparent url('rbc.gif') no-repeat scroll right bottom; }
#footer { background: rgb(65, 65, 65) url('f_back1.gif') no-repeat scroll 0pt -10px; color: rgb(102, 102, 102); height: 100px; text-align: left; }
#footer span { color: rgb(153, 153, 153); font-weight: bold; }
#footer a { color: rgb(255, 255, 255); text-decoration: underline; font-weight: bold; }
#footer a:hover { text-decoration: none; }
form { margin: 0px; padding: 0px; }
.myform { margin: 0pt; padding: 0pt 0pt 0pt 3px; background: rgb(255, 255, 255) none repeat; width: 214px; height: 20px; vertical-align: middle; font-size: 12px; font-family: Arial; color: rgb(51, 51, 51); }
.myform2 { margin: 0pt; padding: 0pt 0pt 0pt 3px; background: rgb(255, 255, 255) none repeat; width: 209px; height: 20px; vertical-align: middle; font-size: 11px; font-family: Arial; color: rgb(51, 51, 51); }
ul { margin: 0pt; padding: 0pt; list-style-type: none; list-style-image: none; list-style-position: outside; }
li { background: transparent url('pimp1.gif') no-repeat scroll left center; padding-left: 15px; line-height: 18px; color: rgb(57, 66, 66); }
li a { text-decoration: underline; color: rgb(57, 66, 66); }
li a:hover { text-decoration: none; }
.list1 li { background: transparent url('pimp2.gif') no-repeat scroll left top; color: rgb(102, 102, 102); text-decoration: none; font-weight: bold; line-height: 14px; font-size: 12px; font-family: Arial,Helvetica,sans-serif; padding-left: 23px; padding-bottom: 4px; }
.list1 li a { color: rgb(102, 102, 102); text-decoration: none; }
.list1 a:hover { text-decoration: underline; }
.list2 li { background: transparent url('spacer.gif') no-repeat scroll left center; color: rgb(68, 163, 15); text-decoration: none; line-height: 18px; font-size: 12px; font-family: Arial,Helvetica,sans-serif; padding-left: 0pt; margin-left: 1px; }
.list2 li a { color: rgb(68, 163, 15); text-decoration: underline; }
.list2 a:hover { text-decoration: none; }
a { color: rgb(68, 163, 15); text-decoration: underline; }
a:hover { text-decoration: none; }
.link1 { background: transparent url('pimp1.gif') no-repeat scroll left center; color: rgb(68, 163, 15); text-decoration: none; font-weight: bold; line-height: 16px; font-size: 13px; font-family: Arial,Helvetica,sans-serif; padding-left: 17px; }
.link1:hover { text-decoration: underline; }
.link2 { color: rgb(102, 102, 102); font-weight: bold; text-decoration: underline; }
.link2:hover { text-decoration: none; }
.link3 { color: rgb(68, 163, 15); text-decoration: underline; }
.link3 a { text-decoration: underline; }
.link3 a:hover { text-decoration: none; }
.link4 { color: rgb(51, 51, 51); font-weight: bold; text-decoration: underline; }
.link4:hover { text-decoration: none; }
.txt1 { font-weight: bold; color: rgb(51, 51, 51); }
.txt2 { font-family: Arial,Helvetica,sans-serif; font-weight: bold; font-size: 13px; color: rgb(102, 102, 102); }
#page1 #content .col1 { margin-right: 11px; }
.p1_col1 { background: transparent url('1b_back3.gif') no-repeat; width: 152px; height: 69px; float: left; }
.p1_col2 { width: 9px; height: 69px; float: left; }
#page2 #content .col1 { margin-right: 30px; }
#page3 #content .col1 { margin-right: 28px; }
#page4 #content #row1 .col1 { margin-right: 50px; }
#page4 #content #row2 .col1 { margin-right: 8px; }
#page4 #content #row2 { padding-left: 25px; }
#page5 #content .col1 { margin-right: 28px; }
#page6 #content .col1 { margin-right: 28px; }
.h6 { height: 51px; }

/* ::::: http://diversevideo.com/layout.css ::::: */

.main { margin: auto; width: 766px; padding-top: 17px; }
#content { text-align: left; }
#content .col1 { padding-bottom: 10px; }
#content .col2 { padding-bottom: 10px; }
#page1 #content .col1 { float: left; width: 506px; }
#page1 #content .col2 { float: left; width: 197px; }
#page2 #content .col1 { float: left; width: 447px; }
#page2 #content .col2 { float: left; width: 234px; }
#page3 #content .col1 { float: left; width: 246px; }
#page3 #content .col2 { float: left; width: 434px; }
#page4 #content #row1 { background: transparent url('lineback.gif') repeat-y scroll 248px 50%; }
#page4 #content #row1 .col1 { float: left; width: 227px; }
#page4 #content #row1 .col2 { float: left; width: 410px; }
#page4 #content #row2 { background: transparent url('lineback.gif') repeat-y scroll 419px 50%; }
#page4 #content #row2 .col1 { float: left; width: 418px; }
#page4 #content #row2 .col2 { float: left; width: 250px; }
#page5 #content .col1 { float: left; width: 246px; }
#page5 #content .col2 { float: left; width: 434px; }
#page6 #content .col1 { float: left; width: 446px; }
#page6 #content .col2 { float: left; width: 236px; }
#page7 #content .col1 { float: left; width: 695px; }

/* ::::: http://diversevideo.com/clients.html ::::: */

.style1 { font-size: 14px; }
.style2 { color: rgb(153, 153, 153); }

.widecolumn .entry p {
	font-size: 1.05em;
	}

.narrowcolumn .entry, .widecolumn .entry {
	line-height: 1.4em;
	}

.widecolumn {
	line-height: 1.6em;
	}

.narrowcolumn .postmetadata {
	text-align: center;
	}
	
	.narrowcolumn {
	float: left;
	padding: 0 0 20px 0px;
	margin: 0px 0 0;
	width: 420px;
	}

.widecolumn {
	padding: 10px 0 20px 0;
	margin: 5px 0 0 0px;
	width: 420px;
	}

.post {
	margin: 0 0 40px;
	text-align: justify;
	}

.post hr {
	display: block;
	}

.widecolumn .post {
	margin: 0;
	}

.narrowcolumn .postmetadata {
	padding-top: 5px;
	}

.widecolumn .postmetadata {
	margin: 5px 0;
	}

.widecolumn .smallattachment {
	text-align: center;
	float: left;
	width: 128px;
	margin: 5px 5px 5px 0px;
}

.widecolumn .attachment {
	text-align: center;
	margin: 5px 0px;
}

.postmetadata {
	clear: both;
}

p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
	
	html>body .entry ul {
	margin-left: 0px;
	padding: 0 0 0 30px;
	list-style: none;
	padding-left: 10px;
	text-indent: -10px;
	}

html>body .entry li {
	margin: 7px 0 8px 10px;
	}

.entry ul li:before, #sidebar ul ul li:before {
	content: "\00BB \0020";
	}

.entry ol {
	padding: 0 0 0 35px;
	margin: 0;
	}

.entry ol li {
	margin: 0;
	padding: 0;
	}

.postmetadata ul, .postmetadata li {
	display: inline;
	list-style-type: none;
	list-style-image: none;
	}

#sidebar ul, #sidebar ul ol {
	margin: 0;
	padding: 0;
	}

h1, h2, h3 {
	font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
	font-weight: bold;
	}

h1 {
	font-size: 18px;
	text-align: left;
	color: #000000;
	}

#headerimg .description {
	font-size: 1.2em;
	text-align: center;
	}

h2 {
	font-size: 1.6em;
	}

h2.pagetitle {
	font-size: 1.6em;
	}

#sidebar h2 {
	font-family: 'Lucida Grande', Verdana, Sans-Serif;
	font-size: 1.2em;
	}

h3 {
	font-size: 1.3em;
	color: #09A1EC;
	}
	
h4 {
	font-size: 12px;
	color: #09A1EC;
	}

h1, h1 a, h1 a:hover, h1 a:visited, #headerimg .description {
	text-decoration: none;
	color: #000000;
	}

h2, h2 a, h2 a:visited, h3 a, h3 a:visited {
	color: #333;
	}

h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited, #sidebar h2, #wp-calendar caption, cite {
	text-decoration: none;
	}
