/*
Theme Name: Entupa 2009 
Theme URI: 
Description: this is offical theme of Funnstudy
Author: Entupa
Version: 2.0
*/

/***************************************************************************/
/* HTML Tags */
/***************************************************************************/

* {} 

body {
	 font-family:'Lucida Grande', Verdana, Arial, Sans-Serif;
	 margin:0;
     padding:0; 
	 }

h1, h2, h3, h4, h5, h6 {
	 margin: 0;
	 font-style: normal;
	 font-weight: bold;
	 color: #0066cc;
	 }
	
h1 {
	 font-size: 1.4em;
	 }
h2 {
	 font-size: 1.4em;
	 }
h3, h4, h5, h6 {
	 font-size: 1.0em;
	 }

blockquote {
	 background: url(images/blockquote.gif) no-repeat left top;
         color: #999;
	 margin:5px;
	 padding: 0 0 0 40px;
	 }

code {
         background: #f4f4f4;
         color: #6a6a6a;
         margin:0;
	 }

img {
         border:0
	 }

a:link, 
a:visited {
	 color: black;
	 text-decoration:none;
	 }

a:hover {
	 color: #008000;
	 text-decoration:none;
	 }

/***************************************************************************/
/* This is the container for the whole page */
/***************************************************************************/

.page {
	 }

/***************************************************************************/
/* Header */
/***************************************************************************/


	    
.blog-name:link, 
.blog-name:visited, 
.blog-name:hover{
	 
	 top:0;
	 left:10;
	 display:block;
	 width:200px;
	 height:80px;
	 }

.blog-description {
	 color:#d90;
	 font-size:10pt; 
	 font-weight:normal;
	 margin:0;
	 padding:0;
	 position:absolute;
	 top:85px;
	 left:370px;  
	 } 
/***************************************************************************/
/*	 single page                                                       */
/***************************************************************************/	 

/*pages banner background*/

/**
#page_buy {background: url('images/banner5.jpg');}
#page_download {background: url('images/banner4.jpg');}
#page_about {background: url('images/banner6.jpg');}

**/
#page_buy{position:relative;height:500px;}
#page_buy #free,
#page_buy #advanced {background:#fff;width:330px;float:left;text-align:left;padding:20px;font-size:15px;line-height:150%;position:relative;min-height:380px;}  
#page_buy #free {float:right;}
#page_buy #advanced {float:left;}
#page_buy td {text-align:center;padding:20px;}
#page_buy ul {padding:0 0 0 10px;}
#page_buy h2 {font-size:30px;font-weight:800;letter-spacing:5px;padding:0 0 10px 0;position:relative;top:-10px;left:-10px;} 
#page_buy h3 {font-size:15px;color:#f60;}

#page_payment{position:relative;height:600px;}
.page #payment_detail {float:right;width:50%;height:400px;}
.page #payment_how_to {float:left;width:50%;height:400px;}
.page #payment_how_to h3 {font-size:30px;line-height:270%;color:#000;font-weight:800;}
.page #payment_how_to #shopstep1 {left:40px;padding:70px 0 20px 70px;background:url('images/shop1.gif') no-repeat top left;}
.page #payment_how_to #shopstep2 {left:70px;padding:70px 0 0 70px;background:url('images/shop2.gif') no-repeat top left;}
.page #payment_how_to #shopstep1, 
.page #payment_how_to #shopstep2 {margin:0 0 10px 0;position:relative;width:280px;line-height:150%;font-size:13px;}
#page_payment img.pic {border:5px solid #888;margin:0 15px 5px 0px;clear:both;} 

#page_download {position:relative;height:470px;}
#page_download h2{font-size:18px;line-height:18px;top:10px;color:#555;font-weight:800;}
.page #howto {float:right;width:450px;position:absolute;right:10px;top:0;}
.page #howto h2 {font-size:30px;line-height:270%;color:#000;font-weight:800;}
.page #howto #step1 {left:50px;padding:70px 0 0 70px;background:url('images/usage1.gif') no-repeat top left;}
.page #howto #step2 {left:80px;padding:70px 0 0 70px;background:url('images/usage2.gif') no-repeat top left;}
.page #howto #step3 {left:110px;padding:70px 0 0 70px;background:url('images/usage3.gif') no-repeat top left;}

.page #howto #step1, 
.page #howto #step2,
.page #howto #step3 {margin:0 0 10px 0;position:relative;width:280px;line-height:150%;font-size:13px;}


#page_buy a.button {display:block;width:170px;color:#fff;background:#ff8a00;margin:0 auto;text-align:center;padding:10px;font-size:18px;position:absolute;bottom:20px;left:80px;}
#page_buy a.button:hover {background:#ffc56e;} 
#page_buy .howtobuy {}
#page_buy .freedownload {}

#freedownload a.button {display:block;width:170px;color:#fff;background:#ff8a00;margin:0 auto;text-align:center;padding:10px;font-size:18px;position:absolute;bottom:20px;left:80px;}
#freedownload a.button:hover {background:#ffc56e;} 

#page_payment a.button {width:200px;color:#fff;background:#ff8a00;margin:0 auto;text-align:center;padding:6px;font-size:16px;position:relative;top:0px;left:0px;}
#page_payment a.button:hover {background:#ffc56e;} 
#page_payment .regform {}

#feature #tabs {
	width:98%!important;
	margin:0 auto;

	}

#featureHeader {margin:5px 0 8px 0px;padding:0 0 0px;height:320px; background:#fff url('images/banner.jpg') top center no-repeat;}
#feature .description {font-size:15px;line-height:170%;color:#555;margin:20px 15px;}
#feature .list {background:;padding:10px 0;position:relative;}
#feature h3 {font-weight:bold;font-size:18px;color:#555;margin:20px 0 20px 0;padding:5px 0 0 0;} 
#feature .list td {vertical-align:top;font-size:15px;line-height:200%;color:#555;} 


#feature .list .ui-tabs-panel {padding:0 0 0 10px}
#feature img.feature-pic {border:5px solid #ccc;margin:0 15px 5px 0px;width:420px;height:105px;clear:both;} 
#feature .list p {width:28em;margin:0 0 30px 0;}

#page_about .description  {font-size:15px;line-height:170%;color:#555;}


/***************************************************************************/
/* Post */
/***************************************************************************/

.single {background:url('images/post_bg.jpg') repeat-x top right;}

h2.post-title a:link, 
h2.post-title a:visited { 
         color:#000
	 }
 
h2.post-title a:hover {
         color:#0066cc;
	 border-bottom: 1px dashed #a0a0a0;
	 }

.post-content {
	 color:#555;
     margin:0 0 0 0;
	 width:auto;
	 overflow:;
	 padding:0 !important;
	 padding:0 0 15px 0;
	 line-height:2em;
	 }

.post-content a:link,
.post-content a:visited {
         color:#0066cc
	 }

.post-content a:hover {
         color:#0066cc;
	 border-bottom: 1px dashed #a0a0a0;
	 }

.post-content img,
.post-content img:hover {
         padding:0;
	 border:0;
	 }

.post-content ul li {
         background: url('images/bullet.gif') no-repeat 0 0;
         list-style:none;
	 padding:0 0 0 15px;
	 margin:6px 0 0 -10px;
	 }

.post-content ol li {
	 padding:0;
	 margin:6px 0 0 0px;
	 }

.postmeta {
	 margin: 8px 2px;
	 font-size:12px;
	 }

.post-date {
	 background: url(images/date.gif) no-repeat 0 0;
	 padding: 0 0 0 20px;
	 }

.post-comment {
	 background: url(images/commentslink.png) no-repeat 0 0;
	 padding: 0 0 0 20px;
	 }

.post-comment a:link,
.post-comment a:visited,
.post-comment a:hover {
         color:#008000
	 }

.post-filed {
	 background: url(images/filed.gif) no-repeat 2px 0;
	 padding: 0 0 0 20px;
	 }

.more-link{
         margin:0
         }

/***************************************************************************/
/* Sidebars */
/***************************************************************************/

.left-sidebar, .right-sidebar {
         margin:5px 0 0 0 !important;
	 margin:0;
	 position:relative;
	 width:286px;
	 
	 }


.left-sidebar {
	 background:#fff;
	 float:left;
	 padding:0 0 0 8px;
	 margin:0!important; 
	 }

.right-sidebar {
	 float:;
	 padding:0;
	 
	 }
.left-sidebar h3 {color:#666;letter-spacing:3px;line-height:2em;}
.left-sidebar .msg a {font-size:13px;line-height:150%;color:#555;}
.left-sidebar .msg a:hover {color:#f90;text-decoration:underline;}
.left-sidebar .msg {background:#efefef;padding:0;margin:0 10px 15px 0;position:relative;}
.left-sidebar .msg li {list-position:inside;list-style-type:none;margin:10px 0;font-size:13px;}	 
.left-sidebar .comment li a {color:#f00;font-weight:800;}
/***************************************************************************/
/* WordPress Sidebar Widgets */
/***************************************************************************/
.wp-widget-title {
	 position: relative; 
	 top: -24px;
	 /*background:url('images/widgetbg.gif') no-repeat;*/
	 color:#6cf;
	 font-size: 1.5em;
	 font-weight: bold;
	 padding:6px 0 6px 15px;
	 margin:0;
	 }

.wp-widget-title a:link, 
.wp-widget-title a:visited,
.wp-widget-title a:hover{
	 color:#FFFFFF;
	 }

.wp-widget {
	 /*background:url('images/widget_bottom_bg.gif') no-repeat bottom;*/
	 color:#555;
	 padding:0;
     font-size:12px;
	 
	 line-height:150%;
	 }

.wp-widget ul { 
         list-style:none;
	 position: relative; 
	 top: -15px;
         margin:5px 10px 5px 15px;
         padding:0;
	 }

.wp-widget ul li {
         background: url('images/bullet.gif') no-repeat 0px 0px;
         margin:0 0 10px 0;
         padding:0 0 0 14px;
         line-height:15px;
         font-size:13px;
	 }

.widget_tag_cloud {padding:0;}
 
	 
.search-widget-title {
	 background:url('images/widgetbg.gif') no-repeat;
	 color:#fff;
	 font-size: 10pt;
	 font-weight: bold;
	 padding:6px 0px 6px 15px;
	 margin:-25px 0 0 0;
	 }

.search-widget {
	 color:#555;
	 background:url('images/widget_bottom_bg.gif') no-repeat bottom;
	 padding:10px;
	 margin:0px 0 35px 0;
         font-size:10pt;
	 }

.textwidget {
         position: relative; 
         top: 0;
         margin:0;
         padding:0;
         }

.textwidget ul {
         list-style:none;
	 position: relative; 
	 top: 0px;
         margin:0 0 0 5px;
         padding:0;
	 }

.textwidget ul li {
         background: url('images/bullet.gif') no-repeat 0 0;
         margin:5px 0 10px 0;
         padding:0 0 0 14px;
         line-height:15px;
	 }

#calendar_wrap {
	 position: relative; 
	 top: -10px;
         margin:0 40px;
	 }

#akismetwrap {
         position: relative; 
	 top: -15px;
         margin:0 45px; 
	 }

#cat, select {
         position: relative; 
	 top: -10px;
         margin:0 45px;;
	 }
	 
.widget_categories ul li ul.children{
         position: relative; 
	 top: 0px;
	 left:-10px; 
	 }  
  
/**  中央訊息區塊  **/

#msgblock  .msg{width:312px;height:195px;display:block;float:left;position:relative;margin:0 15px 0 0;padding:0;}

/**#msgblock .msg ul {padding:0;margin:0;position:absolute;top:50px;left:20px;overflow:hidden;list-style:inside;}
**/
#msgblock .msg ul {padding:0;margin:0;position:absolute;top:30px;left:0px;overflow:hidden;list-style:inside;width:312px;height:165px;padding:0;}
/**
#msgblock .msg h3.title {color:#fff;margin:10px 0 0 17px;letter-spacing:3px;font-weight:200;}
#msgblock .m1{background:url('./images/index_msg_block_1_.gif') no-repeat top left;} 
#msgblock .m2{background:url('./images/index_msg_block_2.gif') no-repeat top center;}
#msgblock .m3{background:url('./images/index_msg_block_4.gif') no-repeat top right;}	 
**/
#msgblock .msg h3.title {line-height:24px;color:#FFF;margin:0;letter-spacing:3px;font-weight:200;padding:0 0 0 5px;font-weight:700;}
#msgblock .m3 h3.title  {background:none;}
#msgblock .m3 h2.title  {background:none;padding:18px 0 0 5px;}
 
#msgblock .m1 {background:#44b2e7;}
#msgblock .m2 {background:#44b2e7;}

 

#msgblock .m1 ul,
#msgblock .m2 ul {background:#eaf8ff;}
#msgblock .m1 ul li,
#msgblock .m2 ul li {line-height:20px;margin:2px 10px;font-size:13px;color:#000;}

#msgblock .msg a{font-size:13px;line-height:100%;color:#000;}
#msgblock .msg a:hover {text-decoration:underline;color:#f50;}

#msgblock .m3{background:url('./images/index_msg_block_4.gif') no-repeat top right;margin:0!important;}	 


  
/***************************************************************************/
/* Old Style Tigopedia Widgets */
/***************************************************************************/

.widget-title {
	 background:url('images/widgetbg.gif') no-repeat;
	 color:#fff;
	 font-size: 10pt;
	 font-weight: bold;
	 padding:6px 0px 6px 15px;
	 }

.widget-title a:link,
.widget-title a:visited,
.widget-title a:hover {
	 color:#fff;
	 }

.widget {
	 color:#555;
	 background:url('images/widget_bottom_bg.gif') no-repeat bottom;
	 padding:10px;
	 margin:0 0 10px 0;
         font-size:8pt;
	 }

.widget ul {
         list-style:none;
         margin:5px 5px 0px 5px;
         padding:0px;
         }

.widget ul li {
         background: url('images/bullet.gif') no-repeat 0px 0px;
         margin-bottom:10px; 
         padding-left:14px;
         line-height:15px;
         font-size:8pt;
         }

.center-widget-title {
	 /*background:url("images/center_widget_bg.gif") center top no-repeat;*/
	 color:#fa0;
	 font-size:16px;
	 font-weight: bold;
	 margin:0;
	 padding:8px 0px 0px 15px;
	 }
	  
.center-widget {
     /*background:url('images/center_widget_bottom_bg.gif') center bottom no-repeat;*/ 
	 color:#555;
	 margin:0;
	 padding:0;
	 
	 
	 float:left;
         width:;
	 }
	  
.center-widget .post-title {
	line-height:2em;
	background:url(images/post_title_bg.gif) no-repeat center left;padding:0 0 0 55px ;}
	 
.center-widget a:link,
.center-widget a:visited {
         color:#0066cc
	 }

.center-widget a:hover {
         color:#0066cc;
	  border:0;
	 }

.center-widget ul li {
         background: url('images/bullet.gif') no-repeat 0 0;
         list-style:none;
	 padding:0 0 0 15px;
	 margin:6px 0 0 -10px;
	 }

.center-widget ol li {
	 padding:0;
	 margin:6px 0 0 0px;
	 }

.page .center-widget {width:100%!important;margin:  0 0 10px 0;}
.onepost {width:621px;padding:20px 30px;}
.bottom-page-nav {
         text-align:center;
	 color: #0066cc;
	 }

.bottom-page-nav a:link,
.bottom-page-nav a:visited,
.bottom-page-nav a:hover {
         color:#0066cc;
	 }

.footer {
	 color:#000;
	 font-size:12px;
     font-weight:normal;
	 text-align:right!important;
     padding:0px 0px;
     margin:0; 	 
	 clear:both;
	 height:40px;
         }

.footer .deco {height:5px;background:#FFF;clear:both;padding:10px 0px;}
		 
.footer a:link,
.footer a:visited,
.footer a:hover {
         color:#0066cc;
	 }

/* Comments Styles */
#respond {border-top:1px dotted #bbb;}

.comment-list {
	 padding:0;
	 margin:0 15px 20px 15px;
	 }

.comment-meta {
         position:relative;
	 top:-20px;
         color: #555555;
         font-size:10pt;
         margin:50px 0 0 0;
	 }

.odd-comment .comment-meta a:link,
.odd-comment .comment-meta a:visited,
.odd-comment .comment-meta a:hover {
         color: #0066cc;
         font-weight:bold;
	 }

.even-comment .comment-meta a:link,
.even-comment .comment-meta a:visited,
.even-comment .comment-meta a:hover {
         color: #008000;
         font-weight:bold;
	 }

.odd-comment .comment-meta .comment-author {
         color: #0066cc;
         font-weight:bold;
	 }

.even-comment .comment-meta .comment-author {
         color: #008000;
         font-weight:bold;
	 }

.odd-comment .comment-text {
         position:relative;
	 top:-10px;
         background:url('images/comment-bg-gradient.gif') top left repeat-y; 
         color: #555;
         border:1px solid #b6cefe;
	 padding:0px 10px !important;
	 padding:10px 10px;
         width:440px;
         overflow:hidden;
	 }

.even-comment .comment-text {
         position:relative;
	 top:-10px;
         background:url('images/comment-bg-gradient-green.gif') top left repeat-y; 
	 color: #555;
         border:1px solid #add3ad;
	 padding:0px 10px !important;
	 padding:10px 10px;
         width:440px;
         overflow:hidden;
	 }

.odd-comment .comment-text a:link,
.odd-comment .comment-text a:visited,
.odd-comment .comment-text a:hover{
         color:#0066CC;
         text-decoration:none;
         }
	 
.even-comment .comment-text a:link,
.even-comment .comment-text a:visited,
.even-comment .comment-text a:hover{
         color:#008000;
         text-decoration:none;
         }

#commentform a:link,
#commentform a:hover,
#commentform a:visited {
         color:#0066cc;
	 }

/* input */

#searchform {
	 margin:0;
	 }
	
input#s {
	 color:#777;
	 width: 90%;
	 height: 18px;
	 margin: 0;
	 padding: 2px;
	 border-left: 1px solid #aaa;
         border-top:1px solid #aaa;
 	 border-right:1px solid #ddd;
	 border-bottom:1px solid #ddd;
	 }

input {
	 color:#555;
	 }

textarea#comment {
         width:600px;
         color:#555;
	 border-left: 1px solid #aaa;
         border-top:1px solid #aaa;
 	 border-right:1px solid #ddd;
	 border-bottom:1px solid #ddd;
         font-size:13pt;
		 padding:10px;
	 }

input#author,
input#email,
input#url {
         width:200px;
         color:#555;
	 border-left: 1px solid #aaa;
         border-top:1px solid #aaa;
 	 border-right:1px solid #ddd;
	 border-bottom:1px solid #ddd;
         font-size:10pt;
         }
