/*
Theme Name: Contrast Creative
Tags: blue, custom header, fixed width, two columns, widgets
*/


@import 'reset.css';

.clear{
  clear:both;
}

img{
  border:0;
}

body{
  background:url('images/linebg.png');
  font-family:Helvetica, Verdana, Arial, sans-serif;
  background-color:#000000;
}
a{
  text-decoration:none;
  color:#fff;
}
a:hover{
  background-color:#ec297b;
  color:#fff;
}
p{
  margin-bottom:1em;
}
#wrapper{
  background-color:#000000;
margin:0pt auto;
padding:0pt 80px 0pt 80px;
width:760px;
}

#header{
  height:108px;
  position:relative;
}
#header .logo{
  position:absolute;
  left:-62px;
  top:15px;
}
#header .description{
  position:absolute;
  left:0;
  top:70px;
}
#header .nav{
 background-color:#000000;
bottom:0pt;
color:#FFFFFF;
font-size:10px;
height:13px;
padding:1px 0pt 0pt 3px;
position:absolute;
right:0pt;
width:756px;
}
#header .nav a{
  color:#fff;
  text-decoration:none;
}
#header .nav .tel{
color:#ec297b
}

#header .meta{
  position:absolute;
  right:0;
  bottom:18px;
}
#header .meta img{
 vertical-align:middle;
}
#header .meta a{
  text-decoration:none;
  font-size:9px;
  color:#fff;
  text-transform:lowercase;

  font-weight:bold;
}
#content{
  float:left;
  width:510px;
  color:#999999;
  font-size:12px;
 line-height:1.3em;
  padding:15px 0 15px 0;
 
}

#content .page h2{
font-size:16px;
  color:#fff;
  display:inline;
  padding:0;
  margin:0 0 5px 0;
  font-weight:bold;
  line-height:2em;
  background:#999
}


#content .post{
   padding: 0 0 5px 0;
   margin: 0 0 25px 0;
   border-bottom:2px solid #000;
}


#content .lastPost{
  margin:0 0 10px 0;
}

.post .more-link{
  margin: 5px 0 5px 0;
  display:block;
  width:56px;
}

.post .more-link:hover{
  background-color:transparent;
}

.navLeft{
  float:left;
}

.navRight{
  float:right;
}
#content .meta{

}
#content .meta2{
background:url('images/linebg.png');
  color:#fff;
}
#content .meta2 .bookmark{
  margin-top:8px;
} 
#content .postMeta{
  margin-top:5px;
}
#content .post h1{
  color:#fff;
  display:inline;
  padding:0;
  margin:0 0 5px 0;
  font-weight:bold;
  line-height:1em;
  background:#999
}

#content .post h2{
font-size:16px;
  color:#fff;
  display:inline;
  padding:0;
  margin:0 0 5px 0;
  font-weight:bold;
  line-height:2em;
  background:#999
}




/* Post title and category colors*/
#content .postAd h1, #content .postAd h1 a, #content .postAd .catName a:hover{
  background-color:#7D6A55;
  color:#000000;
}
#content .postAd h1:hover, #content .postAd h1 a:hover, #content .postAd .catName a{
   background-color:#000000;
   color:#7D6A55; 
}


#content .postBr h1, #content .postBr h1 a, #content .postBr .catName a:hover{
  background-color:#00a9cc;
  color:#000000;
}
#content .postBr h1:hover, #content .postBr h1 a:hover, #content .postBr .catName a{
   background-color:#000000;
   color:#00a9cc; 
}

#content .postCo h1, #content .postCo h1 a, #content .postCo .catName a:hover{
  background-color:#b70072;
  color:#000000;
}
#content .postCo h1:hover, #content .postCo h1 a:hover, #content .postCo .catName a{
   background-color:#000000;
   color:#b70072; 
}

#content .postOn h1, #content .postOn h1 a, #content .postOn .catName a:hover{
  background-color:#ec068d;
  color:#000000;
}
#content .postOn h1:hover, #content .postOn h1 a:hover, #content .postOn .catName a{
   background-color:#000000;
   color:#ec068d; 
}

#content .postPh h1, #content .postPh h1 a, #content .postPh .catName a:hover{
  background-color:#fdb813;
  color:#000000;
}
#content .postPh h1:hover, #content .postPh h1 a:hover, #content .postPh .catName a{
   background-color:#000000;
   color:#fdb813; 
}

#content .postPr h1, #content .postPr h1 a, #content .postPr .catName a:hover{
  background-color:#f1ea0c;
  color:#000000;
}
#content .postPr h1:hover, #content .postPr h1 a:hover, #content .postPr .catName a{
   background-color:#000000;
   color:#f1ea0c; 
}

/*=================================================*/

#content .postEntry img{
  /*margin:5px 0;*/
}
#content .postHeader{
  background:url('images/linebg.png');
  margin-bottom: 15px;
}
#content .postHeader h1 a {
  color:#000000;
}
#content .date{
  font-weight:bold;
  font-size:10px;
  padding-right:15px;
}

#content .postCatTitle{
  margin:5px 0 25px 0; 
  font-size:20px;
}
#content h1 {

  font-size:24px;
}
#content .meta2 span{
  color:#999999;
}




.page h1{
background:#999999;
color:#000000;
display:inline;
font-weight:bold;
line-height:1em;
margin:0;
padding:0pt;
float:left;
}
.page h1 a{
  color:#000000;
}
.page .h1bg{
  background:  url('images/linebg.png');
  float:left;
  width:100%;
  padding:0 0 10px 0;
  margin:0 0 10px 0;
}



#sidebar{
  width:220px;
  float:right;
  font-size:10px;
  color:#666;
}

#sidebar h2{
background-color:#666666;
color:#FFFFFF;
padding:1px 1px 1px 4px;
}

#sidebar a{
  color:#fff;
}

#sidebar ul{
  margin:0 0 0 2px;
}
#sidebar a:hover{
  color:#000000;
  background-color:#ec297b;
  
}
#sidebar .campany{
  color:#666;
}
#sidebar .campany .tel{
  color:#666;
}
#sidebar .search{
  position:relative;
  height:45px;
}
#sidebar .search h2{
  background-color:#ec297b;
}
#sidebar .search .text{
border:1px solid #C8C7C7;
color:#9E1F63;
font-family:Helvetica,Arial,sans-serif;
font-size:10px;
left:2px;
padding:2px;
position:absolute;
top:20px;
width:145px;
}
#sidebar .search .btnSearch{
  left:162px;
position:absolute;
top:19px;
}
#sidebar .feeds img{
  vertical-align:middle;
}
#sidebar .feeds li{
  padding:2px 2px;
}
#sidebar .links li{
  padding:2px 2px;
}
#sidebar .links{

  position:relative; 
  background:url('images/linebg.png');
}
#sidebar .links .linkDivider{
  color:#ec297b;
}
#sidebar .links .rarrow{
 position:absolute;
right:0px;
top:0px;
}

#sidebar .sblock{
  margin-bottom:10px;

  background-color:#000000;
}
#sidebar .company a:hover{
   background-color:#ec297b;
   padding-right:4px;
}

#sidebar .categories{
 font-family:Helvetica,Verdana,Arial,sans-serif;
font-size:34px;
line-height:0.8em;
letter-spacing:-1px;
margin-top:18px;
background-color:#000000;
font-weight:bold;
}

#sidebar .categories a{
text-decoration:none;
color:#000000;
display:block;
padding-right:8px;
height:28px;
}

#sidebar .categories  a.ad{
 background-color:#7d6a55;
 width: 162px
}
#sidebar .categories  a.ad:hover{
 background-color:#000000;
 color:#7d6a55;
}

#sidebar .categories  a.br{
  background-color:#00a9cc;
  width: 129px
}
#sidebar .categories  a.br:hover{
 background-color:#000000;
 color:#00a9cc;
}
#sidebar .categories  a.co{
  background-color:#b70072;
  width: 165px
}
#sidebar .categories  a.co:hover{
 background-color:#000000;
 color:#b70072;
}
#sidebar .categories  a.on{
  background-color:#ec068d;
  width: 99px
}

#sidebar .categories  a.on:hover{
 background-color:#000000;
 color:#ec068d;
}
#sidebar .categories  a.ph{
  background-color:#fdb813;
  width: 105px
}
#sidebar .categories  a.ph:hover{
 background-color:#000000;
 color:#fdb813;
}
#sidebar .categories  a.pr{
  background-color:#f1ea0c;
  width: 95px
}
#sidebar .categories  a.pr:hover{
 background-color:#000000;
 color:#f1ea0c;
}
#footer{
  height:50px;
  font-size:10px;
  color:#999999;
}

#footer .logo{
  background-color: #666666;
  height:13px;
  position:relative;
  margin:10px 0 5px 0;
}

#footer .logo img{
  position:absolute;
  bottom:0px;
}

#footer .tel{
  
}

#footer .contactLinks{
  float:left;
}
#footer .contactLinks a{
  color:#fff;
}
#footer .copyright{
  float:right;
}

.formLeft{
  float:left;
}

.formLeft input{
   width:150px;
}

.formRight{
  float:right;
}

.formRight textarea{
  width:250px;
}

.addressBlock{
  float:left;
  width:150px;
}

.telFaxBlock{
  float:right;
  width:300px;
}

.addressBlock span, .telFaxBlock span{
  color:#EC297B;
  font-weight:bold;
}

.makeAnEnquiry{
  background-color:#999;
  color:#fff;
  margin-top:15px;
  padding:0 0 0 2px;
}

.formBg{
  background:url('images/linebg.png');
  padding:15px 0;
}

#respond{
  background-color:#999;
  color:#fff;
  padding-left:2px;
  font-size:10px;
  margin-bottom:10px;
}

.commentbg{
background:url('images/linebg.png');
}
.commentBlock{
  border-bottom: 2px solid #999;
  padding:15px 2px;
  background-color:#000000;
  float:left;
  width:99%;
  margin-bottom:5px;
}
.commentBlock .author{
 color:#000;
}

.commentLeft{
 float:left;
 width:160px;
}

.commentRight{
  float:right;
  width:340px;
}

.commentFormLeft{
  float:left;
  width:160px;
}

.commentFormRight{
  float:left;
  width:340px;
}

.commentFormGuestRight{
  float:right;
}

.commentFormRight textarea{
  width: 90%;
}

#comments{
  background-color:#000000;
color:#FFF;
font-size:10px;
padding-left:2px;
}


input.text{
color:#9E1F63;
font-family:Helvetica,Arial,sans-serif;
font-size:10px;
}
.cf-ol label span{
  color:#999;
  font-weight:bold;
  font-size:11px;
}
.cf-ol{
 color:#9E1F63;
font-family:Helvetica,Arial,sans-serif;
font-size:10px;
}
.thumb{
border-collapse:separate;
border-spacing:5px;
margin-left:-4px;
width:510px;
}
.thumb a:hover{
  background-color:#fff;
}
.thumb td{
background-color:#000000;
border:1px solid #D9D9D9;
height:85px;
padding:5px;
vertical-align:middle;
width:85px;
}
.thumb img{

/*background-color:#000000;
border:1px solid #D9D9D9;
margin-right:5px;
padding:4px;
*/
}

.relatedArticles{
  margin-top:10px;
  color:#999;
}