/*   
	Theme Name: Portal
	Theme URI: http://www.theme-junkie.com
	Description: A news portal theme designed by <a href="http://www.theme-junkie.com">Theme Junkie</a>.
	Author: Roy Guan
	Author URI: http://www.theme-junkie.com
	Version: 1.0
	Tags:  four-columns, advertise-ready, widget-ready, advanced-theme-options
*/

/*----------------------------------------------------------------------------------------

INDEX

	 1. Reset
	 2. Defaults
	 3. Hyperlinks
	 4. Advertisement
	 5. Search Form
	 6. Header
	 7. Vertical Menu
	 8. Horizontal Menu
	 9. Wrappers
	10. Columns
	11. Featured Content Slider
	12. Postbox
	13. Content
	14. Entry
	15. Archive
	16. Images
	17. Sidebar
	18. Tabber
	19. Widgets
	20. Calendar
	21. Comments
	22. Comment Framework
	23. Comment Form
	24. Pagination
	25. Footer
	 
------------------------------------------------------------------------------------------*/


/* 1. Reset */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { margin: 0px; padding: 0px; }
table { border-collapse: collapse; border-spacing: 0px; }
tr { vertical-align: top; }
fieldset, img { border: 0px; }
abbr, acronym { border: 0px; }
address, caption, cite, code, dfn, em, strong, th, var { font-style: normal; font-weight: normal; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; }
ol, ul { list-style: square; padding-right:5px; }
caption, th { text-align: right; }
q:before, q:after { content: ''; }	
.clear { clear: both; }
.right { float: left; padding-left:5px; }
.left { float: right; padding-right:5px;}
.padding-t {height:10px;}
	
/* 2. Defaults */
body { background: url(images/background_029.gif) #c9e1ff;  font: 13px/18px Tahoma, Arial, Helvetica, sans-serif; color: #222; }
input { font-family: Arial, Helvetica, sans-serif; }
.thumb img { background: #fff; padding: 1px; border: 1px solid #f0f0f0; }
.rss { background: url(images/rss.gif) no-repeat 4px 0px; padding: 0px 0px 0px 24px !important; height:16px; }
	
/* 3. Hyperlinks */
a, a:visited, a:active { color: #16387c; text-decoration: none; }
a:hover { color: #16387c; text-decoration: underline; }
a:focus, a:hover, a:active { outline: none; }
a img { border: none; }

/* 4. Advertisement */
.ad468x60 { width: 468px; height: 60px; /*padding-left:5px;*/ }
.ad300x250 { width: 300px; height: 250px; margin: 0px 0px 10px 0px; }
.ad160x600 { width: 160px; height: 600px; margin: 0px 0px 10px 0px; }
	
/* 5. Search Form */
#search-sb { padding-top:5px; padding-left:5px; padding-bottom:5px; padding-right:5px; background-image:url(images/distbox_ontv_bg.gif); border-bottom:#ffe32e solid 1px;}
#social { float:right; }
#searchform { margin: 0px 10px 0px 0px; border:#ace1ff solid 1px; background-color:#dff3ff; float:left; width:420px;}	
#search-elements { padding: 5px; }	
.searchinput { width: 340px; height: 13px; padding: 2px 2px 2px 2px; font-size: 11px; color: #666; border: 1px solid #ace1ff; }
.searchsubmit { background: url(images/search-btn.jpg) repeat-x center; width: 60px; height: 20px; padding: 1px 2px 1px 2px; font-size: 11px; font-weight: bold; color: #333; border: 1px solid #e6e6e6; cursor: pointer; }
	
/* 6. Header */
#header-wrap { width: 980px; margin:0 auto; background:#FFFFFF  url(images/header.jpg); }
#header { width: 980px; height: 60px; margin: 10px auto 5px auto; padding: 5px 0px; line-height: 60px; /*background:#FFFFFF;*/ }
#headline { width: 980px; margin: 0px auto; padding: 5px 0px 5px 0px; font-size: .9em; line-height: 22px; /*background-color:#FFFFFF;*/ }	
.imagelogo { float: right; /*background: url(images/news-logo.gif) no-repeat;*/ width: 137px; height: 60px; cursor: pointer; }
.textlogo {float: right; margin: 0px 5px 0px 0px; font-family: impact; font-size: 48px;line-height: 60px; }	
.textlogo a, .textlogo a:hover { color: #16387c; text-decoration: none; }
.home { background: #f9fafa url(images/home-small.gif) no-repeat 2px 7px !important; }
#v-nav { width: 980px; margin:0 auto; }
#v-nav ul li{ display:inline; padding-left:10px; }
#v-nav ul li a {color:#FFFFFF; font-weight:bold; font-size:12px; }
#v-nav ul li a:hover {text-decoration:underline; }

#cmenubar{
	height:33px;
	background:#255da1;
	display:block;
	padding:0px 0 0px 0px;
	font:12px Tahoma, Century gothic,verdana, Arial, sans-serif;
	font-weight:normal;
	text-transform:uppercase;
	width:980px;
	margin:0 auto;
	}
#cmenu{
	padding:0px;
	width:980px; 
	height:33px;
	}
#cmenu ul {
	float:right;
	list-style:none;
	margin:0px;
	padding:0px;
	}
#cmenu li {
	float:right;
	list-style:none;
	margin:0px;
	padding:0px;
	}
#cmenu li a, #cmenu li a:link, #cmenu li a:visited {
	color:#fff;
	display:block;
	margin:0px;
	padding:9px 14px 7px 14px;
	}
#cmenu li a:hover, #cmenu li a:active {
	background:#2475d7;
	color: #fff;
	margin:0px;
	padding:9px 14px 7px 14px;
	text-decoration:none;
	}
#cmenu li li a, #cmenu li li a:link, #cmenu li li a:visited {
	background:#255da1;
	width:130px;
	color:#fff;
	font-family:Tahoma, century gothic,Georgia,  sans-serif;
	font-weight:normal;
	float:none;
	margin:0px;
	padding:6px 10px 5px 10px;
	border-bottom:1px solid #2475d7;
	}
#cmenu li li a:hover, #cmenu li li a:active {
	background:#2475d7;
	color:#fff;
	padding:6px 10px 5px 10px;
	}
#cmenu li ul {
	z-index: 9999;
	position:absolute;
	right:-999em;
	height:auto;
	width:130px;
	margin:0px;
	padding:0px;
	}
#cmenu li li {
	float:right;
	direction:rtl;
	 }
#cmenu li ul a { 
	width: 120px;
	}
#cmenu li ul a:hover, #cmenu li ul a:active { 
	}
#cmenu li ul ul {
	margin: -25px 150px 0 0;
	}
#cmenu li:hover ul ul, #cmenu li:hover ul ul ul, 
#cmenu li.sfhover ul ul, #cmenu li.sfhover ul ul ul {
	right: -999em;
	}
#cmenu li:hover ul, #cmenu li li:hover ul, 
#cmenu li li li:hover ul, #cmenu li.sfhover ul, 
#cmenu li li.sfhover ul, #cmenu li li li.sfhover ul {
	right: auto;
	}
#cmenu li:hover, #cmenu li.sfhover { 
	position: static;
	}
	
#p-nav { width: 980px; margin:0 auto; }

#cmenubar-p{
	height:33px;
	background:#d31111;
	display:block;
	padding:0px 0 0px 0px;
	font:12px Tahoma, Century gothic,verdana, Arial, sans-serif;
	font-weight:normal;
	text-transform:uppercase;
	width:980px;
	margin:0 auto;
	}
#cmenu-p{
	padding:0px;
	width:980px; 
	height:33px;
	}
#cmenu-p ul {
	float:right;
	list-style:none;
	margin:0px;
	padding:0px;
	}
#cmenu-p li {
	float:right;
	list-style:none;
	margin:0px;
	padding:0px;
	}
#cmenu-p li a, #cmenu-p li a:link, #cmenu-p li a:visited {
	color:#FFFFFF;
	display:block;
	margin:0px;
	padding:9px 14px 7px 14px;
	}
#cmenu-p li a:hover, #cmenu-p li a:active {
	margin:0px;
	padding:9px 14px 7px 14px;
	text-decoration:underline;
	}
#cmenu-p li li a, #cmenu-p li li a:link, #cmenu-p li li a:visited {
	background:#255da1;
	width:130px;
	color:#fff;
	font-family:Tahoma, century gothic,Georgia,  sans-serif;
	font-weight:normal;
	float:none;
	margin:0px;
	padding:6px 10px 5px 10px;
	border-bottom:1px solid #2475d7;
	}
#cmenu-p li li a:hover, #cmenu-p li li a:active {
	background:#2475d7;
	color:#fff;
	padding:6px 10px 5px 10px;
	}
#cmenu-p li ul {
	z-index: 9999;
	position:absolute;
	right:-999em;
	height:auto;
	width:130px;
	margin:0px;
	padding:0px;
	}
#cmenu-p li li {
	float:right;
	direction:rtl;
	 }
#cmenu-p li ul a { 
	width: 120px;
	}
#cmenu-p li ul a:hover, #cmenu-p li ul a:active { 
	}
#cmenu-p li ul ul {
	margin: -25px 150px 0 0;
	}
#cmenu-p li:hover ul ul, #cmenu-p li:hover ul ul ul, 
#cmenu-p li.sfhover ul ul, #cmenu-p li.sfhover ul ul ul {
	right: -999em;
	}
#cmenu-p li:hover ul, #cmenu-p li li:hover ul, 
#cmenu-p li li li:hover ul, #cmenu-p li.sfhover ul, 
#cmenu-p li li.sfhover ul, #cmenu-p li li li.sfhover ul {
	right: auto;
	}
#cmenu-p li:hover, #cmenu-p li.sfhover { 
	position: static;
	}
	



/* 7. Vertical Menu */
.vertical ul { width: 160px; border-top: 1px solid #e6e6e6; }
.vertical li a { display: block; background: #f9fafa url(images/arrow_left.gif) no-repeat 2px 6px; width: 131px; padding: 6px 17px 6px 10px; text-decoration: none; font-size: 1em; font-weight: bold; color: #222; border-right: 1px solid #e6e6e6; border-left: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6; }
.vertical li a:hover { color: #16387c; text-decoration: none; }
.vertical li { display: inline; }
.vertical li ul { position: absolute; margin: -31px 159px 0px 0px; }

/* 8. Horizontal Menu */
.horizontal ul { display: block; list-style: none; }
.horizontal li { float: right; display: inline; padding: 0px; list-style: none; }
.horizontal li a { float: right; display: block; padding: 0px 10px; text-decoration: none; border-right: none; }
.horizontal li li { background: none !important; }
.horizontal li li a { padding: 6px 10px; line-height: 16px; border-top: none; border-bottom: 1px solid #e6e6e6; }
.horizontal li ul { display: block; background: #f9fafa; position: absolute; width: 134px; height: auto; margin-top: 20px; margin-right: -1px; border-top: 1px solid #e6e6e6; border-right: 1px solid #e6e6e6; border-left: 1px solid #e6e6e6; }
.horizontal li li ul { position: absolute; margin-top: .1em; margin-right: 100px; }
.horizontal li ul li a { width: 114px; }
.inaccesible li ul { display: none; }
	
/* 9. Wrappers */
#wrapper { background: #fff; width: 960px; margin: 0px auto; padding: 10px; /*box-shadow: 0px 0px 5px #bbb; -moz-box-shadow: 0px 0px 5px #bbb; -webkit-box-shadow: 0px 0px 5px #bbb;*/ }
#leftwrapper { float: right; width: 650px; }
#pagewrapper { float: right; width: 790px; }

/* 10. Columns */
#column1 { float: right; width: 160px; }
#column2 { float: left; width: 480px; padding: 0px 0px 0px 0px; }
#column3 { }
	
/* 11. Featured Content Slider */
#slider { background: #f9fafa; width: 473px; margin: 0px 0px 10px 0px; padding: 6px 5px 6px 0px; border: 1px solid #e6e6e6; }
#featured { width: 373px; padding-left: 95px; position: relative; height: 236px; background: #222; }
#featured ul.ui-tabs-nav { position: absolute; background: #333; top: 0px; right: 373px; width: 95px; list-style: none; color: #fff; }
#featured ul.ui-tabs-nav li { float: right; padding: 0px 0px 1px 0px; }
#featured ul.ui-tabs-nav li img { float: right; background: #fff; margin: 3px; padding: 1px; border: 1px solid #666; }
#featured li.ui-tabs-nav-item a { display: block; background:#444; height: 54px; padding: 2px; }
#featured li.ui-tabs-nav-item a:hover { background: #555; }
#featured li.ui-tabs-selected { padding: 0px 0px 1px 0px; }
#featured ul.ui-tabs-nav li.ui-tabs-selected a { background: #333; }
#featured .ui-tabs-panel { background: #000; width: 373px; margin: 0px; padding: 0px; position: relative; }
#featured .ui-tabs-panel .info { position: absolute; background: #111; width: 357px; bottom: 0px; right: 0px; opacity: .75;filter: alpha(opacity=75); padding: 8px;}	
#featured .info h2 { font-size: 16px; color: #fff; line-height: 22px; overflow: hidden; }
#featured .info a { text-decoration: none; color: #fff; }
#featured .info a:hover { text-decoration: underline; }
#featured .ui-tabs-hide { display: none; }
	
/* 12. Postbox */
.postbox { width: 234px; margin: 0px 0px 10px 0px; }
.postbox h1 { background: #f9fafa url(images/home-sections.jpg) no-repeat; height: 28px; padding: 0px 13px 0px 0px; font-size: 1em; font-weight: bold; line-height: 29px; /*border: 1px solid #e6e6e6;*/ }
.postbox h1 a, .postbox h1 a:visited { color: #FFFFFF; }
.postbox h1 a:hover { color: #FFFFFF; text-decoration:underline; }
.postbox h2 { font-size: 1em; font-weight: bold; line-height: 16px; }
.postbox h2 a, .postbox h2 a:visited { color: #16387c; }
.postbox ul { padding: 2px 10px 0px 0px; }
.postbox ul li { padding: 0px 7px 6px 0px; font-size: 1em; line-height: 15px; list-style:square; }
.postbox ul li a, .postbox ul li a:visited { color: #16387c; }
.postbox ul li a:hover { color: #16387c; }
.boxcontent { background: #fff; padding: 10px; /*border-right: 1px solid #e6e6e6; border-left: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6;*/ }
.boxcontent h5 { margin: 0px; padding: 3px 0px 4px 0px; color: #666; }
.boxcontent h5 a, .boxcontent h5 a:hover { color: #666; }
.more { margin: 10px 0px 5px 0px; font-weight: bold;}

/* 13. Content */
#fullcontent { float: right; background: #fff; width: 938px; padding: 10px; border: 1px solid #e6e6e6; }
#content { float: left; background: #fff; width: 598px; padding: 10px; border: 1px solid #e6e6e6;}
.pagetitle { padding: 3px 0px 10px 0px; font-size: 18px; font-weight: bold; }
.posttitle { margin: 0px 0px 10px 0px; font-size: 22px; color: #333; line-height: 24px; }
.posttitle a, .posttitle a:visited { color: #222; }
.postmeta { padding: 20px 0px 5px 0px; }
.browse { padding: 0px 0px 7px 0px; font-size: 12px; color: #333; border-bottom: 1px solid #e6e6e6; }
.browse a, .browse a:visited { color: #16387c; }

/* 14. Entry */
.entry { padding: 15px 0px 10px 0px; color: #222; line-height: 1.4em; border-top: 1px solid #e6e6e6; }
.entry p { padding-bottom: 10px; }
.entry strong { font-weight: bold; }
.entry em { font-style: italic; font-weight: normal; }
.entry strong em, .entry em strong { font-style: italic; font-weight: bold; }
.entry h1 { font-size: 20px; font-weight: bold; padding: 0px 0px 7px 0px; }
.entry h2 { font-size: 18px; font-weight: bold; padding: 0px 0px 7px 0px; }
.entry h3 { font-size: 16px; font-weight: bold; padding: 0px 0px 7px 0px; }
.entry h4 { font-size: 14px; font-weight: bold; padding: 0px 0px 7px 0px; }
.entry h5 { font-size: 13px; font-weight: bold; padding: 0px 0px 7px 0px; }
.entry h6 { font-size: 12px; font-weight: bold; padding: 0px 0px 7px 0px; }
.entry a { color: #16387c; }
.entry a:hover { color: #16387c; text-decoration: underline; }
.entry a img { border: none; }
.entry ul { margin: 0px 7px 0px 0px; padding-bottom: 10px; }
.entry ol { margin: 0px 25px 10px 0px; list-style-type: decimal; }
.entry ol ol { list-style: upper-alpha; }
.entry ol ol ol { list-style: lower-roman; }
.entry ol ol ol ol { list-style: lower-alpha; }
.entry ul ul, .entry ol ol, .entry ul ol, .entry ol ul { margin-bottom: 0px; }
.entry ul li { padding: 3px 8px 3px 0px; font-size: 12px; line-height: 15px; }
.entry ol li { padding: 3px 0px 3px 0px; font-size: 12px; line-height: 15px; }	
.entry li a:link, .entry li a:visited { color: #222; }
.entry li a:hover { color: #16387c; }
.entry li ul { margin: 0px;padding: 0px; }
.entry del { text-decoration: line-through;color: #aaa; }
.entry ins { text-decoration: underline; font-weight: bold; }
.entry code { display: block; background: #f9f9f9;margin: 10px 0px; padding: 10px; font: 12px Monaco, monospace; color: #333; border-right: 4px solid #e6e6e6; }
.entry blockquote { background: #f9f9f9; font-size: 12px; line-height: 16px; color: #333; margin: 15px 0px; padding: 10px; border: 1px solid #e6e6e6; }
.entry blockquote cite { display: block; margin: 5px 10px 5px 10px; font-size: 12px; color: #555; font-style: italic; text-align: right; }
.entry blockquote.alignright { width: 40%; margin: 0px 1em 10px 0px; }
.entry blockquote.alignleft { width:40%; margin: 0px 0px 10px 1em; }
.entry blockquote p { margin: 0px; }
.entry hr { background: #e6e6e6; color: #e6e6e6; clear: both; width: 100%; height: 1px; margin: 15px 0px; border: none; }
.entry input, .entry textarea { font-size: 1em; padding: 3px; }
.tags { background: #fff url(images/tag.gif) no-repeat 0px 0px; margin: 5px 0px 0px 0px; padding: 0px 20px 0px 0px; color: #222;}
.tags a, .tags a:visited { color: #222; text-decoration: none; }
.tags a:hover { color: #16387c; text-decoration: underline; }

/* 15. Archive */
.archive { padding: 15px 0px; border-bottom: 1px solid #e6e6e6; }
.archive .thumb { padding: 0px 0px 0px 10px; }
.archive h2 { margin: 0px 0px 8px 0px; font-size: 18px; line-height: 20px; }
.archive h2 a, .archive h2 a:visited { color: #222; }	

/* 16. Images */
img.centered { display: block; margin-right: auto; margin-left: auto; margin-bottom: 10px; padding: 0px; }
img.alignnone { padding: 0px; margin: 0px 0px 10px 0px; display: inline; }
img.alignright { padding: 0px; margin: 0px 10px 10px 0px; display: inline; }
img.alignleft { padding: 0px; margin: 0px 0px 10px 10px; display: inline; }
.aligncenter { display: block; margin-right: auto; margin-left: auto; margin-bottom: 10px; }
.alignright { float: left; margin: 0px 10px 10px 0px; }
.alignleft { float: right; margin: 0px 0px 10px 10px; }
.wp-caption { background: #F7F7F7; text-align: center; padding: 4px 0px 5px 0px; border: 1px solid #e6e6e6; }
.wp-caption img { margin: 0px 0px 5px 0px; padding: 0px; border: 0px; }
.wp-caption p.wp-caption-text { margin: 0px; padding: 0px; font-size: 11px; font-weight: normal; line-height: 12px; }

/* 17. Sidebar */
#pageright { float: left; width: 160px;}
#sidebar { float: left;background: #fff;width: 300px; }
#sidebar li ul { border: none;}
#sidebar a, #sidebar a:visited { color: #222; }
#sidebar a:hover { color: #16387c; }
.leftsidebar { width: 160px; margin: 10px 0px 0px 0px; }
.box { background: #fff; margin: 0px 0px 10px 0px; padding: 5px 10px 10px 10px; color: #222; border-right: 1px solid #e6e6e6; border-left: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6; }

/* 18. Tabber */
.tabber { width: 300px; margin: 0px 0px 10px 0px; }
.tabber ul { background: #fff; }
.tabs { display: block; margin: 0px 0px 0px 1px; }
.tabs li { float: right; display: inline; background: #f9fafa url(images/menu.jpg) repeat-x; }
.tabs li a { display: block; margin: 0px 0px 0px -1px; padding: 6px 6px; font-size: 10px; font-weight: bold; border: 1px solid #e6e6e6; }
.tabs li a:hover { background: #fff; color: #16387c; text-decoration: none; }
.tabs li a.selected, .tabs li a.selected:hover { background: #fff; color: #16387c; border-bottom: 1px solid #fff;}
.tabcontent { display: none; width: 278px; margin: -1px 0px 0px 0px; padding: 10px 10px 5px 10px; border: 1px solid #e6e6e6; }
.tabcontent li { padding: 0px 8px 5px 0px; list-style:none; }

/* 19. Widgets */
.fullwidget { width: 300px;}
.leftwidget { float: right; width: 145px; }
.rightwidget { float: left; width: 145px;}
.leftsidebar ul li, .fullwidget ul li, .leftwidget ul li, .rightwidget ul li, #pageright ul li { padding: 5px 8px 0px 0px; list-style:none; }
.leftsidebar h3, .leftwidget h3, .rightwidget h3, .fullwidget h3, #pageright h3 { background: #f9fafa url(images/menu.jpg) repeat-x; height: 28px; padding: 0px 10px; font-size: 1em; font-weight: bold; line-height: 29px; border: 1px solid #e6e6e6; }
.leftsidebar h3 a { text-decoration: none; line-height: 29px; }
.leftsidebar a { font-size: 1em; line-height: 15px; }
.leftsidebar h2 a { color: #16387c;}
.leftsidebar span { float: left; width: 92px; }
.leftnews { padding: 7px 0px 7px 0px; border-bottom: 1px dotted #e6e6e6; }
.leftnews .thumb { float: right; }
.rsswidget img { width: 12px; height: 12px; }

/* 20. Calendar*/
#wp-calendar { width: 100%; }
#wp-calendar, #wp-calendar th, #wp-calendar caption { text-align:center; }
#wp-calendar th { background: #f5f5f5; padding: 3px; border: 1px solid #f0f0f0; }
#wp-calendar td { padding: 5px 2px; border: 1px solid #f0f0f0; }
#wp-calendar caption { background:transparent; font-weight:bold;padding: 3px 0px 7px 0px; color: #333; }
#wp-calendar #today { background: #f5f5f5; font-weight:bold; }

/* 21. Comments */
#respond { margin: 10px 0px 0px 0px; }
#respond p { color: #777;margin: 0px; }
.comments-box { padding: 20px 0px 0px 0px; border-top: 1px solid #e6e6e6; }
.comments-box h2 { margin: 0px;padding: 0px; font-size: 18px; letter-spacing: -1px;color: #222; }
.cancel-comment-reply { padding: 5px 0px 0px 0px; font-size: 11px; }
.text { border: 1px solid #e6e6e6; padding: 2px; color: #777; width: 200px; }

/* 22. Comment Framework */
#pings { margin-bottom: 40px; }		
ul.children { margin-right: 0px; }
ol.commentlist { margin: 20px 0px 0px 0px; }	
cite.fn { font-size: 14px; font-weight: bold; letter-spacing: -0.05em; display: block; padding-top: 9px; }	
cite.fn a, cite.fn a:hover { color: #333; text-decoration: none; }
span.says { display: none; }
.commentlist li { margin: 0px 0px 10px 0px; padding: 10px; background: #f6f6f6;	list-style: none; border: 1px solid #e9e9e9; }
.commentlist li.depth-2 { background: #ffffff; border: 1px solid #e9e9e9; margin-right: 10px; }
.commentlist li.depth-3	{ background: #f6f6f6; border: 1px solid #e9e9e9; margin-right: 10px; }
.commentlist li.depth-4	{ background: #ffffff; border: 1px solid #e9e9e9; margin-right: 10px; }
.commentlist li.depth-5	{ background: #f6f6f6; border: 1px solid #e9e9e9; margin-right: 10px; }
.commentlist code { background: #e6e6e6; padding: 3px; }
.commentlist .moderation { margin-top: 10px; color: #660000; }
.commentlist .children { margin-top: 15px; }
.commentlist p { clear: both; }
.comment-author { margin-bottom: 5px; }
.avatar { margin-left: 10px; float: right; padding: 1px; border: 1px solid #e6e6e6; background: #fff; }
.reply { margin: 10px 0px 0px 0px; }
.reply a, .reply a:visited  { background: #666; color: #fff; padding: 3px 6px; text-align: center; text-decoration: none !important; font-size: 11px; -moz-border-radius: 2px; -webkit-border-radius: 2px; }
.reply a:hover { background: #333; color: #fff; }
.comment-meta { float: right; margin-bottom: 15px; }
.comment-meta a { color: #222; }
.comment-date a, .comment-date a:visited { color: #888; font-size: 1.1em; }

/* 23. Comment Form */
#commentform input { width: 210px; margin: 7px 0px 0px 3px; padding: 4px; font-size: 1.1em; border: 1px solid #ddd; }
#commentform .author, #commentform .email, #commentform .url { padding: 5px; background: #fff; color: #999; font-style: italic; }
#commentform textarea { width: 75%;height: 100px;margin: 7px 0px 0px 0px; padding: 2px; font-family: Arial, Helvetica, sans-serif; font-size: 1.1em; line-height: 16px; border: 1px solid #ddd; }
#commentform .submit { background: #255da1; width: auto; color: #fff; padding: 3px 10px; text-align: center; font-size: 14px; font-weight: bold; cursor: pointer; }

/* 24. Pagination */
.pagenavi { padding: 10px 0px 0px 0px; }
.nextprev a { padding: 7px 0px; }

/* 25. Footer */
#footer { background: #FFFFFF; background-image: url(images/distbox_ontv_bg.gif); background-repeat: repeat-x; width: 960px; margin: 0px auto; padding: 10px 10px 10px 10px; font-size: 11px; /*box-shadow: 0px 0px 5px #bbb; -moz-box-shadow: 0px 0px 5px #bbb; -webkit-box-shadow: 0px 0px 5px #bbb;*/ }
#footer h3 { width: 220px; margin: 0px 0px 5px 0px; padding: 0px 0px 2px 0px; font-size: 1.1em; font-weight: bold; border-bottom: 1px solid #ffe32e; }
#footer ul { display: block; float: right;}
#footer ul li { padding: 0px 5px 4px 0px; list-style-image:url(images/yellowbullet.gif)}
#bottom { width: 980px; height:33px; padding-top:0px; margin: 0px auto 10px auto; font-size: 12px; text-align: center; background:#255da1 /*url(images/blue_grad_bg.gif)*/; color:#FFFFFF; font-weight:bold; }
#bottom a { color:#FFFFFF; }
#bottom a:hover { text-decoration:underline; }
#bottom p { padding-top:5px; }
.footerwidget { width: 220px; padding: 5px 10px;}