/*
Theme Name: Tran Lap
Theme URI: http://tranlap.com
Description: Theme by Tranlap
Version: 1.0
Author: Fancy Free & Tran Lap

Tags: tranlap

*/
body
{
	margin:0px;
	padding:0px;
	background:#000;
}
a,
a:link,
a:visited,
a:hover
{
	color:#fff;
	text-decoration:none;
}
a:hover
{
	text-decoration:underline;
}
.entry p
{
	padding:5px 0px;
	line-height:150%;
}
#TranLap
{
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	color:#b7ab9c;
	padding-bottom:30px;
}
img
{
	border:0px;
}
p, h1,h2,h3,h4
{
	margin:0px;
	padding:0px;
}
h2
{
	font-size:14px;
	font-weight:bold;
}
#body
{
	height:414px;
	background:url(images/main_bg.jpg);
}
#body,
#top,
#bottom
{
	width:900px;
	margin:0px auto;
	overflow:hidden;
}
#page,
#news
{
	background:url(images/left_bg.jpg) no-repeat top left;
	height:394px;
	overflow:hidden;
	width:466px;
	padding:10px;
	float:left;
}
#page
{
	padding-left:142px;
	width:341px;
}

#news .navigation
{
	width:324px;
	padding-left:142px;
	overflow:hidden;
}
#news .navigation .alignleft
{
	width:50%;
	text-align:left;
	float:left;
	overflow:hidden;
	padding-top:10px;
}
#news .navigation .alignright
{
	width:50%;
	text-align:right;
	float:left;
	overflow:hidden;
	padding-top:10px;
}
.more_posts,
.more_posts li,
.posts,
.posts li
{
	margin:0px;
	padding:0px;
	list-style:none;
}

.posts li
{
	clear:both;
	padding-bottom:10px;
	overflow:hidden;
}
.posts li .thumb
{
	float:left;
	width:132px;
	overflow:hidden;
	padding:1px 0px;
}
.posts li .content
{
	float:left;
	width:324px;
	overflow:hidden;
	padding-left:10px;
}
.more_posts
{
	
	border-top:2px solid #c6b5a2;
	font-size:11px;
	padding-top:10px;
}
#news .more_posts
{
	margin-left:142px;
}
#content .more_posts
{
	margin-top:10px;
	padding-top:10px;
	padding-left:50px;
	padding-right:20px;
}
.more_posts li
{
	background:url(images/list_style_01.gif) no-repeat left 2px;
	text-indent:20px;
	margin:5px;
	
}

#g_random
{
	float:left;
	overflow:hidden;
	width:560px;
}
.clear
{
	height:0px;
	width:100%;
	clear:both;
	overflow:hidden;
}
#nav 
{
	float:left;
}
#nav ul,
#nav li
{
	margin:0px;
	padding:0px;
	list-style:none;
}
#nav li
{
	float:left;
	overflow:hidden;
	margin-right:20px;
	padding-left:10px;
	height:25px;
}
#nav li.home
{
	margin-right:8px;
}
#ex_links li.links
{
	height:25px;
}

#ex_links li.links a,
#nav a
{
	float:left;
	overflow:hidden;
	height:50px;
	position:relative;
}
#ex_links li.links a:hover,
#nav a:hover
{
	margin-top:-25px;
}
#ex_links
{
	font-size:18px;
	float:right;
	overflow:hidden;
}
#ex_links ul,
#ex_links li
{
	margin:0px;
	padding:0px;
	list-style:none;
	overflow:hidden;
}
#ex_links li
{
	float:left;
	padding:0px 5px 0px 10px;
}
#bottom
{
	padding-top:10px;
}
#top
{
	padding-top:90px;
}
.about_link
{
	float:right;
	padding:10px;
}

#content #left
{
	width:320px;
	overflow:hidden;
	float:left;
}
#content #right
{
	width:570px;
	float:left;
}
#content .title
{
	padding:10px 5px;
}
#content .thumbnail
{
	text-align:center;
	padding-top:20px;
}

#title
{
	color:#999;
	padding:10px;
}
#title h2
{
	font-size:16px;
	color:#eee;
}
#title .desc
{
	color:#888;
	font-style:italic;
}
p.tags
{
	font-size:11px;
	padding:10px;
}
/*********************** SCROLLERS ***********************/
.root 		{
		position:relative;
		height:			200px;
		width:			489px;
		margin: 			0px;		
		}
#page .root
{
	width:341px;
}
#gallery .root
{
	float:left;
	width:340px;
}
.root p 	{
		margin:			10px 10px 5px 10px;
		}
		
		
.handle 		{
		position:			absolute;
		height:			77px;
		width:			16px;
		left: 			10px;
		background:url(images/scrollbar_handle.gif);
		
		}
		
.up, .dn 	{
		position:			absolute;
		left: 			10px;
		}
.up a, .up a img, .dn a, .dn a img, .thumb a , .thumb a img{
		border:			0;
		}
.scrollContainer { 
		position:			absolute; 
		left:			2px; 
		top:			19px; 
		width:			350px; 
		height:			200px; 
		overflow:			auto; 
		}
.scrollContent { 
		position:			absolute; 
		left:			0px; 
		top:			0px; 
		width:			100px; 
		}






#s3slider {
   width: 414px; /* important to be same as image width */
   height: 414px; /* important to be same as image height */
   position: relative; /* important */
   overflow: hidden; /* important */
   background:#000;
}
#s3slider ul,
#s3slider li
{
	margin:0px;
	padding:0px;
	list-style:none;
}
#s3sliderContent {
   width: 414px; /* important to be same as image width or wider */
   position: absolute; /* important */
   top: 0; /* important */
   margin-left: 0; /* important */
}

.s3sliderImage {
   float: left; /* important */
   position: relative; /* important */
   display: none; /* important */
}

.s3sliderImage span {
   position: absolute; /* important */
   left: 0;
   font: 10px/15px Arial, Helvetica, sans-serif;
   padding: 0px;
   height:0px;
   width: 374px;
   background-color: #000;
   filter: alpha(opacity=70); /* here you can set the opacity of box with text */
   -moz-opacity: 0.7; /* here you can set the opacity of box with text */
   -khtml-opacity: 0.7; /* here you can set the opacity of box with text */
   opacity: 0.7; /* here you can set the opacity of box with text */
   color: #fff;
   display: none; /* important */
   top: 0;

   /*
       if you put
       top: 0; -> the box with text will be shown at the top of the image
       if you put
       bottom: 0; -> the box with text will be shown at the bottom of the image
   */
}