/*
Theme Name: NDN Blog
Theme URI: http://www.ndnmedia.com.hk/
Description: NDN Media Blog.
Version: 1.0
Author: Jabie Cheung
Author URI: http://www.ndnmedia.com.hk/
Tags: ndn, media

	NDN v1.0
	 http://www.ndnmedia.com.hk

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/

/* Reset CSS */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input,hr {margin:0; padding:0;}
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th {font-size:12px; font-weight:normal; font-style:normal;}
strong {font-weight: bold;}
ul,ol {list-style:none;}
li { list-style-image:none; list-style-position:outside; list-style-type:none; }
fieldset,img,hr {border:none;}
caption,th {text-align:left;}
table {border-collapse:collapse; border-spacing:0;}
td {vertical-align:top;}
button {border: none;}
/* End Reset CSS */

/* Begin Main Styles */	
	html,body {
		height:100%; /* needed for container min-height */
		background: #ffffff;
		color: #333;
		margin: 0;
		padding: 0;
		font-family: Arial, Sans-Serif;
		font-size: 12px; 
		}
	.wrapper-center {
		width: 960px;
		margin: 0 auto;	
		text-align: left;		
	}
	a, a:visited {
		text-decoration: none;
		}
	a:hover {
		text-decoration: underline;
		}
	
	/* Begin header */	
		#header {
			background: url('images/bg_header.gif') repeat-x;	
			margin: 0;
			padding: 0;
			}
		#header .wrapper-center	{
			position: relative;	
			height: 134px;
			}	
		#headerimg {
			position: absolute;
			left: 45px;
			top: 0xp;
			}
		#headerlinks {
			position: absolute;
			right: 10px;
			bottom: 25px;		
			}
		#headerlinks li {
			display: inline; 
			margin-left: 20px;		
			}
		#headerlinks a{
			font-size: 12px;
			font-family: Verdana, Arial, Sans-Serif;
			}
		.page-item-2 a, .page-item-2 a:visited, .page-item-2 a:hover{
			color: #f0b133;		
			}
		.page-item-11 a, .page-item-11 a:visited, .page-item-11 a:hover{
			color: #adc603;		
			}
		.page-item-13 a, .page-item-13 a:visited, .page-item-13 a:hover{
			color: #6aadd7;		
			}
	/* End header */	
	
	/* Begin footer */	
		#footer {
			background: url('images/bg_footer.png') no-repeat top center;
			clear: both;
			text-align: center;
			padding: 0px;
			margin: 0px;
			height: 85px;
			}
		#footer span {
			display: block;
			color: #333333;
			font-family: Arial, Sans-Serif;
			text-align: center;
			padding: 55px 2px 10px;
			}	
		#footer div div {
			padding: 15px 0;
			text-align: center;
		}
	/* End footer */	
	
	/* Begin Content */
		#content-container {
			background: url(images/bg_main.gif) repeat-y top center;
			}
		#content-container .wrapper-center2 {
			padding: 30px 15px 0px 30px;
			}
		#content {
			float: left;
			width: 650px;
			}		
	/* End Content */
		
	/* Begin Sidebar */
		#sidebar {
			width: 250px;
			float: right;
			}

		#sidebar form {
			margin: 0;
			}
	/* End Sidebar */

	/* Begin Listing */
		.listing-thumb {
			float: left;
			width: 260px;
			}
		.listing-description {
			float: right;
			width: 380px;
			}
		.listing-description h2, .listing-description h2 a {
			font-family: Georgia, serif;
			font-size: 21px;
			color: #eb6124;
			}
		.listing-description small {
			color: #999999;
			font-size: 11px;
			}
		.listing-description .entry {
			color: #666666;
			font-size: 11.5px;
			line-height: 160%;
			}			
		.listing-description .entry  p {
			padding: 10px 0 5px;
			}
		.listing-description .more {
			color: #eb6124;			
			}
	/* End Listing */

	/* Begin General CSS */
		.dotline {
			background: url(images/bg_dotline.gif) repeat-x;
			height: 1px;
			margin: 15px 0;
			clear: both;
			}
		.entry .dotline {
			margin-top: 0px;
		}
		.blackbar {
			background: url(images/bg_blackbar.gif) repeat-x;
			height: 25px;
			margin-bottom: 10px;
			}
		h2.pagetitle {
			background: url(images/bg_blackbar.gif) repeat-x;
			font-family: Verdana, arial;
			padding: 5px 8px;
			font-size: 12px;
			font-weight: bold;
			color: #FFF;
			border-bottom: 1px solid #b3b3b3;
			margin-bottom: 10px;
		}
	/* End General CSS */
	
	/* widget_text */
		.widget_text {
			padding-bottom: 15px;
			
			}
		.widget_text h2 {
			font-family: Georgia, serif;
			font-size: 12px;
			font-weight: bold;
			color: #000;
			}				
		.widget_text p {
			font-size: 11px;
			color: #666666;		
			padding-top: 5px;
			}
		.widget_text p a{
			color: #666666;
		}
	/* //widget_text */
	
	/* widget_categories */	
		.widget_categories {
			margin-bottom:15px;
			}
		.widget_categories h2 {
			background: url(images/bg_orangebar.gif) repeat-x;
			font-family: Verdana, arial;
			padding: 5px 8px;
			font-size: 12px;
			font-weight: bold;
			color: #FFF;
			border-bottom: 1px solid #b3b3b3;
			margin-bottom: 1px;
			}				
		.widget_categories li {
			display: block;
			background: #e4e1e0;
			border-bottom: 1px solid #b3b3b3;
			padding: 5px 8px;
			font-size: 11px;
			color: #666666;			
			}
		.widget_categories li a, .widget_categories li a:visited{
			color: #666666;
		}
	/* //widget_categories */	
	
	/* widget_tag_cloud */	
		.widget_tag_cloud {
			padding-bottom: 15px;			
			}
		.widget_tag_cloud h2 {
			background: url(images/bg_bluebar.gif) repeat-x;
			font-family: Verdana, arial;
			padding: 5px 8px;
			font-size: 12px;
			font-weight: bold;
			color: #FFF;
			border-bottom: 1px solid #b3b3b3;
			margin-bottom: 1px;
			}				
		.widget_tag_cloud div{			
			display: block;
			background: #000;			
			padding: 8px;
			color: #FFF;			
			text-align: center;
			}
		.widget_tag_cloud div a{			
			margin: 0 3px;
		}
		.tag-link-s10, .tag-link-s11, .tag-link-s12, .tag-link-s13{
			color: #cccccc;
		}
		.tag-link-s14 , .tag-link-s15, .tag-link-s16, .tag-link-s17 {
			color: #6aaed7;
		}
		.tag-link-s18, .tag-link-s19, .tag-link-s20 {
			color: #ec9237;
		}
	/* //widget_categories */
	
	/* widget_search */
		.widget_search {
			margin-bottom:15px;
		}
		#search-text {
			width: 165px; 
			padding: 5px; 
			border: 1px solid #999;
		}
	/* //widget_search */
	
	/* widget_archive */	
		.widget_archive {
			padding-bottom: 15px;			
			}
		.widget_archive h2 {
			background: url(images/bg_greenbar.gif) repeat-x;
			font-family: Verdana, arial;
			padding: 5px 8px;
			font-size: 12px;
			font-weight: bold;
			color: #FFF;
			border-bottom: 1px solid #b3b3b3;
			margin-bottom: 1px;
			}				
		.widget_archive li {
			display: block;
			background: #e4e1e0;
			border-bottom: 1px solid #b3b3b3;
			padding: 5px 8px;
			font-size: 11px;
			color: #666666;			
			}
		.widget_archive li a, .widget_archive li a:visited{
			color: #666666;
		}
	/* //widget_archive */
	
	/* Post Detail */
		.post-detail h2 {
			color: #eb6024;
			font-family: Georgia, serif;
			font-size: 21px;
		}
		.post-detail .entry {
			padding-top: 10px;			
		}
		.postmetadata {
			padding: 0px 0px;
			margin-bottom: 2px;
			font-size: 11.5px;			
		}
		.postmetadata a {
			color: #6AAED7;
		}
		.entry_content p {
			color: #666666;
			font-size: 11.5px;
			line-height: 160%;
			padding-bottom: 5px;
		}
		.entry_content h3{
			color: #eb6024;
			font-size: 14px;
			font-family: Verdana, arial;
			font-weight: bold;
			padding-top: 5px;
			padding-bottom: 5px;
		}
		.post-detail .entry .tags{
			padding-top:10px;
		}		
		.single_navigation .prevtxt {
			float: left;
			width: 225px;			
			text-align: left;	
			padding-left: 20px;		
			padding-bottom: 8px;
			color: #9f9f9f;
		}	
		.single_navigation .nexttxt {
			float: right;
			width: 225px;
			text-align: right;		
			padding-right: 20px;	
			padding-bottom: 8px;
			color: #9f9f9f;
		}
		
		.single_navigation .prev {
			clear: left;
			background: url(images/bg_arrowleft.gif) no-repeat;			
			background-position: center left;
			float: left;
			width: 225px;
			padding-left: 20px;
			text-align: left;
		}
		.single_navigation .next {
			clear: right;
			background: url(images/bg_arrowright.gif) no-repeat;
			background-position: center right;
			float: right;
			width: 225px;
			padding-right: 20px;		
			text-align: right;
		}
		.single_navigation a {
			color: #eb6024;
		}
	/* //Post Detail &/
	
	/* Comments */
		h3#comments {
			background: url(images/bg_greybar.gif) repeat-x;
			font-family: Verdana, arial;
			padding: 5px 8px;
			font-size: 12px;
			font-weight: bold;
			color: #000;
			border-bottom: 1px solid #b3b3b3;
			margin-bottom: 1px;
		}
		.commentlist li{
			background: #f8f8f8;
			border-right: 1px solid #b3b3b3;
			border-bottom: 1px solid #b3b3b3;
			list-style: none;
			padding: 10px 20px;
		}		
		.commentlist li ul li { 
			margin-right: -5px;
			margin-left: 10px;
		}
		.commentlist .comment-time {
			color: #999999;
			font-size: 11px;
		}
		.commentlist .comment-author {
			text-align: right;
			font-size: 11px;
		}
		.commentlist .comment-author span {
			font-weight: bold;
			font-size: 12px;
		}
		.commentlist .comment-author a{
			color: #eb6024;
		}
		.commentlist p {
			margin: 10px 5px 10px 0;
		}
		.children { padding: 0; }
		#respond  h3 {
			font-family: Arial, Sans-Serif;
			color: #000;
			border-bottom: 2px solid #000;
			font-weight: bold;
			padding: 10px 0 3px;
		}
		#commentform {
			padding-top: 10px;
		}
		#commentform  .fieldset{
			padding-bottom: 10px;
		}
		#commentform .label {
			float: left; 
			display: block;
			width: 130px;
			padding-top: 5px;
		}
		#commentform input {
			font-family: Verdana, arial;
			float: right;
			width: 500px;
			padding: 3px;
			background: #f9f9f9;
			border: 1px solid #999999;
			font-size: 12px;
		}
		#commentform textarea {
			font-family: Verdana, arial;
			float: right;
			width: 500px;
			height: 150px;
			padding: 3px;
			background: #f9f9f9;
			border: 1px solid #999999;
			font-size: 12px;
		}
		#commentform #submit {
			width: 61px;
			height: 24px;
			border: 0px;
			background: none;
		}
	/* //Comments */
	
	/* Addthis */
		.addthis {
			z-index: 100;
			padding-top: 30px;			
		}
		.addthis_left {
			float: left;
			display: inline;
		}
		.addthis_left a{
			margin-right: 8px;
		}
		.addthis_right {
			float: right;
			display: inline;
		}
		.addthis_right a{
			margin-right: 5px;
		}
	/* //Addthis */
	
	
	
	
	
	
	
/* Begin Structure */

	.widecolumn {
		padding: 10px 0 20px 0;
		margin: 5px 0 0 150px;
		width: 450px;
		}

	.post hr {
		display: block;
		}

	.widecolumn .post {
		margin: 0;
		}


	.widecolumn .smallattachment {
		text-align: center;
		float: left;
		width: 128px;
		margin: 5px 5px 5px 0px;
	}

	.widecolumn .attachment {
		text-align: center;
		margin: 5px 0px;
	}

	.clear {
		clear: both;
	}

/* End Structure */


/* Begin Images */
	p img {
		padding: 0;
		max-width: 100%;
		}

	/*	Using 'class="alignright"' on an image will (who would've
		thought?!) align the image to the right. And using 'class="centered',
		will of course center the image. This is much better than using
		align="center", being much more futureproof (and valid) */

	img.centered {
		display: block;
		margin-left: auto;
		margin-right: auto;
		}

	img.alignright {
		padding: 4px;
		margin: 0 0 2px 7px;
		display: inline;
		}

	img.alignleft {
		padding: 4px;
		margin: 0 7px 2px 0;
		display: inline;
		}

	.alignright {
		float: right;
		}

	.alignleft {
		float: left;
		}
/* End Images */


/* Begin Form Elements */
	#searchform {
		margin: 10px auto;
		padding: 5px 3px;
		text-align: center;
		}

	#sidebar #searchform #s {
		width: 108px;
		padding: 2px;
		}

	#sidebar #searchsubmit {
		padding: 1px;
		}

	.entry form { /* This is mainly for password protected posts, makes them look better. */
		text-align:center;
		}

	select {
		width: 130px;
		}

/* End Form Elements */

/* search_form */
	#search_page_form {
		padding-left: 10px;
	}
	#search_page_form h4{
		margin-bottom: 10px;
	}	
	#search_page_form-text {
		width: 250px; 
		padding: 5px; 
		border: 1px solid #999;
	}
/* //search_form */

/* Begin Comments*/
	.alt {
		margin: 0;
		padding: 10px;
		}


	#commentform p {
		margin: 5px 0;
		}

	.nocomments {
		text-align: center;
		margin: 0;
		padding: 0;
		}

	.commentmetadata {
		margin: 0;
		display: block;
		}
/* End Comments */

/* Begin Calendar */
	#wp-calendar {
		empty-cells: show;
		margin: 10px auto 0;
		width: 155px;
		}

	#wp-calendar #next a {
		padding-right: 10px;
		text-align: right;
		}

	#wp-calendar #prev a {
		padding-left: 10px;
		text-align: left;
		}

	#wp-calendar a {
		display: block;
		}

	#wp-calendar caption {
		text-align: center;
		width: 100%;
		}

	#wp-calendar td {
		padding: 3px 0;
		text-align: center;
		}

	#wp-calendar td.pad:hover { /* Doesn't work in IE */
		background-color: #fff; }
/* End Calendar */



/* Begin Various Tags & Classes */
	acronym, abbr, span.caps {
		cursor: help;
		}

	acronym, abbr {
		border-bottom: 1px dashed #999;
		}

	blockquote {
		margin: 15px 30px 0 10px;
		padding-left: 20px;
		border-left: 5px solid #ddd;
		}

	blockquote cite {
		margin: 5px 0 0;
		display: block;
		}

	.center {
		text-align: center;
		}

	.hidden {
		display: none;
		}
		
	.screen-reader-text {
		 position: absolute;
		 left: -1000em;
	}

	hr {
		display: none;
		}

	a img {
		border: none;
		}

/* End Various Tags & Classes*/



/* Captions */
	.aligncenter,
	div.aligncenter {
		display: block;
		margin-left: auto;
		margin-right: auto;
	}

	.wp-caption {
		border: 1px solid #ddd;
		text-align: center;
		background-color: #f3f3f3;
		padding-top: 4px;
		margin: 10px;
		-moz-border-radius: 3px;
		-khtml-border-radius: 3px;
		-webkit-border-radius: 3px;
		border-radius: 3px;
	}

	.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;
	}
/* End captions */

/* companies */
	#companies {
	}
	#companies h3{
		font-size: 16px;
		font-weight: bold;		
		padding-bottom: 3px;
		margin-bottom: 3px;
		border-bottom: 3px solid #000;
	}
	#companies h3.orange{
		border-color: #eb5f18;
		color: #eb5f18;
	}
	#companies h3.yellow{
		border-color: #f0b133;
		color: #f0b133;
	}
	#companies h3.green{
		border-color: #afc803;
		color: #afc803;
	}
	#companies h3.red{
		border-color: #9c0000;
		color: #9c0000;
	}
	#companies img {
		padding: 5px 0;
	}
	#companies p {
		color: #666666;
		font-size: 11px;
		line-height: 140%;
		padding-bottom: 5px;
		padding-right: 5px;
	}
	#companies li {
		padding-bottom: 15px;
	}
/* //companies */

	
		.grey-strip {
			background: url(images/bg_grey_strip.gif);
			font-size: 19px;
			color: #000;
			padding: 5px;
			font-weight: bold;
		}