/*
Theme Name: PC WORLD, Magazine GO GO
Theme URI: http://www.open-axcss.com
Description: Open Axcss full customized template.
Author: Raymond Bacolod
Author URI: http://www.open-axcss.com
Tags: two columns, open axcss, wordpress, valid css, valid xhtml, feature content gallery
*/

@import 'style-plugin-smoothgallery.css';


html, body, div 
	{ 
		margin				: 0;
		padding				: 0; 
	}

body 
	{
		font-family			: Arial, Helvetica, sans-serif;
		font-size			: 12px;
		color				: #333333;
	}
	
#pcw-pagecontainer
	{
		width				: 100%;
	}	

.clearer { clear: both; }

#pcw-headerwrap 
	{
		width				: 100%;
		background			: #de0124 /*url(images/pcworld_headerbg.jpg) repeat-x*/;
		height				: 139px;
	}
	
#pcw-headerwrap  #righthead
	{
		width				: 600px;
		float				: right;
		margin				: 8px 0 0 0;
		padding				: 2px 8px 0px 8px;
	}		

#searchbar
	{
		width				: 248px;
		height				: 30px;
		background			: #de0124 /*url(images/pcworld_searchbg.jpg) no-repeat*/;
		margin				: 5px 15px 0 0;
		float: right;
		padding				: 6px 8px 8px 8px;
	}	
	
#searchbar form
	{
		margin				: 0px;
		padding				: 0px;
	}

#searchbar form ul
	{
		margin				: 0px;
		padding				: 5px 0;
	}

#searchbar form li
	{
		float				: left;
		display				: block;
		margin-right        : 1px;
	}

#searchbar	.searchtxt	
	{
		width				: 210px;
		border				: #FF9900 2px solid;
		padding				: 3px;
		
	}
	
div#title-wrapper 
	{  
		margin				: 0 auto;
		width				: 1020px; 
		height				: 120px; 
	}
	
div#sitename
	 { 
	 	margin				: 0;
		padding				: 0; 
		float				: left;
		width				: 350px;
		height				: 109px; 
	 }
	 
div#sitename .logo 
	{ 
		display				: block;
		padding				: 15px 0 0 0;
	 }
	 
.mediag8way
	{ 
		float				: right;
		margin				: 25px 25px 0 0;
		padding				: 5px; 
		border				: #990000 1px solid;
	}
	
.taglines 
	{ 
		float				: left;
		color				: #FFFFFF;
		font-size			: 16px;
		margin				: 75px 15px 0 35px;
		font-weight			: bold;
	}
	
div#sitename h1 
	{
		 display			: block;
		 margin				: 0;
		 padding			: 0; 
		 height				: 109px;
	}
	
div#sitename h1 a, div#sitename h1 a:visited 
	{
		display				: block;
		margin				: 0; 
		padding				: 0;
		height				: 109px;
		line-height			: 109px;
		text-indent			: -99999px;
	}
	
div#sitename p 
	{ 
		display				: none;
	 }
	 
div#myads 
	{ 
		margin				: 13px 30px 0 0; 
		padding				: 5px;
		float				: right;
		border				: #9f0605 1px solid; 
	}
	
div#myads p 
	{ 
		display				: block;
		margin				: 0;
		padding				: 0;
	 }
	 
div#myads p a img
	 { 
	 	border				: 0;
		 }


/*===============================*/	

div#pcw-navigataionwrap {
	/*background-color: #000000;*/
	background: url(images/navigationbg-wrap.jpg) repeat-x;
	width: 100%;
	height: 35px;
	/*margin-bottom:15px;*/
	}
	
#pcw-navlist {
	margin: 0 auto; width: 962px;
	}
	
ul#pcw-navbtn { margin: 0; padding: 0; display:block; list-style-type: none; }	
ul#pcw-navbtn li { float: left; display: block; margin: 0; padding: 0; height: 35px; }	
ul#pcw-navbtn  li a {
	display: block; float: left; margin: 0; padding: 0 18px; height: 35px; line-height: 35px;
	font-size: 12px; 
	color: #fff;
	outline: none;
	text-decoration: none;
}

ul#pcw-navbtn   li a:hover, ul#pcw-navbtn   li a:focus {
	border-left: 1px solid #000;
	border-right: 1px solid #000;
	padding: 0 17px;
	color: #CC0000;
	background: #FFF; text-decoration: none;
}

ul#pcw-navbtn   li.current_page_item a, ul#pcw-navbtn   li.current_page a:visited {
	border-left: 1px solid #000;
	border-right: 1px solid #000;
	padding: 0 17px;
	color: #CC0000;
	background: #FFF; text-decoration: none;
}

#pcw-categorylist {
	width: 962px;
	margin: 0 auto;
	background: url(images/category_background.jpg) no-repeat;
	height: 32px;
	padding-bottom: 15px;
	}
	
ul#pcw-catlist { margin: 0; padding: 0 0 0 10px; }

ul#pcw-catlist li { list-style: none; display: inline; color:#000000; }	
ul#pcw-catlist li a { display: block; float:left ; padding: 5px 17px; color:#000000; text-decoration:none; }	
ul#pcw-catlist li a:hover { border-bottom: 1px #000000 dotted; text-decoration:none; }	
ul#pcw-catlist li a:active { display: block; float:left ; padding: 5px 17px;  color:#000000;}	

/*=======================================*/

#pcw-featuredcontent { width: 962px; margin: 0 auto; margin: 0 10px 0 15px;}

#latestprint-wrap a img /*THIS IS THE STYLE FOR LINK OF IMAGES*/
	{
		border				: none;
	}


#featured-gallery { float:left; width: 625px; height: 263px; margin-left: 5px;}
#latestprint-wrap { float:right; width: 300px; height: 263px; margin-right: 2px; background-color:#FFFFFF; }

#latestprint-wrap .magazine-title a
	{
		color				: #000000;
		font-weight			: bold;
		width				: 250px;
		margin				: 0 auto;
		padding				: 0 0 10px 0;
	}
	
#modal-digitalfocus { float: left; width: 305px; }
#modal-itguide { float: right; width: 305px; }

div#featabout { }
div#featabout-wrapper { margin: 0 0 10px 0; padding: 11px; height: 263px; }
div#featabout div#featured { width: 625px; height: 263px; }
div#featabout div.hottopics {  width: 300px; height: 263px; }
div#featabout div.hottopics h2 { margin: 0; padding: 0 0 5px 0; }
div#featabout div.hottopics ul { margin: 0; padding: 0; display: block; list-style-type: none; }
div#featabout div.hottopics ul li { display: block; margin: 0; padding: 10px 10px 10px 24px; border-top: 1px solid; }
div#featabout div.hottopics ul li:first-child { border-top: none; }
div#featabout div.hottopics ul li a:hover, div#featabout div.hottopics ul li a:focus { outline: none; }

/*=======================================
THIS IS FOR STRUCTURE OF THE CONTENT
*/

#pcw-content-wrapper 
	{ 
		width				: 962px;
		margin				: 0 auto;
	}
	
#pcw-contentwrap
	{ 
		float				: left;
		width				: 625px;
		margin-left			: 5px;
	 }
	 
#pcw-sidebar 
	{ 
		width				: 300px;
		float				: right;
		margin-right		: 5px;
	}



#jumpCategory 
	{ 
		
		width				: 300px;
		height				: 35px;
		margin				: 0 auto;
		padding				: 10px;
		
	}

#jumpCategory .inputtxt 
	{ 
		width				: 300px;
	}

/*ADDITIONAL KO NALANG ITO*/

#pcw-sidebar  a img /*THIS IS THE STYLE FOR LINK OF IMAGES*/
	{
		border				: none;
	}


#adsTopbanner 
	{ 
		width				: 997px;
		height				: 100px;
		margin-bottom		: 10px;
		margin				: auto;
		padding				: 10px 0 10px 0;
	 }


.box-module 
	{ 
		border				: #d7d9d8 1px solid;
		margin-bottom		: 7px;
		background-color	:#FFFFFF;
	}
	
.box-pad 
	{ 
		padding				: 15px; 
	}
	
.box-module p { padding: 0; margin:0; }

.box-module h2 
	{ 
		background			: url(images/pcworld_boxheadx.jpg) repeat-x;
		margin				: 0; 
		padding				: 5px 5px 0 10px;
		height				: 22px;
		font-size			: 13px;
		color				: #FFF;
		font-family			: Geneva, Arial, Helvetica, sans-serif;
		font-weight			: bold;
	}
.box-module a:link { font-size: 12px; color:#6699cc; }
.box-module img.header { border: 1px solid; float: left; padding: 8px; margin: 0 15px 0 0; width: 75px; height: 75px; }

.header2 { border: 1px solid #ececec; padding: 8px; margin: 0 0px 0 0; width: 257px; height: 100px; }
.textHeading { font-weight: bold; padding: 8px 0 0 13px; }


/*WORKING WITH DIVISION BOX*/

.padleft-box { float: left; width: 285px; padding:5px; margin: 8px; border-right: #999999 1px dotted; }
.padleft-box p { padding: 0; margin: 0; }
.padleft-box .titleBar { font-size: 14px; font-weight: bold; padding: 5px 0 12px 0;  }
.padleft-box .titleBar a { color:#990000; text-decoration: none; display: block; border-bottom: 1px solid; }
.padleft-boximg { border: 1px solid #ebebeb; padding: 8px; margin: 0 7px 0 0; width: 250px; height: 119px; }


/* FEATURES BOX */
.pad-imgFeatures{ border: 1px solid #ebebeb; padding: 8px; margin: 0 7px 0 0; width: 90px; height: 90px; }
.features-img { float:left; width: 95px; }
.features-title { float: left; width: 150px; margin-left: 22px; padding-top: 15px; }
.features-title { font-size: 11px; color:#000000; font-weight: bold;}

.box-module .features-title { font-size: 12px; color:#000000; }
.box-module .features-title a { color:#000000; text-decoration:none; }
/*END FEATURES*/

.padright-box { float: right; width: 275px; padding: 10px 5px 5px 5px; margin-right: 10px; }
.padright-box p { padding: 0; margin: 0; }
.padright-box h3 { padding: 3px; background-color: #990000; color:#FFFFFF; display:block; width: 90px; font-size:12px; text-align:center; }
.padright-box h3 a { font-weight: bold; font-size:12px; color: #FFFFFF; text-decoration:none; display:block; width: 90px;}
ul#padright-more { margin: 0; padding:0;  }
ul#padright-more li { list-style: none; display: block; padding-bottom: 12px; list-style: outside; }
ul#padright-more li a { font-size: 11px; display: block; padding: 3px; color:#333333; font-weight: bold; }
ul#padright-more li a:visited { font-size: 11px; display: block; padding: 3px; color:#333333; font-weight: bold; }
ul#padright-more li a:hover { text-decoration:none; }

/*DIGITAL FOCUS & HOW TOS*/

.modal_title { font-size: 14px; font-weight: bold; padding: 5px 0 12px 0; color:#990000; min-height: 45px; height: auto !important;  }
.modal_title a { color:#990000; text-decoration: none; display: block; border-bottom: 1px solid; }
.modal_title a:visited { color:#990000; text-decoration: none; display: block; border-bottom: 1px solid; }
.modal_more { padding: 15px 0px 15px 0px; }
/*.modal_more h3 { font-size: 12px; font-weight:bold; }*/
.modal_more p { padding: 0; margin: 0;}

.box-module .modal_more h3 { margin: 0; padding: 3px; background-color: #990000; color:#FFFFFF; display:block; width: 90px; font-size:12px; text-align:center; }
.box-module .modal_more h3 a { font-weight: bold; font-size:12px; color: #FFFFFF; text-decoration:none; display:block; width: 90px;}
.box-module .modal_more h3 a:visited { font-weight: bold; font-size:12px; color: #FFFFFF; text-decoration:none; display:block; width: 90px;}


ul#digital-more { margin: 0; padding:0; }

ul#digital-more li { list-style: outside; display: block; padding-bottom: 10px; border-top: 1px #f0f0ef solid; padding-top: 5px; list-style: none; }
ul#digital-more li a { text-decoration: none; color: #333333; font-size: 11px; font-weight: bold;  }

/************************************************/
/*** Layout : Blog Entry : Start ****************/
/************************************************/

div.pagetitle { margin: 0 0 15px; }
div.pagetitle div.top { height: 11px; }
div.pagetitle div.mid { padding: 4px 11px; }
div.pagetitle div.mid h2 { display: block; margin: 0; padding: 0; text-align: left; font-size: 26px; }
div.pagetitle div.bot { height: 11px; }

div.singlegoogle { text-align: center; margin: 25px 0 0 0; }
div.singlegoogle-page { margin: 0 0 15px 0; }
div.singlegoogle-page div.top { height: 11px; }
div.singlegoogle-page div.mid { padding: 4px 11px; text-align: center; }
div.singlegoogle-page div.bot { height: 11px; }

div.postgroup { padding: 0; }

div.post { margin: 0 0 30px 0; padding: 0; }
div.post div.top { height: 11px; }
div.post div.mid { padding: 0 11px; }
div.post div.mid div.title { display: block; margin: 0 0 10px 0; padding: 0; height: 48px; }
div.post div.mid div.title h2 { display: block; margin: 0; padding: 0; }
div.post div.mid div.title p { display: block; margin: 0; padding: 0 0 15px 0; }
div.post div.mid div.entry { padding: 0 0 10px 0; }
div.post div.mid div.entry p.akpc_pop { display: block; margin: 0; }
div.post div.mid div.errorentry p { display: block; margin: 0; padding: 0; }
div.post img.header { border: 1px solid; float: left; padding: 8px; margin: 0 7px 0 0; width: 125px; height: 125px; }
div.post div.bot { height: 11px; }

div.indexpost { float: left; width: 314px; margin: 0 0 8px 0; }
div.indexpost div.mid { height: 205px; }
div.indexpost div.mid div.title p { display: none; }
div.indexpost div.mid div.entry p { margin: 0; padding: 0; }
div.indexpost div.mid div.entry div.text { margin: 0 0 0 143px; }
div.indexpost div.mid div.entry p.readmore { margin: 20px 0 0 0; }
div.indexpost div.mid div.entry p.readmore a, div.indexpost div.mid div.entry p.readmore a:visited { 
	margin: 0 auto; width: 108px; height: 34px; display: block; 
	text-align: center;
}

div.oddpost { margin: 0 8px 0 0; }

div.listpost div.mid div.title { height: auto; }
div.listpost div.mid div.title p { display: none; }

div.singlepost { margin: 0; }
div.singlepost div.mid div.title { height: auto; margin: 0 0 30px 0; }
div.singlepost div.mid div.title p { display: block; }
div.singlepost div.mid div.entry div.postmeta p { display: block; margin: 0; padding: 0 0 10px 0; }


/************************************************/
/*** Layout : Blog Entry : End ******************/
/************************************************/


/************************************************/
/*** Layout : Comments : Start ******************/
/************************************************/

div#comments { margin: 10px 0; }
div#comments div.top { height: 11px; }
div#comments div.mid { padding: 0 11px; }
div#comments div.mid div.title h2 { display: block; margin: 0; padding: 0 0 5px 0; }
div#comments div.mid div.title p { display: block; margin: 0; padding: 5px 0 0 0; }
div#comments div.mid p.nocomments { display: block; margin: 0; padding: 10px 0 0 0; }
div#comments div.bot { height: 11px; }

ol.commentlist { display: block; margin: 0; list-style-type: none; padding: 20px 0 0 0; }
ol.commentlist li.comment { display: block; margin: 0;  padding: 0 0 20px 0; }
ol.commentlist li.comment div.comment { padding: 0 0 10px 0; border-bottom: 1px solid; }
ol.commentlist li.comment div.comment-author { height: 42px; }
ol.commentlist li.comment div.comment-author span.says { display: none;}
ol.commentlist li.comment img { float: left; margin: 0 10px 0 0; padding: 1px; border: 1px solid; }
ol.commentlist li.comment ul.children { margin: 20px 0 -20px 50px; padding: 0; list-style-type: none; }

div#respond { margin: 10px 0; }
div#respond div.top { height: 11px; }
div#respond div.mid { padding: 0 11px; }
div#respond div.mid div.title h2 { display: block; margin: 0; padding: 0 0 5px 0; }
div#respond div.mid div.title p { display: block; margin: 0; padding: 5px 0 0 0; }
div#respond div.mid p.norespond { display: block; margin: 0; padding: 10px 0 0 0; }
div#respond div.bot { height: 11px; }

form#commentform { display: block; margin: 10px 0 0 0; padding: 0; }
form#commentform p { display: block; margin: 0 0 5px 0; padding: 0; line-height: 27px; }
form#commentform p label { display: block; margin: 0; padding: 0; }
form#commentform p.input span { display: block; width: 220px; height: 21px; margin: 0; padding: 0; float: left; }
form#commentform p.input span input { width: 200px; padding: 5px; border: 1px solid; }
form#commentform p.input span label {  }
form#commentform p.textarea { display: block; margin: 0 0 10px 0;  }
form#commentform p.textarea label { display: none; }
form#commentform p.textarea span { display: block; }

form#commentform p.button { display: block; text-align: left; margin: 0; padding: 0; }
textarea#comment { width: 603px; height: 117px; padding: 5px; border: 1px solid; }

/************************************************/
/*** Layout : Comments : End ********************/
/************************************************/

/************************************************/
/*** Layout : Sidebar : Start *******************/
/************************************************/


div.box { width: 250px;  }
div.box h2 { display: block; margin: 0; padding: 3px 0 8px 0; border-bottom: 1px solid; }
div.box div.interior { padding: 8px 0 0 0;  }
div.box div.interior ul  { list-style-type: none; margin: 0; padding: 0; }
div.box div.interior ul li { padding: 0; margin: 0 0 10px 0; }
div.box div.interior ul ul { margin: 10px 0 0 30px; padding: 0; }


div.box-wrap
	{
		margin				: 0px;
		padding				: 0px;
		display				: block;
		background-color	: #FFFFFF;
	}
	
	


div.box2 { margin: 0 0 30px 0; padding: 0 0 0 68px;  }
div.box-adverts { padding: 0; }
div.box-adverts h2 { display: none; }
div.box-adverts div.interior { padding: 0; }
div.box-adverts div.interior div { height: 143px; }
div.box-adverts div.interior div a, div.box-adverts div.interior div a:visited { 
	display: block; margin: 0; padding: 0; width: 143px; height: 143px; 
}
div.box-adverts div.interior div a img, div.box-adverts div.interior div a:visited img { 
	width: 125px; height: 125px; border: 1px solid; padding: 8px;
}
div.box-adverts div.interior div a.ads-l, div.box-adverts div.interior div a.ads-l:visited { float: left; }
div.box-adverts div.interior div a.ads-r, div.box-adverts div.interior div a.ads-r:visited { float: right; }
div.box-adverts div.interior div.row-1 { margin: 0 0 8px 0; }

div.box-feedburner input { border: 0; padding: 4px 10px 0 10px; width: 200px; height: 18px; }

div#box-googleads div.interior { width: 250px; margin: 0 auto; padding: 10px 0 0 0; }

div#calendar_wrap { padding: 10px 0 0 0; }
table#wp-calendar { width: 180px; margin: 0 auto; }

/* HEADER FOR EACH BOX PAD*/
.titleSide
	{
		background			: url(images/pcworld_boxheadx.jpg) repeat-x;
		height				: 23px;
		color				: #FFFFFF; 
		font-size			: 13px; 
		font-weight			: bold;
		padding				: 5px 0 0 15px; 
	}
	
.box2-wrap { background-color: #FFFFFF; padding: 10px 10px 20px 10px; }
.box2-wrap a { text-decoration: none; color: #333333; }
.box2-wrap a:hover { text-decoration: none; color: #333333; border-bottom: #333333 1px dotted; }

div.box h2 { color: #666; border-bottom-color: #e5e5e5; }


div.box-adverts div.interior div a img, div.box-adverts div.interior div a:visited img { border: 0;
	/*border-color: #ececec;*/ background: #fff none;
}


/* SUBSCRIBE CSS*/
.txtSubscribe { width: 200px; }
.floater { float:left; padding: 0 10px 5px 0; }

/**/
div.box-feedburner { background: transparent url('images/icon-rss.jpg') left top no-repeat;  }
div.box-feedburner input { color: #b5b5b5; background: transparent url('images/input-feedburner.gif') left top no-repeat;  }
div.box-twitter { background: transparent url('images/icon-twitter.jpg') left top no-repeat;  }
div.box-recentcomments { background: transparent url('images/icon-comments.jpg') left top no-repeat; }


table#wp-calendar { color: #999; }

div.box-widget_recent_comments { background: transparent url('images/icon-comments.jpg') left top no-repeat; }

/************************************************/
/*** Layout : Sidebar : End *********************/
/************************************************/


/************************************************/
/*** Layout : FOOTER : BEGIN *********************/
/************************************************/
#pcw-footer {
	width: 100%;
	background:url(images/footer_bg.jpg) repeat-x;
	height: 153px;
	}
	
#pcw-footer	a img /*THIS IS THE STYLE FOR LINK OF IMAGES*/
	{
		border				: none;
	}
	
	
	
#pcw-footermenu { width: 962px; margin: 0 auto;}

ul#pcw-footermenulist { margin: 0; padding: 15px 0 0 10px; }
ul#pcw-footermenulist li { float:left; display:block; padding: 0 17px 0 0px; color:#FFFFFF; }
ul#pcw-footermenulist li a { float:left; display:block;  color:#FFFFFF; border-bottom: #FFFFFF 1px dotted; text-decoration: none;}
ul#pcw-footermenulist li a:hover { border: 0; text-decoration: none; }


#pcw-footercategory {
	clear: both;
	width: 962px;
	margin: 0 auto; }
	
ul#pcw-footerlist { margin: 0; padding: 26px 0 0 0; }

ul#pcw-footerlist li { display: block; float:left; padding: 0 10px; color: #FFFFFF; }	
ul#pcw-footerlist li a { text-decoration: none; color:#FFFFFF; border-bottom: #FFFFFF 1px dotted; }
ul#pcw-footerlist li a:hover { border: 0; text-decoration: none; }


#pcw-footerCopy { 
	clear: both;
	width: 962px;
	margin: 0 auto;
	padding: 20px 0 0 18px;
	color: #FFFFFF;
	}
	
.copyLeft { float: left; width: 550px; }
.copyRight { float: right; width: 150px; }