/*
Theme Name:	Titan
Theme URI: 	http://themes.jestro.com/titan/
Description: 	A refined, balanced, and exceptionally handsome WordPress theme. Features a robust theme options menu allowing you to integrate your Flickr photos, Twitter updates, and Feedburner email updates. Use the custom code box to include photos, video, or whatever else your heart desires. Designed and coded by <a href="http://www.jestro.com">Jestro</a>.
Version: 		1.12
Author:		Drew Strojny
Author URI:	http://www.jestro.com
Tags: fixed-width, two-columns, white, brown, right-sidebar, threaded-comments, theme-options
*/

/*
    Copyright 2009 Jestro LLC

    This program is free software: you can redistribute it and/or modify
    it under the terms of the GNU General Public License as published by
    the Free Software Foundation, either version 3 of the License, or
    (at your option) any later version.

    This program is distributed in the hope that it will be useful,
    but WITHOUT ANY WARRANTY; without even the implied warranty of
    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
    GNU General Public License for more details.

    You should have received a copy of the GNU General Public License
    along with this program.  If not, see <http://www.gnu.org/licenses/>.

*/

/* Import Stylesheets
-----------------------------------------------------------*/
@import url("undo.css");
@import url("master.css");

/* Required Wordpress Classes, don't remove these.
-----------------------------------------------------------*/
.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
  }
.alignleft { float: left; }
.alignright { float: right; }

/* -----------------------------------------------------------*/


.clear {
 clear:both;
}

#content h1,
#content h2,
#content p {
   padding-bottom: 10px;
}

h1,
h2 {
  font-size: 1.2em;
  color:#59AB47;
}

h1 {
  color:#59AB47;
}

div.seoTags {
   font-size:9px;
   color: #D4D0C8;
}


/*  Flash object */

object {
  display:inline;
  margin:0;
  padding:0;
}



#content {
  border-top: 1px solid #EFEAE4;
}

span.error {
  color: red;
  font-weight:bold;
}


#content ul {
  padding: 0 0 20px 30px;
}

#portfolioItem ul {
  padding: 0 0 20px 620px;
}

#portfolioItem ul li,
#content ul li {
    background: url("../images/list-item.png") no-repeat scroll 0 0.3em transparent;
    display: block;
    margin: 5px 0;
    padding: 0 0 0 17px;
}


img#bannerImage {
  display:block;
}


td {
  padding-left: 5px;
}


td.number {
  text-align: right;
}


th {
  padding: 3px;
}


input {
   display: inline;
}


table#ipCount {
  float: left;
}

table#dailyCount {
  float: left;
}


span#ipDetails {
   float: left;
   padding-left: 3em;
}

span#dailyDetails {
   float: left;
   padding-left: 3em;
}
.topRow {
   background-color: #cccccc;
}

td.hilite {
   font-weight: bold;
}


#sideBar {
	float: right;
   padding: 20px 30px;
   margin-bottom:20px;
	width: 240px;
   border: 1px solid #EFEAE4;
   background-color:white;
}



#sideBar p{
   margin:0;
   padding:0;
   font-size: 1.5em;
   color: #FF9B3C;
   font-weight:bold;
}

#sideBar p span{
   color: #443b31;
   font-weight:normal;
   font-size: 0.7em;
   width:150px;

}

/********** portfolio individual pages *********/

div#portfolioItem img{
   float:left;
   border:1px solid #EFEAE4;
   margin:0 15px 15px 0;
}

div#portfolioItem h1{
  font-size:2em;
  padding:30px 0;
}

div#portfolioItem h2{
  font-weight:bold;
  font-size:1.1em;
}

div#portfolioItem p{
  padding: 5px;
}

div#feedback p{
  padding: 20px;
}


div#feedback {
    clear:left;
    border: 3px solid #EFEAE4;
    padding: 0;
    margin: 0 0 20px 0;
    background-color:white;
}

span.quotes {
    color: #CCCCCC;
    font-size: 2em;
    font-style: italic;
    font-weight: bold;
    line-height: 80%;
    vertical-align: middle;
    padding-right:3px;
}

div#quotee {
   text-align:right;
   font-weight:bold;
   padding-right:20px;
}


p#clientPageProject {
   width:648px;
}

/*********** portfolio summary for main portfolio page  *************/

div.portfolioSummary {
  clear: left;
  padding-bottom: 20px;
  height:132px;
}


div.portfolioSummary img{
  float:left;
  margin: 0 20px 10px 0;
   border:1px solid #EFEAE4;
}

div.portfolioSummary a{
  float:right;
  margin-right:20px;
}



/*********** portfolio slider  *************/


#slideshow {
	position:relative;
	margin:0 auto;
	width:956px;
   height:300px;
   padding:20px 0;
   border: 2px solid  #EFEAE4;
   background-color:white;
}



#slideshow #slidesContainer {
  margin:0 auto;
  border-right: 2px solid #EFEAE4;
  border-left: 2px solid #ffffff;
  padding: 0 2px;
  /* width:560px; */
  /* width:830px; */
  width:822px;
  /* height:263px; */
  height:300px;
  overflow:auto; /* allow scrollbar */
  position:relative;
}
#slideshow #slidesContainer .slide {
  margin:0 auto;
  /* width:540px; *//* reduce by 20 pixels of #slidesContainer to avoid horizontal scroll */
  /* width:810px; */
  width:802px;
  /* height:263px; */
  height:300px;
}

#slideshow #slidesContainer .slide img {
  float:left;
  border:1px solid #443b31;
  width:600px;
  height:260px;
}

#slideshow #slidesContainer .slide p{
  float:left;
  margin-left:10px;
  width:200px;
}



#slideshow #slidesContainer .slide a {
  float:right;
  padding-right:5px;
}


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


footer#hr,
hr {
  border: 0;
  border-bottom: 0;
  border-top:1px solid #EFEAE4;
  height: 1px; /* for ie 7 */
}


hr.breadcrumb {
  height: 1px; /* for ie 7 */
  margin-top: 0;
  padding-top: 0;
  border-top:1px solid #EFEAE4;
}



/******** Tips And Advice ***************/


div.tipsAndAdvice p.readMore {
   text-align:right;
}


/*********** Copyright & Bottom SEO ***************/

div#copyright p{
   font-size: 90%;
}


div#footer h3 {
   color:green;
}

div#footer li {
   font-size:0.75em;
   line-height:1.2em;
}

div#footer hr {
  border-color:#DED6D4;
}

div#footer .box {
  float:left;
  width:230px;
  margin-bottom:10px;
}