/* 
Theme Name: DMP Web Design
Theme URL: http://www.dmp-webdesign.com
Description: 2010 design for DMP Web Design.
Author: Dustin M. Putnam
Author URI: http://www.dmp-webdesign.com
Version: 1.0
*/

@import url('resets.css');
@import url(http://fonts.googleapis.com/css?family=Droid+Sans:bold);

/* NEW */

.portfolio-item {background-color:#e6e6e6; padding:15px; width:270px; border:1px #d2d2d2 solid; float:left; margin:7px 7px 14px 7px; text-align:center;}
.portfolio-item a {border:none; text-decoration:none; color:#333;}
.portfolio-item a:hover {color:#666;}
.portfolio-item img {}
.portfolio-item h3 {margin-top:10px; font-size:26px;}
.portfolio-item p {margin-top:-15px;}

.portfolio-button { margin-left:8px;}
ul.view-project-details {width:auto; list-style:none;}

ul.view-project-details li {float:left; margin:0; padding:0; list-style:none;}
ul.view-project-details li a {float:left; height:52px; border:none; background-image:url(../images/view-project-details.jpg);}

ul.view-project-details a.view {width:251px; background-position:0 0;}
ul.view-project-details a.view:hover {background-position:0px -53px;}

#back-to-portfolio {margin-top:50px;}
ul.back-to-portfolio {width:auto; list-style:none;}

ul.back-to-portfolio li {float:left; margin:0; padding:0; list-style:none;}
ul.back-to-portfolio li a {float:left; height:52px; border:none; background-image:url(../images/back-to-portfolio.jpg);}

ul.back-to-portfolio a.back {width:251px; background-position:0 0;}
ul.back-to-portfolio a.back:hover {background-position:0px -53px;}


#portfolio-left {width:620px; background-color:#e6e6e6; padding:15px; border:1px #d2d2d2 solid; float:left;}
#portfolio-left img {border:#fff solid 10px;}
#portfolio-left img a {border:none;}
p.meta {margin-top:-10px;}
p.link {margin-top:-20px;}
#portfolio-right {float:right; width:250px;}

#col1 {width:300px; float:left;}
#col1 a {border:none;}
#col1 h3 {margin-bottom:-10px;}
#col2 {width:300px; float:left; padding-left:30px;}
#col2 a {border:none;}
#col2 h3 {margin-bottom:-10px;}
#col3 {width:300px; float:left; padding-left:30px;}
#col3 a {border:none;}
#col3 h3 {margin-bottom:-10px;}

#recent-projects {clear:both; padding-top:20px;}
#recent-projects h3 {padding-top:15px; text-decoration:none;}
#recent-projects h4 {float:right; margin-top:-50px;}

#featured-blog {-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 20px; border:#c3c3c3 1px solid; padding:20px;}
#featured-blog h3 {text-transform:uppercase; font-size:32px;}
#featured-blog img {float:right; margin-top:-5px;}
.feedburnerFeedBlock{margin-top:20px;}
.feedburnerFeedBlock li {list-style:none;}
.feedburnerFeedBlock div {}
.headline{font-size:26px; font-family: 'Droid Sans', arial, serif; letter-spacing:-2px;}
.headline a {border:none; }
.feedItemAuthor{font-size:20px; font-family: 'Droid Sans', arial, serif; letter-spacing:-2px; margin-top:10px;}
.date{font-size:16px; font-family: 'Droid Sans', arial, serif; letter-spacing:-2px;}
#creditfooter {display:none;}

.accent-color {color:#0096ff;}

#about-intro {color:#999999; font-size:18px; margin:20px 0; letter-spacing:-0.5px;}

.testimony {clear:both; padding-bottom:40px; padding-top:10px; color:#999; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 20px; border:#c3c3c3 1px solid; padding:20px; margin-bottom:25px;}
.testimony img {float:right; padding:15px;}
.testimony-author {clear:both; float:right; font-weight:bold; color:#333; padding-top:10px;}

li { list-style-image:url(../images/bullet-arrow.png); padding-bottom:10px;}

em { font-style:italic; }
strong {font-weight:bold;}

#contact-box {-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 20px; border:#c3c3c3 1px solid; padding:20px;}

.social-networking-item {background-color:#e6e6e6; padding:15px; width:200px; border:1px #d2d2d2 solid; float:left; margin:7px; height:75px;}
.social-networking-item a {border:none;}


.text {padding:5px; margin:5px; background-position:bottom; border:#999999 solid 1px; color:#999; }
input {clear:both; padding:5px 0;}
select {clear:both; padding:5px 0;}
textarea {clear:both; padding:5px 0;}


/* -------------
    MAIN 
---------------*/

html, body {height:100%;}

body { font-family:Arial, serif; font-size:14px; line-height:2em; color:#333; }

.clear {clear:both;}

h1, h2, h3, h4 {font-family: 'Droid Sans', arial, serif; letter-spacing:-2px; padding:10px 0;} 
h1 {font-size:45px; text-decoration:none; text-transform:uppercase;}
h2 {font-size:40px; text-decoration:none;}
h3 {font-size:28px; text-decoration:none;}
h4 {font-size:20px; text-decoration:none;}

#dmp-logo {background-image:url(../images/dmp-logo.png); background-repeat:no-repeat; height:118px; width:477px; margin:15px 0; }
#dmp-logo a {display: block; width: 100%; height: 100%; text-decoration: none; cursor: pointer; border:none;}
#dmp-logo-small {background-image:url(../images/dmp-logo-small.png); background-repeat:no-repeat; height:37px; width:67px;}
#dmp-logo-small a {display: block; width: 100%; height: 100%; text-decoration: none; cursor: pointer; border:none;}

#header{height:150px; width: 960px; margin:auto; padding: auto; clear:both; padding-top:5px;}
#navigation {float:right; margin-top:-90px;}
#sidebar { width:300px; float:right; height:500px; margin-left:45px;}
#container{ width: 960px; margin:auto; padding: auto; min-height: 100%; height:100%; position: relative; height:auto !important;}

#alt-header { background-color:#333333; height:25px; width:100%;  border-bottom:#e4e4e4 2px solid; }

img {border:none;}
hr {color:#F5F5F5; width:auto;}
input { padding:5px; }


#left-content {width:500px; float:left;}
#right-content {width:350px; float:right;}

#content h1 {padding:25px 0;}
#content p {padding-bottom:25px;}

.right{float:right;}
.left{float:left;}


::selection {background: #0096ff; color:#FFFFFF;}
::-moz-selection {background: #0096ff; color:#FFFFFF;}

/* -------------
    LINKS 
---------------*/

a {color:#0096ff; text-decoration:none; border-bottom:dotted 1px #030303;}
a:hover {color:#333;}

a.services{border:none;}
a.services:hover{color:#333;}


/* -------------
    NAVIGATION 
---------------*/

ul#navbar {width:auto; list-style:none;}
ul#navbar li a { float:left; height:30px; background-image:url(../images/dmp-nav.png);  border:none;}

ul#navbar li {float:left; margin:0; padding:0; list-style:none;}

ul#navbar li a.home {width:74px; background-position:0 0;}
ul#navbar li a.home:hover {background-position:0px -28px;}

ul#navbar li a.about {width:81px; background-position:-74px 0;}
ul#navbar li a.about:hover {background-position:-74px -28px;}

ul#navbar li a.blog {width:67px; background-position:-155px 0}
ul#navbar li a.blog:hover {background-position:-155px -28px;}

ul#navbar li a.portfolio {width:125px; background-position:-222px 0;}
ul#navbar li a.portfolio:hover {background-position:-222px -28px;}

ul#navbar li a.contact {width:96px; background-position:-347px 0;}
ul#navbar li a.contact:hover {background-position:-347px -28px;}




/* -------------
  HOME-FEATURED 
---------------*/

#featured {list-style:none; float:left;}
#featured ul {list-style:none;}
#featured li {display:inline; padding:5px 5px 5px 0;}
#featured img {padding:2px; border:2px solid #878787;}
a.featured{border:none;}


/* -------------
   BLUE BANNER
---------------*/

#blue-banner {background-color:#0096ff; height:300px; width:100%; margin-bottom:30px;}
#banner-content {width:960px; text-align:center; margin:auto;}
#banner-home {background-image:url(images/home-banner.png); width:960px; height:300px; text-align:center; margin:auto; }
#banner-about {background-image:url(images/about-banner.png); width:960px; height:300px; text-align:center; margin:auto; }
#banner-portfolio {background-image:url(images/portfolio-banner.png); width:960px; height:300px; text-align:center; margin:auto; }
#banner-contact {background-image:url(images/contact-banner.png); width:960px; height:300px; text-align:center; margin:auto; }


/* -------------
      FOOTER 
---------------*/

#footer { clear:both; width:100%; height:500px; background:#333; border-top:#e4e4e4 4px solid ; position: relative; color:#F7F7F7; padding:20px 0; height:auto !important;}
#footer-container {width: 960px; margin:auto;}
#footer-left {width:270px; float:left; margin-right:75px; margin-top:25px;}
#footer-left p {padding-bottom:10px;}
#footer-middle {width:270px; float:left; margin-right:75px; padding-top:25px;}
#footer-right {width:270px; float:left; padding-top:25px; }
#footer-bottom {clear:both; padding-top:25px;}
#footer-bottom p {padding-top:3px; font-size:100%;}

#footer .hr {width:100%; border-bottom:#969696 dotted thin; margin-bottom:25px;}

#connected {font-size:18px;}
#connected ul {margin-left:10px; padding: 5px; list-style:none;}
#connected li {list-style:none; background:#2E2E2E; padding: 5px 5px 5px 15px; margin:5px 0; border:1px #3e3e3e solid;}
#connected #twitter {background-image:url(../images/twitter.png); width:32px; height:32px; background-repeat:no-repeat; float:left; padding:10px; margin-top:10px;}
#connected #facebook {background-image:url(../images/facebook.png); width:32px; height:32px; background-repeat:no-repeat; float:left; padding:10px; margin-top:10px;}
#connected #rss {background-image:url(../images/rss.png); width:32px; height:32px; background-repeat:no-repeat; float:left; padding:10px; margin-top:10px;}
#connected #email {background-image:url(../images/email.png); width:32px; height:32px; background-repeat:no-repeat; float:left; padding:10px; margin-top:10px;}
.connected-meta {font-size:10px; text-transform:uppercase; font-weight:normal;}

#footer #dmp-logo-small {float:left; padding-right:15px; }

a.connected{border:none; color:#8A8A8A;}
a.connected:hover{color:#fff;}

a.footer{ text-decoration:none; border-bottom:dotted 1px #fff; color:#fff;}
a.footer:hover {color:#0096ff;}

.clearfooter {clear: both; padding-bottom:50px;}