/*
Theme Name: Inceptive Theme
Theme URI: 
Description: 
Version: 1.0
Author:
Author URI: 
Tags: color modes, multi-level dropdown navigation, paging navigation, widget ready, jquery, replaceable logo, fancybox, gravatar, search engine optimized, browser compatible

*/

/* CSS Reset */
body, img, p, h1, h2, h3, h4, h5, ul, ol, li, form, blockquote { margin:0;	padding:0; }
ul, ol { list-style:none; padding:10px 0; }
small { font-size:11px; }
code { background:#FFFFC1; }
a { text-decoration:none; outline:none; color:#8cbd22; }
a:visited { text-decoration:none; color:#8cbd22; font-weight:normal; }
a:hover { text-decoration:underline; }
a img { border:none; }
blockquote p { padding:5px 0; }
blockquote:before, blockquote:after,q:before, q:after { content:""; }
blockquote, q { quotes: "\201C" "\201D"; }
blockquote:before { content: open-quote; font-weight: bold; }
blockquote:after { content: close-quote; font-weight: bold; }
:focus { outline:none; }
table { border-collapse:separate; border-spacing:0; }
caption, th, td { text-align:left; font-weight:normal; }
img { border:none; }

/* defaults */
html, body { font-family:Arial, Georgia, Times New Roman;	font-size:62.5%; font-size:12px; border:0; color:#555555; }
p { line-height:20px; padding:10px 0; font:normal 13px/24px Trebuchet MS, Arial, Times New Roman; }
h1, h2, h3, h4, h5, h6 { color:#000000; display:block; }
h1 { font-size:34px; line-height:1.2; margin:0.3em 0 10px; }
h2 { font-size:28px; line-height:1.3; margin:1em 0 0.2em; }
h3 { font-size:24px; line-height:1.3; margin:1em 0 0.2em; }
h4 { font-size:19px; margin:1.33em 0 0.2em; }
h5 { font-size:1.3em; font-weight:bold; margin:1.67em 0; }
h6 { font-size:1.15em; font-weight:bold; margin:1.67em 0; }
ul, ol, dl, p, h1, h2, h3, h4, h5, h6 { margin-bottom:10px; margin-top:10px; padding-bottom:0; padding-top:0; }
ul ul, ul ol, ol ul, ol ol { margin-bottom:0; margin-top:0; }
a { font-weight:normal; font-family:Arial, Georgia, Times New Roman; }
body.home { background:#fff url(styles/default/header_bg.jpg) repeat-x center top; }
body { background:#ffffff url(styles/default/page-header_bg.jpg) repeat-x center top; }
blockquote , ul, li { font:normal 12px Arial, Georgia, Times New Roman; }

/* CSS Start */
#container { z-index:0; position:relative; margin:0 auto; padding:0; width:auto; }
  #header { z-index:0; position:relative; margin:0 auto; padding:0; width:1012px; height:250px; }
  body.home #header { height:502px; }
  
    #header .logo { position:absolute; top:14px; left:19px; margin:0; padding:0; width:198px; height:86px; }

    #nav { z-index:500; position:absolute; top:47px; right:11px; margin:0; padding:0; width:547px; height:42px; background:transparent url(styles/basic/nav_bg.jpg) no-repeat; _background:transparent url(styles/basic/nav_bg.jpg) no-repeat; }
    
    #slider-area { z-index:0; position:absolute; top:145px; width:1012px; color:#fff; }
      #slider * { color:#fff; }
      #slider p, #slider li, #slider blockquote { color:#fff; }
      #slider p { display:inline; }
      #slider ul li { list-style-position:inherit; list-style:square; list-style-position:inside; padding:2px 0 0 15px; }
      #slider ol li { list-style: decimal; padding:2px 0; }
      #slider blockquote { font:italic 14px/18px Arial, Georgia, Times New Roman; margin:15px auto 15px 20px; padding:0px 10px; }
      #slider cite a { color:#fff; font-size:15px; }
      #slider h1 { padding-top:20px; font-size:34px; line-height:38px; }
      #slider .header a { font:bold 34px/38px Trebuchet MS, Arial, Verdana; }
      
      #slider .alignleft { margin:10px 20px 8px 0; float:left; }
      #slider .alignright { margin:10px 0px 8px 20px; float:right; }
      

      #pageinfo { z-index:0; position:absolute; top:145px; width:900px; padding:12px 25px 20px 20px; }
      #pageinfo .title { color:#1c1c1c; padding:0; margin:0; font:bold 40px Myriad Pro, Trebuchet MS, Georgia, Arial; text-overflow:ellipsis; overflow:hidden; display:block; }
      #pageinfo .meta, #pageinfo .meta a { color:#fff; font:normal 12px/12px Arial, Verdana, Georgia; }
    
    #content {z-index:-1; position:relative; margin:0 auto; padding:0; width:1012px; min-height:544px; }
    
    #content .fullwidth { width:982px; }

      /***** Sidebar Area *****/
      #sidebar {z-index:-1; float:right; width:320px; }
  
        #sidebar .widget { margin-top:27px; border:1px solid #e5e5e5; }
        #sidebar .widget h3.title { padding-left:16px; margin:0; background:#f5f5f5 url(styles/basic/sidebar_bg.jpg) repeat; }
        #sidebar .widget ul, #sidebar .widget li { padding:0; margin:0; border:none; list-style:none; list-style-position:outside; font:normal 12px/15px Arial, Verdana; }
        #sidebar .widget li { border-top:1px solid #e5e5e5; padding:10px; list-style-position:inside; list-style-image: url(styles/basic/sidebar_li_bg.png); }

        #sidebar .widget_tag_cloud div { padding:10px; }
        
        /* WPTD Recent Posts Widget */
        #sidebar .recentposts li p { padding:0 0 0 27px; margin:0; }

        /* WPTD Feedburner Widget */
        #sidebar .feedburner .content { padding:10px; }
        #sidebar .feedburner .field { width:190px; margin:0 10px; *width:170px; }
        #sidebar .feedburner .button { padding:4px 5px; text-transform:uppercase; font:normal 12px Myriad Pro, Trebuchet MS, Arial; color:#333333; background-color:#f0f0f0; border-radius: 5px; -moz-border-radius:5px; -webkit-border-radius:5px;  }
        
        /* searchbar */
        #sidebar .searchbar { width:310px; height:62px; background:url(styles/default/searchbar.png) no-repeat; border:none; margin:0; }
        #sidebar .searchbar form, #sidebar .searchbar fieldset, #sidebar .searchbar input { padding:0; margin:0; border:0; }
        #sidebar .searchbar input { border:1px solid #7ca427; line-height:25px; float:left; margin-top:13px; outline:0; }
        #sidebar .searchbar input.s { width:217px; margin-left:17px; font:normal 12px/12px arial,verdana; padding:5px 5px 4px; }
        #sidebar .searchbar input.submit { width:46px; margin-left:5px; height:25px; background:url(styles/basic/go-button.jpg) repeat-x; cursor:pointer; font:bold 15px Myriad Pro, Trebuchet MS, Arial, Verdana; }
        
        #sidebar ul, #sidebar li { padding:0; margin:0; border:none; }
        #sidebar h3.title { color:#000; font:normal 25px/41px Trebuchet MS, Arial, Verdana; }
        #sidebar a { color:#000; font-weight:bold; }
        #sidebar li p { font:normal 12px/15px Arial, Verdana; }
        
        /* WPTD Connect Widget */ 
        #sidebar .connect {  border:none; margin-top:20px; }
        #sidebar .connect h3.title { margin-bottom:13px; background:none; padding-left:0; }
        #sidebar .connect a { display:inline-block; float:left; text-indent:-9999px; width:63px; height:63px; }
        #sidebar .connect a.facebook { background:transparent url(styles/basic/facebook.png) no-repeat; }
        #sidebar .connect a.twitter { background:transparent url(styles/basic/twitter.png) no-repeat; }
        #sidebar .connect a.linkedin { background:transparent url(styles/basic/linkedin.png) no-repeat; }
        #sidebar .connect a.rss{ background:transparent url(styles/basic/rss.png) no-repeat; }
        #sidebar .connect a.youtube { background:transparent url(styles/basic/youtube.png) no-repeat; }
        #sidebar .connect a.facebook:hover { background:transparent url(styles/basic/facebook-hover.png) no-repeat; }
        #sidebar .connect a.twitter:hover { background:transparent url(styles/basic/twitter-hover.png) no-repeat; }
        #sidebar .connect a.linkedin:hover { background:transparent url(styles/basic/linkedin-hover.png) no-repeat; }
        #sidebar .connect a.rss:hover { background:transparent url(styles/basic/rss-hover.png) no-repeat; }
        #sidebar .connect a.youtube:hover { background:transparent url(styles/basic/youtube-hover.png) no-repeat; }

        #sidebar .widget_search { border:none; }

        /* WPTD Flickr Photos Widget */ 
        #sidebar .flickrphotos .size-s { padding-top:10px; }
        #sidebar .flickrphotos .size-s a img { float:left; margin:0 0 10px 12px; padding:5px; border:1px solid #E5E5E5; background:#F0F0F0; }
        #sidebar .flickrphotos .size-m a img { display:block; margin:10px auto; padding:10px; border:2px solid #E5E5E5; background:#F0F0F0; }

        /* WPTD Twitter Widget */ 
        #sidebar p.twitter-message { border-top:1px solid #e5e5e5; padding:5px 10px 0 15px; margin-top:0; }

      /***** Main Content Area *****/
      #main-content { padding-left:20px; padding-top:20px; width:638px; }

        /* home sections */
        #main-content .section { width:302px; padding-top:20px; }
        #main-content .section  img { float:left; padding:0; border:none; margin-right:10px; }
        #main-content .section  h1 a, #main-content .section  h1 { font:normal 20px Myriad Pro, Trebuchet MS, Georgia, Arial; color:#000; }
        #main-content .section  p { clear:both; width:302px; font:normal 12px/18px Arial, Verdana; color:#000; }
        #main-content .section  .readmore { padding:4px 10px; text-transform:uppercase; font:normal 12px Myriad Pro, Trebuchet MS, Arial; color:#333333; background-color:#f0f0f0; border-radius: 5px; -moz-border-radius:5px; -webkit-border-radius:5px; }
        #main-content .section  .readmore:hover { color:#111111; background-color:#eaeaea; text-decoration:none; }
        
        #main-content .twitter-area { display:block; width:640px; margin-top:20px; }
        #main-content .twitter-area .twitter { display:inline-block; float:left; width:84px; height:92px; text-indent:-9999px; background:transparent url(styles/basic/twitter-icon.png) no-repeat; }
        #main-content .twitter-area p { font:normal 15px Myriad Pro, Trebuchet MS, Arial; /* padding-top:30px;*/ }

        /***** Post styles *****/
        #main-content .meta { font:normal 11px/11px Arial, Verdana, Georgia; display:block; width:638px; height:auto; border-top:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6; margin-top:35px; margin-bottom:35px; }
        #main-content .meta .comments { float:right; padding-left:25px; margin:3px 0; line-height:22px; background: transparent url(styles/basic/comment-cloud.png) no-repeat; }
        #main-content h1.title, #main-content h1.title a { color:#000; font:normal 30px Arial, Verdana, Georgia; padding-top:20px; }
        #main-content h1.title a:hover { color:#555; text-decoration:none; }
        #main-content .date { font:normal 12px/22px Arial, Verdana, Georgia; }
        #main-content .post p { font:normal 12px/18px Arial, Verdana, Georgia; padding-bottom:10px; }
        
        /***** Lester Chan's Navigation *****/
        
        #main-content .wp-pagenavi { display:block; clear:left; width:638px; padding:10px 0; }
        
        /***** Navigation *****/
        #navigation { display:block; margin-top:70px; margin-bottom:35px; width:643px; height:14px; }
        #navigation a { font:bold 12px/14px Arial, Verdana, Georgia; color:#556f00; }
        #navigation .previous a { background:transparent url(styles/basic/arrow-left.png) left no-repeat; padding-left:20px; float:left; }
        #navigation .next a { background:transparent url(styles/basic/arrow-right.png) right no-repeat; padding-right:20px; float:right; }
        
        /***** Comments *****/
        #comments  { clear:left; width:643px; }

          /***** Response Text *****/
          #comments .responses-count { font:normal 13px/15px Arial, Verdana, Georgia; margin-bottom:15px; display:block; }
         
          /***** Comment Entries *****/
          #comments .comment-top { width:643px; height:5px; _margin-bottom:-12px; background:transparent url(styles/basic/comment-top.png) bottom no-repeat; }
          #comments .comment-bottom { width:643px; height:5px; background:transparent url(styles/basic/comment-bottom.png) no-repeat; margin-bottom:12px; }
          #comments .comment { padding:11px 15px 15px 13px; background-color:#F0F0F0; border-left:1px solid #d6d6d6; border-right:1px solid #d6d6d6;  }
          #comments .comment img { float:left; border:none; padding:0; margin:0; margin-bottom:10px; *margin-bottom:0; }
          #comments .comment .author, #comments .comment .author a { float:left; font:bold 13px/20px Arial, Verdana, Georgia; color:#555555; }
          #comments .comment .author { margin-left:7px; }
          #comments .comment .buttons { float:right; background:#fff; }
          #comments .comment .buttons a { font:normal 11px/20px Arial, Verdana, Georgia; border:1px solid #c4c4c4; color:#373737; padding:2px 5px; }
          #comments .comment .buttons a:hover { border:1px solid #a4a4a4; text-decoration:none; color:#171717; }
          #comments .comment .date { float:right; font:normal 11px/20px Arial, Verdana, Georgia; margin-right:10px; }
          #comments .comment .content { clear:left; width:100%; }
          #comments .comment .content p { font:normal 11px/20px Arial, Verdana, Georgia; color:#555; text-align:justify; padding:0 0 10px; }
          
          /***** Comment Form *****/
          #comments .comment-form { padding:11px 50px 15px 13px; background-color:#F0F0F0; border-left:1px solid #d6d6d6; border-right:1px solid #d6d6d6; }
          #comments .comment-form form, #comments .comment-form fieldset { padding:0; border:0; margin:0; display:block; }
          #comments .comment-form input ,#comments .comment-form textarea { margin:5px 0; font:normal 11px Arial, Verdana, Georgia; color:#898989; }
          #comments .comment-form div.hidden { display:none; }
          #comments .comment-form textarea { width:578px; _width:565px; height:128px; }
          #comments .comment-form label { margin-left:10px; }
          #comments .comment-form h3.title { font:bold 20px/26px Arial, Verdana, Georgia; color:#484848; margin-bottom:10px; }
          #comments .comment-form .button { float:right; margin:0; padding:0; width:90px; height:26px; border:1px solid #a1a1a1; font:bold 12px Arial, Verdana, Georgia; color:#505050; }
          #comments .comment-form form p { margin:5px 0 0; padding:0; }

      /***** Footer Area *****/
      #footer { background:#1e1e1e url(styles/basic/footer_bg.jpg) repeat; padding:31px 0; padding-bottom:50px; margin-top:40px; }
        #main-footer { margin:0 auto; width:1012px; }
          #main-footer .widget { display:inline-block; float:left; width:323px; margin-left:10px; margin-bottom:11px; height:270px; }
          #main-footer .widget .top { display:inline-block; float:left; width:323px; height:7px; background:transparent url(styles/basic/footer_widget_top.png) repeat; }
          #main-footer .widget .main { display:inline-block; width:323px; height:88%; padding:8px 0; _padding:0; background:transparent url(styles/basic/footer_widget_bg.png) repeat; }
          #main-footer .widget .bottom { display:inline-block; float:left; width:323px; height:7px; background:transparent url(styles/basic/footer_widget_bottom.png) repeat; }
          #main-footer .widget .content { padding:0 25px; }
          #main-footer .widget .more { display:block; text-align:right; color:#8cbd22; font-size:11px; }
          #main-footer .widget ul, #main-footer .widget li { padding:0; margin:0; border:none; list-style:none; list-style-position:outside; font:normal 12px/15px Arial, Verdana; }
          #main-footer .widget a, #main-footer .widget strong, #main-footer .widget bold { color:#fff; }
          #main-footer .widget ul { padding-top:10px; }
          #main-footer .widget ul ul { padding-top:5px; }
          #main-footer .widget p { line-height:14px; }
          #main-footer .widget li { display:block; background:transparent url(styles/basic/li_bg.png) top left no-repeat; padding:0 0 5px 30px; }
          #main-footer .widget h3.title { color:#8cbd22; padding:0 25px; margin:0; font:normal 25px Myriad Pro, Trebuchet MS, Arial, Verdana; }
          
        #bottom-footer { clear:both; margin:0 auto; margin-top:10px; width:1012px; height:auto; text-align:center; }
          #bottom-footer .top { display:inline-block; float:left; width:989px; height:7px; margin-left:10px; background:transparent url(styles/basic/bottom-footer-top.png) repeat; }
          #bottom-footer .main { display:inline-block; float:left; width:969px; height:auto; margin-left:10px; padding:8px 10px; _padding:0 10px; background:transparent url(styles/basic/footer_widget_bg.png) repeat; line-height:33px; }
          #bottom-footer .bottom { display:inline-block; float:left; width:989px; height:7px; margin-left:10px; background:transparent url(styles/basic/bottom-footer-bottom.png) repeat; }

/***** Paragraph styles *****/
#main-content p { line-height:20px; padding:5px 0; }
#main-content img { padding:9px; border:1px solid #dddddd; }

/***** Table styles *****/
#main-content table { margin:0 0 16px 0; padding:0; line-height:1.3em; border-collapse:collapse; border:1px solid #d8d8d8; }
#main-content caption { text-align:left; font-size:1.5em; font-weight:normal; margin:0; padding:6px 0 8px 0; }
#main-content th { padding:7px; text-align:left; background:#eaeaea url(styles/basic/menubg2.gif) bottom left repeat-x; color:#505050; }
#main-content td { padding:7px; font-size:0.9em; text-align:left; background:#f4f4f4 url(styles/basic/menubg.gif) bottom left repeat-x; color:#303030; }

/***** List styles *****/
#main-content ul { list-style-type: square; }
#main-content ol { list-style-type: decimal; }
#main-content ul, #main-content ol { margin:0 0 16px 20px; padding:0; }
#main-content ul ul, #main-content ol ol { margin:2px 0 2px 20px; }
#main-content li { margin:0 0 2px 10px; padding:0 0 0 4px; }

/***** BlockQuote styles *****/
#main-content blockquote { border-top:1px solid #d8d8d8; border-right:1px solid #d8d8d8; border-bottom:1px solid #d8d8d8; border-left:4px solid #8CBD22; margin:16px; padding:7px 7px 7px 11px; color:#505050; }
#main-content blockquote p { font-size:1.1em; line-height:1.3em; margin:0; display:inline; }

/***** Form styles *****/
#main-content input, #main-content textarea { border:1px solid #cccccc; font-family:Verdana,Tahoma,Arial,Sans-Serif; font-size:1em; margin:0; padding:4px; }
#main-content label { margin:2px; }
#main-content input[type="text"] { width:200px; }
#main-content textarea { width:400px; }

/***** Various classes *****/
#main-content .post .button, #slider .button, #comments .comment-form .button { display:inline-block; width:153px; height:46px; margin:10px 10px; border:none; background:url(styles/basic/button.gif) no-repeat; text-align:center; font:normal 18px/48px Georgia, Times New Roman; color:#fff; }
.buttons { font:normal 18px/48px Georgia, Times New Roman; color:#000; }
.small { font-size:0.8em; }
.large { font-size:1.3em; }
.bold { font-weight:bold; }
.highlighted { padding:3px; background-color:#f0f0f0; color:#303030; border:1px solid #b0b0b0; }
.hide { display:none; }
.alignleft { margin:10px 10px 8px 0; float:left; }
.alignright { margin:10px 0px 8px 10px; float:right; }
.aligncenter { margin:10px auto 20px auto; display:block; }
.left { float:left; }
.right { float:right; }
.center { text-align:center; }
.nofloat { float:none; }
.clear { clear:both; }
.clearleft { clear:left; }
.clearright { clear:right; }
.backlink { display:block; text-indent:-9999px; width:0; height:0; }
.wptd_logo { display:inline-block; width:30px; height:33px; text-indent:-9999px; background:url(images/wptd_logo/30.png) no-repeat; }

/* font-sizes */
.s7 { font-size:7px; }.s8 { font-size:8px; }.s9 { font-size:9px; }.s10 { font-size:10px; }.s11 { font-size:11px; }.s12 { font-size:12px; }.s13 { font-size:13px; }.s14 { font-size:14px; }.s15 { font-size:15px; }.s16 { font-size:16px; }.s17 { font-size:17px; }.s18 { font-size:18px; }.s19 { font-size:19px; }.s20 { font-size:20px; }.s21 { font-size:21px; }.s22 { font-size:22px; }.s23 { font-size:23px; }.s24 { font-size:24px; }.s25 { font-size:25px; }.s26 { font-size:26px; }.s27 { font-size:27px; }.s28 { font-size:28px; }.s29 { font-size:29px; }.s30 { font-size:30px; }.s35 { font-size:35px; }.s36 { font-size:36px; }.s37 { font-size:37px; }.s38 { font-size:38px; }.s39 { font-size:39px; }.s40 { font-size:40px; }

/* Begin Calendar */
#wp-calendar { empty-cells: show; margin: 0 auto; width: 80%; font-size:11px}
#wp-calendar a { text-decoration: underline; }
#wp-calendar caption { padding:15px 0;}
#wp-calendar th { padding: 5px; font-style: normal; text-align:center; font-weight:bold; }
#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; text-decoration:none; font-weight:bold; }
#wp-calendar caption { font: normal 18px arial, Sans-Serif; text-align: center; width: 80%; }
#wp-calendar td { padding: 5px; text-align: center; }
#wp-calendar td.pad:hover { /* Doesn't work in IE */ }
#wp-calendar #prev a, #wp-calendar #next a { font-size: 11pt; width: 50%}
/* End Calendar */