/*  
Theme Name: stylish
Version: 2.0
Description: Designed by <a href="http://themeforest.net/user/sakari">sakari</a>.
Author: sakari
Author URI: http://themeforest.net/user/sakari
*/


body {
    margin: auto 0px;
	font-size:15px;
	font-family:calibri;
	color:#515151;
	background:#000000;
}
.cleardiv{
clear: both;
width:100%;
height:1px;
}


h1 {
	font-size:25px;
}

h2 {
	font-size:20px;
}
h3 {
	font-size:18px;
}
h4 {
	font-size:15px;
}
small {
font-size: 11px;	
}

code {
	background: #FFFFC1;	
}
blockquote  {
background:url('images-garnet/bg-block.gif');
padding:10px;
border-left:5px solid #e3e3e3;
float:left;
margin:5px 0px 20px 20px;
	
}
blockquote p {
	
}

.postcont a img {
border:5px solid #efefef;
	
}
.postcont img {
border:5px solid #efefef;
	
}
.postcont a:hover img {
border:5px solid #f8f8f8;
	
}

 a{
color:#880147;
text-decoration:none;
}

a:hover{
color:#880148;
text-decoration:underline;
}


/* images-garnet position */
.navigationt {
	width:550px;
height:30px;
float:left;
margin:10px 0px 0px 20px;
}
.navigationt a {
text-decoration:none;
}

.aligncenter {
	margin: 10px auto 10px auto;
	display: block;
}

.alignleftt {
    font: bold 16px calibri; 
	margin: 10px 10px 8px 0;
	float: left;
	color:#94024d;
	
}

.alignrightt {
    font: bold 16px calibri; 
	margin: 10px 0px 8px 10px;
	float: right;
	color:#94024d;
}
.alignleftt  a {
	color:#94024d;
}
.alignrightt a {
	color:#94024d;
}


.aligncenter {
	margin: 10px auto 10px auto;
	display: block;
}

.alignleft {
    font: bold 16px calibri; 
	margin: 10px 10px 8px 0;
	float: left;
}

.alignright {
    font: bold 16px calibri; 
	margin: 10px 0px 8px 10px;
	float: right;
}
#wrapper{
margin:0 auto ;
width:900px;
}
#header{
width:900px;
height:300px;
}
.header{
width:900px;
height:100px;
background:url('images-garnet/header.png');
}
.logo{
width:300px;
height:90px;
margin:0px;
float:left;
}
.loginout{
width:200px;
height:30px;
margin:10px 0px;
float:right;
}
.login a{
color:#ffffff;
text-decoration:none;
}
.login a:hover{
text-decoration:underline;
}
.reg a{
color:#ffffff;
text-decoration:none;
}
.reg a:hover{
text-decoration:underline;
}
.login{
min-width:40px;
height:20px;
padding-right:10px;
margin-top:10px;
margin:0px;
float:right;
background:url('images-garnet/lock_48-trans.png') no-repeat;
border-right:1px solid white;
padding-left:20px;
font-size:15px;
color:#ffffff;
font-family:calibri;

}
.reg{
min-width:50px;
padding-right:10px;
height:20px;
margin-top:10px;
margin:0px 7px;
float:right;
background:url('images-garnet/useradd-trans.png') no-repeat;
padding-left:20px;
font-size:15px;
color:#ffffff;
font-family:calibri;
list-style-type:none;

}
.navigation{
width:900px;
height:50px;
}
.navleft{
width:14px;
height:50px;
background:url('images-garnet/navleft-trans.png');
margin:0px;
padding:0px;
float:left;
}
.navcenter{
width:872px;
height:50px;
background:url('images-garnet/nav.png');
margin:0px;
padding:0px;
float:left;
}
.navbar{
width:650px;
height:50px;
margin:0px;
padding:0px;
float:left;
}
.navbar li{
height:50px;
float:left;
display:inline;
text-decoration: none;
font:16px calibri;
margin:0px ;
padding:13px 15px;
background:url('images-garnet/navdevider.png') top right no-repeat;
}
.navbar li a{

text-decoration: none;
color:#444444;
}
.navbar li a:hover{
color:#880148;
text-decoration:none;
}
.navbar li a:active{
color:#880148;
text-decoration:none;
}

#nav{
list-style-type:none;
list-style-position:outside;
position:relative;
line-height:1.5em; 
z-index:8; 
padding:0px;
margin:0px;

}

#nav ul{
list-style-type:none;
list-style-position:outside;
position:relative;
line-height:1.5em; 
z-index:8; 

}
#nav a{
display:block;
padding:0px ;
text-decoration:none;

}


#nav li{

float:left;
position:relative;
z-index:9; 

}
#nav li li{
margin:0px;
z-index:15; 
background:white;
height:25px;
background:url('images-garnet/navbardrop.png') repeat-x;
border:1px solid #eeeeee;
}

#nav ul {
position:absolute;
display:none;
width:12em;
top:3em;
z-index:15; 
margin:0px;
background:none;
left:-64%;
}

#nav li ul a{
width:12em;
height:auto;
float:left;
z-index:10; 
margin:0px;
background:none;
color:#444444;
}
#nav li ul a:hover{

color:#880148;
}

#nav ul ul{

top:14px;
z-index:10; 
margin:0px;
background:none;

}	

#nav li ul ul {

left:10.5em;
margin:-15px 0px 0px 10px;
z-index:10; 
background:none;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul{
display:none;
color:#880148;
}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul{
display:block;
color:#880148;
}






#nav2{
list-style-type:none;
list-style-position:outside;
position:relative;
line-height:1.5em; 
z-index:8; 
padding:0px;
margin:0px;

}

#nav2 ul{
list-style-type:none;
list-style-position:outside;
position:relative;
line-height:1.5em; 
z-index:8; 

}
#nav2 a{
display:block;
padding:0px ;
text-decoration:none;
color:#ffffff;

}


#nav2 li{

float:left;
position:relative;
z-index:9; 

}
#nav2 li li{
margin:0px;
z-index:15; 
background:white;
height:25px;
background:#404040;
border-bottom:1px solid #535353;
color:#ffffff;
}

#nav2 ul {
position:absolute;
display:none;
width:12em;
top:1.8em;
z-index:15; 
margin:0px;
background:none;
left:-30%;

}

#nav2 li ul a{
width:12em;
height:auto;
float:left;
z-index:10; 
margin:0px;
background:none;
color:#ffffff;
}
#nav2 li ul a:hover{

color:#c3c3c3;
}

#nav2 ul ul{

top:15px;
z-index:10; 
margin:0px;
background:none;

}	

#nav2 li ul ul {

left:10.5em;
margin:-15px 0px 0px 10px;
z-index:10; 
background:none;
}

#nav2 li:hover ul ul, #nav2 li:hover ul ul ul, #nav2 li:hover ul ul ul ul{
display:none;
color:#880148;
}
#nav2 li:hover ul, #nav2 li li:hover ul, #nav2 li li li:hover ul, #nav2 li li li li:hover ul{
display:block;
color:#880148;
}








.categmenu{
width:872px;
height:30px;
background:black;
margin:0px 0px 15px 0px;
padding:0px;
float:left;
}

.categmenu li{
height:30px;
float:left;
display:inline;
text-decoration: none;
font:16px calibri;
margin:5px 0px ;
padding:5px 15px 0px 15px;
}
.categmenu li a{

text-decoration: none;
color:#fff;
padding:10px;
}
.categmenu li a:hover{
color:#fff;
background:#880148;
text-decoration:none;
padding:5px;
}
.categmenu li a:active{
color:#880148;
text-decoration:none;
}


.searchbar{
width:220px;
height:50px;
margin:0px;
padding:0px;
float:right;
}
#search_main{
margin-top:12.5px;
width:220px;
height:30px;
}
#s{
width:165px;
height:20px;
border:1px solid #dedede;
padding:2.5px;
float:left;
color:#b0b0b0;
}
.submit{
width:40px;
height:27px;
margin:0px;
padding:0px;
float:right;
}
.navright{
width:14px;
height:50px;
background:url('images-garnet/navright-trans.png');
margin:0px;
padding:0px;
float:left;
}
.toppannel{
width:898px;
height:300px;
margin-left:1px;
float:left;
}
.tpl{
width:12px;
height:300px;
background:url('images-garnet/welbgleft.png');
float:left;
}
.tps{
width:874px;
height:300px;
background:url('images-garnet/welbg.png');
float:left;
}
.tpr{
width:12px;
height:300px;
background:url('images-garnet/welbgright.png');
float:left;
}
.welcom{
width:400px;
height:150px;
margin-left:30px;
margin-top:60px;
float:left;

}
.welcomtitle{
width:400px;
text-align:center;
height:75px;
margin:0px;
padding:0px;
float:left;
}
.welcomtitle h1{
height:75px;
font-size:40px;
font-family:tahoma;
color:#696969;
font-weight:lighter;
margin:30px 0px 0px 0px;
padding:0px;
}
.welcomdesc{
width:400px;
text-align:center;
height:50px;
margin:0px;
padding:0px;
float:left;
}
.welcomdesc h2{
text-align:center;
height:50px;
font-size:20px;
font-family:tahoma;
color:#a8a8a8;
font-weight:lighter;
margin:5px 0px;
padding:0px;
}




#slider{
width:400px;
height:220px;
float:left;
margin-left:42px;
margin-top:20px;
}

.contop{
width:900px;
height:57px;
margin:0px;
padding:0px;
background:url('images-garnet/contop.png');
float:left;
}
.pcontop{
width:900px;
height:57px;
margin:0px;
padding:0px;
background:url('images-garnet/pcontop.png');
float:left;
}
.pconmid{
width:900px;
margin:0px;
padding:0px;
background:white;
float:left;
}
.fconmid{
width:898px;
margin-top:-150px;
margin-left:1px;
padding:0px;
background:white;
float:left;
}

.pagetitle{
color:#515151;
text-decoration:none;
font: 20px tahoma;
margin:20px 0px 10px 25px;
padding:15px 10px;
width:525px;
float:left;
border:1px dotted #efefef;
background:#f7f7f7;
}
.indexwidget{
width:280px;
margin:20px 10px 20px 10px;
float:left;

}
.indexww{
width:280px;
float:left;

}
.indexwwp{
width:270px;
float:left;
border-top:1px dashed #b1b1b1;

}

.indexwwp li{
width:255px;
min-height:30px;
float:left;
list-style-type:none;
border-bottom:1px dashed #b1b1b1;
margin-top:5px;
padding-left:15px;
padding-bottom:10px;
font-size:18px;
font-weight:bold;
background:url('images-garnet/list-trans.png') 0px 2px no-repeat;

}
.recentpost{
width:280px;
min-height:80px;
border-bottom:1px dashed #b1b1b1;
float:left;
margin:5px 0px;
padding-bottom:10px ;

}
.rptitle{
font-size:18px;
font-weight:bold;

}
.rpostinfo{
font-size:12px;
color:#b2b2b2;

}

.indexwidget ul{

margin:0px;
padding:0px;

}
.aboutimage{
margin-top:-10px;
padding:0px;

}
.abouttext{
width:270px;
min-height:50px;
margin:10px 0px 15px 0px;
padding:0px;
text-align:justify;

}
.abouttext p{


margin:0px;
padding:0px;

}
.conmidw{
width:900px;
margin-top:-60px;
padding:0px;
float:left;
}
.fconmidw{
width:900px;
margin-top:0;
padding:0px;
float:left;
}
.conmid{
width:900px;
margin:0px;
padding:0px;
background:url('images-garnet/conmid.png') repeat-y;
float:left;
}
.conbot{
width:900px;
height:57px;
margin:0px;
padding:0px;
background:url('images-garnet/conbot.png');
float:left;
}


#main{
width:570px;
float:left;
margin:0px;
padding:0px;
}

.post{
width:550px;
margin: 10px 20px 0px 20px;
padding:0px;
float:left;
text-align:justify;
font-size:15px;

}

.poststart{
width:550px;
float:left;
min-height:50px;
margin:10px 0px;
padding-bottom:5px;
border-bottom:1px solid #f1f1f1;
}
.post_title{
width:440px;
margin:15px 0px 0px 0px;
float:left;
padding-left:50px;
padding-top:10px;
background:url('images-garnet/title-trans.png') no-repeat;
min-height:40px;
font-family:tahoma;
font-size:25px;
}
.post_title a{
text-decoration:none;
color:#880147;
}


.postcomm{
margin-top:10px;
width:48px;
float:right;
height:48px;
background:url('images-garnet/speechbubble-trans.png');
text-align:center;
font-size:16px;
font-family:tahoma;
}
.postcom{
margin-top:9px;
}
.postcomm a{

text-decoration:none;
color:#434343
}
.postcomm a:hover{
color:#880147
}
.thumbnail{
float:left;
margin:5px 10px 0px 10px ;
padding:5px;
background:#efefef;
border:none;
}
.thumbnail img{

border:none;
}


.postmeta{
width:550px;
float:left;
min-height:50px;
margin-top:10px;
border:1px dotted #efefef;
background:#f7f7f7;
text-align:left;
}
.postmeta a{
text-decoration:none;
color:#94024d;
}
.postauth{
width:190px;
margin-left:10px;
float:left;
height:50px;
background:url('images-garnet/author-trans.png') no-repeat;

}
.postautht{
float:left;
margin-top:15px;
margin-left:40px;

}
.postdate{
width:200px;
float:left;
height:50px;
background:url('images-garnet/date-trans.png') no-repeat;

}
.postdatet{
float:left;
margin-top:15px;
margin-left:45px;

}
.postcat{
max-width:550px;
float:left;
min-height:50px;
background:url('images-garnet/cat-trans.png') no-repeat;

}
.postcatt{
float:left;
margin-top:15px;
margin-left:45px;
margin-right:20px;

}




.spostauth{
width:270px;
margin-left:10px;
float:left;
height:50px;
background:url('images-garnet/author-trans.png') no-repeat;

}
.spostautht{
float:left;
margin-top:15px;
margin-left:40px;

}
.spostdate{
width:270px;
float:left;
height:50px;
background:url('images-garnet/date-trans.png') no-repeat;

}
.spostdatet{
float:left;
margin-top:15px;
margin-left:45px;

}
.spostcat{
width:280px;
float:left;
min-height:50px;
background:url('images-garnet/cat-trans.png') no-repeat;

}
.spostcatt{
float:left;
margin-top:15px;
margin-left:45px;
margin-right:20px;

}
.sposttag{
width:270px;
float:left;
min-height:50px;
background:url('images-garnet/tag-trans.png') no-repeat;


}
.sposttagt{
float:left;
text-align:left;
margin-left:45px;

}






.morebtn{
float:left;
margin:10px 0px;
}

.morebtn img{
float:left;
}
.morebtn p{
float:left;
margin:2px 7px;
color:#434343;
}

.related{
max-width:560px;
float:left;
padding:0px;
margin-top:20px;
margin-left:25px;
border:1px solid #efefef;
background:#f7f7f7;
}

.related h2{
margin:10px 0px 0px 0px;
padding-left:40px;
padding-bottom:5px;
color:#94024d;
width:100%-40px;
height:32px;
background:url('images-garnet/link-trans.png') no-repeat;
border-bottom:1px solid #efefef;
} 
.related ul{
display:inline;
list-style-type:none;
margin:0px 10px;
padding:0px;
float:left;
}
.related li{
display:inline;
list-style-type:none;
margin:0px 0px 10px 0px;
padding:0px;
float:left;
}
.related a img{
border:none;

}

.relthumbnail a img{
border:4px solid #ffffff;
margin:0px 5px;

}
.relthumbnail a:hover img {
border:4px solid #f8f8f8;
	
}
.commentsf{
margin:0px 25px;
width:490px;
float:left;
text-align:justify;
line-height:150%; 
font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;  
font-size: 12px;
}
.commentsf ul{
margin:0px;
padding:0px;
}
.commentsf li{
list-style-type:none;
display:block;
margin:20px 0px 20px 0px;
width:520px;
float:left;
padding:10px;
background:#f7f7f7;
border:1px solid #e7e7e7 ;



}
.commentsf li a{
text-decoration:none;
color:#94024d;
}


.comtxt{
margin-left:5px;
float:left;
text-align:left;

}
.comtxt a{
margin-left:5px;
float:left;

}
.avatar{
float:left;
}
.ava{
float:left;
width:100px;
padding:3px;
background:#ffffff;
border:1px solid #e7e7e7 ;

}
.ava img{

border:none ;

}
.commenttxt{
float:left;
margin-left:10px;
width:370px;

}
.commtxt{
margin-left:0px;
float:left;
height:100%;
min-height:100px;

}

.commentauthor{
float:left;
padding:5px;
color:#0d7e96;
text-decoration:none;
font:bold 14px calibri;
width:90px;
text-align:center;

}
.h2comment{
width:490px;
float:left;
color:#b0005b;
font:bold 26px calibri;
text-decoration:none;
margin:10px 0px;
}
.makecomment{
width:450px;
float:left;
color:#94024d;
font:bold 16px calibri;
text-decoration:none;
margin:0px 0px 10px 0px;
}
.crss a{
height:20px;
width:230px;
float:left;
color:#b9b9b9;
font:bold 14px calibri;
text-decoration:none;
text-align:center;
background:url('images-garnet/rss.png')  no-repeat left;

}
.comlinks{
margin:15px 0px 5px 0px;
width:500px;
height:25px;
float:left;


}
.crss a:hover{
color:#880148;
text-decoration:underline;
}
.trakback a{
margin-top:-20px;
height:20px;
width:230px;
float:right;
color:#b9b9b9;
font:bold 14px calibri;
text-decoration:none;
text-align:center;
background:url('images-garnet/tb.png')  no-repeat left;

}
.trakback a:hover{
color:#880148;
text-decoration:underline;
}
.commentf{
margin:15px 0px 20px 0px;
width:520px;
float:left;
padding:10px;
background:#f7f7f7;
border:1px solid #e7e7e7 ;
}
.commentf li a:hover{
color:#880148;
text-decoration:underline;
}
.commentf li a{
text-decoration:none;
color:#94024d;
}
.authorinfo{
float:left;
width:250px;
margin:0px;
padding:0px;

}
#author{
padding-top:10px;
padding-left:5px;
margin:0px 5px 10px 0px;
float:left;
width:220px;
height:30px;
background:url('images-garnet/formbg.png') repeat-x;
border:1px solid #e9e9e9;
font:12px tahoma , calibri;
color:#999999;
}
#email{
padding-top:10px;
padding-left:5px;
margin:0px 5px 10px 0px;
float:left;
width:220px;
height:30px;
background:url('images-garnet/formbg.png') repeat-x;
border:1px solid #e9e9e9;
font:12px tahoma , calibri;
color:#999999;
}
#url{
padding-top:10px;
padding-left:5px;
margin:0px 5px 10px 0px;
float:left;
width:220px;
height:30px;
background:url('images-garnet/formbg.png') repeat-x;
border:1px solid #e9e9e9;
font:12px tahoma , calibri;
color:#999999;
}
#comment{
margin:12px 0px 10px 0px;
float:left;
width:250px;
height:140px;
padding:5px;
background:url('images-garnet/formbg.png') repeat-x;
background-color:white;
border:1px solid #e9e9e9;
font:12px tahoma , calibri;
color:#999999;
}
#submit{
float:right;
width:80px;
height:27px;
margin:10px;
}
#subscribe{
float:left;
width:500px;
height:10px;
text-align:right;
}

/*--- TOGGLED COMMENTS --- */

 
h2.toggle { 
width:490px;
float:left;
color:#94024d;
font:bold 26px calibri;
text-decoration:none;
margin:10px 0px;
    
height: 30px; /*ADDS A HEIGH OF 27PX SAME AS OUR IMAGE*/
   
line-height: 30px; /*ADDS 28PX LINE HEIGHT TO CENTER THE HEADER NEXT TO THE IMAGE*/
   
float: left; /*FLOATS OUR HEADER LEFT*/
   
background-image: url(images-garnet/togg.png); /*OUR PHOTOSHOP BUTTON IMAGE*/
  
background-repeat: no-repeat; /*STOPS OUR BUTTON FROM REPEATING*/
   
cursor: pointer; /*MAKES THE CURSOR CHANGE TO A POINT CURSOR ON MOUSE OVER*/
   
margin-bottom: 5px; /*ADDS 5PX MARGIN TO THE BOTTOM*/
    
padding-left: 40px; /*ADDS 40PX LEFT PADDING WHICH SHIFTS OUR HEADER TEXT AWAY FROM OUR IMAGE*/
   
margin-top: 10px; /*ADDS A TOP MARGIN OF 10PX*/
   
margin-right: 0px; 
    
margin-left: 0px; 
    
padding-top: 0px; 
    
padding-right: 0px; 
    
padding-bottom: 0px; 

} 

 
.toggle a{ 
   
color:#b0005b;
font:bold 26px calibri;
text-decoration:none;
display: block; /*DISPLAYS LINK AS A BLOCK ELEMENT*/
} 
 
 
 h2.togglr a:hover { 
    
color: #417db2; /*TEXT COLOR OF OUR LINK ON MOUSE OVER*/
} 
 
 
h2.active { 
    
background-position: left bottom; /*SHIFTS OUR PHOTOSHOP BUTTON IMAGE DOWN TO REVEAL OUR OTHER IMAGE*/
} 
 
 
.comments_container { 
    
overflow: hidden; /*HIDES ITEMS WHICH OVERFLOW THE CONTAINER*/
    
width: 550px; /*GIVES CONTAINER A WIDTH OF 450PX SAME AS OUR WORDPRESS DIV*/
    
clear: both; /*CLEARS BOTH FLOATS LEFT & RIGHT*/
}





#sidebar{
width:300px;
float:right;
margin-top:10px ;
margin-left:5px ;
}

.widget{

width:280px;
float:left;
margin:10px;

}
.fwidget{

width:280px;
float:left;
margin-top:10px;

}
.sidetitle {

height:40px;
float:left;

}

.stleft {

width:11px;
height:40px;
float:left;
background:url('images-garnet/stleft.png') no-repeat;

}
.stmid {

padding:8px;
font-size:20px;
color:white;
font-family:tahoma;

height:40px;
float:left;
background:url('images-garnet/stmid.png') repeat-x;

}
.pstmid {

padding:8px;
font-size:20px;
color:white;
font-family:tahoma;
width:235px;
height:40px;
float:left;
background:url('images-garnet/stmid.png') repeat-x;

}
.stright {

width:11px;
height:40px;
float:left;
background:url('images-garnet/stright.png') no-repeat;

}
.widgetcont{
width:280px;
float:left;
margin-top:10px;
}
.widgetcont ul{
float:left;
list-style-type:none;
margin:0px;
padding-left:10px;
}
.widgetcont li{
width:105px;
min-height:30px;
display:inline;
padding-left:15px;
background:url('images-garnet/list-trans.png') no-repeat;
float:left;
list-style-type:none;
margin:2px 5px;
border-bottom:1px dotted #c3c3c3;
}
.widgetcont li a{
text-decoration:none;
color:#676767
}
.widgetcont li a:hover{
color:#880148;
text-decoration:underline;
}
.widgetspon ul{
width:280px;
float:left;
list-style-type:none;
margin-left:5px;
padding:0px;
}
.widgetspon li{
width:125px;
height:125px;
display:inline;
padding:0px;
float:left;
list-style-type:none;
margin:5px;
}
#footer{
width:900px;
height:70px;
float:left;
}


.footleft{
width:13px;
height:60px;
background:url('images-garnet/footleft-trans.png');
margin:0px;
padding:0px;
float:left;
}
.footcenter{
width:873px;
height:60px;
background:url('images-garnet/foot.png');
margin:0px;
padding:0px;
float:left;
}
.rights {
font-family:calibri;
font-size:12px ;
text-decoration:none;
color:#ffffff;
max-width:300px;
height:40px;
float:right;
margin-top:12px;
text-align:left;
padding-top:10px;
padding-left:35px;
background:url(images-garnet/barcode-trans.png) no-repeat;
}


.social{
width:400px;
height:32px;
float:left;
margin-top:12px;

}
.social h2{
float:left;
font-family:calibri;
font-size:15px ;
text-decoration:none;
color:#ffffff;
margin-top:7px;
}
.social ul{
margin:0px;
padding:0px;
}
.social li{
margin-left:10px;
width:32px;
height:32px;
float:left;
display:inline;
list-style-type:none;
}

.footright{
width:14px;
height:60px;
background:url('images-garnet/footright-trans.png');
margin:0px;
padding:0px;
float:left;
}

















.stepcarousel{
position: relative; /*leave this value alone*/
border: none;
overflow: scroll; /*leave this value alone*/
width: 370px; /*Width of Carousel Viewer itself*/
height: 250px; /*Height should enough to fit largest content's height*/
margin-left: -12px;
float:left;
}
.stepcarousel img{
border:none;
}
.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
float:left;
}

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 7px; /*margin around each panel*/
width: 370px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
height:250px;
padding:1px;
}
.imgshad{
width: 370px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
height:50px;
background:url('images-garnet/imgshad.png');
margin-left:0px;
}
.thumbnail2 {
margin-left: 30px;
margin-bottom:-30px;
border:1px solid #ededed;
width:300px;


}
.thumbnail2 a img{
border:5px solid white;

}




#flickr h2 span {
	color: #0061D8;
	font-family:tahoma, Arial, Helvetica, sans-serif;
}

#flickr h2 span span {
	color: #FF1183;
	font-family:tahoma, Arial, Helvetica, sans-serif;
}
#flickr .wrapf {
	width: 260px;
	margin-LEFT: 5px;
	margin-top: 10px;
	padding:0px;
	font-family:tahoma, Arial, Helvetica, sans-serif;
}


#flickr a img {
	float: LEFT;
	margin-LEFT: 5px;
	margin-bottom: 5px;
	display: block;
	padding: 2px;
	background: #fff;
	border: #CECFC6 1px solid;
}


#flickr a:hover img {
	border: #A8AA99 1px solid;
	font-family:tahoma, Arial, Helvetica, sans-serif;
}


#wp-calendar{
	width: 90%;
	padding: 0 0 15px;
	margin-left:15px;
	float:left;
	color:#9b9b9b; 
}
#wp-calendar a{
color:#880148;
text-decoration:none;
}
#wp-calendar caption{
	padding: 5px 5px ;
	font-size:16px;
}

#wp-calendar th{
margin:2px 0px;
	padding: 5px;
	text-align:center;
background:#880148;
	color:#fff;
	border:1px solid #880148 ;
}

#wp-calendar td{
margin:2px 0px;
	padding: 5px;
	text-align:center;
background:#01aae2;
	color:#6e6e6e;
	border:1px solid #e9e9e9 ;
}
#wp-calendar td a:link , #wp-calendar td  a:visited {
margin:2px 0px;
	padding: 5px ;
}

#wp-calendar td{
	background:transparent;
}
#wp-calendar td, table#wp-calendar th{
	padding: 2px 0;
}	

.twitt{
width: 250px;
height: 280px;
margin-left:5px;
margin-bottom:20px;
padding:0px;
float:left



}
.twitterlogo {
	width: 48px;
	height: 48px;
	margin-LEFT: 140px;
	padding:0px;
	background:url('images-garnet/Social_Twitter.png');
}

.twtr-widget{position:relative;font-size:12px!important;font-family:"lucida grande",lucida,tahoma,helvetica,arial,sans-serif!important;}.twtr-fullscreen{font-size:220%!important;}.twtr-widget .twtr-spinner{width:16px;height:16px;position:absolute;background:url('images-garnet/twitloader.gif')no-repeat;top:3px;right:3px;}.twtr-inactive{display:none;}.twtr-widget a img{border:0!important;}.twtr-doc{overflow:hidden;width:100%;text-align:left;font-weight:normal;}.twtr-bd{padding:0 1px;}.twtr-widget .twtr-tweet-wrap{padding:6px 8px;overflow:hidden;}.twtr-fullscreen .twtr-tweet-wrap{padding:20px;}.twtr-widget .twtr-tweet{border-top:1px solid #fff;border-bottom:1px dashed #c9c9c9;overflow:hidden;}.twtr-widget .twtr-tweet a.twtr-reply{visibility:hidden;}* html .twtr-widget .twtr-tweet a.twtr-reply{visibility:visible;}.twtr-widget .twtr-tweet:hover a.twtr-reply{visibility:visible;}.twtr-widget-profile img.twtr-profile-img{display:block;float:left;width:50px;height:50px;border:3px solid #ccc!important;}.twtr-widget h3,.twtr-widget h4,.twtr-widget p{margin:0!important;padding:0!important;line-height:1.2!important;width:auto!important;}.twtr-widget-profile h3,.twtr-widget-profile h4{margin:5px 0 0 60px!important;}.twtr-widget h3{font-size:11px!important;font-weight:normal!important;}.twtr-widget h4{font-size:16px!important;}.twtr-widget i{font-size:9px;font-style:normal;display:block;margin-top:2px;}.twtr-hd{padding:10px;position:relative;overflow:hidden;}.twtr-fullscreen .twtr-hd{height:0;padding:0;}.twtr-timeline{position:relative;overflow:hidden;z-index:2;height:225px;}.twtr-flat .twtr-timeline{overflow-x:hidden;overflow-y:scroll;}.twtr-widget .twtr-tweet:last-child{border-bottom-width:0;}.twtr-ft{position:relative;}.twtr-ft div{overflow:hidden;padding:10px;}.twtr-ft span{float:right;text-align:right;}.twtr-ft a{float:left;display:block;}.twtr-ft span a{float:none;}.twtr-avatar{width:40px;height:40px;float:left;overflow:hidden;display:block;}.twtr-fullscreen .twtr-avatar{width:80px;height:80px;}.twtr-img{height:25px;width:25px;}.twtr-img img{width:30px;height:30px;}.twtr-fullscreen .twtr-img img{width:72px;height:72px;}.twtr-fullscreen a.twtr-join-conv{display:none;}.twtr-tweet-text{margin-left:40px;}.twtr-fullscreen .twtr-tweet-text{margin-left:90px;}.twtr-doc a{text-decoration:none!important;}.twtr-doc a:hover{text-decoration:underline!important;}


.foliopost {
	width: 260px;
	height: 300px;
	margin: 20px;
	padding:0px;
	float:left;
	text-align:left;
	line-height:25px;
	font-size:15px;
	font-weight:normal;
	border-bottom:1px dashed #c3c3c3;


}

.thumbnailf a  img {
	
	border:5px solid #efefef;
}

.folio_title{
width:250px;
margin:10px 0px 0px 0px;
float:left;
min-height:30px;
font-family:tahoma;
font-size:22px;
}
.folio-title a{
text-decoration:none;
color:#880147;
}

.fromfolio{
float:left;
margin:5px;
}
.loop{
margin-top:-155px;
margin-left:5px;
color:#880147;
}


#facebox .b {
  background:url(images-garnet/b.png);
}

#facebox .tl {
  background:url(images-garnet/tl.png);
}

#facebox .tr {
  background:url(images-garnet/tr.png);
}

#facebox .bl {
  background:url(images-garnet/bl.png);
}

#facebox .br {
  background:url(images-garnet/br.png);
}

#facebox {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 100;
  text-align: left;
}

#facebox .popup {
  position: relative;
}

#facebox table {
  margin: auto;
  border-collapse: collapse;
}

#facebox .body {
  padding: 10px;
  background: #fff;
  width: 370px;
}

#facebox .loading {
  text-align: center;
}

#facebox .image {
  text-align: center;
}

#facebox img {
  border: 0;
}

#facebox .footer {
  border-top: 1px solid #DDDDDD;
  padding-top: 5px;
  margin-top: 10px;
  text-align: right;
}

#facebox .tl, #facebox .tr, #facebox .bl, #facebox .br {
  height: 10px;
  width: 10px;
  overflow: hidden;
  padding: 0;
}
p#vtip { display: none; position: absolute; padding: 10px; left: 5px; font-size: 1.2em; background-color: white; border: 1px solid #a6c9e2; -moz-border-radius: 5px; -webkit-border-radius: 5px; z-index: 9999 }
p#vtip #vtipArrow { position: absolute; top: -10px; left: 5px }