/*
Theme Name: Wordpress Design
Theme URI: http://dojo-design.com
Author: Dojo Design
Author URI: http://dojo-design.com
*/


html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {background: transparent;
	border: 0;	margin: 0; padding: 0; vertical-align: baseline;}

ol, ul {list-style: none;}
blockquote {quotes: none;}
blockquote:before, blockquote:after {content: ''; content: none;}
del {text-decoration: line-through;}
table {border-collapse: collapse; border-spacing: 0;}

body {background:#ffffff; font-family:'Trebuchet MS'; font-size:14px; color: #5b5b5b; line-height:1.2em;}
a {color:#ce3040; font-weight:bold; text-decoration:none;}
a:hover {color:#990c1a; font-weight:bold; text-decoration:underline;} 

.clearfix {clear:left; height:0px;}
.clearbig {clear:left; height:20px;}

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

#logo-menu {width: 980px; height:75px; margin:0 auto;}
#top-wrap {float: left; width: 100%;}
#menu-area {margin-left: 256px;}
.menu-area {margin:0; padding:43px 0 0 0; text-align:center; font-family:dojo-design; font-size:14px;}
#menu-area ul {margin:0; padding:0;}
#menu-area li {margin:0 5px; padding:0; display:inline;}
#menu-area li a {color:#5b5b5b; font-weight:normal;}
#menu-area li a:hover {color:#000000; font-weight:normal; text-decoration:none;} 

#logo-area {float: left; width: 256px; margin-left: -980px;}
.logo-area {margin:0; padding:8px 0 0 0;}
#logo-area img {float:left; margin:0 6px 0 0; padding:0;}
#logo-area h1 {margin:13px 0 5px 0; font-family:dojo-design; text-transform:uppercase; font-size:30px; }
#logo-area h1 a {font-weight:normal;}
#logo-area h1 a:hover {font-weight:normal; text-decoration:none;}
#logo-area h2 {font-family:dojo-design; font-size:14px; font-weight:normal;}

#main-promo {width:100%; height:440px; margin:0; padding:1px 0 0 0; background:url(wordpress-website/wordpress-design-bk.jpg) repeat-x top left;}
#promo-area {margin:0 auto; width:980px; height:440px;  background:url(wordpress-website/freelance-web-designer.jpg) no-repeat top left;}
.promo-area {margin:0; padding:80px 0 0 256px; text-align:center;}
#promo-area h1 {margin:0 0 15px 0; padding:0; font-weight:normal; font-size:28px; color:#808080; font-family:dojo-design; text-shadow:#ffffff 1px 1px;}
#promo-area h2 {margin:0; padding:0; font-weight:normal; font-size:16px; font-family:dojo-design; text-shadow:#ffffff 1px 1px;}

#title-area {width:100%; height:96px; margin:0; padding:1px 0 0 0; background:url(wordpress-website/title-area.jpg) repeat-x top left;}
.title-area {margin:0; padding:37px 0 0; text-align:center;}
#title-area h1 {margin:0; padding:0; font-weight:normal; font-size:28px; color:#808080; font-family:dojo-design; text-shadow:#ffffff 1px 1px;}

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

#slider {clear:left; margin:60px 0 0 0; padding:0;}
#slider h1 {margin:0 0 20px 0; padding:6px 0 6px 0; text-align:center; font-weight:normal; color:#808080; font-size:20px; font-family:dojo-design; border-top:1px dashed #e1e1e1; border-bottom:1px dashed #e1e1e1; background:#fbfbfb; text-shadow:#ffffff 1px 1px;}

.slider {width: 600px; height:140px; margin:0 auto; position: relative;}
.slider .wrapper {width: 515px; overflow: auto; min-height: 10em; margin: 0 40px; position: absolute; top: 0;}
.slider ul a img { border: 3px solid #ffffff; background:#ffffff;  -moz-box-shadow: 0 0 3px #acacac; -webkit-box-shadow: 0 0 3px #acacac; box-shadow: 0 0 3px #acacac;}
.slider .wrapper ul {width: 9999px; list-style-image:none; list-style-position:outside; list-style-type:none; margin:0; padding:0; position: absolute; top: 0;}
.slider ul li {display:block; float:left; padding: 11px; height: 100px; width: 150px;}
.slider ul li a img {display:block;}
.slider .arrow {display: block; height: 36px; width: 37px; background: url(wordpress-website/arrow.png) no-repeat 0 0; text-indent: -999px; position: absolute; top: 37px; cursor: pointer;}
.slider .forward {background-position: 0 0; right: 0;}
.slider .back {background-position: 0 -72px; left: 0;}
.slider .forward:hover {background-position: 0 -36px;}
.slider .back:hover {background-position: 0 -108px;}

#button-web-design { width:140px; margin:0 auto; padding:8px 0 8px 0; text-align:center; background:#ce3040; -moz-box-shadow: 0 0 3px #acacac; -webkit-box-shadow: 0 0 3px #acacac; box-shadow: 0 0 3px #acacac; text-shadow:#990c1a 1px 1px; }
#button-web-design a {color:#ffffff; font-weight:normal;}
#button-web-design a:hover {color:#f2e0e9; font-weight:normal; text-decoration:none;}


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

#blog-right {margin-left: 640px;}
.blog-right {margin:0; padding:30px 0 0 25px;}
#details {margin:0; padding:0; font-size:13px;}
#details h1 {margin:0 0 20px 0; padding:0; font-weight:normal; font-size:28px; font-family:dojo-design;}
#details h2 {margin:0 0 20px 0; padding:0; font-weight:normal; font-size:28px; color:#ce3040; font-family:dojo-design;}

#details ul {margin:0 0 20px 0; padding:0; color:#808080;}
#details li {margin:3px 0; padding:0; border-bottom:1px dashed #e1e1e1;}

#mycontact {margin:10px 0 0 0; padding:0; font-size:12px;}
#mycontact p {margin:7px 0; padding:0;}

input[type=text], input[type=password], textarea {background: #fafafa; -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.1);	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.1);
	box-shadow: inset 0 1px 1px rgba(0,0,0,0.1);	border: 1px solid #ddd;	color: #888; -moz-border-radius: 6px;	border-radius: 6px;	}
input[type=text]:focus, textarea:focus {color: #373737;}
textarea {padding-left: 3px; width: 268px;  height:100px; -moz-border-radius: 6px;	border-radius: 6px;	}
input[type=text] {padding: 3px;}
input#s {background: url(images/search.png) no-repeat 5px 6px; -moz-border-radius: 6px;	border-radius: 6px;	font-size: 14px; height: 22px;	line-height: 1.2em;	padding: 4px 10px 4px 28px;}


#blog-left {float: left; width: 640px; margin-left: -980px;}
.blog-left {margin:0; padding:10px 0 0 0;}

#my-portfolio {margin:0; padding:0;}
#my-portfolio img {margin:0 auto; padding:5px; background:#fbfbfb; -moz-box-shadow: 0 0 3px #acacac; -webkit-box-shadow: 0 0 3px #acacac; box-shadow: 0 0 3px #acacac;}
#my-portfolio p {margin:20px 0 0 0; padding:0; text-align:center;}

#my-page {margin:0; padding:0;}
#my-page p {margin:20px 0 0 0; padding:0; text-align:justify;}
#my-page h2 {margin:20px 0 20px 0; padding:0; font-weight:normal; font-size:22px; line-height:1.2em; font-family:dojo-design;}

img.centered {display: block; padding: 2px; margin-left: auto; margin-right: auto; padding:5px; background:#fbfbfb; -moz-box-shadow: 0 0 3px #acacac; -webkit-box-shadow: 0 0 3px #acacac; box-shadow: 0 0 3px #acacac;}
img.aligncenter {display: block; padding: 2px; margin-left: auto; margin-right: auto; padding:5px; background:#fbfbfb; -moz-box-shadow: 0 0 3px #acacac; -webkit-box-shadow: 0 0 3px #acacac; box-shadow: 0 0 3px #acacac;}
img.alignright {padding: 2px; margin: 0 0 2px 30px; display: inline;	padding:5px; background:#fbfbfb; -moz-box-shadow: 0 0 3px #acacac; -webkit-box-shadow: 0 0 3px #acacac; box-shadow: 0 0 3px #acacac;}
img.alignleft {padding: 2px; margin: 0 7px 2px 0; display: inline; float:left;}
.alignright {float: right;}
.alignleft {float: left;}

#footer-area {margin:10px 0 0 0; padding:0; background:url(wordpress-website/footer-area.jpg) repeat; border-top:1px dashed #e1e1e1;}
#web-design-services {margin:0 auto; width:980px; padding:20px 0 10px 0;}
#freelancer {float:left; margin:0 10px 0 0; padding:0; min-height:180px; border:#ffffff 1px 1px;}
#freelancer h2 {margin:0 0 20px 0; padding:0; font-weight:normal; font-size:20px; font-family:dojo-design;}

#freelancer ul {margin:0; padding:0;}
#freelancer li {margin:3px 0; padding:0; border-bottom:1px dashed #e1e1e1; font-size:12px;}
#freelancer li a {color:#5b5b5b; font-weight:normal;}
#freelancer li a:hover {color:#000000; font-weight:normal; text-decoration:none;}