/*  
Theme Name: stylish
Version: 1.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:Times New Roman, serif;
	color:#515151;
	background:#000000;
}
.cleardiv{
clear: both;
width:100%;
height:1px;
}


h1 {
	font-size:12px;
}

h2 {
	font-size:20px;
}
h3 {
	font-size:18px;
}
h4 {
	font-size:15px;
}
small {
font-size: 11px;	
}

code {
	background: #FFFFC1;	
}
blockquote  {
background:url('images/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 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:150px;
}
.header{
width:900px;
height:100px;
background:url('images/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/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/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/navleft-trans.png');
margin:0px;
padding:0px;
float:left;
}
.navcenter{
width:872px;
height:50px;
background:url('images/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/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/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:-40%;
}

#nav li ul a{
width:12em;
height:auto;
float:left;
z-index:10; 
margin:0px;
background:none;
}

#nav ul ul{

top:15px;
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;
}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul{
display:block;
}


.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/navright-trans.png');
margin:0px;
padding:0px;
float:left;
}
.welcom{
width:898px;
height:150px;
margin-left:1px;
background:url('images/welbg.png');
}
.welcomtitle{
width:895px;
text-align:center;
height:75px;
margin:0px;
padding:0px;
float:left;
}
.welcomtitle h1{
height:75px;
font-size:40px;
font-family:Times New Roman, serif;
color:#696969;
font-weight:lighter;
margin:30px 0px 0px 0px;
padding:0px;
}
.welcomdesc{
width:895px;
text-align:center;
height:50px;
margin:0px;
padding:0px;
float:left;
}
.welcomdesc h2{
text-align:center;
height:50px;
font-size:20px;
font-family:Times New Roman, serif;
color:#a8a8a8;
font-weight:lighter;
margin:5px 0px;
padding:0px;
}
#slider{
width:900px;
height:220px;
background:#000;
float:left;

}

.contop{
width:900px;
height:57px;
margin:0px;
padding:0px;
background:url('images/contop.png');
float:left;
}
.pagetitle{
color:#515151;
text-decoration:none;
font: 20px Times New Roman, serif;
margin:20px 0px 10px 25px;
padding:15px 10px;
width:525px;
float:left;
border:1px dotted #efefef;
background:#f7f7f7;
}


.conmidw{
width:900px;
margin-top:-60px;
padding:0px;
float:left;
}
.conmid{
width:900px;
margin:0px;
padding:0px;
background:url('images/conmid.png') repeat-y;
float:left;
}
.conbot{
width:900px;
height:57px;
margin:0px;
padding:0px;
background:url('images/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:450px;
margin:10px 0px 0px 0px;
float:left;
padding-left:50px;
padding-top:10px;
background:url('images/title-trans.png') no-repeat;
min-height:45px;
font-family:Times New Roman, serif;
font-size:25px;
}
.post_title a{
text-decoration:none;
color:#880147
}


.postcomm{
margin-top:10px;
width:48px;
float:left;
height:48px;
background:url('images/speechbubble-trans.png');
text-align:center;
font-size:16px;
font-family:Times New Roman, serif;
}
.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/author-trans.png') no-repeat;

}
.postautht{
float:left;
margin-top:15px;
margin-left:40px;

}
.postdate{
width:200px;
float:left;
height:50px;
background:url('images/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/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/author-trans.png') no-repeat;

}
.spostautht{
float:left;
margin-top:15px;
margin-left:40px;

}
.spostdate{
width:270px;
float:left;
height:50px;
background:url('images/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/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/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/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/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/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/formbg.png') repeat-x;
border:1px solid #e9e9e9;
font:12px Times New Roman, serif;
color:#999999;
}
#email{
padding-top:10px;
padding-left:5px;
margin:0px 5px 10px 0px;
float:left;
width:220px;
height:30px;
background:url('images/formbg.png') repeat-x;
border:1px solid #e9e9e9;
font:12px Times New Roman, serif;
color:#999999;
}
#url{
padding-top:10px;
padding-left:5px;
margin:0px 5px 10px 0px;
float:left;
width:220px;
height:30px;
background:url('images/formbg.png') repeat-x;
border:1px solid #e9e9e9;
font:12px Times New Roman, serif;
color:#999999;
}
#comment{
margin:12px 0px 10px 0px;
float:left;
width:250px;
height:140px;
padding:5px;
background:url('images/formbg.png') repeat-x;
background-color:white;
border:1px solid #e9e9e9;
font:12px Times New Roman, serif;
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/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:left;
margin-top:10px ;

}

.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/stleft.png') no-repeat;

}
.stmid {

padding:8px;
font-size:20px;
color:white;
font-family:Times New Roman, serif;

height:40px;
float:left;
background:url('images/stmid.png') repeat-x;

}
.stright {

width:11px;
height:40px;
float:left;
background:url('images/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/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/footleft-trans.png');
margin:0px;
padding:0px;
float:left;
}
.footcenter{
width:873px;
height:60px;
background:url('images/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/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/footright-trans.png');
margin:0px;
padding:0px;
float:left;
}

















.stepcarousel{
position: relative; /*leave this value alone*/
border: 10px solid black;
overflow: scroll; /*leave this value alone*/
width: 900px; /*Width of Carousel Viewer itself*/
height: 200px; /*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: 214px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
height:180px;
background:#f7f7f7;
padding:1px;
border:1px solid white;
}
.thumbnail2 a img{
border:none;

}




#flickr h2 span {
	color: #0061D8;
	font-family:Times New Roman, serif;
}

#flickr h2 span span {
	color: #FF1183;
	font-family:Times New Roman, serif;
}
#flickr .wrapf {
	width: 260px;
	margin-LEFT: 5px;
	margin-top: 10px;
	padding:0px;
	font-family:Times New Roman, 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:Times New Roman, 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;
}	

#footerLink {
color:#ffffff;
}