/*
Theme Name: WDB v3
Theme URI: http://www.WebDesignBooth.com
Description: A WebDesignBooth Wordpress theme
Version: 3.0
Author: Dicky
Author URI: http://www.WebDesignBooth.com
Tags: blue, custom header, fixed width, two columns, widgets
*/

/* reset.css */
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:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
body {line-height:1.5;}
table {border-collapse:separate;border-spacing:0;}
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:"" "";}
hr {background:#ddd;color:#ddd;clear:both;float:none;width:100%;height:.1em;margin:0 0 1.45em;border:none;}
hr.space {background:#fff;color:#fff;}
.clearfix:after, .container:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix, .container {display:block;}

/* Body */
body {font: 75% Arial, Georgia, Geneva, "Times New Roman", times; color:#333; }


/* Links */
a, a:visited { color: #0099FF; text-decoration: none; outline: none; }
a:focus {color:#0099FF;}
a:hover { color:#FF6A00;}
a img {border:none;}

/* Paragraph */
p {line-height: 18px; margin:0 0 15px 0; padding-bottom:0px;}
p img.left {float:left;margin:1.5em 1.5em 1.5em 0;padding:0;}
p img.right {float:right;margin:1.5em 0 1.5em 1.5em;}

/* Headers */
h1, h2, h3, h4, h5, h6 {font-family:Arial, Helvetica, sans-serif; font-weight:normal; color: #000000; margin-bottom: 5px; }
h1 {font-size:2.6em; }
h2 {font-size:1.8em;}
h3 {font-size:1.7em; }
h4 {font-size:1.5em; }
h5 {font-size:1.4em; }
h6 {font-size:1.2em; }
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img { margin:0;}

/* Lists */
li ul, li ol {margin:0 1.5em;}
ul, ol {margin:0 1.5em 1.5em 1.5em;}
ul {list-style-type:square;}
ol {list-style-type:decimal;}
dl {margin:0 0 1.5em 0;}
dl dt {font-weight:bold;}
dd {margin-left:1.5em;}


/***********************
	Wrapper
************************/
body { margin-bottom:10px; background:#FFFFFF url(images/bg.gif) repeat;}
#wrapper { overflow:hidden; text-align:left; width:1022px; margin:5px auto;}
#container { background:#FFFFFF url(images/container-bg.png) repeat-y; border:1px solid #EBEBEB; margin-bottom:10px; padding-bottom:0; float:left; width:1020px; }
#content-wrapper { width:650px; background:#FFFFFF; border-right:1px solid #EBEBEB; float:left; padding:5px 9px 0 10px; margin-right:0; margin-left:0px; display:inline;}

/***********************
	Header
************************/
#header-wrapper { padding:0; padding-bottom:10px; }
#header-wrapper #header {height:100px; }
#header-wrapper #header h1{  display:inline; }
#header-wrapper #header .logo { float:left; height:100px; width:410px;}
#header-wrapper #header .logo a{ background:url(images/logo.png) no-repeat; height:80px; padding-bottom:0px; font-size:1em; display:block; overflow:hidden; text-indent:-1000em; }
#header-wrapper #header .logo .header-desc { color:#999999; font-size:0.9em; text-align:right; line-height:1; }
#header-wrapper #header .header-ads { float:right; height:60px; width:468px; padding-top:20px; }
#header-wrapper #cat-navi { width: 100%; border-top: 2px solid #70D1FF; background:#3AB7FF; height:28px;z-index:99;}

#cat-navi .menu-main-menu-container { height:28px; padding:0; margin:0; z-index:99; }	
#cat-navi .menu-main-menu-container a { display: block; position: relative; padding: 5px 10px; margin: 0; font-weight: bold;  color: #FFFFFF;  font-family:Arial, Helvetica, sans-serif; height:20px; line-height:20px;}
#cat-navi .menu-main-menu-container a:hover { text-decoration: underline; }	

#cat-navi .menu-main-menu-container ul { z-index: 999; padding: 0; margin: 0; list-style: none; line-height:1; }
#cat-navi .menu-main-menu-container ul ul { margin-left:0px; }	
#cat-navi .menu-main-menu-container ul ul a{ color:#FFFFFF; margin:0; }
#cat-navi .menu-main-menu-container ul ul li { width: 100%; }
#cat-navi .menu-main-menu-container ul ul li:hover, #cat-navi .menu-main-menu-container ul ul li.sfHover { background:#3AB7FF; }
#cat-navi .menu-main-menu-container ul ul ul { margin-left:1px; }

#cat-navi .menu-main-menu-container li { float: left; display: block; margin: 0px; padding: 0px; position: relative; }
#cat-navi .menu-main-menu-container li:hover { visibility: inherit; }
#cat-navi .menu-main-menu-container li:hover ul, li.sfHover ul { left: 0; top: 28px; z-index: 99; background:#70CFFF; opacity:0.9; }
#cat-navi .menu-main-menu-container li:hover ul li, li.sfHover ul li { border:none; border-bottom:1px solid #FFFFFF; }
#cat-navi .menu-main-menu-container li:hover ul li a, li.sfHover ul li a { padding:5px 0px; text-indent:5px;}	
#cat-navi .menu-main-menu-container li:hover li ul, li.sfHover li ul { top: -999em; }
#cat-navi .menu-main-menu-container li li:hover ul, li li.sfHover ul { left: 10em; top: 0; background:#000000; }
#cat-navi .menu-main-menu-container li li:hover li ul, li li.sfHover li ul { top: -999em; }
#cat-navi .menu-main-menu-container li li li:hover ul, li li li.sfHover ul { left: 1em; top: 0; }

#menu-main-menu ul { z-index: 999; position: absolute; top: -999em; padding: 0;  margin: 0;  list-style: none;  line-height:1; }



/***********************
	Sidebar
************************/
#sidebar { background:#EEEEEE; width:330px; padding: 5px 9px 0 9px; border:1px solid #FFFFFF; border-bottom:none; float:left; margin-right:0px; display:inline; }
#sidebar h3 { color:#444; padding: 0px 5px; margin-bottom:0px; font-size:1.3em; font-weight:700; font-family:Arial,Tahoma,Verdana; }
#sidebar a { font-weight:bold; }

#sidebar-left {width:160px; float:left;}
#sidebar-right {width:160px; float:right;}

.widgetcontainer { margin-bottom: 10px;}
.widgetcontainer p {margin-bottom: 0; }
.widgetcontainer ul { list-style: none; margin: 0; }
.widgetcontainer li { border-bottom: 1px solid #bde4fa; font-size:0.9em; }
.widgetcontainer li a {display:block; padding: 3px 0 3px 0px;}
.widgetcontainer li a:hover {color: #0391ef; text-decoration:underline;}

.divider { border-bottom:1px solid #FFFFFF; border-top:1px solid #CCCCCC; margin-bottom:5px;}

#sidebar #wordpress-themes img{ padding:5px 5px 0 5px;}

#bsa-square { text-align:center; padding:0 15px; margin-top:10px; }
#bsa-rec {padding:0 29px; }

#custom-search #searchbox { margin-top:5px; }

#subscribe #subscribe-links { width:140px; }
#subscribe a { line-height:1.8em; display:block; padding:5px 0 4px 0; }
#subscribe a.delicious { line-height:1em; background:url(images/delicious.small.gif) 0 6px no-repeat; padding-left:15px; }
#subscribe span { background:#7CD5FF; border-color:#96DDFF #3AB7FF #3AB7FF #96DDFF; border-width:2px; border-style:solid; color:#404040; font-family:Arial,"Helvetica Neue",Helvetica,sans-serif; font-size:0.9em; font-weight:bold; padding:3px; margin:0; }
#subscribe span:hover {color:#000000; }

#facebook-fan-widget { text-align:center; padding-bottom:10px;}
#sidebar-middle-ads { text-align:center; margin-bottom:10px;}
#sidebar-middle-ads img{ margin-bottom:10px;}

/* Style for Usual tabs */
#sidebar-tab {
margin-bottom: 10px;
}
.usual {
	color:#CDCDCD;
	margin:8px auto;
}

.usual ul.tabbed { margin:0; }
.usual ul.tabbed li { list-style:none; float:left; }
.usual ul.tabbed a {
	display:block;
	padding:4px 10px;
	text-decoration:none!important;
	margin:1px 1px 0 0;
	margin-left:0;
	font-family:Verdana;
	font-size:1em;
	color:#000000;
	background:#E3EDF4;
}
.usual ul.tabbed a:hover {
	color:#000000;
	background:#C0C0C0;
}
.usual ul.tabbed a.selected {
	margin-bottom:0;
	color:#000000;
	background:#C0C0C0;
	cursor:default;
}
.usual div {
	padding:5px 10px 8px 10px;
	*padding-top:3px;
	*margin-top:-15px;
	clear:left;
	background:#F8FAFC;
}

.usual div ul { list-style: none; margin: 0; }
.usual div li { font-size:0.9em; }
.usual div li a {display:block; padding: 3px 0 3px 0px; color:#0391EF; font-weight:normal;}
.usual div li a:hover {color: #000000; text-decoration:underline;}

.usual div#categories li { float:left; width:90px; margin: 0 2px;}



/***********************
	Content
************************/
#content-wrapper {margin-top:0; }
#content-wrapper h1, #content-wrapper h2, #content-wrapper h3, #content-wrapper h4, #content-wrapper h5, #content-wrapper h6 { color:#000000; padding:0 5px 0 0; }
#content-wrapper .title {font-family:Arial, Helvetica, sans-serif; font-size:3.0em; padding:0; margin-bottom:5px; color:#333333; border-bottom:none; }
#content-wrapper .title a { color:#0099FF; }
#content-wrapper .title a:hover { color:#0099FF; text-decoration:underline; }

.list .post {padding: 10px 0 0 10px; border-bottom: 1px solid #d9d9d9;}
.list .post .post-details-left { width:220px; }
.list .post .post-details-right { width:400px; }

.list .post .thumb img {float: left; margin: 0 30px 30px 0; padding: 0px; border: 1px solid #E1E1E1; width: 200px; height: 120px;}
.list .post a {color: #0099CC;}
.list .post a:hover {text-decoration: underline; color: #0099CC;}
.list .post h2 {margin-bottom: 8px; font-family: Arial, Helvetica, sans-serif; line-height:1.2em; font-weight: bold;}
.list .post h2, .list .post h2 a {color: #000; text-decoration: none; line-height:1.2em;}
.list .post .post-meta {font-size: 1.1em; font-style: italic; color: #999; margin-bottom: 20px;}
.list .post .post-meta span, .list .post .post-meta a {color: #0099CC; text-decoration: none; font-family: Arial, Helvetica, sans-serif; font-style: normal;}
.list .post .post-meta a:hover {text-decoration: underline; color: #0099CC;}
.post-author {}


.post .post-meta {color: #999; margin-bottom: 10px;}

.post-content {margin-bottom: 30px;}
.post-content h1, .post-content h2, .post-content h3, .post-content h4, .post-content h5 {color: #000; font-weight: normal; font-family: Arial, Helvetica, sans-serif; margin: 15px 0;}

.post-content {color: ##444; font: 14px Arial, Helvetica, sans-serif;}
.post-content p {margin: 10px 0; line-height:20px;}
.post-content ol {list-style: decimal; padding-left: 35px; margin: 15px 0;}
.post-content ul {list-style: disc; padding-left: 35px; margin: 15px 0;}
.post-content li {color: ##444; font: 14px Arial, Helvetica, sans-serif; margin: 3px 0;}
.post-content blockquote {padding: 15px 0 10px 65px; background: url("images/bq.png") 20px 0 no-repeat;}
.post-content blockquote p {color: #8c8888; font: italic 16px Georgia, Geneva, "Times New Roman", times;}
.post-content .search {float: none; margin-top: 15px; width: auto;}
.post-content .search fieldset {width: 610px; height: 35px;}
.post-content .search input {width: 570px; }

.post-footer { font-size:1.1em; margin-bottom:10px; }

.wdb-social {
	background: #FFFFFF;
	border:1px solid #DDDDDD;
	border-right:none;
	margin-left: -80px;
	margin-right: 10px;
	margin-top: 70px;
	position: fixed;
	width: 69px;
	z-index: 0;
}
.wdb-social-box { padding:5px; width:58px; text-align:center;}
.wdb-social-box-horizontal { padding:5px; width:58px; float:left; text-align:center;}

/* Author Details */
#author-details {background:#F7F7F7; border:1px solid #EBEBEB; padding:5px; margin-top:10px;}
#author-details .author-gravatar {float:left; margin-right:10px;}
#author-details .author-description { font-size:0.9em; }

/* Ads */
.ads-text { font-size:0.8em; color:#D5D5D5; margin:0;}
#single-ads-container {width:650px; }
#single-under-title-bsa { width:300px; float:right; }
#single-under-title-google-ads {width:300px; float:left; }


/***********************
	More-contents
************************/
/*** Related Posts ***/
#more-contents h3 {font-size: 18px; font-weight: normal; color: #000; padding: 15px 0 10px 30px; border-bottom: 1px solid #d9d9d9;}
#more-contents .more-contents-body { padding: 15px 0 10px 30px; font-size:13px;}
#more-contents .more-contents-body ol { list-style-type: none; margin: 0;}
#more-contents .more-contents-body ol li { float:left; }
#more-contents .more-contents-body ol a { float:left; display:block; color: #04A8E2; font-weight:bold; text-decoration:none; padding: 5px 2px; margin: 0 5px; width: 180px;}
#more-contents .more-contents-body ol a:hover { text-decoration:underline; }
#more-contents .more-contents-body ol a .post-thumb {
display: block;
margin-bottom: 5px;
width: 150px;
height: 100px;
padding: 2px;
border: 1px solid #CCC;
}
#more-contents .more-contents-body ol a:hover .post-thumb {
border: 1px solid #999;
}

#more-contents .more-contents-body ol a .post-thumb img { max-width:150px; max-height:100px; }

/***********************
	Footer
************************/
#footer { font-size:1.1em; }
#footer p {text-align:center; margin-top:10px; color:#808080; }

/***********************
	Comments
************************/
#commentform { margin: 5px 10px 0 0; }

#respond {margin-top:10px; }
#respond:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

#commentform #submit { width:140px; margin: 5px 5px 1px 0; float: left; height:25px;}
#commentform p { margin: 5px 0; }
#commentform p { font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; }

.commentlist { padding: 0; text-align: justify; }
ol.commentlist {margin-left:0; margin-right:0; }
.commentlist li { margin: 0 0 5px 0; padding: 5px; list-style: none; }
.commentlist li ul li {  margin-right: -5px; }
.commentlist p { margin: 5px 5px 0 0; padding-bottom:0;}
.commentlist li, #commentform input, #commentform textarea { font: 1em Verdana, Arial, Sans-Serif; }
.commentlist li ul li { font-size: 1em; }
.commentlist li { font-weight: bold; }
.commentlist li .avatar { float: left; margin-right:5px; background: #fff; }
.commentlist cite, .commentlist cite a { font-weight: bold; font-style: normal; }
.commentlist p { font-weight: normal; line-height: 1.5em; text-transform: none; }

.commentlist .alt { margin: 0; }
.children { padding: 0; margin-left:30px; margin-right:0; }
.nocomments { text-align: center; margin: 0; padding: 0; }
.commentmetadata { font-weight: normal; font-size:0.9em; margin: 0; display: block; }
.thread-alt {  }
.thread-even {  }
.depth-1 { border-bottom:1px dotted #BFBFBF; }
.even, .alt {  }

#trackbacks ol.commentlist {list-style-type:decimal; list-style-position:outside; margin:0 0 0 30px; padding:0; }
#trackbacks .commentlist li {list-style-type:decimal; list-style-position:outside; padding:0; margin-bottom:5px; }

/***********************
	Misc
************************/

/* Code */
pre { margin:1.5em 0; padding:5px; overflow: auto;}
pre, code { font-size:1em;line-height:1.5;}

/* Images */
img.alignleft { padding: 4px; margin: 0 7px 2px 0; display: inline; }
img.alignright { padding: 4px; margin: 0 0 2px 7px; display: inline; }
img.centered { display: block; margin-left: auto; margin-right: auto; }

.sidebar img { margin-bottom: 5px; }

/* Form elements */
label {font-weight:bold; display:block; float:left; padding-right:20px; padding-top:2px; text-align:right; width:120px;}
fieldset {padding:1.4em;margin:0 0 1.5em 0;border:1px solid #ccc;}
legend {font-weight:bold;font-size:1.2em;}
input.text, input.title, textarea, select {margin:0;border:1px solid #bbb;}
input.text:focus, input.title:focus, textarea:focus, select:focus {border:1px solid #666;}
input.text, input.title {width:100px;padding:5px;}
input.title {font-size:1.5em;}
textarea {width:390px;height:250px;padding:5px;}
input.color {outline:none; }
input.color, textarea.color { border:#BFBFBF solid 2px; float:left; font: 1em Verdana, Arial, Sans-Serif; margin-bottom:10px; padding:2px; width:300px; }
input.color:focus, textarea.color:focus { border:#3AB7FF solid 2px; }

/* WP-Caption */
.wp-caption { border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin: 10px; }
.wp-caption img { margin: 0; padding: 0; border: 0 none; }
.wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0; }
.wp-caption-dd { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0; }

/* Blockquotes */
blockquote { margin: 10px; padding-left: 5px; font-style:italic; border-left: 5px solid #bde4fa; }
blockquote p {padding-bottom:5px; padding-top:5px; }
blockquote cite { margin: 5px 0 0; display: block; }

/* Tags */
acronym, abbr, span.caps { cursor: help; }
acronym, abbr { border-bottom: 1px dashed #999; }
hr { display: none; }
code { font: 1.1em 'Courier New', Courier, Fixed; }
acronym, abbr, span.caps { font-size: 0.9em; letter-spacing: .07em; }
em { font-style:italic; }

/* Classes */
.hidden { display: none; }
.center, .aligncenter { display: block; margin-left: auto; margin-right: auto; text-align:center;}
.left, .alignleft { float: left; }
.right, .alignright { float: right; }
.clear:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}

/* Contact Form 7 */
div.wpcf7 { padding:5px !important; }
form.wpcf7-form { padding-top:5px; }	

/* =WP-PagiNavi plugin
Use !important to override PageNavi CSS
-------------------------------------------------------------- */
.wp-pagenavi { font-family:Verdana,Tahoma,Arial,Helvetica,Sans-Serif !important; font-size: 13px !important; padding:4px 6px 4px 0 !important; margin:10px 0 !important; color:#3274D0 !important; text-align:center !important; }
.wp-pagenavi a, .wp-pagenavi a:link, .wp-pagenavi span.pages, .wp-pagenavi span.extend { color:#444 !important; text-decoration:none !important; margin:0 3px 0 3px !important; border:1px solid #333 !important; }
.wp-pagenavi span.pages { margin:0 3px 0 0px !important; }
.wp-pagenavi a:hover, .wp-pagenavi a:active { color:#FFFFFF !important; background-color:#444 !important; }
.wp-pagenavi span.current { margin:0 3px 0 3px !important; border:1px solid #333 !important; color:#FFFFFF !important; background-color:#444 !important; }


/* Google Search Results */
#cse-search-results iframe { width:600px; }