/*
Theme Name: Toca Madera
Theme URI: http://tocamadera.co.za
Description: A custom wordpress theme for Toca Madera
Version:1.0
Author: Tom Clark
Author URI: http://tomclarkdesigns.com
Tags: Interior design, clean, simple.
*/

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td {
	margin:0pt;
	padding:0pt;
}



html,
body {
    margin:0;
    padding:0;
    color:#212121;
    font-family: Baskerville, Times New Roman, Serif;
    font-size: 12px;
    font-stretch:normal;
    letter-spacing: 0.1em;
    font-style:normal;
    font-variant:normal;
    font-weight:normal;
    text-align:justify;	
    margin:0pt auto;
    line-height:150%;
    
	
}

body {
	background: #ffffff
}

a {
 color: #999;
 text-decoration: none;
 -webkit-transition: color 0.4s; /*safari and chrome */
 -moz-transition: color 0.4s; /* firefox */
 -o-transition: color 0.4s; /* opera */
}

a:hover { 
 text-decoration: none;
 color: #000;
}

img {
    border-style: none;

}
#tooltip{
	position:absolute;
	border:1px solid #333;
	background:#f7f5d1;
	padding:2px 5px;
	color:#333;
	display:none;
	}	



#wrapper {
    width:750px;
    margin:0 auto;
    background-color: transparent;

}

#topnav{
	position: relative;
        display: block;
	background-color: rgba(255,255,255,1);
	z-index: 10;
	height: 108px;
	width:750px;
	margin-right: auto;
	margin-left: auto;

}

#topnav #topnav-wrapper{
        width: 750px;
        position: relative;
	text-align: center;
        padding-top: 50px;
        margin: 0 auto;
        z-index: 11; 
}

#topnav #topnav-wrapper #logo{
	font-family: Baskerville, Times New Roman, Serif;
        font-size: 20px;
        color: #2a2a2a;
        font-style: italic;
        letter-spacing: 0.2em;
        float: left;   
        margin-left: 10px;  
        margin-top: -40px;  
}

#topnav #topnav-wrapper #logo a {
 color: #000;
 text-decoration: none;
 -webkit-transition: color 0.4s; /*safari and chrome */
 -moz-transition: color 0.4s; /* firefox */
 -o-transition: color 0.4s; /* opera */
}

#topnav #topnav-wrapper #logo a:hover { 
 text-decoration: none;
 color: #ccc;
}

#hide {
display:none;
}


#topnav #topnav-wrapper #links{
       float: right;
       margin-right: 15px;
}

#topnav #topnav-wrapper #links a {
 color: #000;
 text-decoration: none;
 -webkit-transition: color 0.4s; /*safari and chrome */
 -moz-transition: color 0.4s; /* firefox */
 -o-transition: color 0.4s; /* opera */
}

#topnav #topnav-wrapper #links a:hover { 
 text-decoration: none;
 color: #ccc;
}


#topnav #topnav-wrapper #links li{
   display: inline;
   list-style-type: none;
   padding-right: 10px;
   font-family: Baskerville, Times New Roman, Serif;
   font-size: 12px;
   color: #2a2a2a;
   font-style: italic;
   letter-spacing: 0.2em;
}


#content {
        clear: both;        
        width: 650px;
        position: relative;
	text-align: center;     
        margin: 0 auto;
        top: 50px;
        z-index: 9;
        background-color: rgba(255,255,255,0.94);   
        padding: 50px;	
        height:auto !important; 
	min-height:100%;       
}

.liner{
        text-align: center;
        margin: 0 auto;
        padding-top: 20px;
        margin-bottom: 25px;
        font-size: 20px;
        padding-bottom: 20px;
        font-family: Baskerville, Times New Roman, Serif;
        height: 6px;
        width: 150px;
        background-repeat:no-repeat;
}

.liner2{
        text-align: center;
        margin: 0 auto;
        margin-top: 20px;
        padding-bottom: 10px;
        height: 6px;
        width: 98px;
        background-repeat:no-repeat;
}


.liner3{
        text-align: center;
        margin: 0 auto;
        padding-top: 30px;
        padding-bottom: 10px;
        height: 6px;
        width: 11px;
        background-repeat:no-repeat;
}

#post {
       position: relative;
       height:100%;
       min-height:100%;       
       margin: 0 auto;
       padding-top: 0px;
       font-size: 10.5px;
       font-family: Baskerville, "Times New Roman", Times, serif;
       line-height: 1.8;
       overflow: hidden;
}

#post .sized{      
	width: 500px;
       position: relative;
        text-align: center;
        margin: 0 auto;
}


#post .navigation {
        
	width: 400px;
}


#post img {
	max-width:600px;
        padding-bottom: 20px;
        padding-top: 20px;
}

#entry {
       position: relative;
       width: 400px;
       height:100%;
       min-height:100%;       
       margin: 0 auto;
       padding-top: 0px;
       font-size: 10.5px;
       font-family: Baskerville, "Times New Roman", Times, serif;
       line-height: 1.8;
       overflow: hidden;
}

#entry .navigation {
        
	width: 400px;
}


#entry img {
	max-width:600px;
        padding-bottom: 20px;
        padding-top: 20px;
}

.halfcol {
    clear: both;
    width: 600px;
    text-align: justify;
    text-justify: left;
}

.halfcol .left{
    width: 280px;
    float: left;
}

.halfcol .right{
    width: 280px;
    float: right;    
}

.clearer{
    clear: both;
}




/*
<<<<<FOOTER>>>>>>
*/

#footer {
    clear:both;
    z-index: 11; 
}

#footer a{
   color: #fff;
   letter-spacing: 0.3em;
   font-size: 9px;
}

#footer #copyright{
   float:  left;
   position: fixed;
   bottom: 10px;
   left: 13px;
   font-family: Baskerville, Times, Times New Roman, serif;
   font-size: 9px;
   letter-spacing: 0.3em;
   color: #fff;
}

#footer #social{
   position: fixed;
   width: 90px;
   height: 16px;
   bottom: 10px;
   right: 3px;
   height: auto;

   
}

#footer #social li{
  display: inline;
  padding-right: 3px;
}






/*
<<<<<TEXT STYLES>>>>>
*/



h1, h2, h3, h4, h5, h6 {
	
	font-weight:normal;
}

h1, h1 a:link, h1 a:visited {
	font-family: Baskerville, Times, Times New Roman, Arial;
	font-size:28px;
	font-weight:normal;
        color: #222;
	margin-top:0px;
	margin-bottom:15px;
	text-indent:0px;
}
h2 {
        font-family: Baskerville, Times, Times New Roman, Arial;
        text-transform: uppercase;
        letter-spacing: 0.2em;
        font-size: 12px; 
        font-style: italic;
	font-weight:normal;
        color: #000;
	margin-top:0px;
	margin-bottom:5px;
	text-indent:0px;
        line-height: 1;
}

h2 a {
 color: #000;
 text-decoration: none;
 -webkit-transition: color 0.4s; /*safari and chrome */
 -moz-transition: color 0.4s; /* firefox */
 -o-transition: color 0.4s; /* opera */
}

h2 a:hover { 
 text-decoration: none;
 color: #ccc;
}


h3 {
        font-family: Times, Times New Roman, Arial;
        text-transform: uppercase;
        
        font-size: 10px; 
      
	font-weight:normal;
        color: #000;
	margin-top:0px;
	margin-bottom:5px;
	text-indent:0px;
        line-height: 1;
}

h4, h4 a:link, h4 a:visited {
        font-family: "Times New Roman", Times, serif;
        font-size: 12px; 
	font-weight:normal;
        color: #222;
	margin-top:0px;
	margin-bottom:0px;
	text-indent:0px;
}



h6 {
	font-family: Baskerville, Times, Times New Roman, Hiragino Mincho Pro, Helvetica, Arial;
	font-size:10px;
        line-height: 0.8em;
	font-weight:normal;
        color: #bbb;
}

.entrytitle{
        font-family: Baskerville, "Times New Roman", Times, serif;
        font-size: 16px; 
	font-weight:normal;
        color: #000;
	margin-top:0px;
	margin-bottom:5px;
	text-indent:0px;
        line-height: 1;
}

.title {
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-top: 20px;
    margin-bottom: 20px; 
    text-transform: uppercase;
    font-family: "Times New Roman", Times, serif;
    font-size: 12px; letter-spacing:1px;
}

.titleclear {
    margin-bottom: 15px; 
    font-family: "Times New Roman", Times, serif;
    font-size: 12px; letter-spacing:1px;
}

.titleclear2 {
    margin-bottom: 15px;    
    font-family: "Times New Roman", Times, serif;
    font-size: 11px; letter-spacing:1px;
}

.subheader {
    font-family: "Times New Roman", Times, serif;
    font-size: 12px; letter-spacing:0px;
    line-height: 1.5;
    text-transform: none;

}
.subheader2 {
    padding-bottom: 25px; 
    margin-bottom: 25px; 
    font-family: "Times New Roman", Times, serif;
    font-size: 12px; 
}




p {
	padding:0em 0pt 1.5em;
}

.tracklisting {
    clear:both;
    padding-bottom: 20px;
}
.tracklisting .topline {
    border-top: 1px solid #ddd;
    margin-top: 0px;
    margin-bottom: -4px;
} 
.tracklisting ul {
     list-style:none;
}
.tracklisting li {
    border-bottom: 1px solid #ddd;
    padding-bottom: 7px;
}


.splitcolumn {
    width: 647px;
    margin-top: 30px;

}

.splitcolumn .left{
    width: 310px;
    float: left;

}

.splitcolumn .right{
    width: 310px;
    float: right;
}

.borderlline {
    width: 400px;
    text-align: center;
    margin: 0px auto;
    border-top: 1px solid #ccc;
    margin-top: 15px;
   margin-bottom: 15px;
padding-bottom: 15px;
}

.borderllinel {
    width: 700px;
    text-align: center;
    margin: 0px auto;
    border-top: 1px solid #ccc;
    margin-top: 15px;
   margin-bottom: 15px;
padding-bottom: 15px;
}



#sidebar {
	color:#222;
	float:right;
	font-size:10px;
	margin-top: 20px;
	padding-bottom:25px;
	text-align:left;
	width:266px;
}
#sidebar a {
	border:medium none;
	font-weight:normal;
}
#sidebar ul {
	list-style-image:none;
	list-style-type:none;
	margin:0px;
}
#sidebar ul li {
	list-style-type:none;
	padding:10px 0px;
	list-style-image:none;
}
#sidebar ul li ul {
	list-style:none;
	margin:0px; 
}
#sidebar ul li ul li {
	
	margin:0px;
	border-bottom:1px none #000000;
	padding:5px 0px 5px 0px;
}
#sidebar h1 {
        font-family: "Times New Roman", Times, serif;
        font-size: 12px; letter-spacing:0px;
	color:#000;	
	text-transform: uppercase;
}
#sidebar p a {
	font-weight:bold;
}
#sidebar ul li h2, #sidebar ul li h2 a {
	background:#fff;
        font-family: "Times New Roman", Times, serif;
        font-size: 12px; letter-spacing:0px;
	color:#000;	
	text-transform: uppercase;
	display:block;
	margin:0px 0px 5px 0px;
	padding:5px 0px 6px 0px;
	line-height:normal;
	text-transform:normal;
}
#sidebar ul li h2 a:hover {
	color:#6CB0BE;
}


#statictab {
	position:absolute;
	top: 364px;
        left: 0px;
 	width:81px;
        height: 196px;

        background-repeat:no-repeat;
}