/*
Theme Name: Dojo Design
Theme URI: http://www.dojo-design.com
Description: Unique theme for Dojo Design LLC
Author: Dojo Design
Author URI: http://www.dojo-design.com
*/

body {margin:20px 0 0 0; padding:0; background: #f0ecdc url(webdesign/bk.gif) center; font-family: 'Trebuchet Ms', Arial; font-size:14px; color:#6f6f6f; }

@font-face {font-family: dojo_font; src: url('caligraph.ttf');}

.in {margin: 0; padding: 0;}
img {border:0;}

a {color:#b6005e; font-weight:bold; text-decoration:none;}
a:hover {color:#470025; font-weight:bold; text-decoration:none;}

#web-design {width: 980px; margin: 0 auto;}

/*WEB DESIGN TOP*/
#top-wrap {float: left; width: 100%;}

#top-middle {margin: 0 253px 0 459px;}

#logo-area {float: left; width: 459px; margin-left: -980px;}

#subscribe-area {float: left; width: 253px; margin-left: -253px;}

/* MAIN INFORMATION */

#presentation {height:161px; margin:0; padding:0; background: url(webdesign/presentation.jpg) no-repeat;}
.presentation {margin:0; padding:20px 60px 10px 70px; font-size:13px; color:#4d2d13;}
#presentation h1 {font-family: dojo_font; margin:5px 0 5px 0; padding:0 0 1px 0; color:#ff6000; font-size:24px;}
#presentation img {float:left; margin:5px 10px 0 0; padding:3px; background:#FFFFFF; border:1px solid #efefef;}

#wordpress-design {clear:left; float: left; width: 100%; background: url(webdesign/blog-bk.jpg) repeat-y;}

#right-design {margin-left: 719px;}
.right-design {margin:0; padding:20px 20px 10px 10px;}

#side1 {margin:0; padding:0; width:218px; background:#fffac7;}
#side1 h2 {font-family: dojo_font; margin:5px 0 5px 0; padding:0 0 1px 0; color:#b6005e; font-size:18px; border-bottom:1px dashed #b6005e; text-align:right;}

#side2 {margin:0; padding:0; width:218px; background:#fffac7;}
#side2 h2 {font-family: dojo_font; margin:5px 0 5px 0; padding:0 0 1px 0; color:#ff9c00; font-size:18px; border-bottom:1px dashed #ff9c00; text-align:right;}

#side3 {margin:0; padding:0; width:218px; background:#fffac7;}
#side3 h2 {font-family: dojo_font; margin:5px 0 5px 0; padding:0 0 1px 0; color:#003493; font-size:18px; border-bottom:1px dashed #003493; text-align:right;}

.side-area {margin:0; padding:10px; font-size:12px;}

#side1 a {color: #b67f2f; font-weight:normal; text-decoration:none;}
#side1 a:hover {color: #84530b; font-weight:normal; text-decoration:none;}
#side1 li a {color: #b67f2f; font-weight:bold; text-decoration:none;}
#side1 li a:hover {color: #84530b; font-weight:bold; text-decoration:none;}

#side1 li {list-style-type:none; margin:0; padding:0;}
#side1 ul {margin: 5px 0 0 0; padding: 0;}
#side1 ul select {margin: 5px 0 8px;}
#side1 ul p {margin: 5px 0 8px; }
#side1 ul ul {margin: 5px 4px 0 0;}
#side1 ul ol {margin: 5px 4px 0 0; padding: 0;}
#side1 ul ul ul {margin: 0 4px 0 0;}
#side1 ul ol li {list-style: decimal outside; margin: 3px 0 0; padding: 0;}
#side1 ul li {list-style-type: none; list-style-image: none; margin-bottom: 5px; border-bottom:1px solid #f2dab0;}
#side1 ul ul li {margin: 3px 4px 0 10px; padding:1px;}
#side1 ul ol li {margin: 3px 0 0; padding: 0;}

#side2 a {color: #b67f2f; font-weight:normal; text-decoration:none;}
#side2 a:hover {color: #84530b; font-weight:normal; text-decoration:none;}
#side2 li a {color: #b67f2f; font-weight:bold; text-decoration:none;}
#side2 li a:hover {color: #84530b; font-weight:bold; text-decoration:none;}

#side2 li {list-style-type:none; margin:0; padding:0;}
#side2 ul {margin: 5px 0 0 0; padding: 0;}
#side2 ul select {margin: 5px 0 8px;}
#side2 ul p {margin: 5px 0 8px; }
#side2 ul ul {margin: 5px 4px 0 0;}
#side2 ul ol {margin: 5px 4px 0 0; padding: 0;}
#side2 ul ul ul {margin: 0 4px 0 0;}
#side2 ul ol li {list-style: decimal outside; margin: 3px 0 0; padding: 0;}
#side2 ul li {list-style-type: none; list-style-image: none; margin-bottom: 5px; border-bottom:1px solid #f2dab0;}
#side2 ul ul li {margin: 3px 4px 0 10px; padding:1px;}
#side2 ul ol li {margin: 3px 0 0; padding: 0;}

#side3 a {color: #b67f2f; font-weight:normal; text-decoration:none;}
#side3 a:hover {color: #84530b; font-weight:normal; text-decoration:none;}
#side3 li a {color: #b67f2f; font-weight:bold; text-decoration:none;}
#side3 li a:hover {color: #84530b; font-weight:bold; text-decoration:none;}

#side3 li {list-style-type:none; margin:0; padding:0;}
#side3 ul {margin: 5px 0 0 0; padding: 0;}
#side3 ul select {margin: 5px 0 8px;}
#side3 ul p {margin: 5px 0 8px; }
#side3 ul ul {margin: 5px 4px 0 0;}
#side3 ul ol {margin: 5px 4px 0 0; padding: 0;}
#side3 ul ul ul {margin: 0 4px 0 0;}
#side3 ul ol li {list-style: decimal outside; margin: 3px 0 0; padding: 0;}
#side3 ul li {list-style-type: none; list-style-image: none; margin-bottom: 5px; border-bottom:1px solid #f2dab0;}
#side3 ul ul li {margin: 3px 4px 0 10px; padding:1px;}
#side3 ul ol li {margin: 3px 0 0; padding: 0;}

#wordpress-information {float: left; width: 719px; margin-left: -980px; }
.wordpress-information {margin:0; padding:0 0 0 39px;}

#affordable-web-design {margin:0; padding:0; background:url(webdesign/article-bk.jpg) repeat-y;}
.affordable-web-design {margin:0; padding:1px 30px 30px 60px; text-align:justify; line-height:20px;}

#affordable-web-design ul {margin:0 0 40px 0; padding;0;}

#affordable-web-design p {margin:0; padding:0 0 20px 0;}

#affordable-web-design h1 {font-family: dojo_font; margin:16px 0 20px 0; padding:0 0 3px 0; color:#003493; font-size:24px; border-bottom:1px dashed #003493;}
#affordable-web-design h1 a {color:#003493;}
#affordable-web-design h1 a:hover {color:#00205a;}

#affordable-web-design h2 {font-family: dojo_font; margin:0 0 17px 0; padding:0 0 3px 0; color:#3fa3de; font-size:18px;}
#affordable-web-design h2 a {color:#3fa3de;}
#affordable-web-design h2 a:hover {margin:0; padding:0; color:#0f70a9; }

#affordable-web-design h3 {font-family: dojo_font; margin:16px 0 0 0; padding:0 0 3px 0; color:#3fa3de; font-size:24px; text-align:right;}
#affordable-web-design h3 a {color:#3fa3de;}
#affordable-web-design h3 a:hover {color:#0f70a9;}

blockquote {margin: 0 0 0 10px; padding:10px 20px 10px 10px; border-left: 0 none; border-right: 5px solid #e3e3e3; background:#f3f3f3; color:#5b5b5b;}

.commentlist li ul li {margin-left: -5px; margin-right: 10px;}
.commentlist li .avatar {float: right; margin:2px 5px 2px 10px; border: 1px solid #e3e3e3; padding: 3px; background: #fff;}
.commentlist cite, .commentlist cite a {font-weight: bold; font-style: normal;}
.commentlist p {margin: 0; text-transform: none; color:#777777;}
.commentlist {padding: 0; text-align: justify;}
.commentlist li {margin: 10px 0 10px; padding: 0; list-style: none;}
.commentlist li ul li {margin-right: -5px; margin-left: 10px;}
.children { padding: 0; }
.nocomments {text-align: center; margin: 0; padding: 0;}
.commentmetadata { margin: 0; display: block; height:20px; font-size:11px;}
.children .even, .alt {	border-left: 0;	border-top: 2px solid #e3e3e3; border-bottom:2px solid #e3e3e3;}	

.the-info {margin:0 0 19px 0; padding:0; color:#999999; font-size:11px; border-top:1px dotted #666666; text-align:right;}
.the-info a {color:#999999; font-weight:bold; text-decoration:underline;}
.the-info a:hover {color:#333333; font-weight:bold; text-decoration:underline;}

img.centered {display: block; margin-left: auto; margin-right: auto; padding:4px; background:#FFFFFF; border:1px solid #e3e3e3;}
img.alignright {padding:4px; background:#FFFFFF; border:1px solid #e3e3e3; margin: 2px 0 2px 7px; }
img.alignleft {clear:left; display: inline; padding:4px; background:#FFFFFF; border:1px solid #e3e3e3; margin: 0 7px 20px 0; }
.navigation {display: block; text-align: center; margin-top:3px; margin-bottom: 30px; padding:2px;}
.alignright {float: right;}
.alignleft {float: left;}
.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;}


#mybb-vbulletin-design {clear: left; width: 100%; background:url(webdesign/bt-bk.gif) repeat-x;  background-position: 0 401px;}
.mybb-vbulletin-design {margin:0; padding:0;}

#web2-design {width: 980px; margin: 0 auto;}

#bottom-wrap {float: left; width: 100%;}

#resources-area {margin: 0 510px 0 285px;}

#hosting-area {float: left; width: 285px; margin-left: -980px;}

#contact-area {float: left; width: 510px; margin-left: -510px;}

#copyrights {clear:left; background:#766d45; margin:0; padding:5px; text-align:center; color:#FFFFFF;}

#copyrights a {color:#FFFFFF;}
#copyrights a:hover {color:#e7c891;}