/*  

Theme Name: Mkyong Wordpress Theme

Theme URI: http://www.mkyong.com/

Description: Theme for mkyong.com

Version: 1.1

Author: Mkyong

Author URI: http://www.mkyong.com

*/

/*----------------------------------------*/
/*---------- style.css -------------------*/
/*----------------------------------------*/
.tut_main { 
	display: block; 
	width: 100px; 
	height: 100px; 
	background-image: url(images/all-images.png); 
	background-repeat: no-repeat; 
} 

.tut_hibernate { 
	background-position: 0px 0px; 
}

.tut_spring { 
	background-position: -102px 0px; 
}

.tut_springmvc { 
	background-position: -202px 0px; 
}

.tut_struts { 
	background-position: -102px -102px; 
}

.tut_struts2 { 
	background-position: -202px -102px; 
}

.tut_jquery {
	background-position: 0px -102px; 
}

.tut_javaxml { 
	background-position: -302px 0px; 
}

.tut_javaio { 
	background-position: -202px -202px; 
}

.tut_javaregex { 
	background-position: -306px -102px; 
}

.tut_jsf2 {
	background-position: -406px -102px;
}

.tut_jaxws { 
	background-position: -406px -202px;
}


.tut_maven { 
	background-position: -302px -202px; 
}

.tut_junit { 
	background-position: -102px -202px; 
}

.tut_testng { 
	background-position: 0px -202px; 
}

.img_icon32{
	display: block; 
	width: 34px; 
	height: 34px; 
	background-image: url(images/all-images.png); 
	background-repeat: no-repeat; 
} 

.img_feed { 
	background-position: -32px -398px; 
}

.img_email { 
	background-position: 0px -398px; 
}

.img_logo{
	display: block; 
	width: 250px; 
	height: 73px; 
	background-image: url(images/all-images.png); 
	background-repeat: no-repeat; 
	background-position: 0px -307px; 
} 


#page {
	
}

#header-container{
	margin:0 auto;
	width:1078px;
}

#menu-container{
	margin:0 auto;
	width:1078px;
}

#content-container{
	margin:0 auto;
	width:1078px;
}

#footer-container {
    margin:0 auto;
	width:1078px;
	padding-bottom:100px;
}

/*----------------------------------------*/
/*-------- style-header.css --------------*/
/*----------------------------------------*/
#header {
	height:100px;
	background:#0066CC;
}

#logo-container{
	float:left;
	padding:12px 0 8px 16px;
	width:250px;
}

#header a:link, #header a:visited, #header a:active {
	text-decoration:underline;
    color:#fff;
}

#header a:hover {
    text-decoration:none;
    color:#fff;
}

#header-tut-container{
	padding:20px 16px 0 0;
	width:750px;
	float:right;
	font-size:12px;
}

#header-tut{
	float:right;
}

#header-search-box{
	float:right;
	padding-top:10px;
}

.hot{
	color:#fff;
	font-weight:bold;
}
/*----------------------------------------*/
/*-------- style-menu.css ----------------*/
/*----------------------------------------*/
#menu {
    float:left;
	width:100%;
	background-color:#333;
	height:30px;
	border-top:1px solid #fff;
}

#menu-ads{
   padding:3px 0 0 32px;
}

#menu a:link, #menu a:visited, #menu a:active {
	text-decoration:none;
    color:#fff;
}

#menu a:hover {
    text-decoration:underline;
    color:#fff;
}

#menu-top-ads{
	float:left;
        padding:5px 0 0 160px;
}

#menu-top-right{
	float:right;
	color:#fff;
	font-size:9px;
	padding-right:16px;
	margin-top:80px;
}

/*----------------------------------------*/
/*---------- html tags ----------------*/
/*----------------------------------------*/
body {
    background-color:#EEF1F2;
    color:#000;
    font-family:Arial,Tahoma,Verdana;
    font:14px/21px Arial,Helvetica,sans-serif;
    margin:0;
    padding:0;
}

a:link, a:visited, a:active {
    text-decoration:underline;
    color:#0000FF;
}

a:hover {
    text-decoration:none;
    color:#0000FF;
}

img {
    border:none;
    margin:0;
    padding:0;
    max-width:640px;
    max-height:600px;
}

p{
    margin:8px 0px;
}

blockquote {
    background-color:#F0F2F4;
    border-left-width:5px;
    border-left-style:solid;
    border-left-color:#D6DBE0;
    margin:0 20px 10px 10px;
    padding:10px 15px;
}
/*----------------------------------------*/
/*---------- style-content.css -----------*/
/*----------------------------------------*/
#content{
    border-left:1px solid silver;
    border-right:1px solid silver;
    background-color:#ffffff;
    float:left;
	padding:16px 16px 0px 16px;
}

#left-content{
    float:left;
    padding-right:16px;
    width:728px; 
    margin-bottom:8px;
}

.post-header{
    padding-bottom:8px;
    border-bottom:1px dashed #CCCCCC;
}

.post-title{
    font-size:32px;
    letter-spacing:-0.04em;
    font-weight:bold;
    padding-bottom:16px;
    line-height:1em;
    margin:0px;
}
.post-content strong{
	font-size:14px;
	font-weight:bolder;	
}

.post-content{
    padding:8px 0px 16px 0px;
    border-bottom:1px dashed #CCC;
    margin-bottom:20px;
}

.post-content h3 {
   font-size:24px;
   margin:32px 0 8px 0;
   padding:0 0 8px 0;
   border-bottom:1px solid #CCC;
}

.post-content h4 {
	font-size:18px;
    margin:32px 0px 8px 0px;
    padding:0px
}

.post-content h5 {
    margin:0px 8px 0px 0px;
    font-size:1.0em;
}

.post-details{
    color:#999999;
    font-size:12px;
    font-weight:300;
}
/*----------------------------------------*/
/*-------- common share ------------------*/
/*----------------------------------------*/
#announcements {
	background:none repeat scroll 0 0 #FFFBCC;
	border-top:1px solid #E6DB55;
	left:0;
	margin:3px 0 0 0;
	overflow:auto;
	padding:4px 0;
	position:fixed;
	bottom:0;
	width:100%;
	z-index:100;
	color:#555555;
	font-weight:bold;
	font-size:12px;
	text-align:center;
    display:none;
}

#announcements-right{
	float:right;
	margin:4px 8px 4px 4px;
}

.date{
	color:#999999;
	font-size:10px;
}

.download {
    background-color:#DDFFDD;
    border:1px solid #009900;
    padding:16px 16px 16px 48px;
    margin:16px 0px;
    background:url(images/download.png) no-repeat #DDFFDD 2px 3px;
}

.note{
    background-color:#D8E4F1;
    border:1px solid #3C78B5;
    padding:16px;
    margin:16px 0px;
}

.warning{
    background-color:#FFFFE0;
    border:1px solid #E6DB55;
    padding:16px;
    margin:16px 0px;
}

.demo {
    background-color:#FFFFE0;
    border:1px solid #E6DB55;
    padding:16px 0px 16px 56px;
    margin:16px 0px;
    font-size:24px;
    background:url(images/demo.png) no-repeat #FFFFE0 2px 3px;
}

.banner-container{
	margin-bottom:16px;	
}

.clearboth{
    clear:both;
}

.pic{
    background-color:#F9F9F9;
    border:1px solid silver;
    margin:8px 0px;
    padding: 16px 0px;
    text-align:center;
}

.iframe-demo{
    background-color:#F9F9F9;
    border:1px solid silver;
    margin:8px 0px;
    padding: 8px;
}

/*----------------------------------------*/
/*-------- search box --------------------*/
/*----------------------------------------*/
#searchform input[type="text"]{
    margin:0;
    padding:4px;
	border:solid 1px #CCCCCC;
}

/*----------------------------------------*/
/*---------- style-comment.css -----------*/
/*----------------------------------------*/
#comment-form-left{
	float:left;
	width:410px;
	margin-right:17px;
	margin-bottom:16px;
}

#comment-form-right{
	float:left;
	width:300px;
}

#comments{
	font-size:24px;
	margin:32px 0 16px 0;	
}
.comment, .pingback {
    position: relative;
    margin: 3px;
    margin-top: 6px;
    padding: 4px 4px 4px 8px;
    background-color: #fff;
}

.comment-date{
	color:#999999;
	font-size:10px;
}

.odd{
    background-color: #f8f8f8;
}

.comment div {
    position: relative;
}

.comment .reply {
    text-align: right;
    font-size: 80%;
    padding: 0px 6px 6px 0px;
}

.comment{
    border: 1px solid silver;
    margin-top: 16px;
}

.commentlist {
    list-style-type:none;
    margin:0;
    padding:0;
}

.commentlist li ul{
    list-style-type:none;
    padding:0px;
}

.commentlist li{
    list-style-type:none;
    padding:16px;
}

.comment-meta{
    padding-bottom:16px;
}

.commentlist p{
    padding-left:8px;
}

.avatar{
    float:left;
    padding: 0px 8px 0px 0px;
}

.pingback{
    border: 1px dashed silver;
    margin-top: 16px;
}

#commentform textarea {
    width: 99%;
}

/*----------------------------------------*/
/*-------- after content -----------------*/
/*----------------------------------------*/
.after-content-box{
    background-color:#F9F9F9;
	margin-bottom:16px;
    padding:0;
	border-color:#DFDFDF;
	-moz-border-radius:6px 6px 6px 6px;
	border-style:solid;
	border-width:1px;
	line-height:1.5;
}

.after-content-box h4{
    font: italic 20px Georgia,"Times New Roman","Bitstream Charter",Times,serif;
	margin:0 0 16px 0;
	padding:8px 16px;
	background:url("images/gray-grad.png") repeat-x scroll left top #DFDFDF;
	text-shadow:0 1px 0 #FFFFFF;
}

.after-content img {
	float:left;
	padding-right:8px;
	clear:both;
}


/*----------------------------------------*/
/*-------- after content (related post)---*/
/*----------------------------------------*/
.related-post ul{
	list-style-type:decimal;
padding-right:16px;
	margin:0 0 16px 0;
}

/*----------------------------------------*/
/*-------- J2EE Tutorials  ---------------*/
/*----------------------------------------*/
.j2ee-tutorials ul{
	margin-left:32px;
	width:728px;
	list-style:none outside none;
	padding:0;
}

.j2ee-tutorials ul li{
	float:left;
	margin:0 8px 8px 0;
	padding:8px;
	background:none repeat scroll 0 0 #FFFFFF;
	border:1px solid silver;
}

.j2ee-tutorials-title{
	color:#000;
	font-size:14px;
	margin:0;
	font-weight:bold;
	padding-bottom:8px;
}

.j2ee-tutorials .thumbnail{
   position: relative;
   width: 100%; /* for IE 6 */
}

.j2ee-tutorials h2 {
   position: absolute;
   top: 63px;
   left: 0;
   width: 100%;
   font-size:12px;
}

.j2ee-tutorials .tut {
   color: white;
   letter-spacing: -1px;
   background: rgb(0, 0, 0); /* fallback color */
   background: rgba(0, 0, 0, 0.7);
   padding:4px 0 2px;
   text-align:center;
}

/*----------------------------------------*/
/*---------- style-footer.css ------------*/
/*----------------------------------------*/
#footer-page{
    background-color:#111111;
    padding:0;
    color:#fff;
    font-size:14px;
    border-top:1px solid #707171;
}

#footer{
	padding:16px;
	background-color:#171615;
    border-top:2px solid #707171;
    color:#FFFFFF;
}

#footer ol{
	margin:8px 0;
	padding-left:24px;
}

#footer ol li{
	padding:2px;
}

#footer a:link, #footer a:visited, #footer a:active {
    text-decoration:underline;
    color:#fff;
}

#footer a:hover {
    text-decoration:none;
    color:#0000FF;
}

#footer h2{
	font-family:Georgia,"Times New Roman",Times,serif;
    color:#ffffff;
    font-size:18px;
    padding-bottom:8px;
	margin:8px 0;
	border-bottom:2px solid #333333;
}

.footer-block{
	float:left;
	line-height:1.2em;
	width:310px;
	margin-right:24px;
}

#footer-block-link{
	float:left;
	line-height:1.2em;
	width:370px;
}

#footer-block-link-left{
	float:left;
	width:150px;
	margin-right:16px;
}

#footer-block-link-right{
	float:left;
	width:170px;
}

#footer-site-detail{
	padding:0px;
    margin:20px 16px 16px 0;
}

#footer-site-detail ul{
	padding:0px;
    margin:0px;
}

#footer-site-detail ul li{
    list-style-image:none;
    list-style-position:outside;
    list-style-type:none;
    padding:8px;
}

#footer-alexa{
	padding:8px;
}

.footer-image{
	float:left;
}

.footer-image-detail{
	padding:8px;
}

#footer-link{
	padding:16px 8px 8px 8px;
	margin:16px 0px 30px 0px;
	border-style:dotted none none;	
	background-color:#252423;
    border-top:1px solid #393837;
    position:relative;
    text-align:center;
}

/*----------------------------------------*/
/*-------- style-home.css ----------------*/
/*----------------------------------------*/
#home-intro{
	padding:0px;
	margin-bottom:16px;
}

#home-intro h2{
	margin:0px;
	font-size:16px;
	padding-bottom:8px;
}

#home-note{
	background-color:#D8E4F1;
    border:1px solid #3C78B5;
    padding:16px;
    margin:0;
	-moz-border-radius:6px 6px 6px 6px;
}

.home-box-title{
	color:#000;
	font-size:20px;
	margin:0;
	padding:16px 16px 0px 24px;
	font-weight:bold;
}

.home-box{
    background-color:#F9F9F9;
	-moz-border-radius:6px;
    border:1px solid silver;
    color:#000000;
    margin-bottom:16px;
    padding:0;
}

.home-box ul{
	list-style:none outside none;
	padding:15px;
	margin:0px;
}

.home-box ul li{
	float:left;
	padding:8px;
	margin:8px;
	background:none repeat scroll 0 0 #FFFFFF;
	border:1px solid silver;
}

.tut-box{
	width:298px;
	height:200px;
	padding:8px;
}

.tut-title{
	font-size:16px;
	padding-bottom:8px;
}

.tut-content{
	height:200px;
}

.tut-thumbnail{
	float:left;
	padding:0px 8px 8px 0px;
}
.tut-readmore{
	float:right;
	padding-right:8px;
}

/*----------------------------------------*/
/*---------- style-sidebar.css -----------*/
/*----------------------------------------*/
#sidebar {
    float:right;
    font-size:12px;
    width:300px;
   	padding:0;
	margin:0;
}

.sidebar-box a{
    color:#000;
	text-decoration:none;
}

.sidebar-box a:hover{
    color:#0000FF;
	text-decoration:underline;
}

.sidebar-box{
    margin-bottom:16px;
    padding:0;
	border-color:#DFDFDF;
	-moz-border-radius:6px 6px 6px 6px;
	border-style:solid;
	border-width:1px;
	line-height:1.5;
	background-color:#F9F9F9;
}


.sidebar-container-border{
    margin-bottom:12px;
    border:1px solid silver;
}

.sidebar-container-sponsor{
    margin-bottom:15px;
    border-top:1px solid silver;
    border-left:1px solid silver;
    border-right:1px solid silver;
}

.sidebar-container-fb{
    margin-bottom:16px;
}

.sidebar-container{
    margin-bottom:16px;
}

#sidebar-container-125{
	padding:16px 0px 6px 16px;
    margin-bottom:16px;
	border:1px solid silver;
	background:none repeat scroll 0 0 #fff;
}

.sidebar-container-160{
	margin-left:70px;
	color:#000000;
    margin-bottom:16px;
    padding:0;
	background:none repeat scroll 0 0 #fff;
}

.sidebar-box h2 {
	font: italic 20px Georgia,"Times New Roman","Bitstream Charter",Times,serif;
	margin:0 0 16px 0;
	padding:8px 16px;
	background:url("images/gray-grad.png") repeat-x scroll left top #DFDFDF;
	text-shadow:0 1px 0 #FFFFFF;
}

.sidebar-box ol{
	padding:0;
	margin:0 16px;
	list-style: inside none;
}

.sidebar-box ol li{
	padding:0;
	margin:0 0 16px 0;
}

.comment-bold{
	font-weight:bold;
}