/*  

Theme Name: Teri Web

Theme URI: http://am2m.net/

Description: Exclusive theme for http://terihatcherweb.com

Version: 1.0

Author: Amanda MM

Author URI: http://am2m.net/

*/





/* CSS Document */



body{

margin:0;

padding:0;

line-height: 1.5em;

background-image:  url(images/tlo.png); 
background-repeat: repeat-x;

background-color: #fdfbfc;

font-size: 11px;

font-family : arial; 

color: #999999;

}





a { text-decoration: none; }

a:link {color: #af88b8; }

a:visited, a:active {color: #af88b8; }

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







#maincontainer{
background-image:  url(img/bg2.html); 

width: 876px; 

margin: 0 auto;

text-align:justify;

position:relative;

line-height: 11px;

}



#topsection{

height: 375px; 

}





#contentwrapper{

float: left;

width: 100%;

}



#contentcolumn{
margin: 0 0px 0 260px;
margin-right: 4px;

}





#leftcolumn{
float: left;

width: 239px;

margin-left: -865px;

}









#footer{

clear: left;

width: 100%;

background: #9C2C2E;

color: #E7E0D6;

text-align: center;

padding: 6px 0;

	border-top: 1px solid #C24B4D;

}



#footer a{

color: #E7E0D6;

}



.innertube{

margin: 0px; /*Margins for inner DIV inside each column (to provide padding)*/

margin-top: 0;

}











.all{
	background-color: transparent;
	border: 0px solid #e2e2e2;
	margin-bottom: 10px

	}





.title {
	background: url(img/bg-tit.jpg);
	font-family: arial, sans-serif;
	font-size:11px;
	font-style:none;
        font-weight:bold;

	color: #787878;

	border: 1px solid #ffffff;

	text-align: center;

	text-transform:uppercase;

	letter-spacing: 1px;

	line-height: 14px;

	letter-spacing: 1px;

	padding: 9px;
	margin: 1px;

}





.title a{

color: #787878;}



.title a:visited{

color: #787878;}



.title a:hover{

color: #9C2C2E;}





.date {
	background: #f1f1f1;

	text-align: left;

	line-height: 9px;
	border: 1px solid #ffffff;

	font-family: arial, sans-serif;

	font-size: 8pt;

	color: #787878;
	padding:3px;
	margin-bottom: 1px;
	margin-top: 1px;
	margin-left: 1px;
	margin-right: 1px;

}





.content{
	background: #F4F4F4;

	text-align: justify;

	line-height: 15px;

	font-family: Trebuchet MS;

	font-size: 11px;

	color: #685438;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 5px;
	border: 1px solid #ffffff;
	margin-bottom: 1px;
	margin-top: 3px;
	margin-left: 1px;
	margin-right: 1px;

	}


.content img {
-moz-border-radius: 2px;

border: 1px solid #CBC5BD;

padding: 3px;

margin: 1px;

}





.content img:hover {

border: 1px solid #DB6769;

padding: 3px;

margin: 1px;

}




.meta{

	background: #f1f1f1;

	text-align: left;

	line-height: 9px;
	border: 1px solid #ffffff;

	font-family: arial, sans-serif;

	font-size: 8pt;

	color: #723228;
	padding:3px;
	margin-bottom: 3px;
	margin-top: 1px;
	margin-left: 1px;
	margin-right: 1px;

	}

.page-bottom{

	background: #f1f1f1;

	text-align: right;

	line-height: 9px;
	border: 1px solid #ffffff;

	font-family: arial, sans-serif;

	font-size: 8pt;

	color: #787878;
	text-transform:uppercase;
	padding:10px;
	margin-bottom: 3px;
	margin-top: 1px;
	margin-left: 1px;
	margin-right: 1px;

	}



.sidebar_all{

	background: url(img/bg-side-all.jpg) no-repeat top left;

	border: 0px solid #e2e2e2;

	padding: 0px;
	margin-bottom: 10px;
	-moz-border-radius: 0px;

	}



.sidebar_title {
	background-color: transparent;

	border-bottom: 4px solid #c790b9;

	font-family: arial, sans-serif;
	font-size:11px;
	font-style:none;
        font-weight:bold;

	color: #62415d;
	text-align: center;

	letter-spacing: 1px;

	-moz-border-radius: 0px;
	text-transform:uppercase;
	padding: 10px;
	margin-left: 5px;
	margin-right: 5px;



}



.sidebar_content{
	background: url(images/bg-side-content2.jpg) no-repeat bottom left;

	background-color: #decedc;

	border: 0px solid #decedc;

	text-align: justify;

	line-height: 17px;

	font-family: Trebuchet MS;

	font-size: 11px;

	color: #62415d5;
	padding: 50px;
		}




.sidebar_content img {
	filter: alpha(opacity=60); opacity: .6;
-moz-border-radius: 4px;

border: 1px solid #C24B4D;

padding: 3px;

margin: 1px;

}





.sidebar_content img:hover {
	filter: alpha(opacity=90); opacity: .9;

border: 1px solid #E6E0D5;

padding: 3px;

margin: 1px;
}





input, select, textarea, Buttons {

font-family:'Verdana', Trebuchet MS, Arial, Helvetica, Sans-serif; 

font-size:10px; 

color: #E6E0D5; 

filter:alpha(opacity=70); 

background: #af9bad; 

border:0px solid #000000;
-moz-border-radius: 4px;
	padding: 4px;

}





.cat img {

padding: 0px;

border: 0px solid #f0f0f0;

padding-right: 0px;

padding-left: 0px;

padding-top: 0px;

padding-bottom: 0px;

margin: 0px;

}


.news-catimage{
filter: alpha(opacity=70);
 -moz-opacity: 0.7;
	padding-bottom: 3px;
border-right : 0px solid #D8CFAC; 
border-left : 0px solid #D8CFAC; }
	
	
	.news-catimage a img{
filter: alpha(opacity=90);
 -moz-opacity: 0.9;
	padding-bottom: 3px;
border-right : 0px solid #D8CFAC; 
border-left : 0px solid #D8CFAC; }



.cat img:hover {

padding: 0px;

border: 0px solid #f0f0f0;

padding-right: 0px;

padding-left: 0px;

padding-top: 0px;

padding-bottom: 0px;

margin: 0px;

}


.box{

	background-color: transparent;

	text-align: justify;

	line-height: 15px;

	font-family: trebuchet ms;

	font-size: 11px;

	color: #E6E0D5;

	}

.box img {
	filter: alpha(opacity=60); opacity: .6;
	border: 1px solid #C24B4D;

	padding: 3px;

	margin: 0px;
	-moz-border-radius: 4px 4px 4px 4px;

}





.box img:hover {
filter: alpha(opacity=90); opacity: .9;

border: 1px solid #C24B4D;

}

blockquote {
background: url(img/quote.jpg) no-repeat top left;
padding-left: 30px;
margin-left: 10px;
}

b,strong {
	color : #b94aa8;
}
i,em {
	color : #787878;
}

h1, h2, h3 {
	-moz-border-radius: 2px;
	font-style:none;
	font-size : 11px;
	text-decoration : none;
	text-align: left;
	font-family: arial;
	text-transform: uppercase;
	padding-top : 3px;
	padding-bottom : 3px;
	padding-left : 10px;
	padding-right : 10px;
	margin-top : 0px;
	margin-bottom : 0px;
	margin-left : 0px;
	margin-right : 0px;
	color : #787878;
	background: transparent;
	letter-spacing: 1px;
	line-height: 14px;
	border-top-width : 1px;
	border-bottom-width : 0px;
	border-left-width : 0px;
	border-right-width : 0px;
	border-style : solid;border-color : #ffffff;
	font-weight:bold;
}




h2 a:link {
text-decoration:none;
color: #787878;
}

h2 a:visited {
text-decoration:none;
color: #787878;
}

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


.solidblockmenu{
margin: 0;
padding: 0;
float: left;
font: bold 11px arial;
width: 100%;
border: 0px solid #000000;
border-width: 0px 0;
background: transparent;
text-transform:uppercase;
}

.solidblockmenu li{
display: inline;
}

.solidblockmenu li a{
float: left;
color: #787878;
padding: 8px 22px;
text-decoration: none;
border-left: 0px solid #ffffff;
background: transparent;

}

.solidblockmenu li a:visited{
color: #787878;
}

.solidblockmenu li a:hover, .solidblockmenu li .current{
background-color: #9C2C2E;
color: #E6E0D5;
-moz-border-radius: 5px;
}



<!--[if IE]>
<style type="text/css">
p.iepara{ /*Conditional CSS- For IE (inc IE7), create 1em spacing between menu and paragraph that follows*/
padding-top: 1em;
}
/* $Id: example.css,v 1.5 2006/03/27 02:44:36 pat Exp $ */

/*--------------------------------------------------
  REQUIRED to hide the non-active tab content.
  But do not hide them in the print stylesheet!
  --------------------------------------------------*/
.tabberlive .tabbertabhide {
 display:none;
}

/*--------------------------------------------------
  .tabber = before the tabber interface is set up
  .tabberlive = after the tabber interface is set up
  --------------------------------------------------*/
.tabber {
}
.tabberlive {
 margin-top:1em;
}

/*--------------------------------------------------
  ul.tabbernav = the tab navigation list
  li.tabberactive = the active tab
  --------------------------------------------------*/
ul.tabbernav
{
 margin:0;
 padding: 3px 0;
 border-bottom: 0px solid #778;
 text-transform: uppercase;
 font: bold 9px "Lucida Sans", Arial, sans-serif;
}

ul.tabbernav li
{
 list-style: none;
 margin: 0;
 display: inline;
}

ul.tabbernav li a
{
 padding: 3px 0.5em;
 margin-left: 3px;
 border: 0px solid #778;
 border-bottom: none;
 background: #c9aed0;
 text-decoration: none;
}

ul.tabbernav li a:link { color: #FFFFFF;  padding: 5px;
 			-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px; }
ul.tabbernav li a:visited { color: #FFFFF;   padding: 5px;
 			-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;}

ul.tabbernav li a:hover
{
 color: #FFFFFF;
 background-color: #e1c4e8;
 border-color: #227;
 padding: 5px;
 			-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

ul.tabbernav li.tabberactive a
{
 background-color: #917383;
 border-bottom: 0px solid #fff;
  padding: 5px;
 			-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

ul.tabbernav li.tabberactive a:hover
{
 color: #FFFFFF;
 background-color: #bfa3b2;
 border-bottom: 0px solid white;
   padding: 5px;
 			-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

/*--------------------------------------------------
  .tabbertab = the tab content
  Add style only after the tabber interface is set up (.tabberlive)
  --------------------------------------------------*/
.tabberlive .tabbertab {
 padding: 5px;
 			-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
 border: 0px solid #aaa;
 border-top:0;

 /* If you don't want the tab size changing whenever a tab is changed
    you can set a fixed height */

 /* height:200px; */

 /* If you set a fix height set overflow to auto and you will get a
    scrollbar when necessary */

 /* overflow:auto; */
}

/* If desired, hide the heading since a heading is provided by the tab */
.tabberlive .tabbertab h2 {
 display:none;
}
.tabberlive .tabbertab h3 {
 display:none;
}

/* Example of using an ID to set different styles for the tabs on the page */
.tabberlive#tab1 {
}
.tabberlive#tab2 {
}
.tabberlive#tab2 .tabbertab {
 height:200px;
 overflow:auto;
}
<![endif]-->