/*
Theme Name: Day 16: Changes
Theme URI: http://days.oscarchung.com/
Description: .
Version: 1.0
Author: Oscar Chung
Author URI: http://www.oscarchung.com/
*/

/* LAYOUT */
html, body {height:100%; margin:0; padding:0; border:0;}
#wrap {width:1000px; margin:0 auto 0 auto; padding:0; border:0}
#main {width:810px; margin:0; padding:0 0 0 190px; border:0;}
	#header {width:810px; height:140px; margin:5px 0 0 0; padding:0;}
		#blogtitle {float:right; width:450px; height:125px; margin:0 65px 0 105px; padding:0;}
		#shortinfo {float:right; width:175px; height:60px; margin:70px 0 0 auto; padding:0;}
	#content {float:right; clear:both; width:570px; margin:0; padding:0 20px 0 30px; border:0;}
	#sidebar {float:right; width:180px; margin:-5px 0 0 0; padding:0; border:0;}
	#footer {float:right; margin:0 0 50px 0; padding:5px 30px 0 0;}

/* COLOR SCHEME */
/* 1st darkest - black #000000*/
#shortinfo, .entrytitle a, .note, .comment-meta {color:#000000;}

/*2nd darkest - #222222*/
a:hover, .entrycontent, .entrycontent strong, .metadatacmt a, .metadatabottom, .box, .note a:hover, .bubble, .wp-pagenavi, .commenttitle, .commentlist, #footer {color:#222222;}

/*3rd darkest - #484848*/
blockquote, .entrydate, .navigation, .box a , .comment-author {color:#484848;}
.commentinput {background:#484848;}

/*4th darkest - #6f6f6f*/
a, .entrytitle a:hover, .metadatacmt a:hover, .note a, #footer a {color:#6f6f6f;}
.box ul li:hover {background:#6f6f6f;}

/*white*/
body, .box h3, .box a:hover {color:#ffffff;}

/*to detect missing elements*/
body, #wrap, #content {color:#222222;}


/* BASIC */
body {background:url(img/d016_background.jpg) repeat-x center bottom fixed; font-size:100%; font-family:Tahoma,Verdana,Arial,Helvetica,Sans-Serif,"Microsoft JhengHei",·s²Ó©úÅé; line-height:1.125em;}

a {text-decoration:none;}
a:hover {text-decoration:underline;}
img, a img {border:0;}
h1  {font-size:2em;}
h2  {font-size:1.4em;}
h3  {font-size:1.2em;}
h4  {font-size:1.1em;}
h5  {font-size:1.0em;}
blockquote {margin:10px 5px 0 15px; padding:0 5px 0 10px; border-left:4px solid #484848;}

.alignleft {float:left;}
.alignright {float:right;}
.imgleft {float:left; margin:0 0.6em 0.6em 0;}
.imgright {float:right; margin:0 0 0.6em 0.6em;}
.centered {margin:0 auto; text-align:center;}

#wrap {background:url(img/d016_background_btm.gif) no-repeat right bottom scroll; border-bottom:1px solid #000000;}

#main {}

/* HEADER */

#header {}
	
	#blogtitle  {background:url(img/d016_blogtitle.gif) no-repeat right top;}
	#blogtitle:hover {background:url(img/d016_blogtitle2.gif) no-repeat right top;}
		#blogtitle h1, #blogtitle p {display:none;}

	#shortinfo {font-size:0.7em; line-height:1.3em;}

	#googlesearch {margin:20px 0 0 0; text-align:right;}
		#gsearchfield {border:0; border-bottom:1px solid #484848;}
		#gsearchbutton {border:0; background:#ffffff; font-size:0.8em;}

/* CONTENT - RIGHT COLUMN */

#content {}

	.entry {margin:0 0 20px 0; padding:0; width:100%}
	.entry hr {clear:both; margin:15px 10px 0 10px; border:none; border-top:1px dashed #afafaf;}

	.entrytitle {width:350px; padding:0; font-size:1.2em; line-height:0.95em;}
	.entrytitle a:hover {text-decoration:none;font-weight:bolder;}
	
	.entrydate {margin:0 0 0 4px; font-size:0.5em;}

	.entrycontent {clear:both; margin:0; padding:10px 0 5px 2px; border-bottom:0px solid; font-size:0.95em; line-height:1.5em; letter-spacing:0; text-align:justify;}
	.entrycontent a:hover {font-weight:bold;}
	.entrycontent hr {margin:1.5em 20px; border:none; border-top:1px dashed #afafaf;}
	.entrycontent li {margin:0 0 0 -10px;}

	.metadatatop {margin:-52px 20px 0 0; padding:3px; text-align:right; font-size:0.7em;}
	.metadatatop div {margin:0 3px;}
		
		.metadatacmt {background:url(img/d016_icon_comments.gif) no-repeat; float:right; width:30px; height:27px; padding:4px 0 0 0; font-size:1.3em; font-weight:bold; text-align:center; text-decoration:none;}
		.metadatacmt:hover {background:url(img/d016_icon_comments2.gif) no-repeat;}
		.metadatacmt a:hover {text-decoration:none; font-weight:bold}
		
		.metadatarss, .metadatafb {float:right; width:30px; height:30px; text-align:center;}
		.metadatarss a img, .metadatafb a img {display:none; border:0;}
		.metadatarss a {background:url('img/d016_icon_rss.gif') no-repeat; width:30px; height:30px; display:block}
		.metadatafb a {background:url('img/d016_icon_facebook.gif') no-repeat; width:30px; height:30px; display:block}
		.metadatarss a:hover img, .metadatafb a:hover img {display:inline}
		
	.metadatabottom {float:right; width:235px; margin:0 10px 20px 0; padding:0; font-size:0.75em;}
		.metadatabottom span {float:left; font-weight:bold;}
		.metadatabottomlist {width:190px; margin:0 0 0 5px; font-size:0.9em;}

	.st_related_posts {margin:0; padding:0; font-size:1em; line-height:1.5em; text-align:right;}
	.st_related_posts h4 {}
	.st_related_posts ul, .st-related-posts li {margin:0; padding:0; list-style:none;}

	.navigation {margin:0 auto 15px auto; padding:0; font-size:0.7em; text-align:center;}

	
/* SIDEBAR - LEFT COLUMN */

#sidebar {background:url() no-repeat; text-align:; font-size:0.9em;}

#sidebar ul {margin:0; padding:0; list-style:none;}
#sidebar li {list-style-type:none;}
#sidebar li ul li {list-style-type:none; margin:0 0 0 20px;}

#search {margin:0; padding:0;}

	#searchform {background:transparent; margin:0; padding:0;}

	#searcharea {background:transparent;	padding: 2px 5px; width:95px; border:none; border-bottom:1px solid #ffffc7;
		font-size:0.9em; font-family:Tahoma,Verdana,Arial,Helvetica,Sans-Serif;}
		
	#searcharea:focus {border:none; border-bottom:1px dashed #ffffff;
		font-family:Tahoma,Verdana,Arial,Helvetica,Sans-Serif;}
		
	#searchbutton {background:transparent; height:20px; border:0; font:0.9em bold;}

.box {margin:20px 0 40px 0; padding:0 13px 0 10px; font-size:0.85em; text-align:right;}
	.box a {font-weight:bold;}
	.box a:hover {text-decoration:none;}
	.box h3 {background:url(img/d016_boxtitle.gif) no-repeat; margin:0 -13px 15px -5px; padding:10px 15px 10px 0;
	font-size:1.2em; letter-spacing:0.1em; font-weight:bold;}
	.box h3:hover {background:url(img/d016_boxtitle2.gif) no-repeat; padding:10px 32px 10px 0;}
	.box ul li {padding:3px;}

.note {margin:20px 0 20px 10px; padding:0 3px; font-size:0.75em; font-weight:bold; border-top:1px dotted black; border-bottom:1px dotted black;}
	.note p {text-align;left;}
	
#categories select {width:110px; font-size:1em;}


/* COMMENTS BEGINS */

.commentlist {margin:15px 0 0 0;padding:10px;}
.commentlist a {text-decoration:none;}
.commentlist ol {list-style:none; margin:0; padding:0;}
.commentlist li {list-style:none;}
.commentlist div {margin:0; padding:5px;}
.commentlist p {padding:3px 10px 0.5em 15px; font-size:0.9em; line-height:1.4em; text-align:justify;}

.commenttitle {margin:0; padding:5px; font-size:1.2em; text-align:left;}

#expcomment {margin:0; padding:0;}
#expcomment cite {font-style:normal;}
#expcomment p {font-size:0.95em;} /*comment content*/

.comment-author {margin:5px; padding:0; font-size:0.8em; font-style:normal; font-weight:bold}

.comment-meta {margin:0; padding:0; font-size:0.7em; font-weight:bold;}

.avatar {float:right; margin:8px;}

.commentreply {padding:0 6px 6px 0; width:90%; text-align:right;}

.commentlist .reply, #cancel-comment-reply {margin:0 10px -5px 10px;	font-size:0.75em; font-weight:bold; text-align:center;}

#commentform {margin:0 30px 0 auto; padding:0; width:320px; font-size:0.9em; color:#6f6f6f; border:1px solid #000000;}
.commentformtitle {background:#ffffff; margin:0 0 7px 0; padding:2px; font-weight:bold; text-align:center;}

/* Facebook Connected Comment Form */
#fb-user {margin:0 30px; text-align:left;}
#fb-msg, #sfc_comm_share {}
/* Facebook Connected Comment Form */

.commentinput {margin:0; padding:3px 0; text-align:center;}

.name, .email, .web {width:80px; margin:2px;	font-size:0.9em;}
.textfield {background:transparent; border:none; border-bottom:1px solid #afafaf; color:#afafaf; font-family:Tahoma,Verdana,Arial,Helvetica,Sans-Serif;}
.textfield:hover, .textfield:focus {background:#222222; color:#ffffff; border:none; border:1px solid #ffffff;font-family:Tahoma,Verdana,Arial,Helvetica,Sans-Serif;}

.commenttext {width:250px; height:50px; padding:5px; overflow:hidden; font-size:0.9em;}

.commentbutton {margin:0 auto;}

#submit {margin:0 0 5px 150px; padding:3px; width:110px; border:1px solid #afafaf;font-size:0.8em; font-weight:bold;}
#submit:hover {background:#222222; color:#ffffff;}


/* FOOTER */

#footer {text-align:right; font-size:0.75em;}
#footer a:hover {font-weight:bold;}

/* SPEECH BUBBLE */
div.bubble {font-size:0.75em; margin:-3px 0 0 0; padding:0 3px 0 10px;}

div.bubble p {margin:-1px 0 0 0; padding:5px 10px; border:1px solid #6f6f6f; z-index:2;}

div.bubbletip {background:transparent url(img/bubbletip.gif) no-repeat 10px bottom; position:relative; margin:0; width:auto; text-align:right; z-index:1;}

/* PAGENAVI */
.wp-pagenavi a, .wp-pagenavi a:link, .wp-pagenavi a:active, .wp-pagenavi span.pages, .wp-pagenavi span.current, .wp-pagenavi span.extend {
	padding:2px 4px; margin:2px;}

.wp-pagenavi a, .wp-pagenavi a:link, .wp-pagenavi a:active {text-decoration:none;}
.wp-pagenavi a:hover {text-decoration:none; font-weight:bold;}
.wp-pagenavi span.current {font-weight:bold;}