/*
Theme Name: Chaos Flux Theme
Theme URI: http://www.chaosflux.com/
Description: The <a href="http://www,chaosflux.com/">Chaos Flux</a> WordPress theme.
Author: Sywan-Yue Shih
Author URI: http://design.elgorithms.com/
Version: 0.1
*/
html,body{margin:0;padding:0;text-align:center}
body{background:#f7f8f1 url(images/page-bg.jpg) top repeat-x;font:12px/19px "Lucida Grande","Lucida Sans Unicode",Helvetica,Arial,sans-serif;padding:0}
blockquote{border-left:1px solid #276395;color:#555;font-size:1.00em;padding-left:10px;padding-right:10px;margin:0 30px;}
a{color:#276395;text-decoration:none;outline:none;}
code{background:#f5f5f5;border:1px solid #ddd;color:#555;font:11px Verdana,Arial,Helvetica,sans-serif;padding:10px;text-align:left}
/* Headlines */
h1 a{color:#276395;font-weight:100;font:28px 'Century Gothic',Verdana,Arial,sans-serif;margin:0;padding:0;text-decoration:none;display: block}
h1{color:#276395;font-weight:100;font:28px 'Century Gothic',Verdana,Arial,sans-serif;margin:0;padding:0;text-decoration:none}
h2,h2 a{color:#276395;font-weight:100;margin:0;padding:0}
h3,h3 a{color:#276395;font-weight:100;margin:15px 0 0 0;padding:0}
h4{color:#276395;font:12px Verdana,Arial,Helvetica,sans-serif;font-weight:normal;margin:0;padding:0}
img{border:none}
ol,form{margin:0;padding:0}
p{line-height:1.7em;text-align:left}
.entry{line-height:1.3em;text-align:left}
small{font-size:10px}
#page{margin:0 auto;padding:0;text-align:left;width:810px}
/* Header  */
#header{overflow:hidden;color:#434d52;font-size:13px;height:200px;margin:0 auto;text-align:left;padding:0}
#header a{color:#434d52}
#header a:hover{color:#144f92}
#blogname{padding-top:60px}
#header h2{float:left;font:30px 'Century Gothic',Verdana,Arial,sans-serif;margin:0;padding:0 15px 0 0;border-right:1px solid #96a68c}
#header h2 a{text-decoration:none}
#header p{padding:13px 0 0 10px;margin:0;line-height:1em;color:#547466}
/* Topmenu */
#top{background:#3d4246 url(images/menu-border.png) top repeat-x;border-bottom:1px solid #276395;height:34px;margin:0 auto;width:100%;text-align:center;overflow:hidden}
#topbar{height:34px;width:810px;margin:0 auto;padding:0;text-align:center}
ul.topmenu{float:left;margin:0 auto;padding:0;list-style-type:none}
ul.topmenu li{float:left}
ul.topmenu li a{float:left;display:block;height:34px;padding:9px 20px 0 0;color:#cbcbcb}
ul.topmenu li a:hover{color:#fff;text-decoration:none}
/* Content  */
#content{border:none;color:#282828;float:left;margin:20px 0 30px 0;padding:0 40px 0 0;text-align:left;width:500px}
#content a:hover{color:#0074d7;text-decoration:none}
#content img{float:left;margin:3px 10px 5px 0;border:1px solid #ddd;padding:5px}
#content a:hover img{border:1px solid #777;background:transparent}
#content h3 a{text-decoration:none}
#content h1 a:hover,#content h2 a:hover,#content h3 a:hover{color:#0074d7;text-decoration:none}
#content ul{list-style-type:circle;margin:0 0 0 25px;padding:0}
#content ul li{line-height:1.5em;margin:0;padding:5px}
/* Comments  */
#comment{background:#fafafa;border:1px solid #ddd;color:#444;font-size:13px;padding-left:2px;vertical-align:middle;width:500px}
.commentbody{background:#fafafa;border:1px solid #ddd;color:#444;font-size:13px;margin:0 0 10px 0;padding:15px 15px 5px 15px;position:relative}
.commentbody a,.commentbody a:hover{text-decoration:none}
.commentbody p{line-height:1.2em}
.commentlink{font-size:13px}
.commentlist{list-style:none}
#email,#author{background:#fafafa;border:1px solid #ddd;color:#444;font:12px Verdana,Arial,Helvetica,sans-serif;padding-left:5px;vertical-align:middle}
#url{background-color:#fafafa;border:1px solid #ddd;color:#444;font:12px Verdana,Arial,Helvetica,sans-serif;height:16px;padding-left:5px;vertical-align:middle}
label em{color:#aa0000;font-style:normal}
#commentform input,#commentform textarea{background:url(images/input-bg.gif) top repeat-x;padding:3px}
#commentform input#submit{background:#fafafa url(images/note-bg.gif);border:1px solid #ddd;color:#444;font:12px Verdana,Arial,Helvetica,sans-serif;margin:0;padding:0 10px}
textarea{overflow:auto;font:12px Verdana,Arial,Helvetica,sans-serif}
/* Footer */
#footer{background:#3d4246 url(images/menu-border.png) top repeat-x;border-top:1px solid #276395;height:60px;clear:both;color:#cbcbcb;font-size:11px;margin:0;padding:0;text-align:center;overflow:hidden}
#footer a{color:#cbcbcb;text-decoration:none}
#footer a:hover{color:#fff;text-decoration:none}
/* Search Field */
.s{background:url(images/s-input.png) top left no-repeat;border:1px solid #c7c7c7;color:#383d44;font:12px Verdana,Arial,Helvetica,sans-serif;width:220px;height:15px;padding:5px;vertical-align:middle}
/* Sidebar */
#sidebar{width:232px;text-align:left;float:left;margin:20px 0 30px 0;border-left:1px solid #e9e9e9;padding:0 0 0 28px;font-size:13px;line-height:1.6em;color:#383d44}
.sidelist{margin:0 0 20px 0;padding:0}
#sidebar ul{list-style:none;margin:0;padding:0;border:none}
#sidebar li{border-bottom:1px solid #ddd;margin:0;padding:0;display:block}
#sidebar li a{display:block;background:url(images/menu-bg.png) bottom left no-repeat;color:#383d44;padding:5px 0 5px 21px;text-decoration:none;border-bottom:0}
#sidebar li a:hover{color:#0074d7;background:#e0e3d4 url(images/menu-bg-over.png) bottom left no-repeat;text-decoration:none}
#sidebar h2{background:inherit;color:#276395;font:28px 'Century Gothic',Verdana,Arial,sans-serif;font-weight:100;padding:3px 0 3px 0;margin:0}
#wrapper{float:left;margin:0;padding:0}
.alignleft{float:left;text-align:left}
.alignright{float:right;margin-top:-1px;text-align:right}
.date{color:#363636;font:11px 'Trebuchet MS',Verdana,Arial,Helvetica,sans-serif;margin:0;padding:0}
.postmetadata{background:url(images/menu-bg.gif) bottom repeat-x;font-size:11px;font-style:italic;color:#363636;border-top:1px solid #ddd;border-bottom:2px solid #ddd;line-height:1.5em;height:1.8em;margin:15px 0 70px 0;padding:3px;text-align:right;clear:both}
.postmetadata .left{float:left;width:365px;margin:0;padding:0 0 0 2px}
.postmetadata .right{float:right;width:110px;text-align:right;margin:0;padding:0 5px 0 0}
.postmetadata a{text-decoration:none}
.postmetadata2{background:#eee url(images/note-bg.gif);color:#282828;border:1px solid #ddd;font-size:11px;line-height:1.3em;letter-spacing:0em;margin:0 0 20px 0;padding:5px;text-align:left;clear:both}
/* Different Postmetadata Style for single.php */
.alt{line-height:1.3em;padding:10px}
.alt a{background:inherit;text-decoration:none}
.commentheader{background:inherit;font-size:18px;font-weight:lighter;text-align:left;color:#276395;padding:0;line-height:1.5em}
.clear {clear:both}