/*
Theme Name:		dhylue
Theme URL: 		http://dhylue.com/
Version: 		0.3
Description: 	dhylue'fisrt theme.
Author: 		dhylue
Author URL:		http://dhylue.com
*/

/* Reset - Resets all browsers down to common default settings */
html, body, div, span, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, code,del, dfn, em, img, q, dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td { margin: 0px; padding: 0px; border: 0px; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }
a img { border: none; }
:focus { outline: none; }
table { border-collapse: separate; border-spacing: 0px; }
caption, th, td { text-align: left; font-weight: normal; }
table, td, th { vertical-align: middle; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: block; }
.clear { clear: both; }

/* basic setting*/
body, input, textarea { font:13px/1.5 tahoma,arial,\5b8b\4f53,sans-serif; background:url(images/bg.jpg);}
body{text-align:center;}
.serif { font-family: Georgia, "Times New Roman", Times, serif; }
.sans-serif { font-family: "lucida sans", Verdana, Arial, Helvetica, sans-serif; }
.entry-meta { margin-bottom: 10px; }
p, pre, ul, ol, dl, dd, blockquote, address, table, fieldset, form, .gallery-row, .comment-list ul, .comment-list ol { margin-bottom: 20px; }
.hentry, .widget, .comment, .navigation-links { margin-bottom: 40px; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; clear: both; }
h1 { font-size: 24px; line-height: 28px; padding: 5px 0px; }
h2 { font-size: 20px; line-height: 22px; padding: 5px 0px; }
h3 { font-size: 16px; line-height: 20px; padding: 5px 0px; }
h4 { font-size: 14px; line-height: 18px; padding: 5px 0px; }
h5 { font-size: 12px; line-height: 18px; padding: 5px 0px; }
h6 { font-size: 10px; line-height: 16px; }

a { color: #2361a1; text-decoration: none; }
a:hover { text-decoration: underline; }
.entry-content a:link, .entry-content a:active, .entry-content a:visited { color: #2361a1;text-decoration: none; }
.entry-content a:hover { text-decoration: underline; }

.page-title { font-size: 14px; font-weight: bold; }
.page-title span { font-style: italic; font-weight: normal; }
.entry-title, .entry-title a { color: #000; font-size: 24px; line-height: 28px; }
.entry-title a:hover { color: #2361a1; text-decoration: none; }

address { font-style: italic; }
abbr[title], acronym[title], dfn[title] { cursor: help; border-bottom: 1px dotted #666; }
blockquote { color: #666; font-style: italic; border-left: 1px solid #ddd; margin-left: 15px; padding-left: 10px; }
strong { font-weight: bold; }
em, dfn, cite { font-style: italic; }
dfn { font-weight: bold; }
sup { bottom: 1ex; }
sub { top: .5ex; }
small { font-size: 12px; }
del { text-decoration: line-through; }
ins { text-decoration: underline; }
code, pre {  line-height: 15px; }
var, kbd, samp, code, pre { font: 12px/1.4 Consolas, "Andale Mono", Courier, "Courier New", monospace; background: #fafafa; }
kbd { font-weight: bold; }
samp, var { font-style: italic; }
pre { white-space: pre; overflow: auto; padding: 10px; border: 1px solid #ddd; clear: both; }
code { padding: 0px 3px; }
ul, ol, dl { margin-left: 15px; }
.entry-content ul, .entry-content ol, #search-query { margin-left: 25px; }
li ul, li ol { margin-bottom: 0; }
ul ul, ol ol, ul ol, ol ul { margin-bottom: 0; }
ol { list-style-type: decimal; }
ul { list-style-type: disc; }
ul ul { list-style-type: circle; }
ul ul ul { list-style-type: square; }
dt { font-weight: bold; }
.fat li { margin-bottom: 10px; }
table { border: 1px solid #ccc; border-width: 1px; line-height: 18px; margin: 0 0 22px 0; text-align: left; padding: 0 5px; }
table .even { background: #ddd; }
caption { text-align: left; }
tr { border-bottom: 1px solid #ccc; }
th, td { padding: 5px 3px; }
input, textarea, button { background: #fafafa; border-color: #aaa #ddd #ddd #aaa; border-style: solid; border-width: 1px; color: #444; font-size: 14px; }
input, textarea, button { font-family: Cambria, Georgia, "Times New Roman", Times, serif; padding: 3px; }
button { font: 12px; padding: 2px 10px; cursor: pointer; }
input:focus, textarea:focus, button:hover { background: #fff; border-color: #777 #ccc #ccc #777; }

.comment-list, .comment-list .children { list-style: none; }
.comment-list { margin-left: 10px; }
.comment-list li{border-left:2px solid #51bdff;padding:5px 0px 1px 15px;}
.comment { margin-bottom: 40px; }
.comment-list .children { margin-top: 40px; }
.comment-meta { margin-bottom: 10px; }
.commenter { font-size: 16px; }
.avatar { float: right; margin: 0px 0px 10px 20px; border: 1px #ddd solid; padding: 1px; }
#comment-form .form-section input { margin-right: 10px; }
.form-section { margin-bottom: 10px; }
.form-section textarea{ width:580px; }
.form-section label { cursor: pointer; }
#commenter-details input { margin-right: 10px; }
#allowed-tags { font: 11px Verdana, Arial, Helvetica, sans-serif; padding: 5px 10px; background: #fff; border: 1px #ddd dotted; border-top: none; width: 573px; }

img.alignleft { float: left; margin-right: 20px; margin-top: 5px; }
img.alignright { display: block; float: right; margin-left: 20px; margin-top: 5px; }
img.aligncenter { margin-left: auto; margin-right: auto; display: block; clear: both; margin-top: 5px; }
.wp-caption { text-align: center; }
.wp-caption img { margin: 0; padding: 0; border: 0 none; }
.wp-caption .wp-caption-text { margin: 0; padding: 5px; }
.wp-smiley { max-height: 13px; margin: 0 !important; } 

/* my theme start */
.container { width: 960px; margin: 0px auto; float:center;text-align:left;position:relative;}
#righttop{position:absolute;top:-40px;left:-230px;z-index:-999;overflow-x:hidden;}
.header,#nav,#primary,#secondary,#footer{background:rgba(255, 255, 255, 0.8);}
.header {padding:15px 20px 30px 45px;margin:20px 0px 10px;height:80px; border-top-left-radius: 10px 10px;
border-top-right-radius: 10px 10px;-moz-border-radius:10px 10px 0 0;width:575px;}
.header img{float:left;margin-right: 15px;}
.header h1,.header h1 a{float:left;font-size: 30px; line-height: 30px; color: #000; font-weight: bold; clear:right;width:400px;margin-top:7px;}
.header h1 a:hover { color: #2361a1; text-decoration: none; }
.header h2{float:left; color: #333; margin:2px 0px 0px 2px;font-weight:bold;font-size: 14px;clear:right; padding:0px;}

#nav {float: left; width:640px; margin-bottom:10px;border-left:1px solid #ccc;}
#nav li {float: left; padding: 0; position: relative; list-style:none;border-right: 1px solid #ccc;}
#nav a {display: block; position: relative; padding: 6px 10px; color: #000; border-right: 1px solid #ccc;text-decoration: none;}
#nav ul{margin:0px;}
#nav ul a { border-right: none; }
#nav a:hover ,#nav li:hover, #nav a:focus { background: #fafafa; }
.active_category{background-color:#ffb;}
.current_page_item{background-color:#ffb;}

#content{width:960px;}
#primary{width: 600px; float: left;padding: 10px 20px; margin-bottom:10px;margin-right:20px;border-bottom-left-radius: 10px 10px;
border-bottom-right-radius: 10px 10px;-moz-border-radius:0 0 10px 10px;}
#secondary{margin:100px 0px 10px 0px;width:255px;float: right; padding:20px 20px 0px 20px;border-radius: 10px 10px;
-moz-border-radius:10px;}
#side_about{float:left;margin:10px 0px;}
#side_about ul{margin:0px;}
#side_about ul li{list-style:none;float:left;margin-right:5px;}
#search{float:left;}

#footer { clear: both;text-align:center;padding:5px 0px;border-bottom-left-radius: 5px 5px;
border-bottom-right-radius: 5px 5px;border-top-left-radius: 5px 5px;
border-top-right-radius: 5px 5px; -moz-border-radius:5px;}
#copyright {margin-bottom:0px;}
#wp-calendar {width: 236px; text-align: right; padding-left: 10px; padding-top: 5px; padding-bottom: 5px;}

/* plugins */
/* [gallery] */
.gallery { margin: auto; }
.gallery-image { border: 2px solid #cfcfcf; margin-left: 0; }
.gallery-caption { margin-left: 0; }
.gallery-item { float: left; text-align: center; margin-left: 0; }
.gallery-columns-2 { width: 50%; }
.gallery-columns-3 { width: 33%; }
.gallery-columns-4 { width: 25%; }
.gallery-columns-5 { width: 20%; }
.gallery-columns-6 { width: 16%; }
.gallery-columns-7 { width: 14%; }
.gallery-columns-8 { width: 12%; }
.gallery-columns-9 { width: 11%; }

/* Navigation */
.page-navigation .nav-next { float: left; }
.page-navigation .nav-previous { float: right; }
.single-page-navigation .nav-next { float: right; }
.single-page-navigation .nav-previous { float: left; }

/* [gallery] + navigation clearfix */
.gallery-row:after, .navigation-links:after, .container:after, .menu:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.gallery-row, .navigation-links, .container, .menu { display: block; }

/* Basic Alignments */
.alignleft { float: left; }
.alignright { float: right; }
.aligncenter { margin-left: auto; margin-right: auto; display: block; clear: both; }

.wp-pagenavi {clear: both;text-align:center;margin-bottom:20px;}
.wp-pagenavi a, .wp-pagenavi span {text-decoration: none;border: 1px solid #BFBFBF;padding: 3px 5px;	margin: 2px;}
.wp-pagenavi a:hover, .wp-pagenavi span.current {border-color: #000;}
.wp-pagenavi span.current {font-weight: bold;}

div.sociable { margin: 16px 0; }
span.sociable_tagline { position: relative; }
span.sociable_tagline span { display: none; width: 14em; }
span.sociable_tagline:hover span {
	position: absolute;
	display: block;
	top: -5em;
	background: #ffe;
	border: 1px solid #ccc;
	color: black;
	line-height: 1.25em;
}
.sociable span {	display: block;}
.sociable ul {
	display: inline;
	margin: 0 !important;
	padding: 0 !important;
}
.sociable ul li {
	background: none;
	display: inline !important;
	list-style-type: none;
	margin: 0;
	padding: 1px;
}
.sociable ul li:before { content: ""; }
.sociable img {float: none;width: 16px;height: 16px;border: 0;margin: 0;	padding: 0;}

.sociable-hovers {
	opacity: .4;
	-moz-opacity: .4;
	filter: alpha(opacity=40);
}
.sociable-hovers:hover {
	opacity: 1;
	-moz-opacity: 1;
	filter: alpha(opacity=100);
}
.wp-pagenavi {
    clear: both;
    text-align:center;
    margin-bottom:20px;
}
.wp-pagenavi a, .wp-pagenavi span {
    text-decoration: none;
    border: 1px solid #BFBFBF;
    padding: 3px 5px;
    margin: 2px;
}
.wp-pagenavi a:hover, .wp-pagenavi span.current {border-color: #000;}
.wp-pagenavi span.current {font-weight: bold;}