/*
Theme Name: Life Style
Theme URI: http://themefuse.com/demo/wp/lifestyle/
Description: An online magazine oriented WordPress theme that also fits perfectly as a news, fashion or even a celebrity & gossip blog.
Version: 1.0.10
Author: ThemeFuse
Author URI: http://themefuse.com
*/



/* 
WARNING! DO NOT EDIT THIS FILE!

To make it easy to update your theme, you should not edit the styles in this file. Instead use 
the custom.css file to add your styles. You can copy a style from this file and paste it in 
custom.css and it will override the style in this file. You have been warned! :)
*/

/*------------------------------------------------

CSS STRUCTURE:

1. GENERAL TYPOGRAPHY
	1.1 Global Reset 
	1.2 Extra fonts
	1.3 General Styles	
	1.4 Columns Styles
		- 960px grid system
		- Box styles
	1.5 List Styles
	1.6 Borders & Dividers
	1.7 Headers
	1.8 Tables
	1.9 Images
	1.10 Forms
	1.11 Buttons
		- Color Styled Buttons

2. SITE STRUCTURE
	2.1 HeadBar with menu
	2.2 Header
		- top search
		- topmenu
	2.3 Homepage Featured Content
		- categories icons

	2.4 Middle content	
	2.5 Sidebar
	2.6 3rd Column
		- Small Slider 
		- Flickr box
	2.7 Bottom Content
	2.8 Footer

3. EXTENDED TYPOGRAPHY
	3.1 Typographic Elements
		- Blockquote
		- Columns in Content
		- Framed boxes
		- Quotes
		- Toggle Contents
		- Dropcaps
	3.2 Framed Tabs
	3.3 Custom Lists Styles
	3.4 Custom Box Styles

4. EXTENDED ELEMENTS
	4.1 Popular Carousel
	4.2 Newsletter box
	4.3 Advertise Baners
	4.4 TF sidebar tabs
	4.5 FaceBook Activity
	4.6 Table Pricing
	4.7 FAQ List
	4.8 Contact Form

5. WIDGETS
	5.1 Widget Contact Info
	5.2 Sidebar Widget Container

6. POSTS
	6.1 Blog post list
		- posts navigation
	6.2 Comment list
	6.3 Comment form

------------------------------------------------*/

/*============================================================================================*/
/* 1. GENERAL TYPOGRAPHY */
/*============================================================================================*/

/*----------------------------------------------*/
/* 1.1 Global Reset */
/*----------------------------------------------*/


body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
:focus { outline: 0; }/* remember to define focus styles! */
del { text-decoration: line-through; }
table { border-collapse: collapse; border-spacing: 0; }/* tables still need 'cellspacing="0"' in the markup */

/*----------------------------------------------*/
/* 1.2 Extra fonts */
/*----------------------------------------------*/

/*----------------------------------------------*/
/* 1.3 General Styles */
/*----------------------------------------------*/
body {
}
	

/* =Containers
--------------------------------------------------------------------------------*/
.container_24
{
	width: 692px;
	height:200px;
}


--------------------------------------------------------------------------------*/
.container_24 .grid_1 {width: 30px;}
.container_24 .grid_2 {width: 70px;}
.container_24 .grid_3 {width: 110px;}
.container_24 .grid_4 {width: 150px;}
.container_24 .grid_5 {width: 190px;}
.container_24 .grid_6 {width: 230px;}
.container_24 .grid_7 {width: 270px;}
.container_24 .grid_8 {width: 310px;}
.container_24 .grid_9 {width: 350px;}
.container_24 .grid_10 {width: 390px;}
.container_24 .grid_11 {width: 430px;}
.container_24 .grid_12 {width: 470px;}
.container_24 .grid_13 {width: 510px;}
.container_24 .grid_14 {width: 550px;}
.container_24 .grid_15 {width: 590px;}
.container_24 .grid_16 {width: 630px;}
.container_24 .grid_17 {width: 670px;}
.container_24 .grid_18 {width: 710px;}
.container_24 .grid_19 {width: 750px;}
.container_24 .grid_20 {width: 790px;}
.container_24 .grid_21 {width: 830px;}
.container_24 .grid_22 {width: 870px;}
.container_24 .grid_23 {width: 910px;}
.container_24 .grid_24 {width: 950px;}

/* =Prefix Extra Space >> 24 Columns
--------------------------------------------------------------------------------*/
.container_24 .prefix_1 {padding-left: 40px;}
.container_24 .prefix_2 {padding-left: 80px;}
.container_24 .prefix_3 {padding-left: 120px;}
.container_24 .prefix_4 {padding-left: 160px;}
.container_24 .prefix_5 {padding-left: 200px;}
.container_24 .prefix_6 {padding-left: 240px;}
.container_24 .prefix_7 {padding-left: 280px;}
.container_24 .prefix_8 {padding-left: 320px;}
.container_24 .prefix_9 {padding-left: 360px;}
.container_24 .prefix_10 {padding-left: 400px;}
.container_24 .prefix_11 {padding-left: 440px;}
.container_24 .prefix_12 {padding-left: 480px;}
.container_24 .prefix_13 {padding-left: 520px;}
.container_24 .prefix_14 {padding-left: 560px;}
.container_24 .prefix_15 {padding-left: 600px;}
.container_24 .prefix_16 {padding-left: 640px;}
.container_24 .prefix_17 {padding-left: 680px;}
.container_24 .prefix_18 {padding-left: 720px;}
.container_24 .prefix_19 {padding-left: 760px;}
.container_24 .prefix_20 {padding-left: 800px;}
.container_24 .prefix_21 {padding-left: 840px;}
.container_24 .prefix_22 {padding-left: 880px;}
.container_24 .prefix_23 {padding-left: 920px;}

/* =Suffix Extra Space >> 24 Columns
--------------------------------------------------------------------------------*/
.container_24 .suffix_1 {padding-right: 40px;}
.container_24 .suffix_2 {padding-right: 80px;}
.container_24 .suffix_3 {padding-right: 120px;}
.container_24 .suffix_4 {padding-right: 160px;}
.container_24 .suffix_5 {padding-right: 200px;}
.container_24 .suffix_6 {padding-right: 240px;}
.container_24 .suffix_7 {padding-right: 280px;}
.container_24 .suffix_8 {padding-right: 320px;}
.container_24 .suffix_9 {padding-right: 360px;}
.container_24 .suffix_10 {padding-right: 400px;}
.container_24 .suffix_11 {padding-right: 440px;}
.container_24 .suffix_12 {padding-right: 480px;}
.container_24 .suffix_13 {padding-right: 520px;}
.container_24 .suffix_14 {padding-right: 560px;}
.container_24 .suffix_15 {padding-right: 600px;}
.container_24 .suffix_16 {padding-right: 640px;}
.container_24 .suffix_17 {padding-right: 680px;}
.container_24 .suffix_18 {padding-right: 720px;}
.container_24 .suffix_19 {padding-right: 760px;}
.container_24 .suffix_20 {padding-right: 800px;}
.container_24 .suffix_21 {padding-right: 840px;}
.container_24 .suffix_22 {padding-right: 880px;}
.container_24 .suffix_23 {padding-right: 920px;}

/* `Push Space >> 24 Columns
--------------------------------------------------------------------------------*/
.container_24 .push_1 {left: 40px;}
.container_24 .push_2 {left: 80px;}
.container_24 .push_3 {left: 120px;}
.container_24 .push_4 {left: 160px;}
.container_24 .push_5 {left: 200px;}
.container_24 .push_6 {left: 240px;}
.container_24 .push_7 {left: 280px;}
.container_24 .push_8 {left: 320px;}
.container_24 .push_9 {left: 360px;}
.container_24 .push_10 {left: 400px;}
.container_24 .push_11 {left: 440px;}
.container_24 .push_12 {left: 480px;}
.container_24 .push_13 {left: 520px;}
.container_24 .push_14 {left: 560px;}
.container_24 .push_15 {left: 600px;}
.container_24 .push_16 {left: 640px;}
.container_24 .push_17 {left: 680px;}
.container_24 .push_18 {left: 720px;}
.container_24 .push_19 {left: 760px;}
.container_24 .push_20 {left: 800px;}
.container_24 .push_21 {left: 840px;}
.container_24 .push_22 {left: 880px;}
.container_24 .push_23 {left: 920px;}

/* `Pull Space >> 24 Columns
--------------------------------------------------------------------------------*/
.container_24 .pull_1 {left: -40px;}
.container_24 .pull_2 {left: -80px;}
.container_24 .pull_3 {left: -120px;}
.container_24 .pull_4 {left: -160px;}
.container_24 .pull_5 {left: -200px;}
.container_24 .pull_6 {left: -240px;}
.container_24 .pull_7 {left: -280px;}
.container_24 .pull_8 {left: -320px;}
.container_24 .pull_9 {left: -360px;}
.container_24 .pull_10 {left: -400px;}
.container_24 .pull_11 {left: -440px;}
.container_24 .pull_12 {left: -480px;}
.container_24 .pull_13 {left: -520px;}
.container_24 .pull_14 {left: -560px;}
.container_24 .pull_15 {left: -600px;}
.container_24 .pull_16 {left: -640px;}
.container_24 .pull_17 {left: -680px;}
.container_24 .pull_18 {left: -720px;}
.container_24 .pull_19 {left: -760px;}
.container_24 .pull_20 {left: -800px;}
.container_24 .pull_21 {left: -840px;}
.container_24 .pull_22 {left: -880px;}
.container_24 .pull_23 {left: -920px;}




/* Col 1/2 */
.container_24 .grid_10 .col_1_2 , 
.container_24 .grid_10 .text .col_1_2 {
	width: 173px;}
	
.container_24 .grid_15 .col_1_2 , 
.container_24 .grid_15 .text .col_1_2 {
	width:273px;}
	
.container_24 .grid_17 .col_1_2 , 
.container_24 .grid_17 .text .col_1_2 {
	width:313px;}

.container_24 .col_1_2 , 
.container_24 .text .col_1_2 {
	width:458px;}
	
	
/* Col 1/3 */
.container_24 .grid_10 .col_1_3, 
.container_24 .grid_10 .text .col_1_3 {
	width:108px;}
	
.container_24 .grid_15 .col_1_3, 
.container_24 .grid_15 .text .col_1_3 {
	width:175px;}
	
.container_24 .grid_17 .col_1_3 , 
.container_24 .grid_17 .text .col_1_3 {
	width:201px;}

	
.container_24 .col_1_3, 
.container_24 .text .col_1_3 {
	width:298px;}
	
	
/* Col 1/4 */
.container_24 .grid_10 .col_1_4, 
.container_24 .grid_10 .text .col_1_4 {
	width:75px;}
	
.container_24 .grid_15 .col_1_4, 
.container_24 .grid_15 .text .col_1_4 {
	width:125px;}

.container_24 .grid_17 .col_1_4 , 
.container_24 .grid_17 .text .col_1_4 {
	width:145px;}

	
.container_24 .col_1_4, 
.container_24 .text .col_1_4 {
	width:218px;}
	
	
/* Col 1/5 */
.container_24 .grid_10 .col_1_5, 
.container_24 .grid_10 .text .col_1_5 {
	width:56px;}
	
.container_24 .grid_15 .col_1_5, 
.container_24 .grid_15 .text .col_1_5 {
	width:96px;}

.container_24 .grid_17 .col_1_5 , 
.container_24 .grid_17 .text .col_1_5 {
	width:112px;}

.container_24 .col_1_5, 
.container_24 .text .col_1_5 {
	width:170px;}
	
	
/* Col 1/6 */
.container_24 .grid_10 .col_1_6, 
.container_24 .grid_10 .text .col_1_6 {
	width:43px;}
	
.container_24 .grid_15 .col_1_6, 
.container_24 .grid_15 .text .col_1_6 {
	width:76px;}
	
.container_24 .grid_17 .col_1_6 , 
.container_24 .grid_17 .text .col_1_6 {
	width:89px;}

.container_24 .col_1_6, 
.container_24 .text .col_1_6 {
	width:138px;}
	
/* Col 1/7 */
.container_24 .grid_10 .col_1_7 , 
.container_24 .grid_10 .text .col_1_7 {
	width:33px;}
	
.container_24 .grid_15 .col_1_7 , 
.container_24 .grid_15 .text .col_1_7 {
	width:62px;}
	
.container_24 .grid_17 .col_1_7 , 
.container_24 .grid_17 .text .col_1_7 {
	width:73px;}
	
.container_24 .col_1_7, 
.container_24 .text .col_1_7 {
	width:115px;}
	
	
/* Col 1/12 */
.container_24 .grid_10 .col_1_12, 
.container_24 .grid_10 .text .col_1_12 {
	width:10px;}
	
.container_24 .grid_15 .col_1_12, 
.container_24 .grid_15 .text .col_1_12 {
	width:27px;}

.container_24 .grid_17 .col_1_12 , 
.container_24 .grid_17 .text .col_1_12 {
	width:33px;}
		
.container_24 .col_1_12, 
.container_24 .text .col_1_12 {
	width:58px;}


/* Col 2/3 */
.container_24 .grid_10 .col_2_3, 
.container_24 .grid_10 .text .col_2_3 {
	width:238px;}
	
.container_24 .grid_15 .col_2_3, 
.container_24 .grid_15 .text .col_2_3 {
	width:371px;}

.container_24 .grid_17 .col_2_3, 
.container_24 .grid_17 .text .col_2_3 {
	width:424px;}
		
.container_24 .col_2_3, 
.container_24 .text .col_2_3 {
	width:618px;}
	
	
/* Col 2/5 */
.container_24 .grid_10 .col_2_5, 
.container_24 .grid_10 .text .col_2_5 {
	width:134px;}
	
.container_24 .grid_15 .col_2_5, 
.container_24 .grid_15 .text .col_2_5 {
	width:214px;}

.container_24 .grid_17 .col_2_5, 
.container_24 .grid_17 .text .col_2_5 {
	width:246px;}
		
.container_24 .col_2_5, 
.container_24 .text .col_2_5 {
	width:362px;}
	

/* Col 3/4 */
.container_24 .grid_10 .col_3_4, 
.container_24 .grid_10 .text .col_3_4 {
	width:270px;}
	
.container_24 .grid_15 .col_3_4, 
.container_24 .grid_15 .text .col_3_4 {
	width:421px;}

.container_24 .grid_17 .col_3_4, 
.container_24 .grid_17 .text .col_3_4 {
	width:480px;}
		
.container_24 .col_3_4, 
.container_24 .text .col_3_4 {
	width:698px;}


/* Col 3/5 */
.container_24 .grid_10 .col_3_5, 
.container_24 .grid_10 .text .col_3_5 {
	width:212px;}
	
.container_24 .grid_15 .col_3_5, 
.container_24 .grid_15 .text .col_3_5 {
	width:332px;}
	
.container_24 .grid_17 .col_3_5, 
.container_24 .grid_17 .text .col_3_5 {
	width:380px;}
	
.container_24 .col_3_5, 
.container_24 .text .col_3_5 {
	width:554px;}


/* Col 3/8 */
.container_24 .grid_10 .col_3_8, 
.container_24 .grid_10 .text .col_3_8 {
	width:124px;}
	
.container_24 .grid_15 .col_3_8, 
.container_24 .grid_15 .text .col_3_8 {
	width:199px;}
	
.container_24 .grid_17 .col_3_8, 
.container_24 .grid_17 .text .col_3_8 {
	width:229px;}
	
.container_24 .col_3_8, 
.container_24 .text .col_3_8 {
	width:336px;}


/* Col 4/5 */
.container_24 .grid_10 .col_4_5, 
.container_24 .grid_10 .text .col_4_5 {
	width:290px;}
	
.container_24 .grid_15 .col_4_5, 
.container_24 .grid_15 .text .col_4_5 {
	width:450px;}
	
.container_24 .grid_17 .col_4_5, 
.container_24 .grid_17 .text .col_4_5 {
	width:514px;}
	
.container_24 .col_4_5, 
.container_24 .text .col_4_5 {
	width:746px;}


/* Col 5/6 */
.container_24 .grid_10 .col_5_6, 
.container_24 .grid_10 .text .col_5_6 {
	width:303px;}
	
.container_24 .grid_15 .col_5_6, 
.container_24 .grid_15 .text .col_5_6 {
	width:470px;}
	
.container_24 .grid_17 .col_5_6, 
.container_24 .grid_17 .text .col_5_6 {
	width:536px;}	
	
.container_24 .col_5_6, 
.container_24 .text .col_5_6 {
	width:778px;}


/* Col 5/8 */
.container_24 .grid_10 .col_5_8, 
.container_24 .grid_10 .text .col_5_8 {
	width:221px;}
	
.container_24 .grid_15 .col_5_8, 
.container_24 .grid_15 .text .col_5_8 {
	width:347px;}
	
.container_24 .grid_15 .col_5_8, 
.container_24 .grid_15 .text .col_5_8 {
	width:394px;}
	
.container_24 .col_5_8, 
.container_24 .text .col_5_8 {
	width:578px;}
	

#feature_list {
	width: 704px;
	height: 198px;
	border-top:1px solid #b4b4b5;
}

#feature_list ul {
	overflow:hidden;
	list-style: none;	
	padding: 0;
	margin: 0;}

#feature_tabs {
	border-bottom:1px solid #b4b4b5;
	border-left:1px solid #b4b4b5;
  width: 243px;
	height:198px;
	float:right;
	}



#feature_tabs li {
	width: 243px;
	height:32px;
	padding-left:15px;
	padding-top:7px;
	font-size: 12px;
	font-family:微軟正黑體;
	line-height:14px;
	color:#333;
	border-bottom:1px solid #b4b4b5;
	background:url(../images/grindex_Bimgbk.png);
	}
	

#feature_tabs li:hover {
	width:240px;
	height:32px;
	background:url(../images/BigImg_bk_a.jpg);
	cursor:pointer;
	}

#feature_tabs li:last-child {
	height:107px}
		
#feature_tabs li .link-title {
	color:#000;
	font-size:12px;}
	
#feature_tabs li .link-more {
	text-decoration: none;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:14px;
	font-style:italic;}

#feature_tabs li .link-more:hover {
	border-bottom:1px solid #b4b4b5;
}
#feature_tabs li.current{
	background:url(../images/BigImg_bk_a.jpg);
}

#feature_output {
	width: 457px;
	height: 199px;
	margin:0;
	padding:0;
	float:left;
	/*border:1px solid #9e9e9f;*/

	}

#feature_output li {
	position: absolute;
	width: 457px;
	height: 199px;
	margin:0;}

#feature_output li a {
	position: absolute;
	top: 0;
	left: 0;
	width:457px;
	height:199px;}

.feature_cat {
	text-align:right;
	}


/*----------------------------------------------*/
/* 2.4 Middle content */
/*----------------------------------------------*/
.middle {
	padding:0;
	clear:both;
	/*margin:7px 2px 0px 5px;*/}