/*  
Theme Name: TricksTheme
Theme URI: http://tricks-collections.com/
Description: Modified Three column wordpress themes and ready adsense themes
Version: 1.0
Author: Ideas theme
Author URI: http:/www.pinoyideas.com
Tags: white, blue, black, three columns, fixed width
*/

/* Begin Typography & Colors */
* { margin: 0; padding: 0; }
body { background: #282828; margin: 10px auto; font: normal 12px "Verdana", sans-serif; color:#000000; }
input, button, textarea, select {  font: normal 12px/12px "Verdana", sans-serif; color:#535353; vertical-align: middle; }
legend { display: none; }
fieldset { border: none; }
ul, ol { list-style: none;}
ol { list-style-type: decimal;}
table { border-collapse: collapse; width: 100%; }
hr { display: none; }
img { padding: 0px; margin: 0px; border: 1px; text-align: center;}



a { color: #0055cc; text-decoration: none; }
a:hover, a:active { color: #174271; text-decoration: underline; }

h1, h2, h3, h4 { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; }

/* wrapper
--------------------------------------------------------- */
#wrapper { width: 1000px; background: #fff; padding-top: 10px; margin: 0 auto; overflow: hidden;} 

/* Header
--------------------------------------------------------- */
.header { width: 970px; padding: 0px 15px 15px 15px; position: relative; }
h1.logo { margin: 0; padding: 0; width: 0px; font-size: 300%; top: 0; left: 30px;}
h1.logo a { width: 470px; display: block; background: url(http://www.pinoyideas.com/images/logo1.jpg) no-repeat; text-transform: uppercase; text-indent: -5000px; height: 90px; outline: none; }

/* Search
--------------------------------------------------------- */
.search { width: 250px; position: absolute; right: 20px; bottom: 30px; padding: 11px 0px 0px 0px;}
.search form { float: right; margin-right: 0px;}
.search input { float: left; background: url(images/search-input.png) no-repeat; border: none; padding: 8px 0px 7px 18px; width: 182px; color:#000066; font-size: 12px; font-weight:bold;}
.search button { float: left; background: url(images/search-button.png) no-repeat; width: 44px; height: 29px; border: none; cursor: pointer; color:#fff; vertical-align: middle; padding: 2px 5px 5px 0px; font: bold 12px/12px "Verdana", sans-serif;}

/* Top Menu
--------------------------------------------------------- */
.menu { width: 960px; margin: 0px 20px; background: #403f3f; overflow: hidden; }
/**/ * html .menu { height:1%; } /* */ 
.menu ul { width: 930px; float: left; padding: 3px;}
.menu li { display: inline; font-weight: bold; float: left; }
.menu li ul { display: none;}
.menu li a { color: #fff; padding: 4px 10px 5px 10px; display: block; padding-left: 10px; margin-right: 2px; float: left;}
.menu li a:hover { background: #666; color:#fff; text-decoration: none; }

.menu2 {width: 958px; margin: 0px 0px; border:0px solid #666666 ;background: #666666; overflow: hidden; }
.menu2 ul { width: 930px; float: left; padding: 0px;}
.menu2 li { display: inline; font-weight: bold; float: left; }
.menu2 li ul { display: none;}
.menu2 li a { color: #fff; padding: 0px 13px 0px 10px; display: block; padding-left: 10px; margin-right: 0px; float: left;}
.menu2 li a:hover { background: #666; color:#fff; text-decoration: none; }


.topadsense{ border:1px solid #666; width: 960px; margin: 0px 20px; background:#666; 
border-top:1px solid #FF6600; padding:4px 0px; text-align:center; color:#fff;}

/* Container
--------------------------------------------------------- */
.container { width: 1000px; padding: 0px 20px; float: left;}

/* Sub Container
--------------------------------------------------------- */
.SC { width: 960px; padding-top: 20px;}

/* Sidebar1
--------------------------------------------------------- */
.sidebar1 { width: 160px; float: left; margin-right: 20px;}
.sidebar1 a, .SRL a  { color:#0000FF;text-decoration:underline;}

/* sidebar 2
--------------------------------------------------------- */
.sidebar2 { width: 254px; float: right; margin-left: 16px;}
.sidebar2 a { color:#EA5E20; }
.sidebar2 .latestcomments { margin-bottom: 15px;}
.sidebar2 .latestcomments li { border-bottom: solid 1px #eee; padding: 5px 0px;}
.sidebar2 .latestcomments li a { font-size: 12px; color:#FF6600; font-weight:bold;}

/* Right Sidebar wrapper
--------------------------------------------------------- */
.SR { width: 430px; float: right;}

/* All Sidebar style
--------------------------------------------------------- */
.sidebar2 h3 {t  color:#000; font:bold 17px/17px Arial, sans-serif; border-bottom: solid 1px #d7d7d7; 
padding: 0px 0px 5px 20px; margin-bottom:10px; background: url(images/h3.png) left -1px no-repeat; }

.sidebar1 h3 {t  color:#000; font:bold 13px/13px Arial, sans-serif; border-bottom: solid 1px #d7d7d7; 
padding: 0px 0px 3px 0px; margin-bottom:10px;}
.sidebar1 ul li {list-style:none; padding:1px 0px 3px 7px; line-height:14px; font: normal 10px Arial #0000FF;}


.sidebar2 ul, .sidebar1 ul { margin-left:0px;}
.sidebar2 ul li { list-style:none; padding:3px 0px 3px 19px; line-height:15px; background:transparent url(http://www.pinoyideas.com/blog/wp-content/themes/trickstheme/images/hide_arrow_sideways_gray.png) 3px 5px no-repeat;}
.sidebar2 ul li ul li, .sidebar1 ul li ul li { list-style:none; padding:3px 0px 3px 15px; line-height:15px; background:transparent url(images/bullet6.gif) 0px 8px no-repeat; margin-left:-15px; }

.widget { margin-bottom:10px;}

/* Calender
--------------------------------------------------------- */
#wp-calendar caption {font:bold 13px/13px Arial, sans-serif;}
#wp-calendar th {text-align:center;}
#wp-calendar #prev {text-align:left;}
#wp-calendar #next {text-align:right;}
#wp-calendar a {color:#0055cc;}
#wp-calendar #today {background:#ccc; font-weight:bold;}

/* Content
--------------------------------------------------------- */
.content { width: 510px; float: left;  }
.content h2 {  color:#333; font: bold 24px/24px Arial, sans-serif; letter-spacing: -1px; border-bottom: solid 1px #d7d7d7; padding: 0px 0px 10px 0px; margin-bottom: 10px; }
.content h2 a { color: #333; text-decoration: none; }
.content h2 a:hover { color: #333; text-decoration: none;}


.content .post { padding: 0; line-height: 180%; }
.content .p-head { overflow: hidden; border-bottom: solid 1px #dddddd; padding-bottom: 0px;; }
.content h3 { font: normal 18px/18px Arial, sans-serif; letter-spacing: 0px; padding-bottom: 2px; margin:5px 0;}
.content h3 a { text-decoration: none; color:#333;}
.content h3 a:hover { text-decoration: none;color:#003AFF;}

.content .p-con { padding: 0px;}
.content .p-con p { font: normal 12px/16px "Verdana"; padding: 5px 0px; margin: 5px 0px; line-height:150%;}


.content .p-det { text-align: right; font-size: 11px; font-weight: bold;}
.content .p-det li { display: inline; padding: 4px 0px 6px 18px; margin-right: 5px;}
.content .p-det li.comment { background: url("images/comment.gif") left center no-repeat; }
.content .p-det li.more { background:none; padding: 5px 7px;font: 10px; background-color: #636262;width: 115px;line-height: 12px;}
.content .p-det li.more a {color:#ffffff;}
.content .p-det li.more a:hover {color:#E5E0E0; }
.content .p-det li a, .p-det li a:visited, .p-det li a:hover { margin-right: 3px; }

.content ul { list-style: none; line-height:150%;}
.content ul li { padding-left: 33px; position: relative; background: url(images/p-con-li.png) no-repeat 15px 3px; }
.content ol li { margin-left: 35px; position: relative; line-height:150%;}


/* Images
--------------------------------------------------------- */
img.aligncenter { display: block; margin-left: auto; margin-right: auto; padding: 1px; border: solid 1px #ccc;}
img.alignright { margin: 5px 0 10px 20px; display: inline; border: solid 1px #ccc; padding: 1px; }
img.alignleft { margin: 5px 20px 10px 0; display: inline; border: solid 1px #ccc; padding: 1px;}
.alignright { float: right; }
.alignleft { float: left }

/* Navigation
--------------------------------------------------------- */
.nav { overflow: hidden; margin: 20px 0px;}
.nav .left a { float: left; background:url(images/nav-left.png) no-repeat left 1px; padding-left: 18px; width:45%; }
.nav .right a { text-align:right; float: right; background:url(images/nav-right.png) no-repeat right 1px; padding-right: 18px; width:45%;}
.nav a, .nav a:visited { cursor: hand; font: bold 11px/14px Verdana, Geneva, sans-serif;}


/* Comments List Style
--------------------------------------------------------- */
.comments-list { padding-top: 0px;}
.comments-list h3 { color:#272d36; font: normal 18px/18px Arial, sans-serif; letter-spacing: -1px; padding-bottom: 5px; margin-bottom: 15px;  border-bottom: solid 1px #dddddd; }
.comments-list div.entry { margin-bottom: 15px; padding-bottom: 15px; border-bottom: solid 1px #dddddd; }
.comments-list div.alt { margin-bottom: 15px; padding-bottom: 15px;}
.comments-list p.name { font: bold 14px/14px Arial, sans-serif; color:#000; letter-spacing: -1px;}
.comments-list p.avt { padding: 0px; margin: 0px; float: right;}
.comments-list p.avt img { border: solid 4px #dededb;}
* html .comments-list p.avt { left: -60px; }
.comments-list p.date { font-size: 11px; padding-bottom: 10px; color:#999;}
.comments-list p.date a, .comments-list p.date a:visited, .comments-list p.date a:hover { color:#999;}

.comments-list .con { font: normal 12px/17px "Verdana"; color:#333;}
.comments-list .con p { font: normal 12px/17px "Verdana"; padding: 5px 0px; margin: 0px; color:#333;}
.comments-list .con blockquote { font: italic 14px/19px Georgia, "Times New Roman", Times, serif; color:#666; margin: 10px 0px; background:#f1f1f1; padding: 5px 15px; }
.comments-list .con blockquote p { font: italic 14px/19px Georgia, "Times New Roman", Times, serif; color:#666; }


/* Comments Form Style
--------------------------------------------------------- */
.comments-form { padding-top: 30px; }
.comments-form h3 {color:#272d36; font: normal 18px/18px Arial, sans-serif; border-bottom: solid 1px #dddddd; margin-bottom: 15px; padding: 5px 0px;}
.comments-form p.formbg { color:#333; font-size: 11px; font-weight: bold; background: url(images/form-input-bg.png) no-repeat; padding: 8px; margin-bottom: 6px;  }
.comments-form p.formtxt { color:#333; font-size: 11px; font-weight: bold; background: url(images/form-txt-bg.png) no-repeat; padding: 8px; margin-bottom: 6px;  }
.comments-form .required { color:#ff0000;}
.comments-form input { padding: 5px; width: 314px; margin-right: 5px; }
.comments-form input.formid { border: 1px solid #e0e0e0; background: #fff; padding: 4px; color:#000;}
.comments-form input.formemail { border: 1px solid #e0e0e0; background: #fff; padding: 4px; color:#000;}
.comments-form input.formuri { border: 1px solid #e0e0e0; background: #fff; padding: 4px; color:#000;}
.comments-form textarea { border: 1px solid #e0e0e0; background: #fff; padding: 10px; width: 510px; color:#000;}
.comments-form .button { background: url(images/post-comment.png) no-repeat left top; text-indent: -50000px; width: 72px; height: 26px; border: none; display: block;}


/* Footer
--------------------------------------------------------- */
.footer { background: #fff; width: 950px; padding: 0px 25px 20px 25px; overflow: hidden; margin: 0 auto;}
.footer hr { border-left:none; border-right: none; border-top:1px solid #ccc; border-bottom: none; height : 1px; display: block; margin-bottom: 10px; }
.footer p { padding: 1px 0px; color:#666; font-size: 11px;}
.footer p a, .footer p a:visited, .footer p a:hover {color:#666; text-decoration: underline;}

/* Subscribe
------------------------------------------------- */
.subscribebg { background: #FDF9ED; border:1px solid #D7D1C1; padding:7px; color:#000;}
.subscribebg h4 { background:#403f3f url(iimages/subscribehead.png) no-repeat; color:#fff; padding: 5px; font: bold 15px/15px Arial, sans-serif; text-align:center;}
.box { padding:0px; }
.subscribebg p { line-height: 1.3em; margin: 0px 0px 5px 0px; }
.subscribe { width: 100%; }
.subscribe fieldset { display: inline; margin-bottom: 10px; border:0; }


/* FORM
--------------------------------------------------------- */
.inputbox { padding: 1px; font-family: Tahoma, Arial, sans-serif; font-size: 100%; }
.inputbox { background: #FFFFFF; color: #000; }
.button { padding: 2px 5px; border: 1px solid #333; color: #000; background: url(images/but-bg.gif) repeat-x center ; }
.inputbox { margin-bottom: 1px; padding: 3px 2px; }

.inputbox {	border-top: 1px solid #333; border-right: 1px solid #999; border-bottom: 1px solid #999; border-left: 1px solid #333; }


/* Navigation - PlugIn 
--------------------------------------------------------- */

.Nav {margin:10px 0;}
.Nav a { padding: 2px 5px 2px 3px; background: #fff; border-right: solid 1px #ccc; font-size: 12px;}
.Nav a:visited { padding: 2px 5px 2px 3px; border-right: solid 1px #ccc;}
.Nav a:hover { padding: 2px 5px 2px 3px; border-right: solid 1px #ccc; text-decoration: none;}
.Nav span { padding: 2px 5px 2px 0px; color:#6666; border-right: solid 1px #ccc; }
.Nav .on { padding: 2px 5px 2px 3px; border-right: solid 1px #ccc; font-size: 12px; color:#000;}


/* Table 
--------------------------------------------------------- */
table, tr, td, td ul, td ol { padding:0px; margin:0px;}

table { background:#FFF; border:2px solid #FFFFFF; border-collapse:collapse; margin:5px 0 10px; }
th, td { border:1px solid #ccc; padding:0px 0px; text-align:left; vertical-align:top; }
tr.even td { background:#F7F7F7; }
th { background:#EDEFF0; }

/* Other(my CSS)
--------------------------------------------------------- */
.tag {border:1px 0px 0px 0px solid #eaf4ff;margin-bottom: 8px;padding:1px 1px 1px 1px;}
.tag1 {background:#FAFAFA url(http://cdn.mashable.com/wp-content/themes/v6/_base/img/light_grad01a.png) repeat-x scroll center bottom;-moz-box-shadow:0 2px 2px hsla(0,0%,0%,.2);-webkit-box-shadow:0 2px 2px hsla(0,0%,0%,.2);padding:10px 15px;font-size:90%;margin:10px 0 20px; color: black;}

.topbanner {position:relative; left:-478px; top:20px;}
.imgsearch {font-family: Arial;border:#cc9 10px solid color:#676767;font-size:12px;margin:10px;padding:4px; width:170px;padding:1px;position:relative; left:-10px;}
.imgsearch img{padding:2px; border:1px solid #D7D7D7;}

/* authorbox (mycode)
--------------------------------------------------------- */
#authorbox{background:#EFEFEF;border:1px solid #CECFD0;margin:0 auto;margin-bottom:10px;overflow:hidden;}
#authorbox h4{font-size:11px;color:#000000;margin:0;padding:5px 5px 5px 5px;}
.authortext{padding-left:100px;}
#authorbox img{margin:10px;padding:1px;float:left;position:relative; border:1px solid #D7D7D7;}
#authorbox p{color:#191919;margin:0;padding:0px 10px 10px 10px;}
#authorbox h4 > a{text-decoration:none;}
#authorbox p{color:#191919;}


/* ---- to remove subcategories in category list ------ */
.children {display:none;}

/* ---- blockquote ------ */
blockquote span {
display: block;
padding-right: 20px;
font-style: italic;
border:2px dotted #D7D7D7;
}

blockquote {
  font: 14px/22px normal helvetica, sans-serif;
  margin-top: 10px;
  margin-bottom: 10px;
  margin-left: 30px;
  padding-left: 15px;
  border-left: 3px solid #FF9900;
} 

.relatedvideo th,td{border:0px;}

img.thumbnail {width:140px; height:100px; float:left;border: 1px solid #cccccc; padding:3px; margin-right:4px;}

ul.relatedthumb-posts {
    float: left;
    list-style-type: none;
    margin: 0px;
    padding: 0px;
}
.relatedthumb-posts li {
    list-style-type: none;
    float: left;
    width: 100px;
    padding-right: 8px;
    padding-left: 8px;
    padding-top: 8px;
    font-size: 12px;
    line-height: 13px;
}
.relatedthumb-posts li:hover {
background-color: #DDDDEE;
background-image: none;
background-repeat: repeat;
background-attachment: scroll;
background-position: 0% 0%;
}
.relatedthumb-posts img{
    width: 100px;
    padding: 10px;
    border: 1px solid #CCC;
}


.ads2-post {position:relative; left:200px; top:100px;}
.videocss img {border:1px solid #cccccc; padding:2px;}
.adsborder {border-left:14px solid #EA5E20; padding:2px;}



.two-across-125 {width:262px;margin:0 auto;overflow:hidden;}
.two-across-125 a img, .two-across-125 img a {padding-right:3px;margin:0;border:none;float: left;}
#morepic {float:right;margin-top:8px;margin-bottom:0px;}
#morepic img {max-width:90px;max-height:90px;}
.tagtab{margin:12px 0px 0px 0px;} 

#breadcrumb {margin: -10px 0px 10px 0px;color:#5E5D5D;font-size:11px;}

.sidebarimg img{width: 100px;height: 80px; padding: 0; border:1px solid #cccccc; padding:1px;margin-right:5px;}
.sidebar-popular-info h4 {font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; margin: 0 0 5px 0;color:#0000FF;}
.sidebar-popular-info h5{font-size: 10px;font-weight: normal;}
.sidebar-popular-info {width: 230px; padding: 0px 10px 15px 20px;margin:5px 5px 30px 5px;}