/*   
Theme Name: Black Diamond
Theme URI: http://www.zzzprofits.com/blog/wordpress-themes/black-diamond/
Description: Black Diamond is a polished and elegant Wordpress theme. It has dynamic text effects and support for fully customizable widgets in the header, sidebar, and footer. 
Author: ZZZProfits.com
Author URI: http://www.ZZZProfits.com/
Version: 1.0
Tags: grey, white, black, elegant, simple, custom header, fixed width, two columns, widgets

	Created by Andrew Olson at http://ZZZProfits.com
	Design by http://www.tempixo.com/

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/

* { margin:0; padding:0; }
body, div, span, p, a, img, ul, ol, li, table, th, tr, td, form, fieldset, legend, dl, dt, dd, blockquote, applet, object { border:0; }
ul, ol {list-style-type:none}
body {background: url('img/bg-repeat.jpg') repeat-x;padding: 100px 0 0; font: normal 12px Arial,sans-serif; color: #303537;}
p {line-height: 1.9em;padding: 8px 0;}

/* LINKS ---------------------------------------------------------------------------------------------------------- */
a {color: #c41477;text-decoration: underline;}
a:link {color: #c41477;}
a:focus {color: #c41477; outline: 0}
a:visited {color: #c41477}
a:hover {color: #303537;text-decoration: none;}
a.more {padding-right: 12px; background: url('img/arrow.gif') no-repeat 100% 55%;}
a.button {background: url('img/button-start.gif') no-repeat;display: inline-block;text-decoration: none;color: #fff;font-weight: bold;}
a.button span {display: inline-block;height: 33px;line-height: 33px;padding: 0 20px;color: #fff;font-weight: bold;background: url('img/button-end.gif') no-repeat 100% 0}

/* H1 - H5 -------------------------------------------------------------------------------------------------------- */
h1, h2, h3, h4, h5, h6 { margin:15px 0 15px 0; }
h1 { font-size: 2.4em;font-weight: normal;margin: 5px 0 10px 0; color: #303537;}
h2 { font-size: 1.95em; margin: 5px 0 10px; color: #303436;font-weight: bold;}
h2 a:link {color:#303537; text-decoration:none;}
h2 a:visited { text-decoration:none; color:#303537;}
h2 a:hover {color: #c41477;}
h3 { font-size:1.2em;text-transform: uppercase;margin: 10px 0 15px;color: #303436;padding: 0 0 5px;}
h4 { font-size:1.0em; color: #005e7c }
h5 { font-size:1.0em; }

/* LAYOUT -------------------------------------------------------------------------------------------- */
.wrap {width: 875px;margin: 0 auto;position: relative}
.content {width: 580px; float: left; margin-top: 20px; padding-right: 20px;}
.sidebar {width: 255px; float: left; margin-top: 20px; border-left: 1px solid #E7E7E7; padding-left: 15px;}



.content ul {list-style-type:circle; padding: 15px 0 15px 35px;}
.content ol {list-style-type:decimal; padding: 15px 0 15px 35px;}
.content li {padding: 5px 0;}

blockquote {
font-weight : bold;
font-style : italic;
padding: 5px 0;
margin: 10px 0;
border-bottom : 1px solid #aaa;
border-top : 1px solid #aaa;
color : #303537;
} 


.img{
	padding: 8px;
      }
      
      
/* HEADER -------------------------------------------------------------------------------------------- */
    #header {background: url('img/bg-header.jpg') no-repeat 0 50%; height: 99px; width: 100%; position: absolute;top: 0;left: 0}
    
        /* logo */
        a#logo {font-size: 2.5em;color: #fff;font-style: italic;padding: 0 10px;position: relative;top: 30px;text-decoration: none}

  
    #intro {background: url('img/bg-intro.jpg') repeat-x bottom;padding: 30px 0; margin-bottom: 25px;width: 100%}
    #intro .floatLeft {width: 835px}
    #intro .photo {background: url('img/macbook.jpg') no-repeat;width: 294px;height: 165px;float: left}
    #intro .photo img {position: absolute;top: 11px;left:46px}
    #intro {font-size: 1.2em; line-height: 1.8em;}

    
    /* COLS ----------------------------------------------------------------------------------------------------------- */
    ul.cols {margin: 25px 0 35px;background: url('img/cols-bg.gif') repeat-y 50% 0;}
        ul.cols li {float: left; width: 240px;padding: 5px 0; }
            ul.cols li.center {margin: 0 70px;text-align: left;}
                ul.cols li h2 {margin-bottom: 10px;text-transform: uppercase;font-size: 1.2em;font-weight: bold;color: #d11d6d;background: url('img/arrow-down.gif') no-repeat 0 50%;padding: 0 0 0 25px}
                ul.cols li p {padding: 0 0 10px 0}


    .title {font-size: 1.3em; color: #8c959c; display: block;background: url('img/dot.gif') repeat-x 0 50%;padding: 0 10px;margin:10px 0 25px}
    .title span {padding: 0 10px;background: #fff}

    .divider {color: #8c959c; display: block;background: url('img/dot.gif') repeat-x 0 50%; padding: 5px 0 25px}



 /* SIDEBAR ITEMS ----------------------------------------------------------------------------------------------------------- */
    .sidebarcols {float: left; width: 250px; padding: 5px 0 10px;background: url('img/cols-bg.gif') repeat-y 50% 0; line-height: 1.5;}
    .sidebarcols h2 {margin-bottom: 10px;text-transform: uppercase;font-size: 1.25em;font-weight: bold;color: #d11d6d;background: url('img/arrow-down.gif') no-repeat 0 50%;padding: 0 0 0 25px}
     .sidebarcols p {padding: 0 0 10px 0}
     .sidebarcols a, sidebarcols a:visited {color:#303537; font-weight: bold;}
     .sidebarcols a:hover {color:#c41477; }               

     .sidebarcols ul {list-style-type:square; padding: 0 0 5px 17px;}
     .sidebarcols li {padding: 0 0 5px 0;}    

    
  	/* FOOTER ----------------------------------------------------------------------------------------------------- */
    .footer {background: #e9e9e9 url('img/bg-footer.jpg') no-repeat;height: 58px; line-height: 58px;padding: 0 20px;font-size: 0.9em; margin: 0 auto 20px;width: 890px;;clear: both; overflow: hidden;}
        .footer span {color: #87898a;display: block;}
        .footer a {color: #87898a;}
        .footer a.tempixo {display: inline-block;position: relative;width: 110px; height: 28px;line-height: 28px;margin-right: 20px;}
            .footer a.tempixo span {width: 110px; height: 28px;display: inline-block;cursor: pointer; background: url('img/tempixo-com.gif') no-repeat;position: absolute; top: 0; left: 0}



/* OTHER ----------------------------------------------------------------------------------------------------- */
hr { display:block; height:1px; margin:10px 0; padding:0; border:0 solid #CCC; background:#CCC; color:#CCC;}
.clear { clear:both; display: block; height:0;line-height:0;font-size:0; width: 100%;}
.noscreen { display:none; }
.floatLeft {float: left;}
.floatRight {float: right;}
img.floatLeft {margin-right: 20px}
img.floatRight {margin-left: 20px}

.bold {font-weight: bold;}
.center {text-align: center;}
.noborder {border: 0;}
/* clearfix */
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden}
.clearfix {display: inline-block;}
/* hidden for ie mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}