/*  

Theme Name: Saola Vietnam WP Theme

Theme URI: http://tnhh.info/

Description: Cheers!!!

Version: 0.99

Author: Huan Truong

Author URI: http://tnhh.info/

*/





/* Begin Typography & Colors */

body {

  font-size: 62.5%; /* Resets 1em to 10px */

  font-family: Arial, Sans-Serif;

  background: #44484F;

  color: #333;

  text-align: center;

}



#page {

 text-align: left;

}



#headerimg {

  margin: 0;

  height: 218px; 

  width: 763px; 

} 



#content {

  font-size: 1.2em; 

}



.widecolumn .entry p {

  font-size: 1.05em;

}



.narrowcolumn .entry, .widecolumn .entry {

  line-height: 1.4em;

}



.widecolumn {

  line-height: 1.6em;

}



.narrowcolumn .postmetadata {

  text-align: left;

}



.alt {

  background-color: #fafafa;

  border-top: 1px solid #eee;

  border-bottom: 1px solid #eee;

}



#footer {

  background: #44484F url('images/foot.jpg') no-repeat center top; 

  border: none;

}



small {

  font-family: Arial, Helvetica, Sans-Serif;

  font-size: 0.9em;

  line-height: 1.5em;

}



h1, h2, h3 {

  font-family: Arial, Verdana, Arial, Sans-Serif;

  font-weight: bold;

}



h1 {

  font-size: 4em;

}



#headerimg .description {

  font-size: 1.2em;

}



h2 {

  font-size: 1.6em;

}



h2.pagetitle {

  font-size: 1.6em;

}



#sidebar h2 {

  font-family: Arial, Verdana, Sans-Serif;

  font-size: 1.2em;

}



h3 {

  font-size: 1.3em;

}



h1, h1 a, h1 a:hover, h1 a:visited, #headerimg .description {

  text-decoration: none;

  color: white;

}



h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited {

  color: #333;

}



h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited, #sidebar h2, #wp-calendar caption, cite {

  text-decoration: none;

}



.commentlist li, #commentform input, #commentform textarea {

  font: 0.9em Arial, Verdana, Arial, Sans-Serif;

}



.commentlist li {

  font-weight: bold;

}



.commentlist cite, .commentlist cite a {

  font-weight: bold;

  font-style: normal;

  font-size: 1.1em;

}



.commentlist p {

  font-weight: normal;

  line-height: 1.5em;

  text-transform: none;

}



#commentform p {

  font-family: Arial, Verdana, Arial, Sans-Serif;

}



.commentmetadata { 

  font-weight: normal;

}



#sidebar {

  font: 1em Arial, Verdana, Arial, Sans-Serif; 

}



small, #sidebar ul li, #sidebar ol li, .nocomments, .postmetadata, strike {

  color: #777;

}



code {

 font: 1em 'Courier New', Courier, Fixed;

}



blockquote {

  color: #555;

  font-style: italic;

}



em {

  font-style: normal;

  font-weight: bold;

}

acronym, abbr, span.caps {

  font-size: 0.9em;

  letter-spacing: .07em;

}



a, h2 a:hover, h3 a:hover {

  text-decoration: none;

}



a:hover {

  text-decoration: underline;

}



#wp-calendar #prev a, #wp-calendar #next a {

  font-size: 9pt;

}



#wp-calendar a {

  text-decoration: none;

}



#wp-calendar caption {

  font: bold 1.3em Arial, Verdana, Arial, Sans-Serif;

  text-align: center;

  display: none;

}



#wp-calendar th {

  font-style: normal;

  text-transform: capitalize;

}

/* End Typography & Colors */







/* Begin Structure */

body {

  margin: 0 0 20px 0;

  padding: 0; 

}



#page {

  background: #44484F url(images/bg.jpg) repeat-y center top;

  margin: 20px auto;

  padding: 0;

  width: 763px;

}



#header {

  background-color: #44484F;

  margin: 0; 

  padding: 0; 

  height: 218px; 

  width: 763px;

}



#headerimg {

  margin: 0;

  position: relative;

  left: 0; 

  top: 0;

}

#headerimg h1, #headerimg .description {

  padding-left: 30px;

  display: none;

}



.narrowcolumn {

  float: left;

  padding: 0 0 20px 35px;

  margin: 0;

  width: 460px;

}



.widecolumn {

  padding: 10px 0 20px 0;

  margin: 0 0 0 10px;

  width: 743px;

}



.post {

  text-align: justify;

  padding: 5px 15px;

  margin: 5px -15px;

  background: #fafafa; 

  border: 1px solid #eee; 

  height: 1%; /* peekaboo */

  clear: both;

}



.postthumb img {

	float: left;

	padding: 0 10px 0 0;

	/*border: 1px solid #BBB;*/

}



.widecolumn .post { margin: 0; }

.narrowcolumn .postdata { padding-top: 5px; }

.widecolumn .postmetadata { margin: 30px 0; }



.widecolumn .smallattachment {

  text-align: center;

  float: left;

  width: 128px;

  margin: 5px 5px 5px 0px;

}



.widecolumn .attachment {

  text-align: center;

  margin: 5px 0px;

}



.postmetadata, .entry { clear: both; }



#footer {

  padding: 0;

  margin: 0 auto;

  width: 763px;

  height: 55px;

  clear: both;

}



#footer p {

  margin: 0;

  padding: 10px 0 0 0;

  text-align: center;

}

/* End Structure */





/* Begin Headers */

h1 {

  padding-top: 30px;

  margin: 0;

}



h2 { margin: 0; }



h2.pagetitle {

  margin-top: 30px;

  text-align: center;

}



#sidebar h2 {

  margin: 5px 0 0;

  padding: 0;

}



h3 {

  padding: 0;

  margin: 0;

}



h3.comments {

  padding: 0;

  margin: 40px auto 20px ;

}

/* End Headers */





/* Begin Images */

p img {

  padding: 0;

  max-width: 100%;

}



.entry img {

/*

  float: left;

  background: #fff;

  border: 1px solid #333;

  padding: 3px;

*/

  margin: 0;

}



.entry img.wp-smiley {

  float: none;

  margin: 0;

  background: inherit;

  border: 0;

  padding: 0;

}



img.noborder {

  background: inherit;

  border: 0;

  padding: inherit;

}



img.centered {

  display: block;

  margin-left: auto;

  margin-right: auto;

  float: none;

}



img.alignright {

  display: inline;

  float: right;

}



img.alignleft {

  display: inline;

  float: left;

}

.alignright { float: right; }

.alignleft { float: left }

/* End Images */





/* Begin Lists */

html>body .entry ul {

  margin-left: 0px;

  padding: 0 0 0 20px;

  list-style: none;

  list-style-type: circle;

} 



html>body .entry li { margin: 7px 0 8px 5px; }



.entry ol {

  padding: 0 0 0 20px;

  margin: 0;

}



.entry ol li {

  margin: 0;

  padding: 0;

}



.postdata ul, .postmetadata li {

  display: inline;

  list-style-type: none;

  list-style-image: none;

}



#sidebar ul, #sidebar ul ol {

  margin: 0;

  padding: 0;

}



#sidebar li {

  list-style-type: none;

  margin-bottom: 15px;

  margin-left: 25px;

}

#sidebar ul li {

  list-style-type: circle;

  list-style-image: none;

}



#sidebar p, #sidebar select {

  margin: 5px 0 8px;

}



#sidebar ul, #sidebar ol {

  margin: 5px 0 0 5px;

}



#sidebar ul ul, #sidebar ol {

  margin: 0 0 0 10px;

}



ol li, #sidebar ol li { list-style: decimal outside; }



#sidebar ul li, #sidebar ol li {

  margin: 3px 0 0;

  padding: 0;

}

/* End Entry Lists */







/* Begin Form Elements */

#searchform {

  margin: 0 auto;

  padding: 0 3px; 

  text-align: center;

}



#sidebar #searchform #s {

  border: 1px dashed #ddd; 

  width: 140px;

  padding: 2px;

}



#sidebar #searchsubmit {

  padding: 0;

  position: relative;

  top: 6px;

}



.entry form {

  text-align: center;

}

select {

  width: 130px;

}



#commentform input {

  width: 170px;

  padding: 2px;

  margin: 5px 5px 1px 0;

}



#commentform textarea {

  width: 100%;

  padding: 2px;

}



#commentform #submit {

  margin: 0;

  float: right;

}

/* End Form Elements */







/* Begin Comments*/

.alt {

  margin: 0;

  padding: 10px;

}



.commentlist {

  padding: 0;

  text-align: justify;

}



.commentlist li {

  margin: 15px 0 3px;

  padding: 5px 10px 3px;

  list-style: none;

}



.commentlist p {

  margin: 10px 5px 10px 0;

}



#commentform p {

  margin: 5px 0;

}



.nocomments {

  text-align: center;

  margin: 0;

  padding: 0;

}



.commentmetadata {

  margin: 0;

  display: block;

}

/* End Comments */







/* Begin Sidebar */

#sidebar {

  margin-left: 522px;

  width: 210px;

  background: #eee;

  border: 1px solid #ddd;

  padding: 5px;

  margin-top: 1em;

}

#sidebar form { margin: 0; }

/* End Sidebar */





/* Begin Calendar */

#wp-calendar {

  empty-cells: show;

  margin: 0;

  width: 155px;

}



#wp-calendar #next a {

  padding-right: 10px;

  text-align: right;

}



#wp-calendar #prev a {

  padding-left: 10px;

  text-align: left;

}



#wp-calendar a {

  display: block;

}



#wp-calendar #today {

  background: white;

}



#wp-calendar caption {

  text-align: center;

  width: 100%;

}



#wp-calendar th {

  padding: 3px 0;

  text-align: center;

}

#wp-calendar td {

  padding: 3px 0;

  text-align: center;

}

/* End Calendar */





/* Begin Various Tags & Classes */

acronym, abbr, span.caps {

  cursor: help;

}



acronym, abbr {

  border-bottom: 1px dashed #999;

}



blockquote {

  margin: 15px 10px 0 10px;

  padding: 0 20px 0 20px;

  border-left: 5px solid #ddd;

  border: 1px dashed #ddd;

  border-left: 0;

  border-right: 0;

  background: #fff;

}



.center {

  text-align: center;

}



a img {

  border: none;

}



.navigation {

  display: block;

  text-align: center;

  margin-top: 10px;

  margin-bottom: 60px;

}



.cal {

  color: #fff;

  text-align: center;

  line-height: 1.4em;

  font-family: Arial, "Lucida Sans Unicode", Arial, Sans-Serif;

  padding: 1px;

  width: 2.9em;

}



.calborder {

  display: inline;

  padding: 1px;

  float: left;

  margin-right: 1em;

}



.cal span { display: block; }



.cald {

  font-size: 1.5em;

  letter-spacing: .2em;

  padding-left: .2em

}

.cald2 {

  letter-spacing: 0em;

  padding-left: 0em

}



.calm {

  font-weight: bold;

  font-size: 2em;

  line-height: .7em;

}



.caly {

  font-size: .8em;

  line-height: 1em;

}



.pages {

  display: inline;

  position: absolute;

  left: 24px;

  bottom: 0 !important; bottom: 10px;

  text-align:left;

  padding: 0;
float:left;
}



.pages_ie7 {

  bottom: 10px !important;

}

.pages ul {

  display: none;
  float:left;
}



.pages li {

  list-style-type: none;

  display: inline;

  margin: 0 1.8em;


}



.pages a, .pages a:hover {

  font-size: 1.5em;

  font-weight: bold;

  color: #FFF;

  letter-spacing: -.08em !important; letter-spacing: -.1em;

}



.postinfo { padding-bottom: 1em; }

.postinfo h2, .postinfo h3 { line-height: .9em; }





#head_overlay {

  position: absolute;

  right: 13px !important; right: 12px;

  bottom: 5px; 


  width: 37px;

  height: 30px;

}



#rss {

  float: right;

  padding-right: 4px;

}

/* End Various Tags & Classes*/