html {min-height: 100%;}

* {
	margin: 0;
	padding: 0;
}

a {color: #379BCD;}
a {hover: #379BCD;}
a {text-decoration: none;}

body {
	background: #24b8fe;
	color: #282828;
	font: normal 62.5% Tahoma,sans-serif;
	padding-top: 20px;
}

p,code,ul {padding-bottom: 1.2em;}

li {list-style: none;}

h1 {font: normal 1.8em Tahoma,sans-serif;}
h2 {font: bold 1.4em sans-serif;}
h3 {font: bold 1em Tahoma,sans-serif;}

form,input {margin: 0; padding: 0; display: inline;}

code {
	background: #FFF;
	border: 1px solid #EEE;
	color: #666;
	display: block;
	font: normal 1em Tahoma,sans-serif;
	line-height: 1.6em;
	margin-bottom: 12px;
	padding: 8px 10px;
	white-space: pre;
}



h1,h2,h3 {padding-top: 6px; color: #379BCD; margin-bottom: 4px;}


.clearer {clear: both; font-size: 0;}
.left {float: left;}
.right {float: right;}


.inner-container {
	border: 2px solid #79b7e6;
	background: #FFF;
	font-size: 1.2em;
	margin: 0 auto;
	padding: 10px;
	width: 750px;
}

.outer-container {
	background: #ffffff url('images/bg.jpg') repeat-x;
	padding-bottom: 24px;
}


.header {
	background: #222 url('images/head.jpg') no-repeat;
	height: 250px;
	margin-bottom: 0px;
	text-align: center;
}
.header .title {
	color: #FFF;
	padding-top: 50px;
}
.header .title .name a {
	color: #282828;
	float:left;
	font: 30px sans-serif;
	padding-top: 50px;
	text-decoration: none;
	padding-left:150px;
}
.header .title a:hover {border-color: #F60;}

.header .title .tag {
	text-align: left;
	font: normal 18px Verdana,sans-serif;
	padding-top: 90px;
	padding-left: 185px;
	color: #24c464;
}

.tag2 {
	text-align: left;
	font: normal 28px Verdana,sans-serif;
	color: #24c464;
}

.navigation {
	float: right;
	width: 180px;
}
.navigation h2 {
	color: #379BCD;
	font: bold 1.6em Tahoma,sans-serif;
	line-height: 30px;
	margin: 0;
	padding-left: 11px;
}
.navigation ul {
	padding-bottom: 10px;
	border-top: 1px solid #379BCD;
}
.navigation li {border-bottom: 1px solid #b1b1b1;}
.navigation li a {
	font-size: 1.1em;
	color: #7c7c7c;
	display: block;
	padding: 8px 0 8px 5%;
	text-decoration: none;
	width: 95%;
}
.navigation li a:hover {
	background: #79b7e6;
	color: #282828;	
}


.main {
	background: #ffffff;
	
	padding: 0px 10px 0 0;
}


.content {
	float: left;
	width: 510px;
	margin-left: 5px;
	margin-right: 5px;
	padding-top:10px;
}

.content p {font-family: "Lucida Sans Unicode",sans-serif;}


.footer {
	background: #79b7e6;
	color: #F7F7F2;
	font: bold 1em sans-serif;
	margin-top: 5px;
	padding: 10px 12px;
	text-align: center;
}
.footer a {
	color: #F7F7F2;
	text-decoration: none;
}
.footer a:hover {color: #282828;}

.video_item {
  font:normal 14px "veranda", Helvetica, sans-serif;
  line-height: 10px;
}

.video_item h3{	
	font:normal 18px "veranda", Helvetica, sans-serif;
	color:#379BCD; 
  padding:0; 
  margin: 0px 0 10px 0; 
}

.video_item h3 a{	
  font-weight: normal;
  font-size: 18px;
  color: #379BCD;
  text-decoration: none;
}

.video_item p {
  margin: 0;
  line-height: 20px;
  margin: 0 0 10px 0;

}

.video_item p span {
  font-weight: bold;
}

.video_item li span {
  font-weight: bold;
}

.video_item img {
  margin: 0 10px 10px 10px;
  border: solid #000000 2px;
  float: left;
}

.video_item ul {
  list-style: none;
}
.video_item li {
  margin: 0 0 13px 0;
}

.video_item p a {
  color: #24C464;
  text-decoration: none;
  padding: 0 3px 0 3px;
}

.video_item p a:hover {
  color: #fff;
  background-color: #379BCD;
  text-decoration: none;
}

.next_page a{
  float: right;
  padding: 5px;
  font:normal 12px/14px "Trebuchet MS", Arial, Helvetica, sans-serif;
  text-decoration: none;
  color: #000;
  margin-top: 10px;
}

.next_page a:hover{
  border: 0px solid #000000;
}

.prev_page a{
  float: left;
  padding: 5px;
  font:normal 12px/14px "Trebuchet MS", Arial, Helvetica, sans-serif;
  text-decoration: none;
  color: #000;
  margin-top: 20px;
}



.prev_page2 a{
  float: left;
  padding: 5px;
  font:normal 12px/14px "Trebuchet MS", Arial, Helvetica, sans-serif;
  text-decoration: none;
  color: #000;
  margin-top: 22px;
}

.prev_page a:hover{
  border: 0px solid #000000;
}

.curr_page {
  margin-top: 50px;
}

.clear {
  clear: both;
}

#detail_stat {
  background: #F7F6F6;
  padding: 10px 10px 10px 10px;
  margin: 20px 10px 20px 10px;
  border: solid 2px #BFBFBF;
}

#detail_stat p {
  font:normal 12px/14px "veranda", Helvetica, sans-serif;
  line-height: 1.5em;
}

#detail_stat p span {
  font-weight: bold;
}

#detail_stat a {
  color: #24C464;
  text-decoration: underline;

}

#detail_stat a:hover {
  color: #379BCD;
  text-decoration: none;
}

.comment_alt_1 {
  background-color: #fff;
  border: dotted 1px #C0C0C0;
  padding: 10px 10px 10px 10px;
  margin: 0 10px 15px 10px;
}

.comment_alt_2 {
  background-color: #EEEEEE;
  border: dotted 1px #C0C0C0;
  padding: 10px 10px 10px 10px;
  margin-bottom: 15px;
  margin: 0 10px 15px 10px;
}


.detail_comment {
  margin: 0 0 10px 0;
}

.detail_comment p {
  font:normal 12px/14px "veranda", Helvetica, sans-serif;
  line-height: 1.5em;
}

.detail_comment span {
  font-weight: bold;
}

#video_player {
  margin: 40px 10px 10px 10px;
}


#w3c {
  margin: 10px 0 0 0;
}

#w3c img {
  border: 0px;
}


#profile {
  background: #F7F6F6;
  padding: 10px 10px 10px 10px;
  margin: 20px 10px 20px 10px;
  border: solid 2px #BFBFBF;
}

#profile p {
  font:normal 12px/14px "veranda", Helvetica, sans-serif;
  line-height: 1.5em;
}

#profile p span {
  font-weight: bold;
}

#profile a {
  color: #379BCD;
  text-decoration: none;
  padding: 0 3px 0 3px;
}

#profile a:hover {
  color: #fff;
  background-color: #379BCD;
  text-decoration: none;
}

#profile img {
  float: left;
  border: 1px solid #000;
  margin: 0 20px 20px 0;
}

#profile_c1 {
  float: left;
}
#profile_c2 {
  float: left;
}

#user_menu {
  margin: 10px 0 0 10px;
  padding: 0;
    font-weight: bold;
}

#user_menu ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

#user_menu li {
  display: inline;
  margin: 0 10px 0 0;
}

#user_menu a {
  text-decoration: none;
  color: #24C464;
  padding: 3px;
}
#user_menu a:hover {
  text-decoration: none;
  background: #379BCD;
  color: #fff;
}