/*

Theme Name: DUI

Theme URI: http://www.thisisdui.com

Description: The design for this is dui.

Version: 1

Author: Astereo

Author URI: http://www.astereostudio.com

*/



body {

	margin: 0px;

	padding: 0px;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 14px;

	line-height: 165%;

}

a {

	text-decoration: none;

}

#wrap {

	width: 900px;

	margin: 0 auto;

}

#topbar {

	width: 100%;

	background-color: #e2e2e2;

	padding-top: 3px;

	padding-bottom: 3px;

	text-align: center;

	margin-bottom: 10px;

	font-family: Verdana, Arial, Helvetica, sans-serif;

}

#topbar p {

	font-size: 11px;

	color: #222;

	margin: 0px;

	padding: 0px;

}

#topbar p a {

	color: #ca1717;

	border-bottom: 1px dotted #666;

}

#topbar p a:hover {

	color: #222;

	border-bottom: 1px dotted #222;

}

#logo {

	width: 100%;

	height: 65px;

	margin-bottom: 15px;

}

#logo .dui {

	width: 353px;

	height: 65px;

	float: left;

}

#logo .dui a {

	background-image: url(images/duiblog.gif);

	width: 353px;

	height: 65px;

	background-repeat: no-repeat;

	display: block;

}

#logo .sf {

	float: right;

	width: 350px;

	text-align: right;

}

#logo .postform {

	margin-top: 20px;

	width: 235px;

}

/* page styles */



#storyboard {

	width: 100%;

	margin: 0 auto;

	margin-bottom: 10px;

}

#storyboard .col1 {

	width: 575px;

	float: left;

}

#storyboard .col1 h1 {

	font-size: 16px;

	color: #666;

	margin: 0px;

	padding: 0px;

	border-bottom: 1px solid #ccc;

	margin-bottom: 15px;

}

#storyboard .col1 h1 .cnd {

	color: #222;

}

#storyboard .col1 .copyright {

	margin-bottom: 10px;

}

#storyboard .col1 .copyright p {

	font-size: 11px;

	color: #898989;

	margin: 0px;

	padding: 0px;

	line-height: 100%;

}

#storyboard .col1 .copyright p a {

	color: #2796d6;

	font-weight: bold;

}

#storyboard .col1 .copyright p a:hover {

	color: #155980;

}

#storyboard .col1 .copyright img {

	border: 0px;

	vertical-align: middle;

	margin-right: 5px;

}

#storyboard .col1 .subscribenotice {

	border-top: 1px solid #d1cec3;

	border-bottom: 1px solid #d1cec3;

	padding: 3px;

	text-align: center;

	margin-bottom: 10px;

	font-family: Verdana, Arial, Helvetica, sans-serif;

}

#storyboard .col1 .subscribenotice p {

	font-size: 12px;

	margin: 0px;

	padding: 0px;

}

#storyboard .col1 .subscribenotice p img {

	vertical-align: middle;

	border: 0px;

	margin-right: 5px;

}

#storyboard .col1 .subscribenotice p a {

	color: #2796d6;

	font-weight: bold;

}

#storyboard .col1 .subscribenotice p a:hover {

	color: #155980;

}

#storyboard .col1 .entry {

	margin-bottom: 20px;

}

#storyboard .col1 .entry .ls {

	float: left;

	margin-right: 15px;

	width: 102px;

}

#storyboard .col1 .entry .rs {

	float: right;

	width: 440px;

}

#storyboard .col1 img {

	padding: 3px;

	border: 1px solid #e2e2e2;

}

#storyboard .col1 .entry p {

	font-size: 15px;

	line-height: 165%;

	margin: 0px;

	padding: 0px;

	color: #333;

}

#storyboard .col1 .entry h2 {

	font-size: 18px;

	font-weight: bold;

	margin: 0px;

	margin-bottom: 5px;

	padding: 0px;

	line-height: normal;

}

#storyboard .col1 .entry h2 a {

	color: #666;

	border-bottom: 1px solid #ccc;

}

#storyboard .col1 .entry h2 a:hover {

	color: #222;

	border-bottom: 1px solid #C6EBFD;

}

#storyboard .col1 .entrysp p {

	font-size: 15px;

	line-height: 165%;

	margin: 0px;

	padding: 0px;

	color: #333;

	margin-bottom: 15px;

}

#storyboard .col1 .entrysp ul {

	list-style-type: none;

	margin: 0px;

	color: #333;

	padding: 0px;

	margin-left: 40px;

	font-size: 12px;

	line-height: 165%;

	margin-bottom: 10px;

}

#storyboard .col1 .entrysp ul li {

	margin: 0px;

	padding: 0px;

	color: #232323;

	margin-bottom: 8px;

	list-style-type: square;

}

#storyboard .col1 .entrysp ol {

	list-style-type: none;

	margin: 0px;

	color: #333;

	padding: 0px;

	margin-left: 40px;

	font-size: 12px;

	line-height: 165%;

	margin-bottom: 10px;

}

#storyboard .col1 .entrysp ol li {

	margin: 0px;

	padding: 0px;

	color: #232323;

	margin-bottom: 3px;

}

#storyboard .col1 .entrysp p a {

	color: #0575CF;

}

#storyboard .col1 .entrysp p a:hover {

	color: #045C7D;

}

#storyboard .col1 .entrysp h3 {

	font-size: 15px;

	margin: 0px;

	padding: 0px;

	margin-bottom: 10px;

	color: #29687A;

}

#storyboard .col1 .entrysp h2 {

	font-size: 18px;

	font-weight: bold;

	margin: 0px;

	margin-bottom: 5px;

	padding: 0px;

	line-height: normal;

}

#storyboard .col1 .entrysp h2 a {

	color: #666;

	border-bottom: 1px solid #ccc;

}

#storyboard .col1 .entrysp h2 a:hover {

	color: #222;

	border-bottom: 1px solid #C6EBFD;

}

#storyboard .col1 .entrysp .mtop {

	width: 100%;

	font-size: 12px;

	margin: 0px;

	padding: 0px;

	margin-bottom: 5px;

}

#storyboard .col1 .entrysp .mtop p {

	color: #444;

	margin: 0px;

	padding: 0px;

	font-size: 12px;

}

#storyboard .col1 .entrysp .mtop p img {

	vertical-align: middle;

	border: 0px;

}

#storyboard .col1 .entrysp img {

	padding: 0px;

	border: none;

	margin: 0px;

}

/* Category Tag Colors */



.catgeneral {

	background-color: #0488F4;

	font-size: 11px;

	padding: 3px;

	font-weight: normal;

	margin-left: 5px;

	color: #fff;

}

.catdesign {

	background-color: #ca1717;

	font-size: 11px;

	padding: 3px;

	font-weight: normal;

	margin-left: 5px;

	color: #fff;

}

.catreviews {

	background-color: #2E8224;

	font-size: 11px;

	padding: 3px;

	font-weight: normal;

	margin-left: 5px;

	color: #fff;

}

.catinterviews {

	background-color: #CB4B14;

	font-size: 11px;

	padding: 3px;

	font-weight: normal;

	margin-left: 5px;

	color: #fff;

}

.catcommentary {

	background-color: #282828;

	font-size: 11px;

	padding: 3px;

	font-weight: normal;

	margin-left: 5px;

	color: #fff;

}

.catUncategorized {

	background-color: #fff;

	font-size: 11px;

	padding: 3px;

	font-weight: normal;

	margin-left: 5px;

	color: #fff;

}

#storyboard .col2 {

	width: 250px;

	float: right;

}

#storyboard .col2 h3 {

	font-size: 14px;

	color: #05448F;

	margin: 0px;

	padding: 0px;

	margin-bottom: 5px;

}

#storyboard .col2 h3 img {

vertical-align: middle;

}

#storyboard .col2 .fat p {

font-size: 11px;

line-height: 165%;

color: #323232;

font-family: Verdana, Arial, Helvetica, sans-serif;

margin-bottom: 10px;

}

#storyboard .col2 .fat p a {

color: #0d536d;

border-bottom: 1px solid #0d536d;

}

#storyboard .col2 .fat p a:hover {

color: #0d9adc;

border-bottom: 1px solid #0d9adc;

}

#storyboard .col2 .fat img {

border: 0px;

padding: 0px;

margin-bottom: 2px;

}

#storyboard .col2 .fat {

margin-bottom: 20px;

}

#storyboard .col2 ul {

	list-style-type: none;

	margin: 0px;

	padding: 0px;

	margin-bottom: 20px;

}

#storyboard .col2 ul li {

	list-style-type: square;

	margin: 0px;

	padding: 0px;

	margin-bottom: 10px;

	line-height: normal;

	margin-left: 15px;

}

#storyboard .col2 ul li h4 img {

	vertical-align: middle;

	border: 0px;

}

#storyboard .col2 ul li a img {

	border: none;

}

#storyboard .col2 ul li h4 {

	font-size: 12px;

	margin: 0px;

	padding: 0px;

}

#storyboard .col2 ul li a {

	color: #3E80EC;

}

#storyboard .col2 ul li a:hover {

	color: #333;

}

#storyboard .col2 ul li p {

	font-size: 11px;

	line-height: 150%;

	color: #555;

	margin: 0px;

	padding: 0px;

}

#storyboard .col2 .aid {

	margin-bottom: 20px;

}

#storyboard .col2 .aid p {

	font-size: 11px;

	line-height: 100%;

	color: #555;

	margin: 0px;

	padding-top: 5px;

}

#storyboard .col2 .aid img {

	padding: 3px;

	border: 1px solid #ccc;

	margin-right: 15px;

	float: left;

}

#storyboard .col2 .aid p a {

	color: #ca1717;

}

#storyboard .col2 .aid p a:hover {

	color: #222;

}

#storyboard .col2 .adcenter {

	margin-bottom: 10px;

}

#storyboard .col2 .adcenter a img {

	border: 5px solid #e2e2e2;

margin-bottom: 5px;

}

#storyboard .col2 .adcenter a:hover img {

	border: 5px solid #ccc;

}

#storyboard .navigation {

	width: 100%;

	font-size: 12px;

}

#storyboard .navigation a {

	padding: 3px;

	border: 1px solid #ccc;

	color: #222;

	display: block;

}

#storyboard .navigation a:hover {

	border: 1px solid #222;

}

#storyboard .navigation .left {

	float: left;

}

#storyboard .navigation .right {

	float: right;

}

#storyboard .navigation img {

	border: 0px;

	vertical-align: middle;

}

/* Elements */



blockquote {

	color:#555;

	font-size: 18px;

	text-align:center;

	width: 200px;

	padding: 10px;

	border: 1px solid #eee;

	border-width: 1px 0;

	background: none !important;

}

blockquote p, blockquote.pullquoteleft p, blockquote.pullquoteright p {

	margin: 0 !important;

	line-height: 24px !important;

}

blockquote.pullquoteleft {

	float:left;

	margin: 5px 15px 15px 0;

}

blockquote, blockquote.pullquoteright {

	float:right;

	margin: 5px 0 15px 15px;

}

/* Continue with design */



#footer {

	border-top: 1px solid #e2e2e2;

	padding-top: 5px;

	padding-bottom: 5px;

	font-size: 11px;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	width: 900px;

	margin: 0 auto;

}

#footer h3 {

	font-size: 11px;

	margin: 0px;

	padding: 0px;

	margin-bottom: 2px;

	color: #0F4882;

}

#footer .s1 {

	width: 289px;

	padding-right: 10px;

	float: left;

	border-right: 1px solid #e2e2e2;

}

#footer .s2 {

	width: 279px;

	padding-right: 10px;

	padding-left: 10px;

	float: left;

	border-right: 1px solid #e2e2e2;

}

#footer .s3 {

	width: 289px;

	padding-left: 10px;

	float: left;

	border-left: 1px solid #fff;

}

#footer .s1 .thename {

	color: #0A63A5;

	font-weight: bold;

}

#footer .s1 p, .s2 p, .s3 p {

	color: #777;

	margin: 0px;

	padding: 0px;

	margin-bottom: 5px;

}

#footer .s1 p a, .s2 p a, .s3 p a {

	color: #222;

}

/* Comments */



#comments {

	width: 100%;

	margin-bottom: 15px;

}

#commentform {

	background-color: #f9f9f9;

	border: 5px solid #e2e2e2;

	padding: 5px;

}

#comments h3 {

	font-size: 16px;

	margin: 0px;

	padding: 0px;

	margin-bottom: 5px;

	color: #777;

}

#comments .st {

	color: #444;

}

#commentform p small {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 11px;

}

#commentform p {

	margin: 0px;

	padding: 0px;

}

#commentform .uah {

	padding-right: 5px;

	padding-left: 5px;

	padding-top: 2px;

	padding-bottom: 2px;

	background-color: #d4fbbc;

	border-top: 1px solid #a1d980;

	border-bottom: 1px solid #a1d980;

	font-size: 11px;

}

#commentform .uah p {

	margin: 0px;

	padding: 0xp;

	color: #222;

}

#commentform .uah p a {

	color: #333;

	border-bottom: 1px dotted #777;

}

#commentform .uah p a:hover {

	border-bottom: 1px dotted #222;

	color: #111;

}

#comments ol.commentlist {

	margin: 0px;

	padding: 0px;

	list-style-type: none;

}

#comments ol.commentlist li img {

	border: none;

	padding: 0px;

}

#comments ol.commentlist li {

	list-style-type: none;

	margin-bottom: 5px;

	margin: 0px;

	padding: 0px;

}

#comments ol.commentlist li blockquote {

	color:#555;

	font-size: 12px;

	text-align:center;

	width: 90%;

	margin: 0 auto;

	margin-top: 5px;

	margin-bottom: 5px;

	padding: 5px;

	border: 1px solid #eee;

	border-width: 1px 0;

	background: none !important;

	float: none;

}

#comments ol.commentlist li p {

	font-size: 12px;

	line-height: 165%;

	color: #232323;

	margin: 0px;

	padding: 0px;

	margin-bottom: 8px;

	padding: 3px;

	font-family: Verdana, Arial, Helvetica, sans-serif;

}

#comments ol.commentlist li p:first-letter {

	text-transform: uppercase;

}

#comments ol.commentlist li p a {

	color: #3785dd;

}

#comments ol.commentlist li .ctop {

	width: 100%;

	background-color: #f4f3e9;

	padding: 3px;

	border-bottom: 1px solid #e2e2e2;

}

#comments ol.commentlist li .ctop .grav {

	float: left;

	width: 50px;

}

#comments ol.commentlist li .ctop .grav img {

	padding: 3px;

	border: 1px solid #e2e2e2;

}

#comments ol.commentlist li .ctop .info {

	float: right;

	width: 525px;

	padding-top: 5px;

}

#comments ol.commentlist li .ctop .info p {

	font-size: 11px;

	color: #222;

	margin: 0px;

	padding: 0px;

	line-height: 100%;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	margin-bottom: 5px;

	color: #555;

}

#comments ol.commentlist li .ctop .info p a {

	color: #154963;

	font-weight: bold;

}

#comments ol.commentlist li .ctop .info p a:hover {

	color: #222;

}

#comments ol.commentlist li .ctop .info img {

	border: 0px;

}

/* Additional */



#storyboard .col1 .entrysp .centerimage {

	display: block;

	margin: 0 auto;

	padding: 3px;

	border: 1px solid #efefef;

}

#storyboard .col1 .entrysp .imageleft {

	float: left;

	margin-right: 10px;

	margin-bottom: 5px;

}

#storyboard .col1 .entrysp .imageright {

	float: right;

	margin-left: 10px;

	margin-bottom: 5px;

}

#storyboard .col1 .yellowstuff {

	background-color: #fdfac6;

	border-top: 1px solid #fbe47c;

	border-bottom: 1px solid #fbe47c;

	font-size: 12px;

	color: #222;

	line-height: 150%;

	margin: 0px;

	padding-top: 4px;

	padding-bottom: 4px;

	padding-right: 8px;

	padding-left: 8px;

	margin-bottom: 10px;

}

#storyboard .col1 .yellowstuff img {

	border: none;

	vertical-align: middle;

}

#storyboard .col1 .yellowstuff a {

	color: #157797;

}

/* Single Post Top Nav */



#sptn {

	width: 100%;

	border-bottom: 1px solid #aeddec;

	border-top: 1px solid #aeddec;

	margin-bottom: 10px;

	margin: 0px;

	font-size: 12px;

	padding-top: 2px;

	padding-bottom: 2px;

}

#sptn ul {

	list-style-type: none;

	margin: 0px;

	padding: 0px;

}

#sptn ul li {

	float: left;

	list-style-type: none;

	margin: 0px;

	padding: 0px;

	margin-right: 20px;

}

#sptn ul li img {

	vertical-align: middle;

	margin-right: 5px;

}

#sptn ul li a {

	color: #555

}

#sptn ul li a:hover {

	color: #222;

}

/* Bullets */



#storyboard .col2 .colnav ul li {

	list-style-image: url(images/bullet.png);

	vertical-align: text-bottom;

}

#storyboard .col2 .colnav ul li img {

	vertical-align: text-bottom;

}

#infocus {

	width: 900px;

	margin: 0 auto;

        margin-top: 10px;

}

#infocus .head {

	background-image: url(images/topcorner.gif);

	height: 39px;

}

#infocus .content {

	border-right: 1px solid #d7d7d7;

	border-left: 1px solid #d7d7d7;

}

#infocus .bottom {

	background-image: url(images/bottomcorner.gif);

	height: 39px;

}

/* Hide It */



img#wpstats {

	display:none

}



/* sketches */



#sketches {

width: 100%;

margin: 0 auto;

margin-bottom: 25px;

}



#sketches .illustrate {

width: 100%;

height: 90px;

background-image: url(images/illustrate/o4d.gif);

padding-top: 1px;

padding-bottom: 1px;

border-top: 1px solid #ccc;

border-bottom: 1px solid #ccc;

background-repeat: no-repeat;

margin-bottom: 1px;

}



#sketches .blurb {

width: 100%;

text-align: right;

font-family: Verdana, Arial, Helvetica, sans-serif;

}



#sketches .blurb p {

font-size: 10px;

margin: 0px;

padding: 0px;

color: #555;

text-transform: uppercase;

line-height: normal;

}



#sketches .blurb p a {

color: #1683c1;

}