/*
THEME NAME: iMAGINE MEDIA DESIGNS
THEME URI: http://imaginemediadesigns.com
DESCRIPTION: A sleek and stylish layout that uses big and bold typography
VERSION: 1.0
AUTHOR: http://imaginemediadesigns.com/about/
*/

/* CSS Document */
/*CSS Reset*/
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, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; outline: 0; font-family: inherit; font-size: 100%; font-weight: inherit; font-style: inherit; vertical-align: baseline;}
:focus {outline: 0;}
body {background: white; line-height: 1; color: black;}
ol, ul {list-style: none;}
table {border-collapse: separate; border-spacing: 0;}
caption, th, td {text-align: left; font-weight: normal;}
blockquote:before, blockquote:after, q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
/* End CSS Reset*/

/*Typography*/
body {font: normal 14px Helvetica, Verdana, Arial; color: #6b6b6b;}

/**Heading Tags**/
h1 {padding-bottom: 15px; text-shadow: 1px 1px 1px #fff; font: normal 20px "Lucida Grande", "Trebuchet MS", Verdana; color: #006f99;}
.logo {float: left; padding: 0; position: relative;}
.creative {float: left; width: 960px; margin: 0 0 20px; padding-bottom: 15px; position: relative; font: normal 30px Georgia, "Trebuchet MS", Verdana; color: #2e8fb3;}
h2 {padding-bottom: 15px; text-shadow: 1px 1px 1px #fff; font-weight: normal; font-size: 16px; color: #575757;}
.col350 h2 {padding-top: 10px;}
h3 {padding-bottom: 15px; text-shadow: 1px 1px 1px #fff; font: normal 16px "Lucida Grande", "Trebuchet MS", Verdana; color: #3c8b09;}
#wrapper h3 {font-weight: normal; font-size: 18px;}
#wrapper .col960 h3 {padding-top: 5px; border-top: 1px dashed #c2c2c2;}
h4 {margin-bottom: 5px; clear: both; font-weight: bold; font-size: 14px;}
h5 {margin-bottom: 5px; clear: both; text-transform: uppercase; font-size: 12px;}
h5.copyright {margin: 0; padding-bottom: 5px; clear: none; text-transform: none; font-weight: normal;}
h6 {padding-bottom: 5px; font-weight: bold; font-size: 13px; color: #fff;}
/**Paragraph Tags**/
p {padding-bottom: 15px; line-height: 1.5em;}
.summary {padding-bottom: 15px; color: #fff;}
.postmetadata {font-size: 12px;}
.missing {color: #9c2800;}
.ecotext {padding-top: 10px;}
#footer-content p, #footer-content ul {font-size: 13px;}
/**Emphasis Tags**/
strong {font-weight: bold;}
.required {color: #9c2800;}
.userforms li label strong {padding-left: 5px;}
em {font-style: italic;}
small {font-size: 11px;}
cite {font-weight: bold;}
/**Span Tags**/
.type {width: 280px; height: 134px; padding: 8px 10px; position: absolute; z-index: 50; background: url(images/portfolio-hover.jpg) no-repeat left top; outline: 0; opacity: 0; filter:alpha(opacity=0); font-size: 12px;}
.image-background {display: block; width: 300px; height: 150px; position: absolute; background-repeat: no-repeat; background-position: center;}
h1.creative span {display: block; margin-top: 5px; clear: both; font-size: 22px; color: #575757;}
#wrapper h3 .postdate {display: block; margin-top: 5px; clear: both; font-size: 12px; color: #575757;}
h4 span {font-weight: normal; font-size: 13px;}
h5 span {display: block; clear: both; margin-top: 5px; text-transform: none; font: 500 16px Georgia, "Trebuchet MS", Verdana;}
.premeta span {font-family: Georgia, "Trebuchet MS", Verdana;}
label span {padding-left: 4px; font-size: 12px;}
.errortag {display: block; width: 60px; margin-right: 15px; padding-right: 15px; border-right: 1px dashed #c2c2c2; font: bold 35px "Lucida Grande", "Trebuchet MS", Verdana; color: #2e8fb3;}
/*End Typography*/

/*Layout*/
body.page, body.single, body.error404, body.archive, body.search {background: #fff url(images/bodybg-main.jpg) repeat-x left top;}
body.home {background: #fff url(images/body-bg.jpg) repeat-x left top;}
/*Remember to apply position: relative; to all floated DIVs. Also display: inline; will correct IE 6's double-float margin bug.*/
#container {width: 960px; margin: 0 auto; position: relative;}
/**Header Content**/
#header {float: left; width: 960px; padding: 60px 0 30px; position: relative; background: transparent url(images/header-bg.png) no-repeat left top;}
/**Wrapper Content**/
#wrapper {float: left; width: 960px; margin: 0 0 15px; position: relative;}
.featured {float: left; width: 340px; height: 250px; margin-bottom: 10px; position: relative; background: url(images/feature-left.png) no-repeat left top;}
.featured-content {float: left; width: 310px; padding: 15px; position: relative;}
/***Column Content***/
.colrow, .colrow.inner {float: left; width: 960px; margin-bottom: 15px; position: relative; clear: both;}
/*.colrow.inner {border-bottom: 1px dashed #ccc;}*/
/*.colrow.inner.last {padding-bottom: 15px;}*/
.col130 {float: left; display: inline; width: 130px; margin-right: 30px; position: relative;}
.col300 {float: left; display: inline; width: 300px; margin-right: 30px; position: relative;}
.col350 {float: right; width: 288px; margin: 0 0 15px 30px; padding: 0 15px 15px; position: relative; background: #fafafa; border: 1px solid #eaeaea;}
.col360 {float: left; display: inline; width: 359px; margin: 0 0 15px; position: relative; border-right: 1px dashed #c2c2c2;}
.col465 {float: left; display: inline; width: 465px; margin-right: 30px; position: relative;}
.col540 {float: left; display: inline; width: 540px; padding: 20px 0 0 30px; position: relative; border-top: 1px dashed #c2c2c2;}
.col610 {float: left; display: inline; width: 610px; /*margin-bottom: 15px;*/ position: relative;}
.col770 {float: left; width: 770px; margin-bottom: 15px; position: relative;}
.col960 {float: left; width: 960px; position: relative;}
.col960.404 {margin-top: 30px;}
.col300.sf1, .col465.sf1 {margin-right: 0;}
.col300.pf1, .col610.pf1 {padding-left: 320px;}
.col300.pf2 {width: 299px; background: #fafafa; border: 1px dashed #ccc; border-top: none; border-left: none;}
.project {float: left; display: inline; width: 300px; height: 150px; /*margin-bottom: 10px;*/ position: relative;}
/***Blog***/
body.page-id-11 #wrapper .hentry, body.archive #wrapper .hentry, body.search #wrapper .hentry {margin-bottom: 15px; border-bottom: 1px dashed #c2c2c2;}
.blognav {float: left; width: 290px; margin-top: 15px; border-top: 1px dashed #ccc;}
.premeta, .navigation {float: left; width: 590px; margin: 15px 0; padding: 5px 10px; position: relative; background: #fafafa; border: 1px dashed #c2c2c2; border-right: none; border-left: none;}
body.single .navigation {margin-bottom: 30px;}
.premeta {margin-top: 0;}
.navigation .left {float: left;}
.navigation .right {float: right;}
.comment {float: left; width: 588px; margin-bottom: 15px; padding: 10px 10px 0; position: relative; border: 1px dashed #c2c2c2;}
#respond {float: left; position: relative;}
/***Site Map***/
.ddsg-wrapper ul {margin-bottom: 10px;}
.ddsg-wrapper ul ul {padding-bottom: 10px;}
.ddsg-wrapper ul ul li {padding-left: 15px; background: url(images/square.gif) no-repeat left 6px;}
/**Footer Content**/
#footer {width: 100%; clear: both; background: #fafafa; border-top: 1px solid #2e8fb3;}
#footer-content {width: 960px; height: 295px; margin: 0 auto; padding: 30px 0 0; position: relative; background: url(images/footer-bg.png) no-repeat center top;}
.ecoicons {float: left; width: 35px; height: 80px; margin: 10px 0 0; position: relative; background: url(images/icon-sprite.png) no-repeat 0 -120px;}
.footer-close {float: left; width: 945px; margin: 10px 0 0; padding: 15px 0 10px 15px; position: relative; clear: both; background: #fff; border: none; border-top: 1px dashed #c2c2c2; border-left: 1px dashed #c2c2c2;}
/*Clears*/
.clr {clear: both;}
/*Links*/
/**Menus**/
/***Main Menu***/
#main-menu {float: left; padding-top: 45px; position: relative; clear: both;}
#main-menu li {float: left; display: block; margin-right: 15px; padding: 0;}
#main-menu li a:link, #main-menu li a:visited {padding-right: 10px; /*border-bottom: 2px solid;*/ text-shadow: 1px 1px 1px #fff; text-decoration: none; font: normal 18px "Lucida Grande", "Trebuchet MS", Verdana; color: #2e8fb3;}
#main-menu li a:hover, #main-menu li a:active {background: url(images/link-arrow-nav.gif) no-repeat right 10px;}
#main-menu li.active a {background: url(images/link-arrow-active.gif) no-repeat right 10px;}
/***Footer Menu***/
/**Text Links**/
a:link, a:visited {text-decoration: underline; color: #006f99;}
a:hover, a:active {text-decoration: none;}
h1 a:link, h1 a:visited {text-decoration: none;}
#wrapper h3 a:link, #wrapper h3 a:visited {text-decoration: none; color: #3c8b09;}
a.website, a.website:visited, a.hire, a.hire:visited, a.clients, a.clients:visited {float: left; width: 104px; height: 28px; position: relative; background: url(images/buttons-sprite.png) no-repeat 0 0; line-height: 2.2em; text-shadow: 1px 1px 1px #575757; text-decoration: none; text-align: center; font-size: 12px; font-family: "Lucida Grande", "Trebuchet MS", Verdana; color: #fff;}
a.website:hover, a.website:active, a.hire:hover, a.hire:active, a.clients:hover, a.clients:active {background-position: 0 -28px;}
a.website {margin-top: 20px;}
a.clients {float: right !important; margin-top: 1px;}
#wrapper .col300 a.website, #wrapper .col300 a.website {margin-top: 5px;}
a.more {float: right; margin-top: 40px; padding-right: 10px; background: url(images/link-arrow.gif) no-repeat right 5px; text-decoration: none; font: normal 12px "Lucida Grande", "Trebuchet MS", Verdana;}
.project.summary a.more {display: block; margin: 130px 6px 0 0; padding: 0 10px 0 0; position: relative; z-index: 100; background: url(images/link-arrow-white.gif) no-repeat right 5px; text-indent: 0; color: #fff;}
h4 a:link, h4 a:visited {margin-right: 10px; padding-right: 10px; background: url(images/link-arrow.gif) no-repeat right 4px; text-decoration: none;}
/*#footer-content .col300 ul li a, #footer-content .col300 strong a, #footer-content .col300 strong a {margin-right: 10px; padding-right: 10px; background: url(images/link-arrow.gif) no-repeat right 4px; text-decoration: none;}*/
#footer-content .col300 a.timesince {display: block; width: 55px; margin-top: 5px; padding: 0; clear: both; background: none; font-size: 12px;}
/**Image Links**/
img a, img a:visited {}
img a:hover, img a:active {}
/*Images*/
/**Image Floats**/
img.left {float: left; margin: 0 15px 5px 0;}
img.right {float: right; margin: 0 0 5px 5px;}
img.inline {margin-left: 10px; position: relative; top: 5px;}
img.twitter {margin-right: 5px; position: relative; top: 3px;}
img.blog-intro {margin-bottom: 10px; background: url(../images/blogsmall-bg.png) repeat-x left top;}
img.secureimage {float: left; display: block; margin: 5px 10px 0 0; position: relative; clear: both;}
img.regular {position: absolute; top: 0; left: 0; z-index: 10;}
img.active {position: absolute; top: 0; left: 0;}
#wrapper .col610 img {margin-bottom: 10px;}
img.img350 {float: left;}
/*Lists*/
/**Unordered Lists**/
ul {}
ul li {list-style: none; line-height: 1.5em;}
/***Sidebar Stuff***/
/***Contact Form Lists***/
.contact {margin-bottom: 20px; position: relative;}
.userforms {float: left; position: relative; clear: both;}
.userforms li {float: left; padding-bottom: 15px;}
.userforms li.submit {float: left; clear: both;}
/***Footer Column One Lists***/
#footer-content .col300 ul li {padding-bottom: 10px;}
/***Featured Unordered Lists***/
.square {}
.square li {padding-left: 15px; background: url(images/square.gif) no-repeat left 6px;}
/***Services Unordered Lists***/
.services {float: left;}
.services li {float: left; width: 329px; padding: 10px 30px 0 0; border-bottom: 1px dashed #c2c2c2;}
/***Summary Unordered Lists***/
.overview {float: left; width: 266px; margin: 15px 0; padding: 0 10px 10px; position: relative; background: #fff; border: 1px solid #eaeaea;}
.overview li.bulleted {padding-left: 15px; background: url(images/square.gif) no-repeat left 6px;}
/***Blog Nav Unordered Lists
.blognav ul {float: left;}
.blognav ul li {float: left; display: block; width: 144px; border-right: 1px dashed #ccc;}
.blognav ul li.last {border-right: 0;}
.blognav ul li a {float: left; padding-top: 5px; font-size: 12px;}
.blognav ul li.last a {float: right;}***/
/**Ordered Lists*/
ol {}
ol li {list-style: none; line-height: 1.5em;}
/***Numbered Ordered Lists***/
.numbered {padding-top: 15px;}
.numbered li {display: block; height: 20px; margin-bottom: 10px; padding-left: 30px; background: url(images/icon-sprite.png) no-repeat 0 0; line-height: 1.6em;}
.numbered li.one {background-position: 0 0;}
.numbered li.two {background-position: 0 -20px;}
.numbered li.three {background-position: 0 -40px;}
.numbered li.four {background-position: 0 -60px;}
.col960 .numbered {margin-bottom: 20px;}
/*Forms*/
/**General Form Styling**/
label {float: left; display: block; width: 430px;}
input.entry, input.entryrequired, input.required, textarea {float: left; display: block; width: 435px;}
textarea {height: 150px; font: normal 11px "Lucida Grande", "Trebuchet MS", Verdana;}
select {}
/***Custom Form Styling***/
form.searchbox {float: right; margin-right: 15px; position: relative;}
#wrapper .col960 .numbered form.searchbox, #wrapper .col610 form.searchbox {float: left; margin-right: 0; position: relative;}
input.text {width: 180px; height: 18px; margin: 1px 64px 0 0; padding: 0 2px; border: 1px solid #e5e5e5; color: #6b6b6b;}
input.text:focus {background: #fff;}
input.go {width: 64px; height: 22px; position: absolute; top: 0; right: 0; background: url(images/search-button.jpg) no-repeat left top; border: 0; text-align: center; text-shadow: 1px 1px 1px #575757; color: #fff; cursor: pointer;}
input.go:hover {background-position: right bottom;}
label span {font-size: 12px;}
label.sublabelsfirst, label.sublabels {width: 438px; padding: 5px 0; border-bottom: 1px dashed #ccc; cursor: pointer;}
label.sublabelsfirst {margin-top: 5px; border-top: 1px dashed #ccc;}
label.sublabelsfirst:hover, label.sublabels:hover {background: #f4f9fb;}
input.entry.secure {width: 15px; margin-top: 5px;}
label.requiredentry {color: #9c2800;}
label.error {float: left; display: block; width: auto; padding: 2px 0 0; clear: both; font-size: 12px; color: #a1330d;}
label.checked {display: none;}
textarea.comments-entry {width: 610px;}
/***Hidden Inputs***/
input[type="hidden"] {display: none; padding: 0; border: 0; cursor: auto; -moz-appearance: none; -moz-user-focus: ignore; -moz-binding: none;}