/*
Theme Name: ThinkPoint
Theme URI: http://blog.thedragonlives.com
Description: ThinkPoint Blog
Version: 1.0
Author: Eric Huang
Author URI: http://www.thedragonlives.com
*/


<!-- 

	head+/**/body .fc:after{
	content:"."; 
	display:block; 
	height:0;
	clear:both; 
	visibility:hidden;
	}
	
	/* mac hide \*/
	* html .fc{height:1%;}
	/* End hide */
	
a:link{
text-decoration: none;
color:#ffffff;
}
a:visited  {
text-decoration: none;
color:#ffffff;
}
a:hover   {
text-decoration: none;
color: #f7a71b;
}
a.linkopacity img {
filter:alpha(opacity=80); 
-moz-opacity: 0.8; 
opacity: 0.8;}

a.linkopacity:hover img {
filter:alpha(opacity=100);   
-moz-opacity: 1.0;   
opacity: 1.0;
}
a img {
border: none;
}


*{margin:0;padding:0}

html,body{
height:100%
}

body{
background: url(images/bgleft.gif) repeat-y #151515;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #FFF;
min-width: 750px;
max-width: 1623px;
display: block;
}

/**Font Code**/
p{
color:#FFF;
padding:5px 25px;
}
h2 { /*H2 Used For Wordpress Titles in main divs and static*/
color: #f7a71b;
font-size: 16px;
padding:10px 0 10px 25px;
}
h3 {
color: #f7a71b; /*Used for Headings of Left two columns*/
font-size: 16px;
padding:10px 0 10px 25px;
}
h4 {
color:#FFF;
font-size:12px;
padding:0 0 10px 25px;
}
h5 { /*Navigation Text*/
color: #CCCCCC;
font-size: 14px
}
.meta, .feedback {  /*Used for Wordpress Comments*/
color:#FFF;
padding:5px 25px;
}
.commentlist {
padding: 5px 47px;
}
.commentlist p { 
padding: 5px 0px; /*Used for Comments posting*/
}

/**End Font**/

.wra{
margin-top:-80px;
width:expression(document.body.clientWidth < 750? "750px": "auto" );
width:expression(document.body.clientWidth > 1623? "1623px": "auto" );
}
* html .wra{
height:100%;
}
head+body .wra{
min-height:100%;
}

#header{ /**Header Code**/
background:url(images/bgtop.jpg) repeat-x;
height:102px;
border-top:80px solid #000000;
}

#header img {
padding:20px 0 0 30px;
}
/**End Header**/

/**Menu Code**/
#navcontainer {
float:right;
margin:-38px 20px 0 0;
}
@media all and (min-width:0px) {
 head~body #navcontainer {margin-top: 38px;} /* this should target Opera */
}

#navlist li{
padding: 0 5px 0 0;
display: inline;
list-style-type: none;
font-size: 16px;
}

#navlist a.active {
color: #f7a71b;
}

/**End Menu**/

#picture {
float:right;
background:url(images/picture.jpg) top left;
height:262px;
width:62%;
display:block;
min-width: 474px;
}

/** BIO START **/

#bio{
float:left;
background: #191d1b;
height:262px;
width:38%;
display:block;
min-width: 290px;
}

#bio p {
margin-top: -25px;
padding-left: 25px;
padding-top: 20px;
line-height: 1.5;
}

#bio h6 {
padding:20px 15px 0 0;
}

#bio img{
float: right;
padding:0 5px 0 5px;
}

/**BIO END**/
/**3 Column start**/

#wrapper{
float:right;
width:100%;
margin-left:-370px;
}

#leftbar,#leftleftbar{
float:right;
width:185px;
}
#leftbar li, #leftleftbar li{ /*WordPress BlogRoll List*/
list-style-type: none;
margin-left: 25px;
}
#leftbar ul, #leftleftbar ul {
list-style-type: none;
}
#leftleftbar h3 {
padding-left: 0;
}
.metabar { /*Meta Section padding to the left*/
margin-left: 25px;
}
#content{
margin-left:370px;
}
#content p {
line-height: 1.5;
}

/**End 3 Column**/
#footer{
background:url(images/bgfooter.jpg) repeat-x;
height:70px;
margin-top:50px;
}
#footer p{
float: right;
padding-top: 50px;
}
 
 /* Contact Hide CSS CODE */
 	#contactdiv{	
		
		background-color:#191D1B;		
		height:500px;
		width: 200px;		
		left:-220px;
		top: 100px;
		z-index:100;
		position:absolute;
		display:block;
		border-right: 3px #FFF solid;
		border-bottom: 3px #FFF solid;
	}
 
 	#contactform {
		padding-left: 25px;
		color: #FFF;
	}
	
	#contactform h3 {
		padding-left: 0;
		color: #f7a71b;
	}
	 
	INPUT, TEXTAREA, SELECT, OPTION { /*Form Styling*/
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 12px;
		color: #FFF;
		background-color: #151515;
		border: inset 1px #F8A61C;
	}
	
	#close { /*Close Button*/
		position: absolute;
		right: 5px;
		bottom: 5px;
	}