@charset "utf-8";
/*
Theme Name: DBD 3.0 Template
Theme URI: http://daobydesign.com/
Description: Custom theme for Dao By Design.
Version: 3.0
Author: Dao By Design
Author URI: http://daobydesign.com/
*/
html, body {margin:0;padding:0;}
body {font: 13px/18px Arial, Helvetica, sans-serif;color:#333;text-align:center;background:#fefefe url(images/body-bg.png) repeat-x 0 0;color:#666;}
a:link, a:visited {color:#22afc5;text-decoration:none;font-weight:normal;}
a:hover, a:active {color:#000;text-decoration:none;}
a img {border:0;}
h1,h2 {margin:36px 0;font-weight:bold;line-height:normal;color:#000;}
h3,h4 {margin:18px 0;font-weight:bold;line-height:normal;color:#000;}
h1 {font-size:28px;}
h2 {font-size:24px;}
h3 {font-size:18px;}
h4 {font-size:14px;}
p {padding:0;margin:0 0 18px;}
ul {list-style-position:outside;margin:0 0 18px 40px; list-style-type:disc;padding:0;}
ol {list-style-position:outside;margin:0 0 18px 40px; list-style-type:decimal;padding:0;}
fieldset {border:none;}

body .wrap {width:980px;margin:0 auto;padding:0;text-align:left;}

/****** Page Top ******/
#pagetop {height:28px;line-height:28px;text-align:right;font-size:.9em;margin:0px;padding:0px;list-style-type:none;}
#pagetop li {display:inline;padding-left:20px;}
#pagetop a:link, #pagetop a:visited {color:#22afc5;padding-left:20px;background:url(images/bullet-arrow-top.png) no-repeat 0 0;}
#pagetop a:hover, #pagetop a:active {color:#fff;background-position: 0px -16px;}

/****** Header ******/
#header {height:100px;}
#header #logo {display:block;width:200px;height:100px;background:url(images/logo-bg.png) no-repeat top center;}
#header h1, #header h3 {margin:0px;padding:0px;width:200px;float:left;}

	/** Main Nav **/
	#mainnav {width:760px;float:right;list-style-type:none;margin:0px;padding:0px;text-align:right;line-height:38px;height:38px;padding-top:62px;}
	#mainnav li {display:inline;padding:0px 0px;}
	#mainnav a:link, #mainnav a:visited {font-size:24px;font-weight:normal;color:#212121;padding:0px 0px 5px 15px;text-transform:lowercase;text-align:center;}
	#mainnav a:hover, #mainnav a:active {color:#22afc5;}
	#mainnav a span {padding-right:15px;}
	#mainnav li.current_page_item a {background:#003366 url(images/tab-l-r.png) no-repeat 0 0;color:#fff;}
	#mainnav li.current_page_item a span {background:url(images/tab-l-r.png) no-repeat right -40px;}
	

/****** Subhead ******/
#subhead {height:50px;background:url(images/subhead-bg.png) repeat-x 0 0;}
#subhead-in {width:980px;margin:0px auto;}
#isfront #subhead {height:400px;}

	#subhead .breadcrumb {text-align:left;padding-top:15px;color:#ccc;font-size:1.3em;text-transform:lowercase;}
	#subhead .breadcrumb a:link, #subhead .breadcrumb a:visited {color:#fff;}
	#subhead .breadcrumb a:hover, #subhead .breadcrumb a:active {color:#22afc5;}

	#fp-slider {position:relative;height:400px;float:left;}
	#fp-slider #panes {position:relative;margin:0px;float:left;height:350px;width:980px;}
	#fp-slider #panes div.pane {position:absolute;top:0;left:0;display:none;width:980px;height:350px;}
	#fp-slider #panes #pane1 {background:url(images/slide01.jpg) no-repeat 0 0;}
	#fp-slider #panes #pane2 {background:url(images/slide02.jpg) no-repeat 0 0;}
	#fp-slider #panes #pane3 {background:url(images/slide03.jpg) no-repeat 0 0;}
	#fp-slider #panes #pane4 {background:url(images/slide04.jpg) no-repeat 0 0;}
	
	#panes .slidebut {width:349px;height:84px;float:left;margin-top:250px;background:url(images/slide-button.jpg) no-repeat 0 0;}
	#panes .slidebut .slidebut1 {display:block;width:143px;float:left;margin-left:8px;}
	#panes .slidebut .slidebut2 {display:block;width:153px;float:right;}
	#panes .slidebut a:link, #panes .slidebut a:visited {font-size:1.2em;color:#fff;text-align:center;padding:15px 10px 0px;line-height:1.3em;font-weight:bold;}
	.cufon-active #panes .slidebut a {padding-top:20px;}
	#panes .slidebut a:hover, #panes .slidebut a:active {color:#000;}
	#panes .slidebut a span {color:#ffe826;}
	
	#fp-slider #slidenav {clear:both;}
	#fp-slider #slidenav ul {list-style-type:none;margin:0px;padding:0px;height:50px;line-height:50px;}
	#fp-slider #slidenav li {list-style-type:none;margin:0px;padding:0px 26px;float:left;}
	#fp-slider #slidenav a:link, #fp-slider #slidenav a:visited {display:block;height:50px;background-position:0px 0px;background-repeat:no-repeat;}
	#fp-slider #slidenav a:hover, #fp-slider #slidenav a:active, #fp-slider #slidenav a.current {background-position:0px -50px;}
	#slidenav #slide1 {width:203px;background-image:url(images/slidenav01.png);}
	#slidenav #slide2 {width:198px;background-image:url(images/slidenav02.png);}
	#slidenav #slide3 {width:159px;background-image:url(images/slidenav03.png);}
	#slidenav #slide4 {width:199px;background-image:url(images/slidenav04.png);}
	#slidenav a span {display:none;}
	
/****** Main ******/
#main {clear:both;background:url(images/main-bg.jpg) no-repeat top center;padding:18px 0px;}
.title, .cat_title {font-size:2em;font-weight:bold;text-transform:uppercase;margin:0px 0px 10px;padding:10px 0px;border-bottom:1px solid #003366;}

/****** Content ******/
#content {width:620px;float:left;}
#isfront #content {float:right;}

#content .post {margin-bottom:36px;padding-bottom:36px;clear:both;border-bottom:1px solid #ddd;}
#content h2.title-list, #content h3.title-list {margin-bottom:0px;border:none;font-size:1.8em;font-weight:normal;}
#content .cat_desc {background:url(images/body-bg.png) repeat-x scroll 0 -29px #FEFEFE;color:#212121;font-size:1.2em;font-style:italic;font-weight:bold;margin:-10px 0 40px;padding:10px;}
#content .cat_desc p {margin:0px;padding:5px 0px;}
#content .byline {font-size:.9em;text-align:right;color:#666;}

#content a.download:link, #content a.download:visited {padding:20px 20px 20px 70px;margin:20px auto;border:1px solid #ccc;width:80%;background:#eee url(images/box_download_48.png) no-repeat 10px center;display:block;border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;font-size:1.2em;text-transform:uppercase;}
#content a.download:hover, #content a.download:active {background-color:#f3f3f3;}

.test-cont p {font-size:1.8em;line-height:1em;color:#666;font-style:italic;}
.test-name {text-align:right;font-weight:bold;}
.test-site {text-align:right;}

#content .notice {padding:10px;background:#007fa8 url(images/status-bg.png) repeat-x 0 0;border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;border:1px solid #007fa8;color:#fff;}
#content .notice p {margin:0px;padding:5px 0px;}
#content .notice a:link, #content .notice a:visited {color:#003366;}
#content .notice a:hover, #content .notice a:active {color:#000;}

.readmore {text-align:left;margin-top:10px;}
.readmore a:link, .readmore a:visited {background:#007fa8 url(images/status-bg.png) repeat-x 0 0;border:1px solid #007fa8;border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; color:#fff; padding:3px 5px;  text-align:center; font-size:.7em;text-transform:uppercase; }
.readmore a:hover, .readmore a:active { background:#333; border:1px solid #000; }
.site-link {background:url(images/bullet-globe.png) no-repeat center left;padding-left:20px;}
.entry img.aligncenter.size-thumbnail {width:612px;padding:3px;border:1px solid #ccc;}

.postmetadata {padding:10px;font-size:.9em;color:#666;text-align:right;}
#issingle .postmetadata {width:350px;float:right;}

/****** Sidebar ******/
#sidebar {width:320px;float:right;}
#isfront #sidebar {float:left;}
#sidebar .sidebar_widget {margin-bottom:20px;}

	/** Socialize **/
	#sidebar .socialize a {margin-right:11px;}
	#sidebar .socialize a.last {margin-right:0px;}
	
	/** New Work **/
	#sidebar #new-work img {width:316px;height:79px;border:1px solid #ccc;padding:1px;margin-bottom:10px;}

/****** Footer ******/
#footer {height:400px;background:url(images/footbar-bg.png) repeat-x 0 0;color:#ccc;text-align:left}
#footer-in {width:980px;margin:0px auto;height:350px;}

#footbar .sidebar_widget {width:225px;float:left;padding:10px;}
#footbar h4 {border-color:#999;margin-bottom:0px;}
#footbar ul {text-align:left;color:#999;list-style-type:none;margin:0px;}
#footbar li a:link, #footbar li a:visited {color:#22afc5;display:block;padding:5px 10px;border-bottom:1px solid #000;border-top:1px solid #015180;}
#footbar li a:hover, #footbar li a:active {color:#fff;background:url(images/subhead-bg.png) repeat-x center center;}
#footbar li.last-item a {border-bottom:none;text-align:right;font-size:.9em;color:#fff;}

#footbar h4.title {font-size:1.3em;}
#credit {text-align:center;font-size:.8em;color:#ccc;height:50px;line-height:50px;}
#credit a:link, #credit a:visited {color:#fff;font-weight:bold;}
#credit a:hover, #credit a:active {color:#22afc5;}


/****** Comments ******/
#comments {border-top:1px solid #ddd;padding-top:36px;}
#comments h3 {color:#999;margin-top:0;}
#comments h3 span {color:#000;font-style:italic;}
#comments #commentlist {list-style-type:none;margin:0 0 18px;;padding:0;width:100%;float:left;clear:both;}
#comments #commentlist li {float:left;width:100%;}
#comments ul.children {list-style-type:none;margin:0;padding:0 0 0 30px;}
#comments #commentlist .avatar {float:left;border:1px solid #ddd;background:#fff;padding:4px;-moz-border-radius: 3px;-khtml-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;}
#comments #commentlist .comment-right {margin:0 0 18px 80px;}
#comments #commentlist .comment-top {border:1px solid #ddd;border-bottom:none;background:url(images/gradient3.png) repeat-x bottom left #f3f3f3;color:#000;text-shadow:1px 1px 1px #fff;-moz-border-radius: 3px 3px 0px 0px;-khtml-border-radius: 3px 3px 0px 0px;-webkit-border-radius: 3px 3px 0px 0px;border-radius: 3px 3px 0px 0px;line-height:36px;height:36px;}
#comments #commentlist .comment-author {float:left;padding-left:18px;}
#comments #commentlist .comment-author .fn {font-weight:bold;font-style:normal;}
#comments #commentlist .comment-meta {float:right;padding-right:18px;font-size:10px;}
#comments #commentlist .comment-meta a:link, #comments #commentlist .comment-meta a:visited {color:#999;}
#comments #commentlist .comment-meta a:hover, #comments #commentlist .comment-meta a:active {color:#E35E12;}
#comments #commentlist .comment-body {border:1px solid #ddd;padding:18px;-moz-border-radius: 0 0 3px 3px;-khtml-border-radius: 0 0 3px 3px;-webkit-border-radius: 0 0 3px 3px;border-radius: 0 0 3px 3px;}
#comments #commentlist .reply {padding: 0px;text-align:right;}
#comments #commentlist .reply a:link, #comments #commentlist .reply a:visited {text-transform: lowercase; font-size: 10px;padding:3px 5px;background: #007FA8 url(images/status-bg.png) repeat-x 0 0;border: 1px solid #007FA8;border-radius: 5px;color: #fff;}
#comments #commentlist .reply a:hover, #comments #commentlist .reply a:active {background:#333;border-color:#000;color:#fff;}

#respond {width:100%;float:left;clear:both;padding:10px;background:#f3f3f3;border:1px solid #ddd;margin-bottom:18px;}
#respond #cancel-comment-reply-link {background:url(images/list-icons-red.png) no-repeat -100px -600px;padding:5px 0px 5px 20px;margin-left:20px;font-size:12px;}
#commentform #commentform-left {float:left;width:35%;}
#commentform #commentform-left input, #commentform .comment-form-comment textarea {padding:10px;border:1px solid #ccc;-moz-box-shadow: -1px -1px 4px #ddd inset;-webkit-box-shadow: -1px 1px 4px #ddd inset;width:85%;background:#f6f6f6;-moz-border-radius: 5px;-khtml-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;color:#999;}
#commentform #commentform-left input:focus, #commentform .comment-form-comment textarea:focus {border-color:#666;color:#444;}
#commentform #commentform-left p {margin-bottom:9px;}
#commentform .comment-form-comment textarea {height:;}
#commentform .comment-form-comment {width:60%;float:right;}
#commentform .comment-form-comment label {display:none;}
#commentform .form-allowed-tags {display:none;clear:both;width:60%;float:right;font-size:10px;color:#999;}
#commentform .required {color:#ff0000;font-size:10px;}
#commentform #commentform-left .required {padding-left:5px;} 

#commentform .form-submit {clear:left;}
#commentform input#submit {padding: 5px 10px;background: #007FA8 url(images/status-bg.png) repeat-x 0 0;border: 1px solid #007FA8;border-radius: 5px;color: #fff;margin: 0px;text-transform: uppercase;display:inline-block;}
#commentform input#submit:focus, #commentform input#submit:hover, #commentform input#submit:active {background:#333;border-color:#000;cursor:pointer;}


/****** Images ******/
img.centered {display: block;margin-left: auto;	margin-right: auto;}
img.alignright, img.photor, img.right, img.right-nb {padding: 1px;margin: 0 0 2px 7px;display: inline;border:1px solid #ccc;}
img.alignleft, img.photol, img.left, img.left-nb {padding: 1px;margin: 0 7px 2px 0;display: inline;border:1px solid #ccc;}
.alignright, .photor, .right, .right-nb {float: right;}
.alignleft, .photol, .left, .left-nb {float: left}
#content .right-nb, #content .left-nb, #content img.noborder {border:none !important;}

/* Captions */
.aligncenter, div.aligncenter {display: block;margin-left: auto;margin-right: auto;}

.wp-caption {border: 1px solid #ddd;text-align: center;	background-color: #f3f3f3;padding-top: 4px;margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;}

.wp-caption img {margin: 0;padding: 0;border: 0 none;}

.wp-caption p.wp-caption-text {font-size: 11px;line-height: 17px;padding: 0 4px 5px;margin: 0;}

/****** Misc Styles ******/
.clear {clear:both;}
.hidden {display:none;}
.fancy {color:#003366;font-size:1.1em;font-weight:bold;text-transform:uppercase;line-height:1.3em;}
.fancy strong {color:#000;}

/****** Forms *******/
.wpcf7 span input, .wpcf7 span textarea {border:1px solid #ccc;padding:5px 10px;}
.wpcf7 span input:focus, .wpcf7 span textarea:focus {border:1px solid #003366;}
.wpcf7 span textarea {width:95%;}

.wpcf7 input#form-submit {padding:3px;background:#007fa8 url(images/status-bg.png) repeat-x 0 0;border:1px solid #007fa8;border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; color:#fff;;margin:0px;font-size:.9em;text-transform:uppercase;width:auto;float:right;}
.wpcf7 input#form-submit:hover {cursor:pointer;background:#333; border:1px solid #000;}


/****** Overlay Styles ******/
.overlay {cursor:pointer;}
.simple_overlay {display:none; z-index:10000; background-color:#fff; width:675px;min-height:200px; border:1px solid #666; padding:10px;-moz-box-shadow:0 0 90px 5px #000; -webkit-box-shadow: 0 0 90px #000;} 
.simple_overlay.overlayimg {width:auto;}
.simple_overlay .close {background-image:url(images/close.png);position:absolute; right:-15px; top:-15px; cursor:pointer; height:35px; width:35px; }
#img {border:1px solid #666;}
.next, .prev {position:absolute;top:40%;border:1px solid #666;cursor:pointer;display:block;padding:10px 20px;color:#fff;font-size:11px;-moz-border-radius:5px;-webkit-border-radius:5px;}
.prev {left:10px;border-left:0;-moz-border-radius-topleft:0;-moz-border-radius-bottomleft:0;-webkit-border-bottom-left-radius:0;-webkit-border-top-left-radius:0;}
.next {right:9px;border-right:0;-moz-border-radius-topright:0;-moz-border-radius-bottomright:0;-webkit-border-bottom-right-radius:0;-webkit-border-top-right-radius:0;}
.next:hover, .prev:hover {text-decoration:underline;background-color:#000;}
.disabled {visibility:hidden;}
.info {position:absolute;bottom:0;left:0;padding:10px 15px;color:#fff;font-size:11px;border-top:1px solid #666;margin:0px 9px 10px 10px;}
.info strong {display:block;}
.progress {position:absolute;top:45%;left:50%;display:none;}
.next, .prev, .info {background:#333 !important;background:rgba(0, 0, 0, 0.6) url(images/h80.png) repeat-x;}

/** PageNavi **/
.wp-pagenavi {text-align:left;margin-top:10px;clear:both;}
.wp-pagenavi span, .wp-pagenavi a {margin:0px 5px;padding:3px 5px;  text-align:center; font-size:.7em;text-transform:uppercase;}
.wp-pagenavi a:link, .wp-pagenavi a:visited {background:#007fa8 url(images/status-bg.png) repeat-x 0 0;border:1px solid #007fa8;border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; color:#fff;}
.wp-pagenavi a:hover, .wp-pagenavi a:active, .wp-pagenavi .current { background:#333; border:1px solid #000;border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; color:#fff; }
.wp-pagenavi .current {color:#ccc;}
.wp-pagenavi span.pages {color:#666;}