/* Stylesheet */

body {
background: url(http://tuanho.com/themes/site_themes/nitro/gritty.jpg) repeat fixed;
margin:0;
font: normal 12px "Trebuchet MS", Trebuchet, Verdana, Helvetica, Sans-serif;
text-align: center;
}

a {
outline: none;}

a:link {
color:#4AA02C;
text-decoration:none;}

a:visited {
color:#4AA02C;
text-decoration:none;
}
a:hover {
color:#999999;
text-decoration:underline;} 
 
#logo {
	width:200px;
	height:60px;
	background:url(/themes/site_themes/cardboard/logo.png);
	position:relative;
	left:0px;
	top: 20px;
}
* html #logo {background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/themes/site_themes/cardboard/logo.png', sizingMethod='crop');}

 

/* Hidden from IE/Win */ div[class~=classname] { border: 3px solid red; }

/* Hidden from IE/Win , the same as div#floaty */ div[id=floaty] { background:url(/images/uploads/floaty.png) no-repeat; 
        margin: 30px auto auto 100px;
        padding:230px 150px 500px 150px ;
	position:fixed;
        z-index:-5;}} 



/*----------------------------------------------------------------------------------------------------GENERAL--------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*GENERAL*/
body { 
background-image: url(http://tuanho.com/themes/site_themes/nitro/gritty.jpg);
color: #000;
margin: 0;
padding: 0;
border: 0;
font-family: arial, sans-serif;
font-size: 85%;
}

/*For Internet Explorer*/
body {
text-align: center;
}
 

/*CONTAINER*/
#container {
margin: 0 auto 0 auto;      /*centers whole layout*/
width: 680px;
border-right: 3px solid #e5e5e5;
border-left: 3px solid #e5e5e5;
border-bottom: 10px solid #e5e5e5;
background: #fff   ;
}

/*Mail Form*/
#mailform {
margin: 5px auto 0 auto;      /*centers whole layout*/
} 

/*For Internet Explorer*/
#container {
text-align: left;
}

/*HEADER*/
#header {
background: #fff url(http://tuanho.com/themes/site_themes/nitro/header_border.jpg) repeat-x; 
}

/*BANNER*/
#banner { 
margin: 5px auto 5px auto;      /*centers whole layout*/
}

/*NAVATRAIL*/
#navatrail {
 
padding: 2px 10px 2px 10px;
border-bottom: 1px #999 solid;
}


/*----------------------------------------------------------------------------------------------------Menu Start--------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*MENU*/
#menu {
float: right;
border-left: 1px #999 solid;
}

#menu h2. {
background: #e5e5e5;
margin-bottom:10px;
margin-top:10px;
padding:0 0.2em;
line-height:1.5em;
}

/*For Internet Explorer*/
#menu {
width: 185px;
}

/*For All Other Browsers*/
div#container>div#menu {
width: 180px;
}

#menu div {
background: #fff;
padding:  5px  5px 5px 15px;
font-size: .9em;
}
 

/*----------------------------------------------------------------------------------------------------MISC--------------------------------------------------------------------------------------------------------------------------------------------------------------*/

/*Paragraphs and Lists*/
p {
line-height: 1.2em;

}

li {
margin: 0;
list-style: none;
}


#blocpic {   
display: block; 
margin: 10px auto 0px auto;
 
}

/*FOOTER*/
#footer {
margin:  35px 0 5px  0;
padding: 2px;
border-top: 3px solid #e5e5e5;
clear: both;
text-align: center;
font-size: .9em;
color:#666;
}

#blogtitle {
margin:  0;
padding: px;
border-top: 3px solid #e5e5e5;
clear: both;
text-align: center;
font-size: .9em;
color:#666;
}

.paginate {
font-family:		Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif;
font-size:			10px;
font-weight: 		normal;
letter-spacing:	.1em;
padding:			10px 6px 10px 4px;
margin:			0;
background-color:	transparent;
float:right;
 
}

.pagecount {
font-family:		Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif;
font-size:			10px;
color:				#666;
font-weight:		normal;
background-color: transparent;
}
						



 /*----------------------------------------------------------------------------------------------------Weblog--------------------------------------------------------------------------------------------------------------------------------------------------------------*/

/*MAIN*/
#main {
margin: 0px 10px 0px 10px;
padding: 0;
border: 0;
}

/*For Internet Explorer*/
#main {
margin-right: 180px;
height: 100%;
width: 475px;
}

/*For All Other Browsers*/
div#container>div#main {
margin-right: 175px;
}

#main div {
padding: 5px;
background: transparent;
}

 /*Do not modify. Keeps Emoticon */
#main img {
padding:0px;
margin:0px
}

#main .post img {
padding:3px;
border:3px solid #021a40;
background-color:#cccccc;
display: block; 
margin: 0px auto 5px auto;
}

#main .entry {
background: #fff;
margin: 0 0 5px 0;

border-bottom: 1px #EBEBEB solid;
border-top: 1px #EBEBEB solid;
}

#main .post {
font: normal 10px Helvetica,Verdana, Sans-Serif; letter-spacing: 0px;  
margin: 5px 0 0 0;}

 
#main .comment {
background: #fff;
margin: 5px 0 0 0;
border-top: 3px double #e5e5e5;
}

#main .comment p.info {
margin-right: 0;
}

#main #return {
margin: 15px 0 0 0;
}

#main  ul {
list-style:none;
margin:0 0 0;
padding:0 0 0;
}
#main  li {
margin:0;
padding-top:0;
padding-right:0;
padding-bottom:.25em;
padding-left:15px;
text-indent: 15px;
line-height:1em;
list-style-type: square;
list-style-position: inside;
}

#main a {
outline: none;}

#main a:link {
color:#4AA02C;
text-decoration:none;}

#main a:visited {
color:#4AA02C;
text-decoration:none;
}
#main a:hover {
color:#ccc;
text-decoration:none;} 

#main p {
background: transparent;
padding-bottom:5px;
line-height: 1.2em;
 }

#main h10
 { font: bold 12px Helvetica,Verdana, Sans-Serif;color:#666;}



/*----------------------------------------------------------------------------------------------------Misc--------------------------------------------------------------------------------------------------------------------------------------------------------------*/

 /*CSS-Tricks Example	 by Chris Coyier	 http://css-tricks.com		 */

*  {margin: 0;padding: 0;position: left;}     /*Holds slider together */
#page-wrap {width: 760px;}       /*Holds slider together */


h1                                      { font: normal 24px Helvetica,Verdana, Sans-Serif; letter-spacing: -1px; ; margin: 3px 0 3px 0}
h2                                      { font: bold 18px Helvetica,Verdana, Sans-Serif; letter-spacing: 0px;  margin: 0 0 1.5px 0}
h3                                      { font: normal 16px Georgia, Serif; margin: 0 0 5px 0; }  
h4                                      { font: bold 15px Helvetica, Sans-Serif; letter-spacing: 0px;  margin: 0 0 5px 0}
h5                                      { font: normal 11px Helvetica,Verdana, Sans-Serif; word-wrap: break-word;text-align: left; width:97%;}
h6                                      { font: normal 20px Helvetica,Verdana, Sans-Serif; letter-spacing: 0px;  margin: 5px 0 5px 0}
h7                                      { font: normal 10px Helvetica,Verdana, Sans-Serif; letter-spacing: 0px;   }
h8                                      { font: bold 18px Helvetica,Verdana, Sans-Serif; letter-spacing: 0px;  margin: 0 0 5px 0; color: #666666;}
h9                                      { font: bold 24px Helvetica,Verdana, Sans-Serif; letter-spacing: 0px;  margin: 0 0 5px 0; color: #666666;}
h10                                    { font: bold 12px Helvetica,Verdana, Sans-Serif; letter-spacing: 0px;padding 2px;}
}


 
 
 
--></style>