/*  
Theme Name: AnaTranny
Description: AnaTranny's Blog Theme
Author: Czarina
Author URI: http://wedesig.net
*/


body {
	margin: 0;
	padding: 0;
	background: #fff;
	color: #363636;
	float: center;
	font-size: 0.85em;
	font-family: Tahoma, Verdana, "Lucida Sans Unicode", "Trebuchet MS", sans-serif;
	text-align: left;
	voice-family: "\"}\""; 
	voice-family: inherit;

}

#wrapper { 
width: 906px; 
margin: 0 auto;
float: center;
background: #fff;
}

a:hover { 
text-align: left; 
text-decoration: underline; 
color: #28bcea;
}

a, a:link, a:visited  { 
color:#363636; 
text-decoration: none;
}
li, ul { 
font-size: 11px;
line-height: 25px;
color: #363636;
list-style-type: none;
text-indent:-20px;
 }

h4 { text-align: left; color: #363636; padding-left: 0.5em; font-size: 13px; }
h3 { text-align: left; color: #363636; font-size: 12px; }
h2 { text-align: left; color: #363636; font-size: 24px; }
h1 { text-align: left; color: #363636; font-size: 14px; }

#posts img ,#sidebar img{
border: 1px #fe0279 dashed;
}


#headerleft {
position: relative;
float:left;
width: 457px;
height: 244px; 
}
#headerright {
float:right;
width: 449px;
}
#header01 {
height: 244px; 
background: url(images/header_01.jpg) no-repeat top left; 
}
#header03 h1 {
padding:0;
margin: 0 0 0 35px;
font-size:12px;
color:#fff;
}
#header02 {
height:55px; 
}
#header03 {
height: 100px; 
background: url(images/header_03.jpg) no-repeat top left; 
}
#header03text {
padding-left:40px;
width:333px;
font-weight: bold;
text-align:center;
font-size:11px;
color: #fff;
}
#header04 {
height: 89px; 
background: url(images/header_04.jpg) no-repeat top left; 
}

#header05 {
height:89px; 
background: url(images/header_05.jpg) no-repeat top left; 
}

#header06 {height:49px; 
background: url(images/header_06.jpg) no-repeat top left; 
}

#latestupdates_1 {
height:38px; 
background: url(images/latestupdates_1.jpg) no-repeat; 
}
#latestupdates_2 {
height:114px; 
background: url(images/latestupdates_2.gif) no-repeat; 
text-align:center;
}
#latestupdates_2 img {
margin:10px;
}

#content { 
overflow: hidden; 
height: 100%;
width: 906px;
margin:0 auto;
float:center;
}

#posts {
padding:0;
margin:0;
width: 660px;
position: relative;
float:left;
}

/* SIDEBARS */
#sidebar {
padding:0;
margin:0;
width: 246px;
float:right;
font-size: 11px;
}

#sidebar a,  
#sidebar a:link,  
#sidebar a:active,  
#sidebar a:visited, 
{
color: #363636;
text-decoration: underline;
}
#sidebar a:hover{
color: #28bcea;
text-decoration: none;
}

.sidebarpic_top {
background: url(images/sidebarpic_top.gif) no-repeat top left;
height: 85px;
}
.sidebar_top {
background: url(images/sidebar_top.gif) no-repeat top left;
height: 38px;
}
.sidebar_body {
background: url(images/sidebar_body.gif) repeat-y;
}
.sidebar_bottom {
background: url(images/sidebar_bottom.gif) no-repeat;
height: 45px;
}

.sidepicheader {
text-transform: capitalize;
padding-top:54px;
color: #fff;
text-align:center;
font-weight: bold;
font-size:11px;
}
.sideheader {
text-transform: capitalize;
padding-top:14px;
color: #fff;
text-align:center;
font-weight: bold;
font-size:11px;
}

.sidebar_body ul li{
padding-left:20px;
}

.padded15 {
padding: 10px 15px 10px 20px;
}
.padded15 img{
padding:5px;
margin: 5px;
}
/* ends sidebar */

.post_header {
background: url(images/dots.gif) no-repeat;
width: 650px;
height: 7px;
margin-top:10px;
}

/* the padding here if increased will move the center column down */
.postwrapper { 
width: 620px;
border: 0; 
line-height:18px;
font-size: 12px;
}	 
.postwrapper * {
color: #363636;
}
.postwrapper img {
border: 1px #fcf9d2 solid;
padding: 2px;
margin: 2px;
}
.underpost { 
color: #363636;
font-size: 11px;
text-align: center;
}
.underpost a{ 
text-decoration: underline;
}
.date {
width:100px;
text-align:center;
font-size:12px;
padding-top:3px;
}
.mycaption {
padding: 0px;
margin: 0px; 
font-size: 18px; 
font-weight: bold; 
text-align: left;
text-decoration: none;
color: #fe0279;
}
.mycaption h2, .mycaption h2 a{
padding: 0px;
margin: 0px; 
color: #fe0279;
font-size: 18px; 
}



#navigation {
padding: 15px;
text-align: center;
}

#searchform {
height:20px;
padding-left:150px;
width: 320px;
}
.inpt{
margin-top:15px;
border: 0;
width:200px;
}
.searchinput {
position:relative;
float:left;
width:210px;
}
.searchbutton {
float:left;
width:30px;
padding-left:14px;
padding-top:5px;
}


.commentlist li { margin:10px; 
border-bottom: 1px solid #cdebfb; 
padding: 10px 10px 0 10px;
list-style: none;
text-decoration: none;
line-height: 16px;
text-align:left;
}
#thecomments {
text-align: left;
margin-left: 20px;
}	
.commentlist * {color:#fe0279;}
#commentform textarea { width: 400px;
margin-left: 30px; 
/margin-left: 0!important; 
text-align: center;
}
#commentform { margin: 2px; width: 400px; }




.clear    {
height: 0px; 
overflow: hidden; 
clear: both; 
}

.myfooter {
padding: 30px;
overflow: hidden; 
text-align: center; 
font-size: 0.80em;
margin: 0 auto;
}
#footer_body {
text-align:center;
margin: 0 auto;
padding-top:6px;
}
#footer_body img{
border: 1px #363636 solid;
margin:2px;
padding:3px;
}
.copyright {
font-size: 10px;
padding: 6px;
text-align: center;
}
.copyright a, .copyright a:link, .copyright a:active, .copyright a:visited {
color:#0b86a6;
text-decoration: underline;
}
textarea {
width: 80%;
} 

.bottomlink {
text-align:center;
color:#fe0279;
font-size:1.2em;
font-weight:bold;
}
.bottomlink a,.bottomlink a:visited{
text-decoration:underline;
color:#fe0279;
font-size:1.2em;
}


img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}
img.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}
img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}
img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}
.alignright {
	float: right;
	}
.alignleft {
	float: left
	}
.aligncenter {
	float: center
	}
