/*  
Theme Name: LC4
Theme URI: http://tdesign.tw/
Description: A clean, simple 2 column theme.
Author: Tony
Author URI: http://tdesign.tw/
*/

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote,
a, em, img, ins, small, strong, b, center, ol, ul, li, form, label, #commentarea input[type="text"]{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	background: transparent;
}

@font-face {
	font-family: 'CantarellBold';
	src: url('Cantarell/Cantarell-Bold.eot');
	src: local('Cantarell Bold'), local('Cantarell-Bold'), url('Cantarell/Cantarell-Bold.ttf') format('truetype');
}

@font-face {
	font-family: 'Vera';
	src: url('Vera/Vera.eot');
	src: local('Bitstream Vera Sans Roman'), local('BitstreamVeraSans-Roman'), url('Vera/Vera.ttf') format('truetype');
}

body {
	background: #333333;
	font-family:Vera,helvetica,arial,verdana,sans-serif;
	line-height: 150%;
}

ol, ul {
	list-style: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

blockquote{
	border-left:3px solid #AAAAAA;
	font-size:87%;
	margin:10px;
	padding:0 13px 0 10px;
}

blockquote, q {
	line-height:150%;
	quotes:none;
}

em{
	font-size: 80%;
}

strong{
	color:#FFB525;
	font-weight:normal;
}

#wrapper{
	margin:0 auto;
	padding:10px;
	width:960px;
}

.clear{
	clear:both;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

h3{
	color:#45C6DB;
	font-size:143%;
	margin-bottom:15px;
}

a.buyLink{
	padding:10px 15px;
	margin:20px 0;
	display:block;
	border:1px solid #555;
	border-radius:5px;
	background: #f59322;
	background: -webkit-gradient(linear, left top, left bottom, from(#ffc843), to(#ea5e01));
	background: -moz-linear-gradient(top,  #ffc843,  #ea5e01);
	background: -o-linear-gradient(top,  #ffc843,  #ea5e01);
	text-decoration:none;
	color:#fff !important;
}

a.buyLink:hover{
	color:#6c0808 !important;
	box-shadow:0px 0px 15px 1px rgba( 254, 196, 65, 0.7);
	border:1px solid #bbb;
}

a.buyLink:active{
	background: #dd7e10;
	background: -webkit-gradient(linear, left top, left bottom, from(#ea5e01), to(#ffc843));
	background: -moz-linear-gradient(top,  #ea5e01,  #ffc843);
	background: -o-linear-gradient(top,  #ea5e01,  #ffc843);
}

/*--------------header------------*/
#header{
	background:#111111;
	border-bottom:1px solid #AAAAAA;
	height:160px;
}

h1{
	float:left;
	font-family:CantarellBold,helvetica,arial,verdana,sans-serif;
	font-size:400%;
	margin-top:60px;
}

h1 a{
	color:#45C6DB;
	text-decoration:none;
	text-shadow:1px 1px 1px #666666;
}

h1 a:hover{
	color:#FF2E6F;
}

#ss{
	float:right;
	margin-top:60px;
}

#rss{
	float:left;
	margin-right:15px;
}

#rss a{
	background:url(img/rss.png) no-repeat;
	float:left;
	height:32px;
	width:32px;	
}

#searchbar{
	float:right;
}

#sinput{
	float:left;
	margin-top:2px;
	padding:4px;
}

#sinput:focus{
	outline:2px solid #45C6DB;
}

#searchform{
	background:transparent url(img/sbutton.png) no-repeat scroll 100% 50%;
	height:32px;
	width:200px;
}

#sbutton{
	background:transparent none repeat scroll 0 0;
	border:0 none;
	cursor:pointer;
	float:right;
	height:32px;
	margin-top:0;
	padding:0;
	width:32px;
}

/*--------------pages------------*/
#pages {
	background:#45C6DB;
	border-bottom:1px solid #666666;
	font-size:115%;
	height:60px;
	text-shadow:0 1px 1px #666666;
	-moz-box-shadow: 0 0 20px #111111;
	-webkit-box-shadow: 0 0 20px #111111;
	box-shadow: 0 0 20px #111111;
}

#pages a{
	color:#333333;
	text-decoration:none;
}

#pagelist {
	float:left;
	margin-top:10px;
	}

#pagelist ul li {
	display:inline;
	margin-right:40px;
}

#pagelist .page_item a:hover,
#pagelist .current_page_item a:link, #pagelist .current_page_item a:visited, 
#pagelist .current_page_item a:hover, #pagelist .current_page_parent a:link, 
#nav .current_page_parent a:visited, #nav .current_page_parent a:hover, 
#nav .current_page_ancestor a:link, #nav .current_page_ancestor a:visited, 
#nav .current_page_ancestor a:hover {
	color:#FF2E6F;
}

#nav{ 
	color:#333333;
	font-size:89%;
	line-height:120%;
	margin-left:600px;
	margin-top:-10px;
	position:absolute;
}

#nav > li { 
	background:transparent url(img/arrow.png) no-repeat scroll 84% 28px;
	display:block;
	padding:22px 10px 10px;
	position:relative;
	width:95px;
}

#nav > li:hover ul { 
	display:block; 
}

#nav > li:hover { 
	background:#AAAAAA url(img/arrowh.png) no-repeat scroll 84% 28px;
	color:#FF2E6F;
	opacity:0.9;
}

#nav li ul { 
	display:none;
	margin-top:15px;
}

#nav li ul li { 
	font-size:80%;
	margin-top:5px;
}

#nav li ul li a { 
	display:block; 
	padding:2px 5px;
	color:#222222; 
}

#nav li ul li a:hover { 
	background:#666666; 
	color:#45C6DB; 
	opacity:0.9;
}

/*-------------content------------*/
.googleadsense{
	background:#444444 none repeat scroll 0 0;
	margin-bottom:30px;
	padding:10px 0;
	text-align:center;
}

#postarea{
	float:left;
	margin-bottom:80px;
	margin-top:40px;
	width:630px;
}

.post, .archives{
	background:#222222;
	margin-bottom:30px;
	padding:30px 20px;
}

.posttitle{
	margin-left:85px;
	margin-bottom:10px;
}

#postarea h2{
	font-size:150%;
	line-height:135%;
}

#postarea h2 a{
	color:#DDDDDD;
	text-decoration:none;
}

#postarea h2 a:hover{
	color:#FF2E6F;
}

.postmeta{
	color:#AAAAAA;
	float:left;
	font-size:80%;
	line-height:135%;
	margin-left:15px;
	margin-top:10px;
	text-align:right;
}

.postmeta a{
	text-decoration:none;
}

.postcat a{
	color:#FF2E6F;
}

.postcat a:hover{
	color:#45C6DB;
}

.postcom a{
	background:transparent url(img/comment.png) no-repeat scroll 0 center;
	color:#AAAAAA;
	float:right;
	padding-left:17px;
	text-align:left;
}

.postcom a:hover{
	background:transparent url(img/commenth.png) no-repeat scroll 0 center;
	color:#FF2E6F;
}


.postcontent{
	color:#CCCCCC;
	float:right;
	font-size:96%;
	padding:0 10px;
	width:500px;
}

.postcontent p{
	letter-spacing:1px;
	margin-bottom:15px;
}

.postcontent blockquote p{
	margin-bottom:5px;
}

.postcontent p a{
	color:#45C6DB;
}

.postcontent p a:hover{
	color:#FF2E6F;
}

.postcontent p img{
	margin:10px;
	-moz-box-shadow: 0 0 5px #000000;
	-webkit-box-shadow: 0 0 5px #000000;
	box-shadow: 0 0 5px #000000;
}

.postcontent p img:hover{
	-moz-box-shadow: 0 0 5px #45C6DB;
	-webkit-box-shadow: 0 0 5px #45C6DB;
	box-shadow: 0 0 5px #45C6DB;
}

.posttags{
	background:transparent url(img/tag.png) no-repeat scroll 0 center;
	color:#AAAAAA;
	font-size:80%;
	margin-left:85px;
	padding-left:25px;
}

.posttags a{
	color:#AAAAAA;
	text-decoration:none;
}

.posttags a:hover, .postdata a:hover{
	color:#FF2E6F;
}

.posttags img{
	margin-right:5px;
	vertical-align:middle;
}

.socialstick{
	margin-bottom:130px;
	margin-top:70px;
}

.plurk{
	float:left;
}

.facebook{
	float:right;
}

.plurk a{
	background:#EF7F18;
}

.facebook a{
	background:#4091F2;
}

.plurk a, .facebook a{
	color:#EEEEEE;
	display:block;
	padding:7px;
	text-align:center;
	text-decoration:none;
	width:221px;
}

.plurk a:hover, .facebook a:hover{
	color:#111111;
}

.postdata{
	color:#AAAAAA;
	background:#444444;
	font-size:88%;
	line-height:140%;
	margin-bottom:20px;
	padding:8px 15px;
}

.postdata a{
	color:#CCCCCC;
	text-decoration:none;
}

.postnav{
	margin-bottom:20px;
}

.postnav a{
	color:#CCCCCC;
	text-decoration:none;
}

.postnav a:hover{
	color:#FF2E6F;
}

.postnavleft{
	background:#444444;
	float:left;
	height:30px;
	line-height:140%;
	padding:10px;
	text-align:left;
	width:215px;
}

.postnavright{
	background:#444444;
	float:right;
	height:30px;
	line-height:140%;
	padding:10px;
	text-align:right;
	width:215px;
}

.postlinkleft{
	font-size:80%;
	margin-left:15px;
	margin-top:-27px;
}

.postlinkright{
	font-size:80%;
	margin-right:15px;
	margin-top:-27px;
}

.morepost{
	background:#444444;
	padding:15px;
}

.leftcul{
	float:left;
	font-size:87%;
	line-height:190%;
	width:46%;
}

.rightcul{
	float:right;
	font-size:87%;
	line-height:190%;
	width:46%;
}

.morepost a{
	color:#CCCCCC;
	text-decoration:none;
}

.morepost a:hover{
	color:#FF2E6F;
}

h4{
	color:#DDDDDD;
	font-size:138%;
	margin-bottom:20px;
}

.morepost ul{
	margin-left:10px;
	margin-top:10px;
}

.morepost ul li{
	line-height:130%;
	margin-bottom:10px;
}

.pagenav{
	background:#222222;
	padding:15px 15px 15px 37%;
}

/*-------------comments-----------*/
#commentarea{
	background:#222222;
	padding:20px 30px 50px;
	margin-top:30px;
}

#comments, #respond, .nocomments{
	color:#BBBBBB;
	font-size:134%;
	margin-bottom:15px;
}

.commentlist li{
	margin-bottom:40px;
}

.gavatar{
	float:left;
}

.commentmetadata{
	background:#444444;
	color:#DDDDDD;
	float:right;
	font-size:80%;
	line-height:130%;
	padding:15px;
	width:450px;
}

.commentmetadata a{
	color:#CCCCCC;
	text-decoration:none;
}

.commentmetadata a:hover{
	color:#FF2E6F;
}

.commentname{
	color:#45C6DB;
	float:left;
	font-size:152%;
	font-weight:bold;
}

.commentname a{
	color:#45C6DB;;
}

.commentfloor{
	color:#888888;
	float:right;
	font-size:278%;
	font-style:italic;
	margin-right:10px;
	margin-top:10px;
}

.commenttext{
	font-size:105%;
	line-height:150%;
	margin-top:25px;
}

.commenttext p{
	margin-bottom:10px;
}

.comlogin{
	color:#CCCCCC;
	margin-bottom:10px;
}

.comlogin a{
	color:#45C6DB;
	text-decoration:none;
}

.comlogin a:hover{
	color:#FF2E6F;
}

.comfield{
	margin-bottom:15px;
}

.comauthor, .commail, .comurl, #imgcode, #imgcode{
    border: none;
	margin-bottom:5px;
    position: relative;
	display:inline; 
}

.comauthor{
	float:left;
}

.commailR{
	float:right;
}

.comurl{
	float:left;
}

.imgcodeR{
	float:right;
	width:271px;
}

.imgcodetext{
	float:left;
}

.codeimg{
	float:right;
}

label{
	color:#666666;
	font-size:84%;
	padding-left:10px;
	padding-top:2px;
	position:absolute;
}

#confirm{
	width:60px;
}

#commentarea input[type="text"]{
	background:#FFFFFF;
	padding:5px 0 5px 60px;
}

.subtocom{
	margin-bottom:15px;
}

#comsubcheckbox{
	margin:6px 0 0;
}

.comsubtext{
	color:#AAAAAA;
	margin-left:10px;
	padding:0;
}

textarea{
	margin-bottom:10px;
	padding:5px;
	width:555px;
}

#submit{
	color:#222222;
	padding:5px 0;
	width:100%;
}

/*-------------sidebar------------*/
#sidebar{
	background:#222222;
	color:#CCCCCC;
	float:right;
	margin:40px 0;
	padding:25px;
	width:220px;
}

#sidebar h2{
	font-size:134%;
	color:#FF2E6F;
	margin-bottom:10px;
}

#sidebar ul{
	margin-bottom:40px;
}

#sidebar ul li{
	margin-bottom:40px;
}

#sidebar ul li ul li a{
	border-bottom:1px dotted #888888;
	color:#CCCCCC;
	padding-bottom:1px;
	text-decoration:none;
}

#sidebar ul li ul li a:hover{
	color:#45C6DB;
	border-bottom:1px dotted #45C6DB;
}

#sidebar ul li ul li{
	font-size:84%;
	line-height:150%;
	margin:0 0 10px;
}

#sidebar .sidecats{
	margin:0;
}

#sidebar .sidecats li a{
	background:#444444;
	border:none;
	float:left;
	margin:5px;
	padding:8px 0;
	text-align:center;
	width:45%;
}

#sidebar .sidecats li a:hover{
	background:#666666;
	border:none;
}

.sidefacebook a, .sideplurk a, .sidemail a{
	color:#EEEEEE;
	display:block;
	font-size:80%;
	margin-bottom:10px;
	padding:5px;
	text-align:center;
	text-decoration:none;
}

.sidefacebook a:hover, .sideplurk a:hover, .sidemail a:hover{
	color:#111111;
}

.sidefacebook a{
	background:#4091F2;
}

.sideplurk a{
	background:#EF7F18;
}

.sidemail a{
	background:#D81616;
}

/*-------------page--------------*/
.pagetext{
	background:#222222;
	color:#CCCCCC;
	font-size:96%;
	margin:30px 0;
	padding:30px 20px;
}

.pagetext p{
	margin-bottom:15px;
}

.pagetext p a{
	color:#45C6DB;
}

.pagetext p a:hover{
	color:#FF2E6F;
}

/*-----------archives------------*/
.archives{
	color:#CCCCCC;
	font-size:90%;
}

.archives ul{
	padding:15px 5px 5px;
}

.archives ul li{
	margin-bottom:5px;
}

.archives ul li a{
	color:#CCCCCC;
	text-decoration:none;
}

.archives ul li a:hover{
	color:#FF2E6F;
}

/*-------------links-------------*/
.links{
	color:#CCCCCC;
	font-size:90%;
	margin-top:20px;
}

.links li{
	list-style:none;
	text-align:center;
}

.links li a{
	background:#444444;
	color:#CCCCCC;
	display:block;
	float:left;
	margin:5px;
	padding:10px;
	text-decoration:none;
	width:28%;
}

.links li a:hover{
	color:#45C6DB;
	background:#888888;
}

/*------------blogrolls-----------*/
.blogrolls{
	background:#FFFFFF;
	margin:20px 0;
	padding:10px;
}

/*-------------footer------------*/
#footer{
	background:#111111;
	border-top:1px solid #444444;
	clear:both;
	color:#666666;
	font-size:78%;
	height:60px;
}

#footer a{
	color:#AAAAAA;
	text-decoration:none;
}

#footer a:hover{
	color:#45C6DB;;
}


.footermetaL, .footermetaR{
	margin-top:11px;
}

.footermetaL{
	float:left;
}

.footermetaR{
	float:right;
}