/*
Theme Name: WP Knpwledge Base
Theme URI: http://www.wpyag.com/
Description: A wordpress theme made by <a href="http://www.wpyag.com/">WordPress YAG</a>.
Version: 1.0
Author: WPYAG
Author URI: http://www.wpyag.com/
*/

/* +===========================================+
           Body
   +===========================================+ */
body {
    background: #1c1c1c url(images/bg.jpg);
	font-size: 14px;
	font-family: Tahoma, 'Lucida Grande', Verdana, Arial, Sans-Serif;	
	color: #fff;
	height: 100%;
    width: 1020px;
	margin: 0px auto;
    padding: 0px;
	}

/* +===========================================+
           General wordpress CSS
   +===========================================+ */
.clear {
clear: both;
}
.clearleft { clear:left; }
	
img {
	border: 0;
}

a img {
	border: none;
}

p img {
	padding: 0;
	max-width: 100%;
	border: 1px solid #b8b8b8;
		}


img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	border: 1px solid #b8b8b8;
	}

img.alignright {
    display: inline;
	padding: 4px;
	margin: 0 0 2px 7px;
	border: 1px solid #b8b8b8;
	}

img.alignleft {
    display: inline;
	padding: 4px;
	margin: 0 7px 2px 0;
	border: 1px solid #b8b8b8;
	}
	
.entry img {
  max-width: 660px;

}


.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}

blockquote {
   	padding:10px 10px 10px 20px;
	font-style:italic;
	margin:10px 0;
	background:#4f4f4f url(images/quote.png) no-repeat;
	color: #000;
}


code {
  font-family: Consolas, Monaco, monospace;
  font-size: 14px;
 padding: 1px 3px;
}

del { color: #c5c5c5; text-decoration: line-through; }

em { font-style: italic; }

hr {
border: 0;
color: #777777;
background: #777777;
height: 1px;
}

a { 
text-decoration: none; 
color: #985800;
}

a:link, a:visited {
 color: #985800; 
 }
 
a:focus, a:hover, a:active {
 color: #be6e01; 
 }

 
em {
 font-style: italic; 
 }

input { 
vertical-align: middle; 
}

ins {
color: #d1d1d1; text-decoration: none; 
}

small {
 font-size: 0.8em; 
 }
 

 
sub, sup {
 font-size: 0.7em; 
 }

.aligncenter, div.aligncenter {
 display: block; 
 margin-left: auto; 
 margin-right: auto; 
 }
 
.aligncenter img, .aligncenter p.wp-caption-text {
  display: block;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

.entry div.alignleft {
 float: left; margin: 0 10px 10px 0; 
 }


.wp-caption {
  background-color: #bcbbbb;
  border: 1px solid #000;
  overflow: hidden;
  padding: 3px;  
}

.wp-caption img {
 border: 0 none; 
 margin: 0; 
 padding: 0; 
}

.wp-caption p.wp-caption-text {
   font-size: 13px;
   line-height: 17px;
   padding: 0 4px 5px;
   margin: 0;
 }

/* +===========================================+
           Header
   +===========================================+ */
   /* General Header */
#header{
width: 1020px;
margin: 0px auto;
padding: 0px;
}

.logo {
padding-top: 10px;
	}

.description {
	position: relative;
	color: #d1971b;
	font-size: 15px;
	margin-left: 86px;
	margin-top: -30px;
	}

/* Start search Box*/

#search-box {
float:right;
background:url(images/search-box.png) no-repeat;
width:215px;
height:27px;
margin-top: 20px;

}

.search-box-input {
font-size:12px;
color:#efdaad;
background:transparent;
float:left;
padding: 6px 0 0 19px;
width:171px;
height:16px;
border:0px;


}
.search-box-submit { 
float:left;
padding-top: 5px;
}

/* +===========================================+
           Page menu
   +===========================================+ */
#page-menu{
width: 1020px;
height: 35px;
background:url(images/menu-bg.png) no-repeat;
margin-top: 15px;
}

ul#page-list {
margin-top: 12px;
padding: 0;
white-space: nowrap;
float:left;
width:1020px;}

ul#page-list li {
display:inline;
font-size:12px; 
}

ul#page-list li a {
text-decoration:none; 
color:#9d9d9d;
font-weight: bold;
padding-right: 15px;
margin-left: 15px;
float:left;
border-right:1px solid #918f8f;

}

ul#page-list li a:link, ul#navlist li a:visited {
text-decoration: none;
}

ul#page-list li a:hover {
text-decoration:none;
color:#6f6f6f;

}
  

	
/* +===========================================+
          Featured Posts
   +===========================================+ */
#top{
width: 1020px;
height: 320px;
background:url(images/fp.png) no-repeat;
margin: 30px 0 30px 0;
}


#featured-post{
width: 1020px;
height: 253px;
margin: 1px 0 15px 0;
}


#fp{
padding-top: 25px;
width: 1020px;
}

/* +===========================================+
          complete content
   +===========================================+ */
#complete-content{
background: url(images/complete-content.png) repeat-y;
margin: 0px auto;
width: 1020px;
float: left;	
}

#complete-content-top{
background: url(images/complete-content-top.png) no-repeat;
margin: 0px auto;
width: 1020px;
height: 32px;
float: left;	
}

#complete-content-bottom{
background: url(images/complete-content-bottom.png) no-repeat;
margin: 0 0 30px 0;
width: 1020px;
height: 25px;
float: left;	
}

/* +===========================================+ 
    Dock icons
   +===========================================+ */  
#dockContainer {margin-top: 30px; left: 5px; float: right; }
#jqDock { position: relative; bottom: 48px; }
#jqDock li { list-style: none; }
.jqDockLabel { background: #333; color: #fff; padding: 3px 10px;}


/* +===========================================+ 
   Home page
   +===========================================+ */  
.main-page-title {
color: #fff
}

   
.main-page {
margin-left: 20px;
width:620px;
}



.main-page ul{
padding: 0;
float:left;
}

.main-page li {
display:inline;
font-size:12px;
font-weight: bold;
float:left;
color: #fff;
width: 200px;
}

.main-page li a {
text-decoration:none; 
color:#868585;
float: left;
margin-bottom: 50px;
margin-left: 20px;
}
.main-page li a:hover {
text-decoration:none;
color:#afaeae;
}


/* +===========================================+ 
    Post Area
   +===========================================+ */  
#post-area {
float: left;
width: 720px;
}

/* +===========================================+ 
    Post top, body, bottom
   +===========================================+ */  
.post-bg {
width:720px;
height: 360px;
float: left;
}

.post-body {
width:720px;
float: left;
}


/* +===========================================+ 
    Post title
   +===========================================+ */  
.post-title {
margin: 20px 0 0 14px;
width: 670px;
}

.post-title h1 {
font-family: calibri,Candara, arial;
color: #95600c;
font-size:22px;
font-weight:bold;
display:inline;
}

.post-title h1 a{
color: #95600c;
text-decoration: none;

}

.post-title h1 a:hover{
color: #b47512;
text-decoration: none;
}


/* +===========================================+ 
    Post details
   +===========================================+ */  
.comment-ballon{
background: url(images/comment-bg.png) no-repeat;
width:75px;
height: 75px;
text-align:center;
font-size: 16px;
font-weight: bold;
float: right;
padding-top: 7px;
margin: -22px 0 0 0;
}

.comment-ballon a{
color: #fff;
}

.views-ballon{
background: url(images/views-bg.png) no-repeat;
width:75px;
height: 75px;
text-align:center;
font-size: 16px;
font-weight: bold;
float: right;
padding-top: 7px;
margin: -22px 4px 0 0;
}

.views-ballon a{
color: #fff;
}


.date-ballon{
background: url(images/date-bg.png) no-repeat;
width:75px;
height: 75px;
text-align:center;
font-size: 16px;
font-weight: bold;
float: right;
padding-top: 7px;
margin: -22px 4px 0 0;
}

.date-ballon a{
color: #fff;
}

.month{
font-size: 10px;
padding-top: 4px;
}

.under {
background: url(images/under.png) no-repeat;
height: 40px;
color: #ffffff;
font-size: 12px;
padding-top: 8px;
padding-left: 20px;
}

.under a {
color: #814b01;
}

.under a:hover {
color: #4e3827;

}

.category{	
background: url(images/category.png) no-repeat;
line-height: 25px;
margin-left: 0px;
padding: 6px 8px 2px 23px;
}

.tag{
	padding:6px 5px 2px 22px;
	background:url(images/tag.png) no-repeat;
}

/* +===========================================+ 
    the content
   +===========================================+ */ 
.the-content {
text-align: justify;
font-size: 16px;
font-family: calibri,Candara, Verdana, Arial, Helvetica, sans-serif;
color: #d1d1d1;
line-height: 1.5em;
margin: -20px 35px 0px 15px;
}

.the-content a{
	color: #985800;
	text-decoration: none;

}

.the-content a:hover{
	color: #be6e01;

}

.the-content h1 {
	font-size: 26px;
	line-height: 1.2; 
	margin: 0.3em 0 10px;
	color: #d1d1d1;
	}

.the-content h2 {
	font-size: 22px;
	color: #d1d1d1;
	line-height: 1.3; 
	margin: 1em 0 .2em;
	background: transparent;
	padding-left: 0px;
}

.the-content h3 {
	font-size: 18px;
	color: #d1d1d1;
	line-height: 1.3; 
	margin: 1em 0 .2em;
	background: transparent;
	padding-left: 0px;
	padding-bottom: 0px;
	}

.the-content h4 {
	font-size: 14px;
	font-weight: bold;
	margin: 1.33em 0 .2em;
	color: #d1d1d1;
}

.the-content h5 {
	font-size: 12px;
	font-weight: bold;
	margin: 1.67em 0;
	color: #3e3d3d;
}

.the-content h6 {
	font-size: 10px;
	font-weight: bold;
	margin: 1.67em 0;
	color: #d1d1d1;
	
}



.the-content ol li {
	line-height: 1.5em;
	color: #d1d1d1;	
}

.the-content ul li {
	line-height: 1.5em;
	color: #d1d1d1;
}


.post-thumb {
background: url('images/nothumb.jpg') no-repeat center; 
display: block; 
float: left; 
overflow: hidden; 
height: 150px; 
width: 150px; 
margin: 0px 7px 7px 0px;
}

.continue{
display: inline;
float: right;
}

.continue a{
margin-left: 20px;
font-size: 17px;
color: #b6a178;
text-decoration: none;
}

.continue a:hover{
color: #fad489;
text-decoration: none;
}		
/* +===========================================+ 
    sidebar
   +===========================================+ */
.sidebar {
background: transparent;
width: 300px;
overflow:hidden;
float: right;
 }
   

.sads {
margin: 0 0 0 5px;
width: 300px;
}
#sidebar-update {
background: url(images/more-support.png) no-repeat;
height: 100px;
width: 170px;
padding: 1px 0 0 110px;
line-height: 25px;
margin-left: 8px;
font-size: 12px;
}

#sidebar-update a{
color:#8b8b8b;
text-decoration: none;

}

#sidebar-update a:hover{
color: #d8d8d8;
}

#sideb{
background: transparent;
width: 300px;
color: #8b8b8b;
padding:5px 0 5px 0px;
}

.sideb a {
text-decoration: none;
color: #8b8b8b;
font-size: 12px;
}

.sideb a:hover {
text-decoration: none;
color: #d8d8d8;
}

.sideb ul {
	list-style-type: none;
	margin: 0px 0px 0px 0px;
	padding: 0px;
}

.sideb ul li {
	list-style-type: none;	
}

.sideb ul ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
	
.sideb ul li li {
background: url(images/side-arrow.png) no-repeat top left;
    padding: 0px 0px 5px 20px;
	margin: 0 32px 0 15px;
	border-bottom:1px solid #282828;
}
	
.sideb ul li ul li {
background: url(images/side-arrow.png) no-repeat top left;
    padding: 0px 0px 5px 20px;
	margin: 0 32px 0 15px;
	border-bottom:1px solid #282828;
	}

.sideb ul li li:hover {
background: url(images/side-arrowh.png) no-repeat top left;
}
	
.sideb ul li ul li:hover {
background: url(images/side-arrowh.png) no-repeat top left;
}

.stitle{
background: url(images/sidebar-title.png) no-repeat;
width: 300px;
height: 30px;
padding-top: 13px;
}

.stitle h2 {
font-size:14px;
color:#737373;
text-shadow:#000 1px 1px 1px;
display:inline;
margin-left:27px;
}



/*+==========================================+
widget
+=========================================+*/	
.widget {
background: transparent;
color: #ffffff;

}

.widget h2{
height: 30px;
width: 300px;
padding: 12px 0 0 22px;
background: url(images/sidebar-title.png) no-repeat;
font-size:12px;
color:#737373;
text-shadow:#000 1px 1px 1px;

	}

.widget h3{
    background: transparent;
	width: 290px;
	}
	
.widgettitle h2 {
color: #999999;
}

/*+==========================================+
Start Footer
+=========================================+*/

#footer { color:#838383; width: 1020px;}
#inner { padding:20px 0; width: 1020px;}
#inner .widget { width:235px; margin-bottom:20px; padding-right:20px; font-size:10px; color:#525252 !important; text-shadow:#000 1px 1px 1px; float:left; }
#inner .widget h3 { margin:0; padding:0 0 10px 0; text-transform:uppercase; font-size:14px; font-weight:normal; font-family:'Tahoma'; color:#737373; letter-spacing:1.5px; }
#inner .widget ul { margin:0; padding:0; list-style:none; }
#inner .widget ul li { margin:0; padding:5px 0 5px 10px; color:#525252; border-bottom:1px solid #222222; background:url(images/footer-arrow.gif) no-repeat 0 10px; font-size: 11px;}
#inner .widget ul li a { text-decoration:none; color:#525252; }
#inner .widget ul li a:hover { color:#949494; }
#footer-dash{
width: 1020px;
background: url(images/dash.png) repeat-x;
height: 7px;
}
#footer-credit{
color:#acacac; 
width: 1020px;
margin: 5px 0 20px 0;
font-size: 12px;
}

#footer-credit a{
color:#c8c8c8; 
}

#footer-credit a:hover{
color:#6f3900; 
}

/* +===========================================+ 
    Navigation
   +===========================================+ */ 

#navigation {
background: url(images/nav.png) no-repeat;
width: 680px;
height: 40px;
font-size: 14px;
font-weight: bold;
color: #767676;
clear: both;
margin: 0px 0 10px 20px;
padding-top: 9px;

}

#navigation a{
color: #743f01;
}

#navigation a:hover{
color: #a05701;
}

.wp-pagenavi {font-weight: bold; 
padding: 0px 20px 0px 20px;
}
.wp-pagenavi .pages {float: right;}

/* +===========================================+
           Search Result page
   +===========================================+ */
   
.rtitle{
background: transparent;
text-align: center;
font-size:20px;
}

.rtitle h2 {
color: #d2d2d2;
font-weight: bold;
}	

.serror{
background: transparent;
color: #8faa12;
font-weight:bold;
font-size:20px;
}

/* +=============================================+
      Start Comment
   +=============================================+ */	
img.avatar {float:right; margin-left:5px;}
/*comment box name like name, email, website*/
#commentform{padding:5px 10px;text-align:left;font-size:18px;color:#000;}
#commentform p{margin:5px 5px 0 0;	padding:0;}
#commentform a{text-decoration:none;line-height:20px;}
#commentform textarea{padding:5px;}
#commentform h3{font-size:14px;font-weight:300;color:#cdcdcd;margin:0;padding:0;}
#comment{width:100%;}
/*comment input fields*/
#author,#email,#url,#comment{border:1px solid #aeaea0;font-size:12px;padding:3px;margin:5px 5px 0 0;background:#444444; color:#c5c5c5; }


/*comment box text color*/
#comment{
color: #c5c5c5;
}


/*Submit button starts*/
#commentform #submit{
color:#474747;
font-size:12px;
font-weight:bold;
}

#commentform #submit:hover{
color:#01273f;
}
/*Submit button Ends*/

#respond { margin:10px;}
#respond  a{font-weight:bold;}
#respond .cancel-comment-reply  a{font-size:12px;color:#012840;margin-left:10px;}
#respond .cancel-comment-reply  a:hover{color:#adadae;}
/*Leave a reply text above comments input box*/
#respond h2{margin:0px 5px;color:#fff; font-size:16px; line-height: 30px; padding-left: 35px; background:url(images/comment.png) no-repeat top left;}
/*cite{}
cite a{}*/

/* x responses text above posted comments*/
#comments,.nocomments{color:#fff;margin:10px 0px 0px 10px;padding:0 35px;line-height:30px;font-size:16px; background:url(images/comment.png) no-repeat top left; }
/* Leave a comment text above posted comments*/
#comments a{margin-left:330px;color:#d1d1d1;font-size:18px;font-weight:bold;text-align:right;}
#comments a:hover{color:#eaeaea;}
.nocomments{padding:0 10px;line-height:30px;font-size:12px;text-align:center;}
#commentlist{}
ol.commentlist{position:relative;list-style:none;margin:0;padding:10px 10px 20px;text-indent:0;}
/*posted comments box*/
ol.commentlist li{border:1px solid #aeaea0;background:#444444;height:1%;margin:0 0 20px;padding:0 0 20px;position:relative;}
ol.commentlist li div.comment-author{border-bottom:1px solid #aeaea0;margin:0 0 10px 80px;width:550px;height:45px;} /* Line below username and date*/
ol.commentlist li div.vcard{}
ol.commentlist li div.vcard cite.fn{text-align:center;position:absolute;left:82px;top:25px;overflow:hidden;color:#b7b7b7;font-style:normal; font-size: 16px; font-weight:bold;}
/*posted comment's user details*/
ol.commentlist li div.vcard cite.fn a.url{color:#b7b7b7;}
ol.commentlist li div.vcard cite.fn a.url:hover{color:#fccf71;}
ol.commentlist li div.vcard img.avatar{position:absolute;left:20px;top:20px;width:48px;height:48px;padding:2px;}
/*ol.commentlist li div.vcard img.avatar-32{}
ol.commentlist li div.vcard img.photo{}*/
ol.commentlist li div.vcard span.says{position:absolute;left:-9999px;top:-9999px;}
/*ol.commentlist li div.commentmetadata{}*/
/* Posted comment meta like date*/
ol.commentlist li div.comment-meta{position:absolute;right:15px;top:25px;font-size:11px;font-weight:normal;}
ol.commentlist li div.comment-meta a{color:#959595;text-decoration:none;}
ol.commentlist li div.comment-meta a:hover{color:#adadae;}
ol.commentlist li ol.commentlist li ul{list-style:square;margin:0;padding:0;text-indent:0;}
ol.commentlist li p{margin:0 0 0 82px;padding:0 20px 10px 0;color:#000000; font-size: 16px;} /*posted comment color, width*/
ol.commentlist li div.reply{margin-left:82px;}
ol.commentlist li div.reply a{display:block;width:40px;line-height:14px;padding:1px 0;text-align:center;border:1px solid #033353; background:#f9f9f9;color:#666;}
ol.commentlist li div.reply a:hover{background:#343434;color:#999;}
ol.commentlist li ul.children{list-style:none;margin:0;text-indent:0;}
ol.commentlist li ul.children li{border:none;padding-bottom:0;}
ol.commentlist li ul.children li div.comment-author{margin:0;padding:0;padding-bottom:10px;width:428px;height:15px;border-top:1px solid #222;border-bottom:none;}
ol.commentlist li ul.children li div.vcard cite.fn{text-align:left;position:absolute;left:30px;top:5px;color:#777;}
ol.commentlist li ul.children li div.vcard cite.fn a.url{color:#999;}
ol.commentlist li ul.children li div.vcard cite.fn a.url:hover{color:#ff3363;}
ol.commentlist li ul.children li img.avatar{position:absolute;top:2px;left:0;padding:1px;border:1px solid #ccc;width:16px;height:16px;background:#fff;}
ol.commentlist li ul.children li div.comment-meta{right:8px;top:5px;}
ol.commentlist li ul.children li div.comment-meta a{color:#444;}
ol.commentlist li ul.children li div.comment-meta a:hover{color:#777;}
ol.commentlist li ul.children li p{margin:0;padding:5px 0 10px;color:#666;}
ol.commentlist li ul.children li div.reply{margin-left:0;}
ol.commentlist li ul.children li div.reply a{color:#444;}
ol.commentlist li ul.children li div.reply a:hover{color:#777;}
ol.commentlist li ul.children li.depth-2{margin:15px 82px 0 82px;}
ol.commentlist li ul.children li.depth-3{margin:15px 0 0 30px;}
ol.commentlist li ul.children li.depth-3 div.comment-author{width:398px;}
ol.commentlist li ul.children li.depth-4{margin:15px 0 0 30px;}
ol.commentlist li ul.children li.depth-4 div.comment-author{width:368px;}
ol.commentlist li ul.children li.depth-5{margin:15px 0 0 30px;}
ol.commentlist li ul.children li.depth-5 div.comment-author{width:338px;}
ol.commentlist li.pingback div.vcard{}
ol.commentlist li.pingback div.vcard cite.fn{overflow:hidden;text-align:left;left:70px;top:47px;width:430px;}
ol.commentlist li.pingback div.comment-author{padding-bottom:25px;}
ol.commentlist li.pingback div.comment-meta{position:absolute;right:10px;top:20px;}
ol.commentlist li.pingback div.reply{right:-9999px;top:-9999px;}

#rss-single {
	background: url(images/rss-single.png) no-repeat;
	padding-left: 70px;
	height: 64px;
}

.promote {
}

.promote  h3{
color: #d66e08;
}

#print{
margin-left: 10px;
}