/*
Theme Name: Thoughts
Theme URI: http://bridgingthoughts.com/
Description: Theme for bridgingthoughts.com
Version: 1.0
Tags: bridging thoughts
*/


/* =Reset default browser CSS.
-------------------------------------------------------------- */
*{ margin:0; padding:0;}
body{ margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:100%; background:transparent url('images/main_bg.jpg');}
a{color:#0099CC; outline:none;}
a:hover{ color:#808080;}
p{ font-size:14px; line-height:26px; text-align:justify;}
ul{ font-size:14px;}
h1,h3{ text-transform:uppercase;}
h1{color:#575757; font-size:22px; margin-bottom:10px;}
h2{color:#033e6a; font-family:"Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif; font-size:20px; font-weight:normal; background: transparent url('images/bg_h2.png') bottom repeat-x; padding-bottom:5px;}
h3{ color:#fff;}
h4{}
h5{}
h6{}
#container{ width:976px; margin:0 auto;  }
#header{ background:transparent url('images/bg_header_home.jpg') no-repeat; height:500px; margin:0 0 20px 0;}
#innerheader{ background:transparent url('images/bg_header_inner.jpg') no-repeat; height:270px; margin:0 0 20px 0;}
#logo{ float:left; height:167px; width:333px;}
#menu{ float:right; }
#menu ul{ margin:20px 20px 0px 0px; letter-spacing:1px; padding:0;}
#menu ul li{ display:block; float:left; text-transform:uppercase; margin:0 0 0 5px; }
/*#menu ul li:hover,#menu ul li.current_page_item {  background:transparent url('images/navtab_left.png') left top no-repeat;}*/
#menu ul li a{ color:#fff; font-size:18px; text-decoration:none; padding:15px 10px ;  }
#menu ul li a:hover,#menu ul li.current_page_item a { background: transparent url('images/bg_menu.png') center no-repeat; }
#banner{  height:300px; padding:198px 0 0 0;}
#quote{ width:530px; float:right; color:#fff;  font-family:"Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif; margin:125px 30px 0 0;font-size:24px;}
#quote ul li span{ display:none;}
#quote ul li { list-style:none;  }
#content{ width:650px;  float:left; padding-right:20px;}
#content p, .box  ul, .box p{ text-shadow: #fff 1px 1px 0px;}
#homecontent{ width:100%;}

.alignleft{ float:left; margin-right:10px; background:transparent url('images/bg_portfolio_img.png') no-repeat; padding:5px 7px 45px 7px; border:none;}
a.demo{ color:#fff; background:url(images/demo.png) no-repeat; text-decoration:none;text-shadow: none; padding:5px 12px;}
a.enquiry{ color:#fff; background:url(images/enquiry.png) no-repeat; text-decoration:none;text-shadow: none; padding:5px 12px;}

a.view{ position:relative; /*this is the key*/ z-index:24; background-color:#ccc; color:#000; text-decoration:none}
a.view:hover{z-index:25; background-color:#ff0}
a.view span{display: none}
a.view:hover span{ /*the span will display just on :hover state*/ display:block; position:absolute; top:100px; left:-230px; width:130px; padding:10px 0; background:transparent url('images/bg_view.png'); color:#fff; text-align: center; font-family:"Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif; font-size:22px; }    
.break{ background:transparent url('images/bg_break.jpg') repeat-x; height:5px; width:650px;}
.box  ul{ margin-top:5px;}
.box{ width:300px; float:left; margin-right:20px; height:210px;}
.box p, .box ul {width:280px;}
.box ul li{ margin-bottom:15px; background:transparent url('images/bullet.png') no-repeat; list-style:none; padding-left:20px;}
.separator{ background: transparent url('images/separator.gif') top right repeat-y;}
#sidebar{ width:280px;  float:right; margin-left:10px;}
#footer{ margin-top:10px;  margin-bottom:10px; background:transparent url('images/bg_footer.png') top repeat-x; padding-top:10px; color:#666666; font-size:11px; }
#footer a{color:#666666; font-size:11px; text-decoration:none;}




/** 
 * Slideshow style rules.
 */
#slideshow {
	margin:-25px auto 0 auto;
	width:950px;
	height:340px;
	position:relative;
}
#slideshow #slidesContainer {
  margin:0 auto;
  width:860px;
	height:320px;
  overflow:auto; /* allow scrollbar */
  position:relative;
}
#slideshow #slidesContainer .slide {
  margin:0 auto;
  width:860px; /* reduce by 20 pixels of #slidesContainer to avoid horizontal scroll */
height:320px;

}

/** 
 * Slideshow controls style rules.
 */
.control {
  display:block;
  width:39px;
  height:263px;
  text-indent:-10000px;
  position:absolute;
  cursor: pointer;
}
#leftControl {
  top:0;
  left:0;
  background:transparent url(images/control_left.png) no-repeat 0 0;
}
#rightControl {
  top:0;
  right:0;
  background:transparent url(images/control_right.png) no-repeat 0 0;
}

/** 
 * Style rules for Demo page
 */
 .slide h3{ padding-top:95px; padding-bottom:10px;}
.slide h3, .slide p {
  float:left;
  color:#fff;
  width:350px;
}
.slide img {
  float:right;
  
}