/* @override http://www.dptuts.com/wp-content/themes/dptuts/style.css */

/*   
Site: dptuts.com
Description: Custom theme for dptuts.com
Author: Clay Doss
Author URI: http://www.claydoss.com
Version: 1.0
*/


/* 
	Background-Styles 
*/
body { margin: 0px; padding: 0px; background: #000 url(images/bigbg.jpg) no-repeat fixed center top; font-family: Arial, Helvetica, sans-serif; color: #7f7d78; font-size: 13px; line-height: 19px; }
#main { padding-bottom: 30px; background: url(images/bigbgheader.jpg) no-repeat center top;}
#main .container { }
#footer { background: #131211 url(images/background_footer.jpg); background-repeat: repeat-x; padding: 40px; position: relative;min-height: 130px; }
.container { width: 970px; margin: 0 auto; position: relative; }


/* 
	Header-Styles 
*/
#header { height: 115px;}
.logo { display: block; position: relative; top: 34px; }
ul#menu { margin: 0px; padding: 0px; position: absolute; right: 0px; top: 1px; }
	ul#menu li { display: inline; margin-left: 12px; }
	ul#menu li a { text-decoration: none; color: #666; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; text-transform: uppercase; }
	ul#menu li a.active, ul#menu li a:hover { color: #211e1e; }
ul#main-nav { background: #1e1d1b; margin: 15px 0; padding: 0; }
	ul#main-nav li { display: inline-block; padding: 12px 21px; border-right: 1px solid #333; font-weight: bold; text-transform: uppercase; }
	ul#main-nav li.main-nav-rss { float: right; color: orange; }
	ul#main-nav li.main-nav-rss a { color: orange; }

/* 
	Block-Styles Main Page List
*/
.block { border: 1px solid #a3a09e; background: #ffffff url(images/background_block_slice.jpg) repeat-x; margin-bottom: 20px; position: relative; padding: 1px;}
.ribbon { position: absolute; top: -3px; right: -3px; }
.image_block { border: 1px solid #b5b5b5; background-color: #d2d2d2; padding: 5px 5px 1px 5px; float: left; }
.image_block img { border: 1px solid #b5b5b5; }
.text_block { float: left; width: 430px; margin-left: 30px; padding-top: 30px; }
#block_featuredblog .text_block { padding-top: 5px }
.block-content { padding: 20px; }
.post-img { float: left; margin: 0 20px 0 0; height: 200px; width: 200px; }
.excerpt { float: left; width: 395px; }
.block-social { background: #DDD; border-top: 1px solid #a3a09e; padding: 2px 20px; }
	.block-social p { float: left; margin: 0;}
	.block-social p strong { color: #2b2b2b; background: url(images/comment-counter.png) no-repeat left center; display: inline-block; width: 18px; height: 24px; padding: 3px 0 0 9px; }
	.block-social ul { float: right; margin: 5px 0 0 0;}
	.block-social ul li { display: inline; margin: 0 2px 0 0;}
#content_area .block .block-content .excerpt h2 { margin: 0 0 3px 0; }/*h2 in post listing*/


/*
	Block-Content-Styles
*/
#content_area { width: 665px; float: left; }
#content_area { min-height: 400px; }
#content_area h2 { font-size: 32px; line-height: 31px; }
.block-share { background: #DDD; padding:20px; }
	.block-share p { float: left; margin: 0;}
	.block-share p strong { color: #2b2b2b; font-size: 20px;}
	.block-share ul { float: right; margin: 5px 0 0 0;}
	.block-share ul li { display: inline; margin: 0 2px 0 0;}
#content_area .author { background: #EEE; border: 1px solid #CCC; padding: 10px; }
	#content_area .author img { float: left; margin: 0 15px 0 0; height: 110px; }
	#content_area .author .bio { float: left; width: 474px;}
	#content_area .author .bio h2 { font-size: 21px; line-height: 0; margin: 0;}
	#content_area .author .bio p { margin: 7px 0 0 0; }


/*
	Side-Bar-Styles
*/
.side-block { background: #DBDBDB /*232220 #e2dddc DBDBDB*/; padding: 20px; margin: 0 0 15px 0;}
#sidebar { float: left; width: 290px; position: relative; margin: 0 0 0 15px;}
#sidebar h2, #sidebar h3 { font-size: 16px; line-height: 15px; margin: 0 0 5px;}
#sidebar ul { margin: 0px; padding: 0px; }
	#sidebar ul li { list-style: none; margin: 0px 0px 5px 0px; padding: 0px; }
	#sidebar ul li a { color: #7f7d78; }
	#sidebar ul li a:hover { color: #0172dd; text-decoration: none; }
#sidebar small { text-align: center; margin: 0 0 -5px 0;}

	/*ADS BLOCK*/
	.side-block.ads { padding: 10px; }
	#wp125adwrap_2c { width:100%; }
	#wp125adwrap_2c .wp125ad { width:125px; height: 125px; float:left; margin: 5px;}
	
	/*FLICKR RSS*/
	.side-block.flickrrss { padding: 10px; }
	.flickrrss a { float: left; margin: 5px 6px 6px 5px; height: 75px; width: 75px; border: 2px solid #eee; outline: 1px solid #bbb;}
	
	/*GOOGLE ADSENSE BLOCK*/
	.googlead { width: 250px; height: 250px; }
	
	/*COLOR SWITCHET BLOCK*/
	a#switch_light { color: #007de2; }
	a#switch_dark { color: #007de2; }

 
/*
	Text-Styles
*/   
h2, h2 a { margin: 0px 0px 3px 0px; font-size: 36px; font-family: Helvetica, Arial, Sans-serif; color: #000000; line-height: 39px; letter-spacing: -1px; }
h3, h3 a { margin: 10px 0px 5px 0px; font-size: 14px; line-height: 21px; font-family: Helvetica, Arial, Sans-serif; color: #000000; }
h4 { color: #007de2; margin: 0px 0px 0px 0px; }
small { color: #595856; font-weight: bold; font-size: 11px; display: block; margin-bottom: 15px; }
a { color: #0f72c3; text-decoration: none; }
small a { color: #0f72c3; }
a:hover { text-decoration: underline; color: #26689f; }
h2 a:hover { color: #000000; }
p { margin: 0px 0px 15px 0px; }
a.button { background: #32312f url(images/button_bg.jpg) repeat-x; padding: 5px 10px 5px 10px; margin-top: 25px; color: #ffffff; text-decoration: none; border: 1px solid #32312f; text-transform: uppercase; font-size: 9px; line-height: 25px; }
#block_featuredblog a.more-link { background: #32312f url(images/button_bg.jpg) repeat-x; padding: 2px 10px 2px 10px; margin-top: 25px; color: #ffffff; text-decoration: none; border: 1px solid #32312f; text-transform: uppercase; font-size: 9px; line-height: 20px; display: block; float: left; }
a.button:hover { background: #007de2 url(images/button_bg_o.jpg) repeat-x; border-color: #007de2; }
#block_featuredblog a.more-link:hover { background: #007de2 url(images/button_bg_o.jpg) repeat-x; border-color: #007de2; }
h1 { margin: 0px 0px 3px 0px; font-size: 36px; font-family: Helvetica, Arial, Sans-serif; color: #000000; line-height: 39px; letter-spacing: -1px; }/*h1 title in post article*/
	h1 a { color: #2b2b2b; }
h2 { margin: 25px 0px 5px 0px; font-size: 26px; font-family: Helvetica, Arial, Sans-serif; color: #000000; line-height: 39px; letter-spacing: -1px; }/*h2 in post article*/
h3 { margin: 10px 0px 5px 0px; font-size: 20px; line-height: 21px; font-family: Helvetica, Arial, Sans-serif; color: #000000; }
h4 { color: #007de2; margin: 0px 0px 10px 0px; font-size: 16px; }
h5 { color: #2b2b2b; margin: 0px 0px 0px 0px; font-size: 12px; }


/*
	Footer-Styles
*/
#footer { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; }
.footer_column { float: left; width: 120px; margin-right: 30px; }
#footer .long { width: 610px; }
#footer h3 { color: #e2dddc; text-transform: uppercase; font-size: 10px; }
.footer_column ul li, .footer_column ul { list-style: none; margin: 0px; padding: 0px; }


/*
	Comment-Styles
*/
#comments_template { }
ol#comments { margin: 0px; padding: 0px; margin-top: 20px; }
ol#comments li { margin: 0px; padding: 0px; position: relative; padding-left: 60px; list-style: none; padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #e5e5e5; }
ol#comments .avatar { position: absolute; top: 0px; left: 0px; }
ol#comments small a { font-weight: normal; color: #999999; }
ul.commentlist { margin: 20px 0px 20px 0px; padding: 0px; border: 5px solid #dedede; }
ul.commentlist li { margin: 0px; padding: 10px 10px 20px 105px; position: relative; list-style: none; border: 1px solid #dedede; border-bottom: 0px; background: #ffffff url(images/background_block_slice.jpg) repeat-x; background-position: 1px 1px; min-height: 75px;}
ul.commentlist .avatar { position: absolute; top: 10px; left: 10px;  margin: 0px; padding: 0; border: 1px solid #dedede; }
ul.commentlist .commentmetadata { display: none; }
ul.commentlist ul { margin: 20px 0px 20px 0px; padding: 0px; }
ul.commentlist ul li { border: 0px; background-color: #ffffff; overflow: auto; background-image: none; padding-bottom: 0px; }
#respond label, #respond small,  #respond p { margin: 0; padding: 0; }
	#respond input, textarea { margin: 0 0 10px 0; width: 610px; }
.alt {}
 
 

/* 
	Miscellaneous-Styles   
*/
blockquote { border-top: 1px solid #acc7da; border-bottom: 1px solid #acc7da; background-color: #ebf1f6; margin: 0px; padding: 20px; padding-bottom: 13px; margin-bottom: 20px; color: #465c6b; font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; }
pre.code { border-top: 1px solid #acacac; border-bottom: 1px solid #acacac; background-color: #ebebeb; margin: 0px; padding: 20px; padding-bottom: 13px; margin-bottom: 20px; font-size: 10px; font-family: Monaco, "Courier New", Courier, monospace; }
.input, textarea, select { border: 1px solid #e5e5e5; padding: 4px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #333333; }
.seperator { background: #EEE; height: 10px; margin: 15px 0; }
.heading h4 { background: #FFF; font-size: 36px; padding: 20px; margin: 0 0 15px 0; }
.post-image { background: #EEE; border: 1px solid #CCC; padding: 7px 7px 3px; text-align: center; margin: 0 0 15px 0; }
	.post-image img{ border: 1px solid #CCC; max-width: 600px;}


/* Fix up IE6 PNG Support */ /* border 0 for Firefox */
img, #logo { behavior: url(scripts/iepngfix.htc); border: 0;}


/*
	Alternate Styles
*/
body#dark { background-color: #1e1d1b; }
body#dark #main { background: #292826 url(images/background_dark_slice.jpg) repeat-x; }
body#dark #main .container { background-image: url(images/background_dark.jpg); }
body#dark #footer { background-image: url(images/background_dark_footer.jpg); }
body#dark ul#menu li a.active, ul#menu li a:hover { color: #ffffff; }
body#dark .block, body#dark .mini_portfolio_item { border-color: #1b1a19; }
body#dark #text_column h2#text_title { background-image: url(images/creatif_dark.jpg); }


/*
	Clearfix
*/
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix { display: inline-block; }
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%;}