/*=== Setup ===*/ /* Import RESET styling for grid framework*/ @import url('library/css/reset.css'); /* Import TEXT styling for grid framework*/ @import url('library/css/text.css'); /* Import GRID styling for grid framework*/ @import url('skins/1-default.css'); /* -------------------------------------------------- Global Reset - Resets all browser defaults to 0 -------------------------------------------------- */ html, body { margin:0; padding:0; } body { font:12px Georgia, "Times New Roman", Times, serif;background:#ccc;} a { text-decoration:none; } a:hover { text-decoration:none; } .fix{ clear: both; height:1px; margin: -1px 0 0; overflow: hidden } .fl{ float: left } .fr{ float: right } .ac{ text-align: center } .ar{ text-align: right } hr { margin-bottom:30px; margin-top:20px; clear:both; } .hr2 { margin:0px; padding:0; clear:both; } h1,h2,h3,h4,h5,h6 { font-family:Arial, Helvetica, sans-serif; font-weight:normal; } #wrapper h1 { padding:10px 0 10px 0; margin-bottom:30px; border-bottom:1px solid #ddd; } .imgright { margin:0 0 15px 10px; float:right; border:1px solid #ccc; padding:2px; } .imgleft { margin:5px 18px 15px 0; float:left; border:1px solid #ccc; padding:2px; } /* Structure ---------------------- */ #top_stirp_in { width:940px; margin:0 auto; padding:0 10px; height:37px; } #header { width:940px; margin:0 auto; padding:25px 10px 25px 10px; height:100%; overflow:hidden; clear:both; } #categories_strip { width:960px; height:46px; margin:0 auto; } #index_spotligt_news { width:940px; margin:5px auto 15px auto; height:100%; overflow:hidden; padding:10px; clear:both;} #wrapper { width:960px; margin: 0 auto 30px auto; height:100%; overflow:hidden; } #home_left_col { width:400px; float:left; padding-left:10px; } #home_middle_col { width:220px; float:left; padding-left:20px; _padding-left:5px; overflow:hidden; } #content { width:640px; float:left; padding-bottom:20px; } #sidebar { width:280px; float:right; padding-right:10px; padding-bottom:20px; _padding-right:2px; } #footer-in { width:940px; margin:0 auto; padding:10px; clear:both; height:100%; overflow:hidden; } /* header ---------------------- */ #header .blog-title a{ font:30px Georgia, "Times New Roman", Times, serif; padding:0; margin:0; text-decoration:none; } #header .blog-title a:hover{ text-decoration:none;} #header p.blog-description{ font:italic 16px "Palatino Linotype", "Book Antiqua", Palatino, serif; margin:0; padding:3px 0 0 0; } #header .header_left { float:left; margin-right:10px; margin-top:4px; } #header p.desc_spacer{ margin-left:55px; } #header .header_right { width:468px; height:60px; padding-top:8px; overflow:hidden; float:right; } .alignright, .alignleft{float:right;} /* index spotlight & news -------------*/ #index_spotligt_news .spotlight { width:380px; float:left; padding:10px; position:relative; overflow:hidden; height:325px; } #index_spotligt_news .spotlight a{color:#FFF;} #index_spotligt_news .spotlight h3 { margin:0; padding:0 0 7px 25px; font:18px Arial, Helvetica, sans-serif; } #index_spotligt_news .spotlight h4 { margin:0; padding:0 0 3px 0; font:bold 16px Arial, Helvetica, sans-serif; } #index_spotligt_news .spotlight h4 a { text-decoration:none; } #index_spotligt_news .spotlight p { margin:0; padding:0 0 3px 0; font:14px Georgia, "Times New Roman", Times, serif; } .video { width:378px; margin-bottom:10px; } #index_spotligt_news .featured_news { width:540px; float:right; } #index_spotligt_news .featured_news h3 { margin:0 0 0 20px; padding:0 0 12px 20px; font:18px Arial, Helvetica, sans-serif; } #index_spotligt_news .featured_news ul { margin:0; padding:0; } #index_spotligt_news .featured_news ul li { margin:0; padding:0 0 0 20px; width:160px; float:left; list-style:none; } #index_spotligt_news .featured_news ul li h4 { margin-bottom:4px; font:bold 14px Arial, Helvetica, sans-serif; } #index_spotligt_news .featured_news ul li h4 a { text-decoration:none; } #index_spotligt_news .featured_news ul li img { padding:5px; } #index_spotligt_news .featured_news p { margin:0; padding:0 0 3px 0; font:12px Georgia, "Times New Roman", Times, serif; } .video object, .video embed { width:378px !important; height:203px; clear:both; } /*home_left_col ---------------*/ #home_left_col h3 { margin:0 0 15px 0; padding:7px 0 0 0; font:18px Arial, Helvetica, sans-serif; } .recent_news { margin:0; padding:0; } .recent_news li { margin:0; padding:15px; list-style:none; _width:346px; min-height:68px; _height:68px; position:relative; z-index:1; } #home_left_col .recent_news li h3 { margin:0 40px 3px 0; padding:0; float:right; width:262px; _width:180px; font:18px Arial, Helvetica, sans-serif; } .recent_news li p { margin:0 40px 0 0; padding:0; float:right; width:262px; _width:180px; font:11px Georgia, "Times New Roman", Times, serif; } .recent_news li h3 a { text-decoration:none; } .recent_news li p a { font-weight:bold; text-decoration:none; } .recent_news li p a:hover { } .recent_news li .i_commentbg a { width:51px; position:absolute; right:-9px; top:11px; text-align:center; padding-top:5px; height:29px; font:bold 11px Georgia, "Times New Roman", Times, serif; } .recent_news li img { float:left; padding:5px; } .recent_news li a, .recent_news li .i_commentbg a { text-decoration:none; } .recent_news li a:hover, .recent_news li .i_commentbg a:hover { text-decoration:none; } /*home_middel_col ---------------*/ #home_middle_col h3 { margin:0 0 15px 0; padding:7px 0 0 0; font:18px Arial, Helvetica, sans-serif; } #home_middle_col h3.popular { padding-left:22px; } .popular_posts { margin:0 0 20px 0; padding:0; } .popular_posts li { margin:0; padding:0; padding-bottom:15px; list-style:none; } .popular_posts li h4 { margin:0 0px 3px 0; padding:0; font:bold 14px Arial, Helvetica, sans-serif; } .popular_posts li p { margin:0; padding:0; font:11px Georgia, "Times New Roman", Times, serif; line-height:18px; } .popular_posts li h4 a { text-decoration:none; } .popular_posts li p a { font-weight:bold; text-decoration:none; } /*#breadcrumb section =================================== */ .breadcrumb {font-size:11px; padding:8px 0; clear:both; } .breadcrumb { padding-left:2px; font:12px Arial, Helvetica, sans-serif ; } .breadcrumb a { font-weight:normal; text-decoration:none; padding:0 3px 0 0; margin:0; text-align:left; text-decoration:none; } .breadcrumb strong { padding:0 0 0 5px; margin:0; font-weight:normal; text-align:left; } .breadcrumb a:hover { text-decoration:none; } /* content ---------------------------- */ p { margin:0; padding:0; } small { font-size:10px; } .posts address { margin:0; padding:0; } p { padding:0px 0 10px 0; line-height:20px; margin:0 } #content p { font-size:14px; margin:0 0 12px 0; } #content h1 { padding-top:0; margin-bottom:30px; } #content ul { list-style:none; } #content li { margin:0 0 8px 0; padding:0 0 0 12px; line-height:20px; font-size:14px; } #content ol { margin:0 0 0 18px; padding:0 0 10px 5px; list-style-type:decimal; line-height:18px; } #content ol li ol { margin:8px 0 5px 18px; padding:0; } #content ol li { margin:0 0 5px 0; padding:0; } /*---------TOP NAVIGATION for PAGES--------- */ .page_nav { float:right; height:27px; margin:20px -30px 0 0; text-align:left; padding:0; } .page_nav li { list-style:none; margin:3px 30px 0 0; padding:0; float:left; } .page_nav li a { list-style:none; font-size:12px; font-weight:bold; padding:6px 0; } .page_nav li a:hover { text-decoration:none; } .top_navi { float:left; width:635px; } #top_strip p.links { margin:0; padding:10px 16px 3px 0; float:right; font:12px Arial, Helvetica, sans-serif; } #top_strip p.links a { text-decoration:none; padding:0 4px; } .searchform { padding:4px; position:relative; height:26px; margin-bottom:18px; } .searchform .s {padding:5px 5px 4px 24px; width:60%; font:12px Arial, Helvetica, sans-serif; } .search_btn { position:absolute; top:4px; right:5px; } .top_advt_strip { height:100%; overflow:hidden; } .advt_spacer { float:left; margin-left:20px; padding-bottom:20px; } /* post ---------------------------- */ .comment_post { font:12px Arial, Helvetica, sans-serif; display:block; padding-bottom:10px; } .comment_post a { display:block; width:97px; height:22px; text-align:left; padding:4px 4px; } .posts { height:100%; overflow:hidden; margin-bottom:60px; } .main_img { padding:5px; margin-bottom:10px; margin-top:20px; } .post_left { width:100px; float:left; } .post_right { width:505px; float:right; } .date { font:12px Arial, Helvetica, sans-serif; text-transform:uppercase; display:block; padding-bottom:5px; } .by { font:12px Arial, Helvetica, sans-serif; display:block; padding-bottom:20px; margin-bottom:15px; } .by a { font-weight:bold;} .category { font:12px Arial, Helvetica, sans-serif; display:block; padding-bottom:20px; margin-bottom:15px; } .category a { display:block; padding:5px 0; } .tags { font:12px Arial, Helvetica, sans-serif; display:block; padding-bottom:20px; margin-bottom:15px; } .tags a { display:block; padding-top:5px; } .small_thumb { height:100%; overflow:hidden; margin-bottom:20px; margin-left:-12px; } .small_thumb img { float:left; margin:0 0 12px 12px; border:1px solid #ccc; } .print { padding: 4px 0 30px 22px; display:block; font:bold 12px Arial, Helvetica, sans-serif; text-transform:uppercase; } .b_text { display:block; font:bold 12px Arial, Helvetica, sans-serif; float:left; padding-top:10px; padding-right:70px; } .post_right h2 { margin:0 0 15px 0; padding:0; } .bookmark { padding:10px 0; height:100%; overflow:hidden; clear:both; } .video_main { border:2px solid #ccc; margin-bottom:20px; } .video_main object, .video_main embed { width:635px !important; height:509px !important; } #content .post_right .video_main object, #content .post_right .video_main embed { width:500px !important; height:393px !important; } blockquote { clear:both; height:100%; margin:10px 0 0px 5px; overflow:hidden; padding:0 0 5px 45px; } #content blockquote p { font:italic 18px Georgia, "Times New Roman", Times, serif; margin:0 0 5px 0; padding:0; line-height:23px; } blockquote cite { font-size:12px; float:right; line-height:18px; text-align:right; display:block; } blockquote a { font-size:13px; } .flickr img{ padding:5px; margin-right:6px; margin-bottom:6px; float:left; width:75px; height:75px; } #sidebar .flickr img { margin-right:12px; margin-bottom:12px; } #calendar_wrap{ padding:0; font-size:13px } #wp-calendar { width:100%; } #wp-calendar caption { font-weight:bold; font:15px Arial, Helvetica, sans-serif; text-transform:uppercase; } #calendar_wrap caption{ padding:4px 0; border-top:1px solid #ccc; border-bottom:1px solid #ccc; margin-bottom:4px; color:#333; } #wp-calendar td { text-align:center; font:bold 12px Arial, Helvetica, sans-serif; padding:4px 0; } #wp-calendar th { text-align:center; font:bold 12px Arial, Helvetica, sans-serif; padding:4px 0; color:#C63133; } .posts h1 { font-size: 26px } .posts h2 { font-size: 24px } .posts h3 { font-size: 20px } .posts h4 { font-size: 18px } .posts h5 { font-size: 16px } .posts h6 { font-size: 14px } .content_spacer h4.cate_title { font-size:26px; clear:both; } dl,hr,h1,h2,h3,h4,h5,h6,ol,ul,pre,table,address,fieldset { padding:10px 0 5px 0; margin:0 } p { padding:0px 0 10px 0; margin:0; line-height:22px; margin:0; } p em { line-height:20px; } code { line-height:18px; } /* Post Pagination */ .pagination { clear:both; overflow:hidden; margin-bottom:20px; text-align:center } .pagination .on { padding:14px; margin-right:3px; display:inline; } .pagination a { display:inline; padding:14px; line-height:32px; margin-right:3px; } .navi { overflow:hidden; } /*#sidebar ----------------------- */ #sidebar .advt { margin-bottom:40px; } #sidebar .widget { margin:0 0 25px 0; } #sidebar .widget h3 { margin:0 0 10px 0; padding:0 0 3px 0; font-size:18px; } #twitter { padding:10px; padding-bottom:0px; margin-bottom:20px; } #sidebar .spotlight { border:1px solid #ccc; background:#ebebeb; padding:8px; margin-bottom:20px; } #sidebar .spotlight h4 { font-size:14px; font-weight:bold; } #sidebar .video object, #sidebar .video embed { width:260px !important; } #sidebar .video { width:260px; margin-bottom:0; border:1px solid #ccc; } .sidebar_spacer { padding-top:20px; } /* subscribe section -----------*/ .subscribe { padding:10px; padding-bottom:0px; margin-bottom:20px; } .socail_media { height:100%; overflow:hidden; margin-bottom:20px; padding:10px; padding-bottom:0; border:1px solid #ccc; } #home_middle_col .socail_media p, #sidebar .socail_media p { margin-bottom:12px; } #home_middle_col .socail_media h3 { padding:0 0 8px 0px; margin:0; font-size:18px; border:none; } #sidebar .subscribe h3, #sidebar .socail_media h3 { padding:0 0 8px 20px; font-size:18px; } #home_middle_col .subscribe h3 { padding:0 0 8px 0px; margin:0; font-size:18px; border:none; } #home_middle_col .field { width:175px; margin-bottom:4px; } #home_middle_col .subscribe p { font-size:10px; text-transform:uppercase; } .subscribe p { margin:0 0 6px 0; padding:2px 0 2px 0 ; font:12px Arial, Helvetica, sans-serif; } .subscribe p a { font-weight:bold; margin-right:10px; padding:2px 0 2px 20px; } .subscribe_form { padding-bottom:8px; margin-bottom:8px; } .field { padding:5px 5px 6px 5px; width:165px; font:12px Arial, Helvetica, sans-serif; float:left; margin-right:4px; } #sidebar .subscribe p.socialbookmark a, #home_middle_col .subscribe p.socialbookmark a { margin:0; padding:0; margin-right:5px; background:none; } #sidebar .flickr h3 { padding-left:20px; } #home_middle_col .socail_media p.socialbookmark a { margin-right:10px; margin-bottom:10px; } /* Tabber Style start -------------------- */ .tabberlive .tabbertabhide { display:none; } .tabberlive { margin:0; } ul.tabbernav { margin:0; padding:3px 0; font:bold 12px Arial, Helvetica, sans-serif; } ul.tabbernav li { list-style:none; margin:0; display:inline; border-bottom:none; } #sidebar ul.tabbernav li { border-bottom:none; } ul.tabbernav li a { padding:3px 7px; margin-left:3px; text-decoration:none; } /*---- tabbertab = the tab content---------------------*/ .tabberlive .tabbertab { padding:8px 10px; margin-bottom:20px; } /* If desired, hide the heading since a heading is provided by the tab */ .tabberlive .tabbertab h2 { display:none; } .tabberlive .tabbertab h3 { display:none; } .tabberlive#tab2 .tabbertab { height:200px; overflow:auto; } /* Tabber Style start -------------------- */ #sidebar ul.tabbernav li a { font-weight:bold; } /*---- tabbertab = the tab content---------------------*/ .tabberlive .tabbertab { margin-top:2px; } #sidebar #twitter h3 { padding-left:20px; } #twitter_update_list ul { margin:10px 0 0 0; padding:0; } #sidebar #twitter_update_list li { margin:0 0 10px 0; padding:0 0 5px 0; font:12px Georgia, "Times New Roman", Times, serif; list-style:none; line-height:20px; } .twitter_post #twitter li { list-style:none; } #sidebar ul { list-style:none; margin:0; padding:0; } #sidebar li { list-style:none; margin:0 0 8px 0; padding:2px 0 5px 0; font:12px Arial, Helvetica, sans-serif; width:100%; } #sidebar ul li ul li ul li { margin:0 0 0 10px; } /*---------ARCHIVE PAGE --------- */ .arclist ul{ padding:0; margin:0 } .arclist ul li{ font-size:14px; padding:5px 0; margin:0; } .arclist ul li ul{ border-bottom:0; padding:0 0 0 5px } .arclist ul li ul li{ border-bottom:0; padding:10px 0 0 5px } .arclist .archives-time{ float: left; font-size:12px; text-transform: uppercase; width:90px; margin:0 15px 0 0 } .arclist ul li a:hover { text-decoration:underline; } /*---------COMMENTS --------- */ #comments h3{ font:normal 18px Arial, Helvetica, sans-serif; padding:0 0 5px 0; margin:0 0 20px 0; } #comments .commentlist { padding:0; margin:0 } #comments .commentlist li p { margin:0; padding:0; } #comments ol{padding:20px 0;} #content #comments .comment { margin: 10px 0 30px 0; padding:0; width: 100%; background:none; list-style:none } #comments .comment a{ text-decoration:none; padding:1px 0 } #content #comments p.authorcomment { margin:3px 0 0 0; padding:0; line-height:normal; font-size:11px; font-weight:bold; } #comments p.authorcomment a { text-decoration:none; } #comments p.authorcomment a:hover { text-decoration:none; } #comments .comment .meta-left { width: 90px; float:left;} #comments .comment .meta-left p{ padding:0; margin:0 } #comments .comment .meta-left .meta-wrap {width: 90px; overflow: hidden; padding-right: 7px; min-height:70px; line-height:normal; } #comments .comment small {font-size: 11px } * html #comments .comment .text-right { height:70px } #comments .comment .text-right { min-height:70px; margin:0; padding: 12px; margin-left:100px; float:none } #comments .comment .text-right p { line-height: 18px; padding: 0 0 8px 13px; font-size:12px; } #comments ul.children { margin:10px 0 0 20px; padding:0 } p.commpadd{ padding:0; margin:0 0 10px 0 } span.comm-reply{ float:right; padding:5px 0 0 0; font-size:11px; } span.comm-reply a:hover{ font-size:11px; text-decoration:none; } .cancel-comment-reply{ padding:0 0 10px 0 } #respond { padding:10px 0 0 0; margin:0; } #respond textarea, .commpadd input{ font:13px Arial, Helvetica, sans-serif; } #respond textarea { margin:0; padding:5px; width:90%; } p.commpadd input{ line-height:25px; height:25px; padding:5px 0 0 5px; width:300px; } p.commpadd label{ padding:0 0 0 5px } p.commpadd small { font-size:12px; } input#submit{ font:bold 12px Arial, Helvetica, sans-serif; text-align:center; padding: 5px; margin:0; cursor:pointer; } * html #commentform label { margin:-8px 0 0 0; position:relative; top:-8px; } *+html #commentform label { margin:-8px 0 0 0; position:relative; top:-8px; } .avatar { padding:3px;} #comments .commentlist .photo { width:auto; height:auto; margin:0 0 3px 0; } /* footer ---------------------------- */ #footer .widget h3 { margin:0 0 10px 0; padding:0; font:18px Arial, Helvetica, sans-serif; } #footer .widget { clear:both; } #footer .first_col { width:400px; float:left; } #footer .first_col p { font-style:italic; } #footer .second_col { width:265px; float:left; padding-left:20px; } #footer .first_col p span.highlight { padding:5px 8px 3px 8px; } #footer .first_col p a { text-decoration:none; } #footer .first_col p a:hover { text-decoration:underline; } #footer .thrid_col { float:right; width:540px; padding-top:10px;margin-right:-50px;} #footer ul { margin:0 0 12px 0; padding:0; height:100%; overflow:hidden; } #footer li { margin:0; padding:0px 0 8px 12px ; list-style:none; font:11px Arial, Helvetica, sans-seriff; } #footer li a { text-decoration:none; } #footer li span { font-size:11px; } #footer li a:hover { text-decoration:none; } #footer li:hover { cursor:pointer; } #footer li p { margin:0; padding:0; line-height:18px;} #footer p { margin:0 0 8px 0; padding:0; line-height:20px; font:18px "Palatino Linotype", "Book Antiqua", Palatino, serif; } #footer .second_col ul li { width:95px; padding:4px 0 4px 9px; margin-bottom:4px; float:left; margin-right:10px; } #footer p { margin:0 0 8px 0; padding:0; line-height:20px; font:18px "Palatino Linotype", "Book Antiqua", Palatino, serif; } #footer .thrid_col p { margin:0 0 5px 0; padding:0; line-height:20px; font:12px Arial, Helvetica, sans-serif; } #footer .designby { padding:8px 8px 0 0; float:left; } #footer p span.templatic { width:80px; display:block; overflow:hidden; float:left;} #footer p span.templatic a { text-indent:-9009px; padding-left:120px; height:30px; display:block; } /* ===================================================== coda slide css ================================================ */ .coda-slider-wrapper { padding:0; } /* Use this to keep the slider content contained in a box even when JavaScript is disabled */ .coda-slider-no-js .coda-slider { height: 440px; overflow: auto !important; padding-right: 20px } /* Change the width of the entire slider (without dynamic arrows) */ .coda-slider, .coda-slider .panel { width: 370px; } /* Change margin and width of the slider (with dynamic arrows) */ .coda-slider-wrapper.arrows .coda-slider, .coda-slider-wrapper.arrows .coda-slider .panel { width: 370px; } .coda-slider-wrapper.arrows .coda-slider { margin: 0 3px } /* Arrow styling */ .coda-nav-right a { width:26px; height:16px; text-indent:-9009px; cursor:pointer; } .coda-nav-left a { width:26px; height:16px; text-indent:-9009px; cursor:pointer; } .coda-nav-left a:hover, .coda-nav-right a:hover { background-position:0 -16px; } /* Tab nav */ .coda-nav ul li a.current { background: #39c } /* Panel padding */ .coda-slider .panel-wrapper { padding: 0px; height:300px; } /* Preloader */ .coda-slider p.loading { padding: 20px; text-align: center } /* Don't change anything below here unless you know what you're doing */ /* Tabbed nav */ .coda-nav ul { clear: both; display: block; margin: auto; overflow: hidden; display:none; } .coda-nav ul li { display: inline } .coda-nav ul li a { background: #000; color: #fff; display: block; float: left; margin-right: 1px; padding: 3px 6px; text-decoration: none } /* Miscellaneous */ .coda-slider-wrapper { clear: both; } .coda-slider { float: left; overflow: hidden; position: relative } .coda-slider .panel { display: block; float: left } .coda-slider .panel-container { position: relative } .coda-nav-left { position:absolute; right:45px; top:14px; z-index:99999; } .coda-nav-right {position:absolute; right:15px; top:14px; z-index:99999; } .coda-nav-left a, .coda-nav-right a { display: block; text-align: center; text-decoration: none } .panel-wrapper h3 { margin:0 0 10px 0; padding:0; } .spotlight_img { border:1px solid #ccc; width:375px; height:195px; overflow:hidden; padding:0px; background:#fff; clear:both; margin-bottom:10px; } /* Banner ---------------------- */ .coda-nav-left a { background:url(images/b_previous.png) no-repeat left top; } .coda-nav-right a { background:url(images/b_next.png) no-repeat left top; } #banner h1 { color:#000; } #banner h1 a { color:#000; } #banner h1 a:hover { color:#666; } #banner p { color:#333; } #banner h3.subline { color:#999; text-shadow:#000 1px 1px 1px; } #banner p a { color:#000; text-decoration:underline; } #banner p a:hover { color:#333; text-decoration:underline; } a.previous{ background:url(images/b_previous.png) no-repeat; } a:hover.previous { background-position:0 -16px; } a.next{ background:url(images/b_next.png) no-repeat; } a:hover.next { background-position:0 -16px; }