/*
Theme Name: Titan
Theme URI:  http://thethemefoundry.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.
Version:    1.22
Author:   The Theme Foundry
Author URI: http://thethemefoundry.com/
Tags: fixed-width, two-columns, white, brown, right-sidebar, threaded-comments, theme-options, translation-ready
*/

/*
    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("stylesheets/master.css");

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

/* Make all custom CSS changes in a Child Theme. Any custom 
changes you make here will not be overidden when you upgrade the theme.
-----------------------------------------------------------*/

/* NEW changes to the stlye.css*/


/*Body & Links 
------------------------------------------------------------ */

body {
  color: #666;
  background:#FFF;
}

a:link, a:visited { color: #FF0099; }
a:hover { color: #06F; }



/*Basic Structure
------------------------------------------------------------ */

.content-background { background: url(images/content-background-1.gif) repeat-x top left; }



/*Header
------------------------------------------------------------ */


#header {
  border-bottom: 1px solid #ede0e0;
  background: #FFF url(images/nav-background-1.gif) repeat-x bottom left;
  padding:0; /*added for ie*/

}

#header .logo {
	background:url(images/logo-header.jpg) no-repeat center left;
	height:110px;
	border:none;
	margin: 10px 0 10px 0;
	 padding:0; /*added for ie*/
	}


#follow {
  background: #FF0099;
}

#follow dt {
  color: #000;
}

#follow dd a {
  color: #FFF;
}

#follow dd a.facebk {  padding-left: 15px; background: url(images/facebk-icon.png) no-repeat 0 .15em; }


#description, h1#title a:link, h1#title a:visited, div#title a:link, div#title a:visited  { color: #ff0099;   margin: 0 0 0 -9999px;   
 }



/* Nav
================================================================*/


#nav a {
  color: #666;
}

#nav li li a {
  padding: 0;
  width: 130px;
}
#nav li ul ul { margin:0;
padding:0; } /* changed for IE*/



/*Post Header
---------------------------------------*/

div.post-header div.date {
  color: #999;
}


.date span { color: #CCC; 
}

.author {
  color: #999;
}


/*Post Footer
---------------------------------------*/
.post-footer { margin-left: 131px; }
.comments a, {
  color: #ff0099;
}
.comments a:hover {
  color: #ff0099;
} 

.tags a, .tags p, .tags span {
	color:#999;
}

/*Blockquote
------------------------------------------------------------ */

blockquote {
	background:url(images/blockquote.gif) left top no-repeat;
	border:none;
	}

/*Footer
------------------------------------------------------------ */
#footer {
  border-top: 3px solid #ff0099;
  background: #FFF;
  color: #555;
}
#footer a:link, #footer a:visited { color: #FF0099; }
#footer a:hover { text-decoration: underline; }

/*Footer Columns
---------------------------------------*/


.footer-column h2 {
  border-bottom: 2px solid #FCF;
}

#footer-about.footer-column h2, #footer-flickr.footer-column h2,  #footer-search.footer-column h2 { margin: 10px 0 5px 0; }



/* Language styling for the header ####################################*/


#footer_language_list {
  width: 960px;
  margin: 0 auto;
  text-align: left;
  padding:0;
}

#footer_language_list{
margin-bottom: 30px;
text-align: left;
}

#footer_language_list ul{
list-style: none;
margin:0;
padding:0;
float:left;
}

#footer_language_list ul li img{
margin-right:2px;
}

#footer_language_list ul li{
display:inline;
margin:0 2px 0 2px;
padding:0;
}

#footer_language_list ul li a, #footer_language_list ul li a:visited{
color: #fff;
text-decoration:underline;
}

#footer_language_list ul li a:hover, #footer_language_list ul li a:active{
color: #fff;
}



	/* ############################### #language selection fo0ter option """""""""""""""""""""""""""""""""""""""""*/
	
	
	#lang_sel_footer {
background-color:#FFFFFF;
border:1px solid #CDCDCD;
clear:both;
font:11px Verdana,sans-serif;
height:auto;
margin:0;
padding:7px;
text-align:center;
}


#lang_sel_footer ul li a {
margin: 10px 0 10px 0;
}

	/* ############################### #language selection TOP """""""""""""""""""""""""""""""""""""""""*/

#footer_language_list ul {
	margin:3px 0 0 0;
	
}

	
#footer_language_list ul li a img {
	border:#CCC 1px solid;

}

	






/* Images ###########################################################*/

.content-pic {
  padding: 10px;
  background: #F8F8F8;
  float:right;
  margin: 5px 0 10px 10px;
}


/* Content text #####################################*/

body h1 {font-size:1.8em}
body h2 {font-size:1.6em;}
body h3 {font-size:1.4em;}
	
	
	
#content h1 { 
clear:both;
	border-bottom:#CCC 1px solid;
	margin:0 0 10px 0;
	line-height:2em;
  
}

#content h2 {
	clear:both;
	border-bottom:#CCC 1px solid;
	margin:10px 0 10px 0;
}

#content .post-header h2 {
	  margin-left: 131px;
  padding-bottom: 4px;
  font-size: 2em; 
  border:none;
}


#content h1 {
	margin:10px 0 40px 0;
clear:both;
height:10px;
padding-bottom:20px;
padding-top:10px;
border-left:#ff0099 5px solid ;
line-height:20px;
padding-left:10px;
border-bottom:0;
border-top:0;
}




/* Contact form stlying ############################################ */


#contact-area p {
	font-size: 1.2em;
	margin-bottom: 5px;
}

#page-wrap {
	width: 500px;
	background: white;
	padding: 20px 50px 20px 30px;
	margin: 20px auto;
	min-height: 500px;
	height: auto !important;
	height: 500px;
}

#contact-area {
	width: 600px;
	margin-top: 25px;
}

#contact-area input, #contact-area textarea {
	padding: 5px;
	width: 500px;
	font-family: Helvetica, sans-serif;
	font-size: 1.2em;
	margin: 0px 0px 10px 0px;
	border: 2px solid #ccc;
}

#contact-area textarea {
	height: 90px;
}

#contact-area textarea:focus, #contact-area input:focus {
	border: 2px solid #F09;
}

#contact-area input.submit-button {
	width: 100px;
	float: right;
}

label {
	float: left;
	text-align: right;
	margin-right: 15px;
	width: 100px;
	padding-top: 5px;
	font-size: 1.2em;
}


/* Tabs stlying ############################################ */

.jwts_tabberlive p, .jwts_tabberlive ul, .jwts_tabberlive li, .jwts_tabberlive ol {
	margin:10px;
}


/* ############################### Dog eared Contact us page  """""""""""""""""""""""""""""""""""""""""*/


#contentboxholder {
	height:950px;
}



#contentbox {
    background: #FFF;
    border: 1px dotted #ccc;
    padding: 6px;
	width:180px;
	height:160px;
	margin:5px;
	display:block;
	text-align:left;
	float:left;
	}
	
	
	
#contentbox p{
	font-size:.8em;
	line-height:1.8em;

	}
	
	

img.dogear{
    position: relative;
    top: 1px;
    right: 1px;
    float: right;
	display:inline;
	
	}
	
	
	/* ############################### Hot Everyday page Boxes  """""""""""""""""""""""""""""""""""""""""*/
	
ul.column{
	width: 100%;
	padding: 0;
	margin: 10px 0;
	list-style: none;
	display:block;
}
ul.column li {
	float: left;
	width: 205px; /*Set default width*/
	padding: 0;
	margin: 5px 0;
	display: inline;
}
.block {
	height: 320px;
	font-size: 1em;
	margin-right: 10px; /*Creates the 10px gap between each column*/
	padding: 20px;
	background: #FFF;
}
.block h2 {
	font-size: 1.5em;
}
.block img {
        /*Flexible image size with border*/
	width: 73%;  /*Took 1% off of the width to prevent IE6 bug*/
	padding: 5%;
	background:#fff;
	margin: 0 auto;
	display: block;
	-ms-interpolation-mode: bicubic; /*prevents image pixelation for IE 6/7 */
}

	/* ############################### img class float left with margin used on Japanese heat therapy page """""""""""""""""""""""""""""""""""""""""*/

img.float-left-margin {
	float:left;
	margin:0 10px 30px 0;
	
}