/*

Theme Name: Francis Tan

Theme URI: http://www.kabarkada.net/

Description: This wordpress theme was created by Kabarkada Interactive and was designed by Francis Tan of Gadgets Magazine.

Version: 1.0

Author: Francis Tan & Kabarkada Interactive

Author URI: http://www.kabarkada.net/

Tags: red, custom header, fixed width, three columns, widgets



	Francis Tan v1.0

	 http://www.gadgetsmagazine.com.ph



	This theme was designed by Francis Tan and built by Kabarkada Interactive,

	whose Website you will find at http://www.kabarkada.net/



	The CSS, XHTML and design is released under GPL:

	http://www.opensource.org/licenses/gpl-license.php



*/







body {

	margin-left: 0px;

	margin-top: 0px;

	margin-right: 0px;

	margin-bottom: 0px;

	background-image: url(images/bgheader.jpg);

	background-repeat: repeat-x;

	/* background-color: #f2f2f2; */

	background-color: #ffffff;

	text-align:center;

}



.linebreaker { clear:both; width:100%; height:5px; }

#header {

	margin:auto;

	width:983px;

	height:104px;

}

#redline {

	width:983;

	background-color:#e6141c;

	height:6px;

	font-size:6px;

	margin:auto;

}

#footer {

	height:84px;

	margin:auto;

	background-image: url(http://www.gadgetsmagazine.com.ph/images/background_footer.jpg);

	background-repeat:repeat-x;

	background-color:#000000;

	padding-top:8px;

	/* padding-top:18px; padding-bottom: 15px; */

	color:#666666;

}

.footercontainer { width:984px; margin:auto; padding:0;}

.footerlogo { 

	background-image:url(http://www.kabarkada.net/dev/gadgets/images/gadgetsfoot.jpg); 

	background-repeat:no-repeat; 

	width:297px; height:86px; float:left; 

}



.footernav {

	float:right;

	width:683px;

	text-align:right;

	padding-top:10px;

}

.footercopy { font-size:10px; color:#CCCCCC; float:right; text-align:right; width:673px; padding-right:10px; margin-top:30px; }



.footernav ul { list-style:none; display: inline; padding:0; margin:0 }

.footernav ul li { list-style:none; display: inline; margin-left:10px; margin-right:10px; }

.footernav a { text-decoration:none; color:#666666; }





#body {

	background:#FFFFFF;

	margin:auto;

	width:983px;

}



/* MAIN */

#sidebar_container {

	float:right;

	text-align:center;

	width:300px;

}



#sidebar, .sidebar {

	width:290px;

	text-align:center;

	padding:0;

	margin:auto;

}



#main {

	width:678px;

	float:left;

	text-align:center;

}

#main_banner {

	width:678px;

	

}

#main_grayads, #sponsortop, #sponsorbottom {

	width:678px;

	text-align:center;

	padding-top: 10px; padding-bottom: 10px;

	margin:auto;

}

#main_box1, .post_box, .featured_box {

	/* padding: 25px; */

	text-align:left;

	margin:auto;

	width:678px;

}

.mbb1 {

	width: 425px;

	float:left;

}

.mbb2 {

	width: 140px;

	float:left;

	text-align:right;

}



.nav-previous, .nav-next, a.nav-previous, a.nav-next, .nav-previous a, .nav-next a  {

	font-family:Verdana, Arial, Helvetica, sans-serif;

	font-size:16px;

	color:#e7141c;

	text-decoration:none;

	margin-bottom:10px;

	font-weight:bold;

}

.nav-previous {

	float: left;

	width: 50%;

}

.nav-next {

	float: right;

	width: 50%;

	text-align:right;

}



.featured_box {

	width:678px;

	background-color:#F5F5F5;

}



.featured_box h2 {

	margin:0;

	padding:0;

	clear:none;

}





.featured_container { width:658px; margin:auto; }

.featured_title {

	font-family:Verdana, Arial, Helvetica, sans-serif;

	font-weight:bolder;

	font-size:14px;

	color:#FFFFFF;

	background-color:#e7141c;

	background-image:url(wp-content/themes/francistan/images/bg_featured.jpg);

	height:20px;

	padding:0;

	margin:0 auto;

	/*padding-left:22px;*/

	width:678px;

}



.featured_footer { 

	height:2px;

	padding:0;

	margin:0 auto;

	/*padding-left:22px;*/

	width:678px;

	border-bottom:1px solid #990000; 

	background-color:#ffffff;

}

/*

#featuredbox {

	width: 600px;

	margin:auto;

	margin-bottom: 25px;

	border: 5px solid #e7141c;

	padding: 10px;

}

#featuredtitle {

	width: 600px;

	padding-right:25px;

	margin:auto;

	text-align:left;

}

#featuredleft {

	width: 230px;

	float:left;

}

#featuredright {

	width: 350px;

	float:left;

	text-align:left;

	padding-left: 10px;

}



******** FEATURED BOX OLD *******************

*/



/******** FEATURED CONTENT ***************/







#fbb1, .fbb1 {

	width: 150px;

	float:left;

}

#fbb2, .fbb2 {

	width: 180px;

	float:left;

	text-align:right;

}

/* MAIN */



.sidebox {

	width: 250px;

	text-align:left;
	margin:auto;

}



.post_title {

	font-family:Arial,Helvetica,sans-serif;

	font-size:30px;

	line-height:30px;

	display:block;

	letter-spacing: -.05em;

}



/* .post_content { font-family: georgia; font-size: 14px; letter-spacing: 0px; line-height: 19px;  color: #444; } */

.post_content { font-family:Arial, Helvetica, sans-serif; font-size: 12px; letter-spacing: 0px; line-height: 19px;  color: #444; }



.title_red, .entry-title, .entry-title a, .title_red a, h2.title_red a, h2.title_red, a.title_red {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 24px;

	font-weight: bold;

	color: #EA1819;

	text-decoration:none;

	padding:0; margin:0;

	vertical-align:middle;

	/* padding-left:10px; */

}



.title_red:hover { color:#333333; }



.author, .author a, .dateposted { font-family:georgia; font-size:12px; }

.author {

	/* font-family: "Times New Roman", Times, serif; */

	/* font-size: 14px; */

	font-style: italic;

}



.author a { text-decoration:none; color:#000000; font-weight: bold;}

/* .dateposted {font-size: 14px; font-style: italic; font-family: "Times New Roman", Times, serif;} */

.dateposted { font-style: italic; }

.postunder a { text-decoration:none; color:#333333; font-weight:bold; }

.regtext {

	font-family: Helvetica, Geneva, Arial, sans-serif;

	font-size: 12px;

}

body,td,th {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

}



/* added by randy */

#topheader { height: 26px;}

#topheader_left, #topheader_right { margin:0; padding-top:5px; padding-left:5px; padding-right:5px; font-size:13px; font-family:Verdana, Arial, Helvetica, sans-serif; }

#topheader_left a { text-decoration:none; color:#999999; }

#topheader_left a:hover { color:#FFFFFF; }

#topheader_right a { text-decoration:none; color:#FFFFFF; font-weight:bold; }

#topheader_left { float:left; width:700px; text-align:left; color:#999999; }

#topheader_right { float:right; width:230px; text-align:right; color:#FFFFFF; }

#topheader_right ul, #topheader_left ul { list-style:none; display: inline; padding:0; margin:0 }

#topheader_right ul li, #topheader_left ul li { list-style:none; display: inline; margin-left:20px; }

#mainheader { clear:both; width:982px; }

#mainheader_logo { float:left; width:264px; text-align:left; padding-left:34px; }

#mainheader_description { float:left; width:400px; text-align:left; font-size:18px; padding-top:25px; font-family:Arial, Helvetica, sans-serif;  }

#mainheader_search { float:right; width:284px; padding:0; margin:0; vertical-align:middle; height:25px; margin-top:25px; }



.searchinput, .searchsubmit { float:right; }

.searchinput input { border:2px solid #2d2d2d; margin:0; padding:0; height:25px; width:150px;}

.searchsubmit { border:2px solid #2d2d2d; margin:0; padding:0; }



#top_ad_banner ul, #bottom_ad_banner ul, .sidebar ul { list-style:none; margin:0; padding:0; }

#top_ad_banner, #bottom_ad_banner{

	width:983px;

	background:#ffffff;

	text-align:center;

	padding:0;

	margin:0 auto;

}





/* wordpress */



/*	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 */



/* MENUDO TANGHALIAN */



.hmenu { float:left }

.hmenu:hover { 

				opacity: .7; 

				/* For IE 5-7 */

				filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);

				/* For IE 8 */

				-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";			

} /* hack to make a slightly the same effect using opacity in chrome */

#news { background-image: url(http://www.kabarkada.net/dev/gadgets/images/btn_newson.jpg); width:135px; height:31px; float:left }

#news a:hover, .newsoff {  visibility:visible; width:135px; height:31px;  float:left }

#news a:hover img { visibility:hidden; }



#products { background-image: url(http://www.kabarkada.net/dev/gadgets/images/btn_productson.jpg); width:135px; height:31px;  float:left }

#products a:hover, .productsoff { visibility:visible; width:135px; height:31px;  float:left }

#products a:hover img { visibility:hidden; }



#features { background-image: url(http://www.kabarkada.net/dev/gadgets/images/btn_featureson.jpg); width:135px; height:31px;  float:left }

#features a:hover, .featuresoff { visibility:visible;  width:135px; height:31px;  float:left }

#features a:hover img { visibility:hidden; }



#events { background-image: url(http://www.kabarkada.net/dev/gadgets/images/btn_eventson.jpg); width:136px; height:31px;  float:left }

#events a:hover, .eventsoff { visibility:visible;  width:136px; height:31px;  float:left }

#events a:hover img { visibility:hidden; }



#rumors { background-image: url(http://www.kabarkada.net/dev/gadgets/images/btn_rumorson.jpg); width:136px; height:31px;  float:left }

#rumors a:hover, .rumorsoff { visibility:visible; width:136px; height:31px;  float:left }

#rumors a:hover img { visibility:hidden; }



.headermenu { background-color:#000000; border-bottom:1px solid #000000; width:679px; padding:0; margin:0; }

a img { border:none; }

.relatedtopics { color: #EA1819; font-weight:bold; font-size:14px; }

.relatedtopics a { color: #EA1819; font-weight:bold; font-size:12px; text-decoration:none;  }

.relatedtopics li { padding-bottom:10px; }

.tags a { font:Verdana, Arial, Helvetica, sans-serif; font-style:italic; font-size:10px; text-decoration:none; color:#999999; }

.tags { font-weight:bold; font-size:11px; color:#333333; }



.comments { 

	background-image:url(http://www.kabarkada.net/dev/gadgets/wp-content/themes/francistan/images/comment_bg.jpg); 

	background-repeat: repeat-x; width:100%; 

	height:30px;

}

.comment_label { color:#FFFFFF; float:left; 100px;	

	height:20px; padding-top:7px; padding-bottom:3px; font-weight:bold; padding-left:15px; }

.comment_count { 

	background-image:url(http://www.kabarkada.net/dev/gadgets/wp-content/themes/francistan/images/comment_count.jpg); 

	background-repeat:no-repeat;

	float:right;

	width:40px;

	height:20px;

	text-align:center;

	padding-top:5px;

	font-weight:bold; color:#FF0000;

}



/*.commentlist {

	list-style: none;

	margin: 0;

}

.commentlist li.comment {

	border-bottom: 1px solid #e7e7e7;

	line-height: 24px;

	margin:0;

	padding:0;

	position: relative;

}

.commentlist ol {

	list-style: decimal;

}

.commentlist .avatar {

	position: absolute;

	top: 4px;

	left: 0;

}

*/



.floatL { float: left; }

.floatR { float: right; }



.readmore { color:#000000; }

.readmore a:hover { color:#EA1819; font-weight:bold; }

.readmore a { display: block; color:#999999; text-decoration:none; }

.postsource { color:#000000; font-weight:bold; font-size:12px;}

.postsource a { color:#666666; font-weight:100;  text-decoration:none; }

.morefeatured, .morefeatured a { font-size:9px; color:#000000; text-decoration:none; }



.share-twitter { margin-left: 3px; }

.share-twitter:hover { margin-top: -2px; }

.share-twitter a { display: block; width: 16px; height: 16px; text-indent: -9999px; background: url(http://www.kabarkada.net/dev/gadgets/wp-content/themes/francistan/images/icon-twitter.gif) no-repeat top left; }



.share-twitter2 { margin-left: 3px; text-align:right; }

.share-twitter2:hover { margin-top: -2px; } 

.share-twitter2 a { display: block; width:60px; height: 16px; }



.share-twitter3 { margin-left: 3px; }

.share-twitter3:hover { margin-top: -2px; }

.share-twitter3 a { display: block; width: 56px; height: 18px; text-indent: -9999px; 

	background: url(http://www.gadgetsmagazine.com.ph/images/twitter_off.png) no-repeat top left; }

.share-twitter3 a:hover { background: url(http://www.gadgetsmagazine.com.ph/images/twitter_on.png) no-repeat top left; }



.social-comment { margin-left: 3px; font-weight:bold; color:#EA1819; vertical-align:bottom; padding-bottom:0; padding-top:4px; }

.social-comment:hover, .social-comment a:hover { /* margin-top: -2px; */ color:#666666; }

.social-comment a { display: block; height: 16px; font-weight:bold; text-decoration:none; color:#EA1819; }



.share-facebook { margin-left: 3px; }

.share-facebook:hover { margin-top: -2px; }

.share-facebook a { display: block; width: 16px; height: 16px; text-indent: -9999px; background: url(http://www.kabarkada.net/dev/gadgets/wp-content/themes/francistan/images/icon-facebook.png) no-repeat top left; }

.post-footer { margin:auto; width:678px; padding:5px; padding-left:0; padding-right:0; border-bottom:1px solid #990000; margin-bottom:5px; }



.share-facebook2 { margin-left: 3px; text-align:right;}

.share-facebook2:hover { margin-top: -2px; }

.share-facebook2 a { display: block; height: 18px; width:60px; }



.social-icon { margin-left: 2px; text-align:right; }

.social-icon:hover { margin-top: -2px; }

.social-icon a { display: block; }



.post-footer { margin:auto; width:678px; padding:5px; padding-left:0; padding-right:0; border-bottom:1px solid #990000; margin-bottom:5px; }



.post-footer-featured { margin:auto; width:668px; padding:5px; }



#sidebar4 { background-color:#e2e2e2; }





.title-news, .title-events, .title-press-releases , .title-hot-items{ margin-left: 3px; }

.title-news:hover, .title-events:hover, .title-press-releases:hover, .title-hot-items:hover { margin-top: -2px; }



.title-news a { display: block; width: 24px; height: 24px; text-indent: -9999px; background: url(http://www.kabarkada.net/dev/gadgets/wp-content/themes/francistan/images/news24x24.png) no-repeat top left; }



.title-events a { display: block; width: 24px; height: 24px; text-indent: -9999px; background: url(http://www.kabarkada.net/dev/gadgets/wp-content/themes/francistan/images/events24x24.png) no-repeat top left; }



.title-press-releases a { display: block; width: 24px; height: 24px; text-indent: -9999px; background: url(http://www.kabarkada.net/dev/gadgets/wp-content/themes/francistan/images/pr24x24.png) no-repeat top left; }



.title-hot-items a { display: block; width: 24px; height: 24px; text-indent: -9999px; background: url(http://www.kabarkada.net/dev/gadgets/wp-content/themes/francistan/images/hot24x24.png) no-repeat top left; }



#sidebarsingle h3 { font-style:normal; color:#EA1819; }

#sidebarsingle ul { list-style:none; text-align:left; margin:0; padding:0; }

#sidebarsingle li, .widget_yarpp_widget-3 li { list-style:none; color:#EA1819; margin:0; padding:0; padding-top:5px; }



li { padding:0; margin:0; list-style:none; }





/* comment list */

ol.commentlist {  

     margin:0;  

     padding:0;  

  }  



.commentlist li {  

     list-style:none;  

     margin-bottom:14px;  

	 /* background:#F0F0F0;   */

	 background:#FFFFFF;  

    /* font: 1em sans-serif, Georgia, "Times New Roman", Times;   */

	font-family:Arial, Helvetica, sans-serif;

     }  



.commentlist li:hover { 

	/* background:#E4E4E4  */

	 background:#F0F0F0;  

}

   

.commentlist cite {  

    padding: 3px;

	padding:5px;

    display:block;  

    font-style:normal;  

	font-family:Arial, Helvetica, sans-serif;	 

     /*

     background:url(http://www.yoursite.com/images/bg_comments2_cite.gif);  

	 border-top:1px solid #d6e4c1;  

     border-bottom:1px solid #779d42;  

	 */

    /* font: 1em serif, Georgia, "Times New Roman", Times;   */

     color:#596e3b;  

	 color:#EA1819;

     }     

   

 .commentlist a:link, .commentlist a:visited {  

     color:#596e3b;  

	 color:#EA1819;

     }  

   

 .commentlist a:hover, .commentlist a:active {  

     color:#8ec343;  

	 color:#D63912;



     }  

   

 /*.commentlist cite img {  

     padding:1px;  

     border:1px solid #aab59a;  

     float:left;  

     margin-right:9px;  

     }  

 */  

 .commentlist .commentauthor {

 	padding-left:5px;

    /* font: 1em serif, Georgia, "Times New Roman", Times;   */

    text-decoration:none;  

}  

   /*

 .commentlist .time {  

     padding-left:13px;  

     } */ 

   

 .commenttext {  

     /* background:#F0F0F0;  

     /* border-top:1px solid #FE423D;  */

	 padding:5px;

     /* padding: 0 20px 10px 20px;   */

     color:#333333;

    /* font: 1em serif, Georgia, "Times New Roman", Times;   */

     }  

	 

.comment-reply { margin-left: 3px; margin-right:3px; }

.comment-reply a { 

    font: 1em serif, Georgia, "Times New Roman", Times;  

	display: block; width: 24px; height: 24px; text-indent: -9999px; 

	background: url(http://www.gadgetsmagazine.com.ph/images/reply_off.png) no-repeat top left; }

.comment-reply:hover {  margin-top: -2px; background: url(http://www.gadgetsmagazine.com.ph/images/reply_on.png) no-repeat top left; }