@charset "utf-8";
/*
Theme Name: DTM { clear.simple.visible }
Theme URI: http://www.deliverthemessage.net
Description: Theme clear.simple.visible - <a href="http://www.deliverthemessage.net" title="DeliverTheMessage.net">DeliverTheMessage.net</a>.
Version: 1.0
Author: Olivier PASQUINI & Kevin LANTERI
Author URI: http://www.deliverthemessage.net
Tags: DTM
*/

img {
	border: none;
}

html, body, div, span, object, h1, h2, h3, h4, h5, h6, p, a, img, form, label, input, textarea, cite, code, small, big, table, tr, td, th, canvas {
	margin: 0;
	padding: 0;
	outline: none;
}

a, a:hover, a:active, a:link, a:visited {
	text-decoration: none;
	outline: none;
}

.clear {
	clear: both;
	visibility: hidden;
}

body {
	font: normal 11px Arial, Helvetica, sans-serif;
}

.centered{
	text-align:center;
}

/*----------------	HEADER	-----------------------*/
#header {
	background: #FFF url(images/header_bg.jpg) left top repeat-x;
	width: 100%;
	padding-top: 35px;
	position: relative;
	z-index: 2;
}

#header h1 {
	font-size: 30px;
	text-transform: uppercase;
	float: left;
	display: block;
}

#header h1.dtm {
	background: #FFF url(images/dtm_underline.jpg) right bottom no-repeat;
	color: #333;
	float: left;
	width: 336px;
	text-align: right;
	cursor: pointer;
}

#header h1.grey {
	color: #999;
}

#header h2 {
	width: 336px;
	clear: both;
	font: normal 11px Arial, Helvetica, sans-serif;
	color: #333;
	text-align: right;
}

/*----------------	NAVBAR	-----------------------*/
#navbar {
	position: relative;
	margin: 15px 2%;
	clear: both;
}

#navbar ul {
	display: inline-block;
	list-style: none;
	margin: 0;
	padding: 0;
}

#navbar ul li {
	display: block;
	float: left;
}

.nav3d {
	width: 106px;
	height: 24px;
	display: block;
}

#navbar .nav-home {
	background: url(images/nav_home.gif) right top no-repeat;
}

#navbar .nav-about {
	background: url(images/nav_about.gif) right top no-repeat;
}

#navbar .nav-hire {
	background: url(images/nav_hire.gif) right top no-repeat;
}

#navbar .nav-contact {
	background: url(images/nav_contact.gif) right top no-repeat;
}

#navbar .nav-worked {
	background: url(images/nav-clients.gif) right top no-repeat;
}

#navbar .nav-tweet{
	background: url(images/nav_tweet.gif) right top no-repeat;
}

/*----------------	MAIN CONTAINER	-----------------------*/
#main {
	width: 100%;
	height: 100%;
	clear: both;
	position: relative;
}

/*----------------	CONTENT	-----------------------*/
#content {
	width: 100%;
	height: 100%;
}

/*----------------	Homeposts	-----------------------*/
#homeposts {
	width: 60%;
	height: 100%;
	float: left;
}

#homeposts .homepost {
	width: 94%;
	border-bottom: #999 1px dotted;
	padding-bottom: 5px;
	margin: 0 auto 20px auto;
}

#homeposts .homepost .homepost-content {
	font-size: 24px;
	width: 100%;
}

#homeposts .homepost .homepost-content img {
	width: 250px;
	height: 190px;
	float: left;
	margin-right: 15px;
}

#homeposts .homepost .homepost-content p {
	color: #33ccff;
	text-transform: uppercase;
	overflow: hidden;
}

#homeposts .homepost .homepost-content p img{
	display:none;
}

#homeposts .homepost .homepost-content a {
	color: #333;
	text-transform: lowercase;
}

#homeposts .homepost .homepost-content a:hover {
	color: #999;
}

/*----------------	Wordpress Hacks Category	-----------------------*/
#homeposts #the_post_content p{
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
text-transform:none;	
color:#333;
margin-bottom:10px;
}
#homeposts #the_excerpt_intro p{
	color:#999;
	font-style:italic;
	margin:5px 0 15px 0;
	font-size:12px;
	text-transform:none;
}
#homeposts #the_post_content p .warning{
	padding-left:18px;
	background:url(images/warning.png) left center no-repeat;
}



/*----------------	Comments count, permalink and social networking	-----------------------*/
#homeposts .homepost .homepost-more {
	width: 100%;
	height: 20px;
	margin-top: 10px;
	clear: both;
}

#homeposts .homepost .homepost-more .comments {
	background: url(images/comments.jpg) left top no-repeat;
	color: #999;
	height: 20px;
	padding-left: 20px;
	float: left;
}

#homeposts .homepost .homepost-more .comments span {
	color: #33ccff;
}

#homeposts .homepost .homepost-more .comments a {
	color: #33ccff;
}

#homeposts .homepost .homepost-more .comments a:hover {
	color: #d3eed2;
}

#homeposts .homepost .homepost-more .social-block {
	float: right;
	visibility: hidden;
}

#homeposts .homepost .homepost-more .social-block .social {
	background-position: left top;
	background-repeat: no-repeat;
	width: 16px;
	height: 16px;
	float: left;
	margin: 0 3px;
}

#homeposts .homepost .homepost-more .social-block .social:hover {
	opacity: .7;
}

#homeposts .homepost .homepost-more .social-block .add-facebook {
	background-image: url(images/icon-facebook.jpg);
}

#homeposts .homepost .homepost-more .social-block .add-delicious {
	background-image: url(images/icon-delicious.jpg);
}

#homeposts .homepost .homepost-more .social-block .add-digg {
	background-image: url(images/icon-digg.jpg);
}

#homeposts .homepost .homepost-more .social-block .add-twitter {
	background-image: url(images/icon-twitter.jpg);
}

/*----------------	PAGES	-----------------------*/
#homeposts .page-content {
	width: 94%;
	margin: 0 auto 20px auto;
}

#homeposts .page-content h1 {
	font-size: 24px;
	color: #33ccff;
	text-transform: uppercase;
}

#homeposts .page-content p {
	color: #333;
	font-size:18px;
}

#homeposts .page-content p a {
	color:#33ccff;
}

#homeposts .page-content p a:hover {
	color:#d3eed2;
}

/*----------------	Navigation	-----------------------*/
.navigation {
	width: 94%;
	clear: both;
	height: 100px;
	font-size: 24px;
	text-transform: uppercase;
	padding-top: 15px;
	margin: 0 auto;
}

#comments .navigation {
	width: 100%;
}

.navigation .older_posts {
	float: left;
}

.navigation .newer_posts {
	float: right;
}

.navigation a {
	color: #33ccff;
}

.navigation a:hover {
	color: #d3eed2;
}

.navigation a:hover {
	color: #d3eed2;
}

/*----------------	SIDEBARS	-----------------------*/
#sidebar {
	height: 100%;
	width: 40%;
	float: left;
}

#sidebar .sidebar {
	float: left;
	width: 50%;
	height: 100%;
}

/*----------------	Sidebar trick	-----------------------*/
.bg-sidebar {
	width: 0px;
	height: 100%;
	border-left: #999 1px dotted;
	position: absolute;
	bottom: 0;
	z-index: -1;
}

#bg-sidebar1 {
	left: 60%;
}

#bg-sidebar2 {
	left: 80%;
}

/*----------------	WIDGETS	-----------------------*/
#sidebar .sidebar .widget {
	background: url(images/sidebar_stripes.jpg) left 5px repeat-x;
	width: 90%;
	margin: 0 auto 20px auto;
}

#sidebar .sidebar h2.widgettitle {
	font-size: 18px;
	color: #333;
	text-transform: uppercase;
	display: inline;
	background-color: #FFF;
	padding-right: 5px;
}

#sidebar .sidebar .widget ul {
	list-style: none;
	margin: 10px 0;
	padding: 0;
	font-size: 18px;
	text-transform: uppercase;
}

#sidebar .sidebar .widget ul li {
	clear: both;
}

#sidebar .sidebar .widget p {
	color: #999;
}

#sidebar .sidebar .widget a {
	color: #33ccff;
}

#sidebar .sidebar .widget a:hover {
	color: #d3eed2;
}

/*----------------	Widget RSS	-----------------------*/
#sidebar .sidebar .widget .rss-feed-infos {
	margin: 10px auto;
}

#sidebar .sidebar .widget .rss-feed-infos .rss-feed-logo {
	background: url(images/rss-logo.jpg) left top no-repeat;
	display: block;
	height: 51px;
	width: 46px;
	float: left;
	margin-right: 25px;
}

#sidebar .sidebar .widget .rss-feed-infos img {
	height: 26px;
	width: 88px;
	margin-top: 10px;
}

#sidebar .sidebar .widget a.rss-feed {
	font-size: 18px;
	clear: both;
	display: block;
	text-transform: uppercase;
	width: 94%;
}

/*----------------	Widget Working state	-----------------------*/
#sidebar .sidebar .widget img.working-state {
	width: 100%;
	margin: 5px 0;
}

/*----------------	Widget rss	-----------------------*/

.rssSummary{
	font-size:11px;
	text-transform:none;
}

/*----------------	SINGLE	-----------------------*/
/*----------------	COMMENTS-----------------------*/
#comments {
	width: 94%;
	margin: 0 auto 50px auto;
}

#comments .nocomments {
	font-size: 18px;
	color: #33ccff;
	text-transform: uppercase;
}

#comments h3#comments_state {
	font-size: 18px;
	color: #33ccff;
	text-transform: uppercase;
}

#comments #comment_list {
	width: 100%;
}

#comments #comment_list .comment {
	margin-top: 20px;
	color: #999;
}

#comments #comment_list .comment .comment-text {
	clear: both;
	border-bottom: #999 1px dotted;
	padding: 5px;
}

#comments #comment_list .comment .comment-text a{
	color:#33ccff;
}

#comments #comment_list .comment .comment-text .comment-edit-link {
	color: #33ccff;
	float: right;
	text-transform: uppercase;
	margin-left: 5px;
}

#comments #comment_list .comment .comment-text .comment-edit-link:hover {
	color: #d3eed2;
}

#comments #comment_list .comment .comment-text p {
}

#comments #comment_list .comment .comment-reply-link {
	color: #33ccff;
	float: right;
	text-transform: uppercase;
}

#comments #comment_list .comment .comment-reply-link:hover {
	color: #d3eed2;
}

#comments #comment_list .comment .comment-author-infos {
	border-bottom: #999 1px dotted;
}

#comments #comment_list .comment .comment-author-infos img {
	width: 48px;
	height: 48px;
	float: left;
	margin: 0 15px 15px 0;
}

#comments #comment_list .comment .comment-author-infos .commentmetadata {
	float: left;
}

#comments #comment_list .comment .comment-author-infos .commentmetadata span {
	width: 100%;
}

#comments #comment_list .comment .comment-author-infos .commentmetadata span.comment-author {
	font-size: 14px;
	color: #33ccff;
}

#comments #comment_list .comment .comment-author-infos .commentmetadata span.comment-author a.url {
	color: #33ccff;
}

#comments #comment_list .comment .comment-author-infos .commentmetadata span.comment-author a.url:hover {
	color: #d3eed2;
}

/*----------------	Reply	-----------------------*/
#comments #respond {
	width: 100%;
	margin: 10px auto;
}

#comments #respond h3#say_it {
	font-size: 18px;
	color: #33ccff;
	text-transform: uppercase;
	float: left;
}

#comments #respond h3#say_it a {
	color: #33ccff;
}

#comments #respond h3#say_it a:hover {
	color: #d3eed2;
}

#comments #respond h3#logout {
	font-size: 18px;
	text-transform: uppercase;
	float: right;
}

#comments #respond h3#logout a {
	color: #33ccff;
}

#comments #respond h3#logout a:hover {
	color: #d3eed2;
}

#comments #respond .register-req {
	color: #999;
}

#comments #respond .register-req a {
	color: #33ccff;
}

#comments #respond .register-req a:hover {
	color: #d3eed2;
}

#comments #respond #cancel-comment-reply-link {
	color: #33ccff;
}

#comments #respond #cancel-comment-reply-link:hover {
	color: #d3eed2;
}

#comments #respond form .reply-input {
	margin: 10px 0;
	color: #999;
	clear: both;
	height: 20px;
}

#comments #respond form .reply-input label {
	width: 65px;
	display: block;
	float: left;
	padding-top: 3px;
	font-size: 11px;
}

#comments #respond form .reply-input input {
	width: 190px;
	height: 14px;
	display: block;
	float: left;
	border: #DDD 1px solid;
	color: #999;
	padding: 2px;
	font-size: 11px;
}

#comments #respond form textarea#comment {
	width: 100%;
	height: 200px;
	padding: 2px;
	margin: 10px 0;
	border: #DDD 1px solid;
	color: #999;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
}

#comments #respond form input#submit {
	float: right;
	background: url(images/say-it.jpg) center no-repeat;
	border: none;
	display: block;
	cursor: pointer;
	width: 70px;
	height: 20px;
}

#comments #respond form input#submit:hover {
	background: url(images/say-it_hover.jpg) center no-repeat;
}

/*----------------	CONTACT FORM 1	---------------*/

.page-content .form-input {
	clear: both;
	height: 30px;
}

.page-content .form-input label {
	width: 85px;
	display: block;
	float: left;
	padding-top: 11px;
	font-size: 18px;
	color: #33ccff;
}

.page-content .form-input input {
	width: 190px;
	height: 14px;
	display: block;
	float: left;
	border: #DDD 1px solid;
	color: #999;
	padding: 2px;
	font-size: 11px;
}

.page-content .select-input {
	margin: 0px 0;
	clear: both;
}

.page-content .select-input label {
	width: 85px;
	display: block;
	float: left;
	padding-top: 11px;
	font-size: 18px;
	color: #33ccff;
}

.page-content .select-input select {
	border: #DDD 1px solid;
	color: #999;
	font-size: 11px;
	width: 190px;
	padding: 2px;
}

.page-content .area-input {
	margin: 10px 0;
	clear: both;
}

.page-content .area-input label {
	width: 65px;
	display: block;
	padding-top: 3px;
	font-size: 18px;
	color: #33ccff;
}

.page-content .area-input textarea#your-message {
	width: 100%;
	height: 200px;
	padding: 2px;
	border: #DDD 1px solid;
	color: #999;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
}

.page-content input#submit {
	float: right;
	background: url(images/say-it.jpg) center no-repeat;
	border: none;
	display: block;
	cursor: pointer;
	width: 70px;
	height: 20px;
}

.page-content input#submit:hover {
	background: url(images/say-it_hover.jpg) center no-repeat;
}

/*linklist*/
.link-list{float:left; width:200px; padding:3px; }
.link-desc{background:url(images/header_bg.jpg); position:relative; top:-18px; height:15px; color:#fff;width:196px; padding:2px; text-transform:capitalize;}
.link-desc a{color:#33ccff;}
.link-desc a:hover{color:#d3eed2;}

/*----------------	FOOTER	-----------------------*/
#footer {
	background-color: #fff;
	clear: both;
	margin-top:10px;
}

#footer .footer_block {
	width: 24%;
	float: left;
	margin: 15px 0;
}

#footer .footer_block .footer-marg {
	width: 90%;
	margin: 0 auto;
}

#footer .footer_block .footer-marg span {
	font-size: 18px;
	color: #33ccff;
	text-transform: uppercase;
}

#footer .footer_block .footer-marg p {
	color: #333;
}

#footer .footer_block .footer-marg ul {
	color: #333;
}

#footer .footer_block .footer-marg p a {
	color: #33ccff;
}

#footer #copyright {
	color: #333;
	padding:10px;
}

.alignleft{
	float:left;
	margin-right:10px;
	margin-top:3px;
	border:5px solid #efefef;
}

/*fotobook*/

.fotobook-subheader{
	color:#333;
	margin:0px;
	padding:0px;
}
.fotobook-subheader a{
	color:#33ccff;
}

.fotobook-subheader a:hover{
	color:#333;
	background-color:#fff;
}


#fotobook-info, .fotobook-subheader-bottom{
	display:none;
}

#fotobook-photo{
	text-align:center;
}

#fotobook-photo img{
	width:100%;
}

.fotobook-caption{
	font-size:18px;
	color:#33ccff;
	text-align:center;
}
#lastfmrecords ol{
	padding:0;
	margin:0;
	width:100%;
	text-align:center;
}

#lastfmrecords ol li img{
	width:45px;
	padding:5px;
}