/* Theme Name: Comm News Theme URI: http://labeffect.co.uk/ Description: Dave Anderson. Version: 1.8.9 Author: NHS Forth Valley Author URI: http://nhsforthvalley.com/ */ /*=== Setup ===*/ /* uncompressed version available here: lib_theme/css/uncompressed */ /* Import RESET styling for grid framework */ html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0} /* Import TEXT styling for grid framework*/ body{font:13px/1.5 'Helvetica Neue',Arial,'Liberation Sans',FreeSans,sans-serif}a:focus{outline:1px dotted}hr{border:0 #ccc solid;border-top-width:1px;clear:both;height:0}h1{font-size:25px}h2{font-size:23px}h3{font-size:21px}h4{font-size:19px}h5{font-size:17px}h6{font-size:15px}ol{list-style:decimal}ul{list-style:disc}li{margin-left:30px}p,dl,hr,h1,h2,h3,h4,h5,h6,ol,ul,pre,table,address,fieldset{margin-bottom:20px} /* Import GRID styling for grid framework*/ .container_12,.container_16{margin-left:auto;margin-right:auto;width:960px}.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12,.grid_13,.grid_14,.grid_15,.grid_16{display:inline;float:left;margin-left:10px;margin-right:10px}.push_1,.pull_1,.push_2,.pull_2,.push_3,.pull_3,.push_4,.pull_4,.push_5,.pull_5,.push_6,.pull_6,.push_7,.pull_7,.push_8,.pull_8,.push_9,.pull_9,.push_10,.pull_10,.push_11,.pull_11,.push_12,.pull_12,.push_13,.pull_13,.push_14,.pull_14,.push_15,.pull_15{position:relative}.container_12 .grid_3,.container_16 .grid_4{width:220px}.container_12 .grid_6,.container_16 .grid_8{width:460px}.container_12 .grid_9,.container_16 .grid_12{width:700px}.container_12 .grid_12,.container_16 .grid_16{width:940px}.alpha{margin-left:0}.omega{margin-right:0}.container_12 .grid_1{width:60px}.container_12 .grid_2{width:140px}.container_12 .grid_4{width:300px}.container_12 .grid_5{width:380px}.container_12 .grid_7{width:540px}.container_12 .grid_8{width:620px}.container_12 .grid_10{width:780px}.container_12 .grid_11{width:860px}.container_16 .grid_1{width:40px}.container_16 .grid_2{width:100px}.container_16 .grid_3{width:160px}.container_16 .grid_5{width:280px}.container_16 .grid_6{width:340px}.container_16 .grid_7{width:400px}.container_16 .grid_9{width:520px}.container_16 .grid_10{width:580px}.container_16 .grid_11{width:640px}.container_16 .grid_13{width:760px}.container_16 .grid_14{width:820px}.container_16 .grid_15{width:880px}.container_12 .prefix_3,.container_16 .prefix_4{padding-left:240px}.container_12 .prefix_6,.container_16 .prefix_8{padding-left:480px}.container_12 .prefix_9,.container_16 .prefix_12{padding-left:720px}.container_12 .prefix_1{padding-left:80px}.container_12 .prefix_2{padding-left:160px}.container_12 .prefix_4{padding-left:320px}.container_12 .prefix_5{padding-left:400px}.container_12 .prefix_7{padding-left:560px}.container_12 .prefix_8{padding-left:640px}.container_12 .prefix_10{padding-left:800px}.container_12 .prefix_11{padding-left:880px}.container_16 .prefix_1{padding-left:60px}.container_16 .prefix_2{padding-left:120px}.container_16 .prefix_3{padding-left:180px}.container_16 .prefix_5{padding-left:300px}.container_16 .prefix_6{padding-left:360px}.container_16 .prefix_7{padding-left:420px}.container_16 .prefix_9{padding-left:540px}.container_16 .prefix_10{padding-left:600px}.container_16 .prefix_11{padding-left:660px}.container_16 .prefix_13{padding-left:780px}.container_16 .prefix_14{padding-left:840px}.container_16 .prefix_15{padding-left:900px}.container_12 .suffix_3,.container_16 .suffix_4{padding-right:240px}.container_12 .suffix_6,.container_16 .suffix_8{padding-right:480px}.container_12 .suffix_9,.container_16 .suffix_12{padding-right:720px}.container_12 .suffix_1{padding-right:80px}.container_12 .suffix_2{padding-right:160px}.container_12 .suffix_4{padding-right:320px}.container_12 .suffix_5{padding-right:400px}.container_12 .suffix_7{padding-right:560px}.container_12 .suffix_8{padding-right:640px}.container_12 .suffix_10{padding-right:800px}.container_12 .suffix_11{padding-right:880px}.container_16 .suffix_1{padding-right:60px}.container_16 .suffix_2{padding-right:120px}.container_16 .suffix_3{padding-right:180px}.container_16 .suffix_5{padding-right:300px}.container_16 .suffix_6{padding-right:360px}.container_16 .suffix_7{padding-right:420px}.container_16 .suffix_9{padding-right:540px}.container_16 .suffix_10{padding-right:600px}.container_16 .suffix_11{padding-right:660px}.container_16 .suffix_13{padding-right:780px}.container_16 .suffix_14{padding-right:840px}.container_16 .suffix_15{padding-right:900px}.container_12 .push_3,.container_16 .push_4{left:240px}.container_12 .push_6,.container_16 .push_8{left:480px}.container_12 .push_9,.container_16 .push_12{left:720px}.container_12 .push_1{left:80px}.container_12 .push_2{left:160px}.container_12 .push_4{left:320px}.container_12 .push_5{left:400px}.container_12 .push_7{left:560px}.container_12 .push_8{left:640px}.container_12 .push_10{left:800px}.container_12 .push_11{left:880px}.container_16 .push_1{left:60px}.container_16 .push_2{left:120px}.container_16 .push_3{left:180px}.container_16 .push_5{left:300px}.container_16 .push_6{left:360px}.container_16 .push_7{left:420px}.container_16 .push_9{left:540px}.container_16 .push_10{left:600px}.container_16 .push_11{left:660px}.container_16 .push_13{left:780px}.container_16 .push_14{left:840px}.container_16 .push_15{left:900px}.container_12 .pull_3,.container_16 .pull_4{left:-240px}.container_12 .pull_6,.container_16 .pull_8{left:-480px}.container_12 .pull_9,.container_16 .pull_12{left:-720px}.container_12 .pull_1{left:-80px}.container_12 .pull_2{left:-160px}.container_12 .pull_4{left:-320px}.container_12 .pull_5{left:-400px}.container_12 .pull_7{left:-560px}.container_12 .pull_8{left:-640px}.container_12 .pull_10{left:-800px}.container_12 .pull_11{left:-880px}.container_16 .pull_1{left:-60px}.container_16 .pull_2{left:-120px}.container_16 .pull_3{left:-180px}.container_16 .pull_5{left:-300px}.container_16 .pull_6{left:-360px}.container_16 .pull_7{left:-420px}.container_16 .pull_9{left:-540px}.container_16 .pull_10{left:-600px}.container_16 .pull_11{left:-660px}.container_16 .pull_13{left:-780px}.container_16 .pull_14{left:-840px}.container_16 .pull_15{left:-900px}.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}.clearfix:after{clear:both;content:' ';display:block;font-size:0;line-height:0;visibility:hidden;width:0;height:0}* html .clearfix,*:first-child+html .clearfix{zoom:1} /*---------------------------------------------- STYLE.CSS FILE STRUCTURE: 1. GENERAL STYLING Options 1.1 Global Design Options 1.2 Activation Design 1.3 Image Handling 2. LAYOUT STRUCTURE 3. NAVIGATION Area 3.1 Main Navigation Options First level menu items Drop-down menu items 3.2 Feed Icon Options 4. LOGO Area Logo Design Logo Options Search Form Options 5. FEATURED POSTS Area 5.1 Featured Content 5.2 Featured category navigation 6. ADDITIONAL INFO Area 7. CONTENT BOXES Area 7.1 Text Formating 7.2 Content Display 7.3 Pagination Options 7.4 Breadcrumbs Navigation 7.5 Twitter Gadget Options 8. CUSTOM TEMPLATE Options 8.1 Portfolio Template Display 8.2 FAQs Template Display 9. WIDGET Options 9.1 General Widget Styling 9.2 Specific Widget Styling 10. COMMENTS Options 10.1 Comments 10.1.1 Pingbacks / Trackbacks 10.2 Post Form 11. FOOTER Options Footer date First level menu items First credentials 12. CSS3 Options 12.1 BORDER-RADIUS 12.2 BOX-SHADOW 12.3 TEXT-SHADOW ----------------------------------------------*/ /*--------- 1. GENERAL STYLING Options --------- */ /*=== 1.1 Global Design Options ===*/ body{ font-family: Verdana, serif; font-size:12px; background-color:#FFFFFF; color:#333333 } a{ color:#323232; text-decoration:none } a:hover{ text-decoration:none } h1, h2, h3, h4, h5, h6 { font-weight:normal; margin:0 0 18px 0 } p strong, li strong { color: #555; } blockquote { padding:0 15px; margin:15px 0 15px 15px; border-left:3px solid #ccc; display:block } blockquote, blockquote p { font:italic 13px Verdana; line-height:23px } code { background:#F0F0F0 } abbr, acronym { cursor:help } a.button { background:#343530 url(lib_theme/images/ico-bullet-fff.png) no-repeat 8px 14px; border:1px solid #000000; color:#ffffff; font-size:17px; text-decoration:none; margin:0 5px 0 0; padding:8px 16px 8px 22px; height:1%; line-height:45px } a.button:hover { text-decoration:none; background-color:#4C4C4C; color:#ffffff; } dl { font-size:14px; width:100%; border-collapse:collapse; margin:0 0 20px } dl dt { color:#555; font:bold 12px Verdana; padding:8px 10px; vertical-align:middle } dl dd { border:1px dotted #dddddd; color:#333; padding:10px } table { width:100%; border-collapse:collapse; margin:0 0 20px } table caption { margin:15px 0 } table th { border:1px dotted #dddddd; color:#555; font:bold 12px Verdana; padding:8px 10px; vertical-align:middle } table td { border:1px dotted #dddddd; color:#333; padding:10px } table td sup { font-size:10px; color:#555555 } table td img { position: relative; vertical-align:top } input, textarea { font-size: 1em; color: #444444; border: 1px solid #aaa; border-right-color: #ddd; border-bottom-color: #ddd; } input:focus, textarea:focus { background: #ffffff; border-color: #777; border-right-color: #ccc; border-bottom-color: #ccc; } input[type="submit"] { padding:6px 12px; margin:5px 0; color:#ffffff; font-size:12px; background:#000000 url(lib_theme/images/bg-button.png) no-repeat center 0; border:1px solid #414C2A } input[type="submit"]:hover { cursor:pointer; opacity:0.86 } .fix{ clear: both; height: 1px; margin: -1px 0 0; overflow: hidden } .fl, .alignleft{ float: left } .fr, .alignright{ float: right } .ac{ text-align: center } .ar{ text-align: right } .al{ text-align: left } /*=== 1.2 Activation Design ===*/ .activation { text-align:center; position:absolute; top:35%; left:30%; font:normal 20px Verdana; background:#ffffe0; border:1px solid #e6db55; padding:15px } .activation small { font:normal 16px Verdana } /*=== 1.3 Image Handling ===*/ img.alignleft, img.left { float: left; margin:0 15px 10px 0 } img.alignright, img.right { float: right; margin:0 0 15px 10px } img.aligncenter, img.center { display: block; margin-right: auto; margin-left: auto; float: none; clear: both; } img.alignnone, img.block { display: block; clear: both; } img.frame { background: #eee; border-style: solid; border-color: #ddd; } img.stack { clear: none !important; } img[align="left"] { float: left; clear: left; } img[align="right"] { float: right; clear: right; } img[align="middle"] { display: block; margin-right: auto; margin-left: auto; float: none; clear: both; } .wp-caption { background:#f6f6f6; border:1px solid #B0B5B7; color:#666666 } .wp-caption img { margin:5px 5px 0 5px; border:none !important; padding:0 !important } .wp-caption-text { text-align:center; font-style:italic; margin:0 5px 5px 5px } .wp-caption.alignleft { float: left; margin:0 15px 10px 0 } .wp-caption.alignright { float: right; margin:0 0 10px 15px } .wp-caption.aligncenter { margin-right: auto; margin-left: auto; float: none; clear: both; } .wp-caption.alignnone { clear: both; } /*--------- 2. LAYOUT STRUCTURE --------- */ .containerbar { overflow: hidden } .mainbar { padding:0 10px 0 0 } .mainbar.mainbar_right { border:none; padding:0 0 0 10px } .sidebar { background:transparent url(lib_theme/images/sidebar-trans.png) repeat-y left top; border-left:1px solid #E9E9E4; margin:0 } .sidebar.sidebar_left { background:transparent url(lib_theme/images/sidebar-left-trans.png) repeat-y right top; border:0; border-right:1px solid #E9E9E4 } /*--------- 3. NAVIGATION Area --------- */ /*--------- 3.1 Main Navigation Options --------- */ .navigation-area { background:transparent url(lib_theme/images/box-bg-trans.png) repeat-x left top; z-index:2; padding-top:10px; padding-bottom:10px } /* First level menu items */ ul.sf-menu { background:none; border:none; padding:0; margin:0 } .sf-menu li ul { border:none; padding:0; margin:0 } .sf-menu, .sf-menu ul { z-index:100; margin:0; padding:0; list-style:none; line-height:1; } .sf-menu a { display:block; z-index:100; padding:6px 12px; line-height:15px; font-size:12px; color:#000000; text-decoration:none } .sf-menu li:hover { background:#f0d3a8; border:0px; color:#ffffff; font-weight:normal } .sf-menu li.current-menu-item a, .sf-menu li.current_page_item a { background:#000000; border:0px; color:#ffffff; font-weight:bold } .sf-menu li { float:left; width: auto; padding:0; margin:0 } .sf-menu li li.current-menu-item, .sf-menu li.current_page_item { background: none; } .sf-menu .sf-sub-indicator { padding-left:5px } /* Drop-down menu items */ .sf-menu li ul { position:absolute; left:-999em; width:180px; background:#ffffff; border:1px solid #CCCCCC } .sf-menu li ul li { border:none; padding:0; margin:0 } .sf-menu li ul li a { background:url(lib_theme/images/ico-bullet.png) no-repeat 5px 11px; width:150px; padding-left:15px; line-height:10px; font-size:12px; color:#000000} .sf-menu li ul li ul li a { width:150px } .sf-menu li ul li:hover { background:#00a0e2 } .sf-menu li ul li a:hover { color:#000000 } .sf-menu li.current-menu-item ul li a:hover, .sf-menu li ul li.current-menu-item a:hover, .sf-menu li.current_page_item ul li a:hover, .sf-menu li ul li.current_page_item a:hover { color:#ffffff } .sf-menu li ul { padding:5px; } .sf-menu li ul ul { margin: -20px 0 0 140px; } .sf-menu li:hover ul ul, .sf-menu li.sfhover ul ul, .sf-menu li:hover ul ul ul, .sf-menu li.sfhover ul ul ul { left:-999em; } .sf-menu li:hover ul,.sf-menu li li:hover ul,.sf-menu li li li:hover ul,.sf-menu li.sfhover ul,.sf-menu li li.sfhover ul,.sf-menu li li li.sfhover ul { left:auto; } .sf-menu li:hover,.sf-menu li.hover { position:static; } /*--------- 4. LOGO Area --------- */ /* Logo Design */ .logo-area { z-index:1; background:#0D0D0D; padding-top:14px; padding-bottom:14px } /* Logo Options */ .logo-spot { } .logo-spot h1.logo { padding:0; margin:0 } .logo-spot h1.logo a:hover{ background:none } .logo-spot .blog-title { font:normal 37px Verdana; margin:0 0 5px 0 } .logo-spot .blog-title a { color:#ffffff } .logo-spot .blog-description{ font:normal 17px Verdana; color:#EEEEEE } /* Search Form Options */ .logo-area .search{ width:268px; height:35px; position:relative; margin:18px 0 0 0 } .logo-area .search background:url(lib_theme/images/text.png) no-repeat 0 0; outline:0; border:0; float:left } .logo-area .search button{ border:0; padding:0; margin:0; cursor:pointer; position:absolute; width:47px; height:35px; top:0; right:0; background:url(lib_theme/images/text.png) no-repeat 100% 0%} /*--------- 5. FEATURED POSTS Area --------- */ /*=== 5.1 Featured Content ===*/ .slider-area { z-index:1; background:#F2F2F2 url(lib_theme/images/box-bg-trans.png) repeat-x left top; border-bottom:1px solid #C7C6BF; padding-top:20px; padding-bottom:20px } li.floading { padding:10px 30px; } li.floading .floading-image{ background:transparent url(lib_theme/images/ajax-loader.gif) no-repeat center center; width:16px; height:11px } .top-featured { background:#ffffff; padding:4px; margin-top:10px; border:1px solid #C7C6BF; display:none } .top-featured .feat_item { margin:0; padding:0; float:left; display:inline; position:relative } .top-featured .feat_item a { margin:0; padding:0 } .top-featured .feat_item a img.thumbnail { margin:0; padding:0; background:#ffffff; border:1px solid #ffffff } .top-featured .box1 { } .top-featured .box2345 { } .top-featured .box6 { margin:-152px 0 0 0 } .top-featured span.cat { position:absolute; color:#F4F4F6; right:1px; top:1px; background: url("lib_theme/images/top-opacity-top-trans2.png") no-repeat left top; padding:4px 8px; font-size:11px } .top-featured span.cat a { color:#F4F4F6 } .top-featured h2{ position:absolute; left:1px; bottom:1px; background: url("lib_theme/images/top-opacity-top-trans.png") no-repeat left top; padding:8px; margin:0; line-height:20px } .top-featured h2 a{ color:#F4F4F6; font-size:17px } /*=== 5.2 Featured category navigation ===*/ .cat-menu .sf-menu a { font-size:12px } .cat-menu .sf-menu li.current_page_item a, .cat-menu .sf-menu li.current-cat a { background:#ffffff; color:#000000 } .cat-menu .sf-menu li:hover { background:#ffffff } .cat-menu .sf-menu li ul li:hover { background:#ffffff } /*--------- 6. ADDITIONAL INFO Area --------- */ .addinfo-area { z-index:1; padding-top:20px; padding-bottom:20px } .addinfo { padding:10px; background:#FFF9DD; color:#666666; border:1px solid #EBE3BE } .addinfo h1,.addinfo h2, .addinfo h3, .addinfo h4,.addinfo h5, .addinfo h6 { padding:0; margin:0 } .addinfo img { float:left; margin:0 15px 0 0 } /*--------- 7. CONTENT BOXES Area --------- */ .cbox-area { z-index:1; background:transparent url(lib_theme/images/box-bg-trans.png) repeat-x left top; border-top:1px solid #E9E9E4 } .cbox{ padding:20px 0 } /*=== 7.1 Text Formating ===*/ .format_text { line-height:25px } .format_text img{ padding:5px; border:1px solid #B0B5B7 } .format_text ul, .format_text ol { margin:0 0 10px 20px; padding:0; background:none; border:none } .format_text ul li, .format_text ol li { font-size:15px; margin:0; padding:4px 0 } .format_text ul { list-style-image:url(lib_theme/images/list-bullet-trans.png) } .format_text ul li { list-style-type:none; padding:4px 0 4px 5px } .format_text ol li { margin:0 0 0 10px; padding:4px 0 4px 5px } .format_text ul li ul, .format_text ol li ol { list-style-image:none; margin:6px 0 } .format_text ul li ul { background:transparent url(lib_theme/images/tree-vert.gif) repeat-y top left; list-style:none } .format_text ul li ul li, .format_text ol li ol li { font-size:14px; line-height:15px; padding-left:17px } .format_text ul li ul li { background:transparent url(lib_theme/images/tree-horiz.gif) no-repeat 0px 10px } .format_text ul li ul li ul li, .format_text ol li ol li ol li { font-size:13px } /*=== 7.2 Content Display ===*/ .title-area { z-index:1; background:#F2F2F2 url(lib_theme/images/box-bg-trans.png) repeat-x left top; border-bottom:1px solid #C7C6BF; padding-top:15px; padding-bottom:15px } h2.title, h1.title { padding:0; margin:0; color:#000000; font-size:23px } h1.title { font-size:33px } a.rss-button img { vertical-align:middle; margin:0 10px 2px 0; padding:0 } .single { padding:10px 0; margin:0 } .sing { padding:10px 0; border-bottom:1px dotted #dddddd } .single.bsize_1 { } .single.bsize_2 { width:285px; display: inline; float: left; position: relative } .single.odd { margin:0 30px 0 0 } .mainbar.mainbar_right .single.odd { margin:0 20px 0 10px } .single img.thumbnail { padding:5px; border:1px solid #B0B5B7 } .headline h2 { font-size:21px; margin:0 0 5px 0 } .meta { color:#7E7E7E; margin:15px 0 } .sing .meta { margin:5px 0 20px 0 } .meta a { color:#7E7E7E } .meta span { background:url(lib_theme/images/calendar-ico-trans.png) no-repeat 0 2px; font-size:11px; padding:2px 8px 2px 22px; margin:0 } .meta span.comm { background:url(lib_theme/images/comment-ico-trans.png) no-repeat 0 2px } .meta span.auth { background:url(lib_theme/images/author-ico-trans.png) no-repeat 0 2px } .meta span.tag { background:url(lib_theme/images/tag-ico-trans.png) no-repeat 0 2px } .meta span.cat { background:url(lib_theme/images/flag-ico-trans.png) no-repeat 0 2px } span.read-more { padding:0 0 10px 0; display:block } span.read-more a { background:#f3e3db url(lib_theme/images/ico-bullet.png) no-repeat 8px 8px; border:none; color:#000000; font-size:12px; text-decoration:none; margin:0; padding:5px 10px 5px 20px; height:1%; line-height:20px } span.read-more a:hover { text-decoration:none; background-color:#c9bdb7} .single-sep { border-bottom:1px dotted #eeeeee } /*=== 7.3 Pagination Options ===*/ .lpagination { padding:10px 0 20px 0; margin:0; text-align:center; border-bottom:1px dotted #dddddd } .fpagination { padding:20px 0 10px 0; border:none; border-top:1px dotted #dddddd } ul.lpag { list-style:none; padding:0; margin:0 } ul.lpag li { font-size:13px; font-family:Tahoma; display:inline; padding:0; margin:0 } ul.lpag li a { padding:5px 10px; color:#000000 } ul.lpag li a:hover { background:#f3e3db; text-decoration:none } ul.lpag li.active a { background:#000000; color:#ffffff } ul.lpag li.current span { padding:5px 10px; margin:0; background:#000000; color:#ffffff } /*=== 7.4 Breadcrumbs Navigation ===*/ .breadcrumbs-area { z-index:1; background:#FCFCFC; padding-top:10px; padding-bottom:10px } #breadcrumb p{ font-size:12px; padding:0; margin:0; color:#777777 } #breadcrumb p a { } #breadcrumb p strong { color:#777777 } /*=== 7.5 Twitter Gadget Options ===*/ .twitter-area { z-index:1; background:transparent; padding:10px 0; } .twitter-spot-outer { background:#ffffff; padding:8px; border:1px solid #CCCCCC } .twitter-spot-inner { background:#DDEEF6; border:1px solid #C3E5F4; padding:8px 12px } .twitter-spot-inner .loading { background:transparent url(lib_theme/images/ajax-loader.gif) no-repeat center center; width:16px; height:11px } .twitter-area a.twitter-logo img { vertical-align:middle; margin:15px 0 15px 25px } .twitter-area ul#twitter_update_list { margin:0; padding:0; color:#555555 } .twitter-area ul#twitter_update_list li { margin:0; padding:0; list-style:none } .twitter-area ul#twitter_update_list li a { } .twitter-area ul#twitter_update_list li span { display:block; font-size:12px; line-height:22px } .twitter-area ul#twitter_update_list li span.date { background:url(lib_theme/images/time-ico-trans.png) no-repeat 0 5px; height:16px; font-size:11px; padding:2px 8px 2px 24px; margin:2px 0 10px 0 } /*--------- 8. CUSTOM TEMPLATE Options --------- */ /*=== 8.1 Portfolio Template Display ===*/ .portfolio { width:280px; display:inline; float:left; margin:10px 25px 0 0 } .portfolio.even { margin:10px 0 0 0 } .portfolio .headline { display:block; margin:0 } .headline h2.ptitle { font-size:17px; display:block; margin:10px 0 } .portfolio .meta { margin:0 0 10px 0 } /*=== 8.2 FAQs Template Display ===*/ ul.faq-popular { list-style:none; margin:0 0 20px 0; padding:15px; background:#FFFFCC; border:1px solid #FF9900 } ul.faq-popular h4 { margin:0 0 10px 0; padding:0; font-size:17px; } ul.faq-popular li { list-style:none; list-style-image:url(lib_theme/images/list-bullet-trans.png); margin:0 0 0 15px; padding:2px 0 } ul.faq-popular li a { font-size:14px; padding:0 } ul.faq-section { list-style:none; margin:0 0 20px 0; padding:0; background:none; border:none } ul.faq-section li { list-style:none; margin:0; padding:2px 0 } ul.faq-section li.faq-cat { } ul.faq-section li.faq-cat a.faq-clink { font-size:21px; background:#EAEAEA; color:#000000; display:block; padding:5px 10px } ul.faq-section li.faq-q { list-style-image:url(lib_theme/images/list-bullet-trans.png); margin:0; padding:2px 0 } ul.faq-section li.faq-q a { font-size:14px; background:#ffffff; padding:0 } ul.faq-section li ul { margin:5px 0 5px 15px } ul.faq-section li hr { border:none; border-bottom:1px dotted #cccccc; padding:4px 0; margin:4px 0 } .faqs .search{ height:35px; position:relative; background:url(lib_theme/images/search-form.png) no-repeat 0% 0%; width:97%; margin:15px 0 25px 0; padding-left:3% } .faqs .search input{ background:url(lib_theme/images/search-form.png) no-repeat 100% 0%; color:#333333; font-size:1.25em; height:29px; width:100%; padding:3px 0; margin:0 0 0 0; outline:0; border:0; float:left } .faqs .search button{ background:none; position:absolute; width:35px; height:35px; top:0; right:0; border:0; padding:0; margin:0; cursor:pointer } /*--------- 9. WIDGET Options --------- */ /*=== 9.1 General Widget Styling ===*/ .widget { background:transparent; border-bottom:1px solid #E9E9E4; margin:0; padding:20px 0 20px 20px; line-height:23px; font-size:12px } .sidebar.sidebar_left .widget { padding:20px 20px 20px 0 } .widget h1, .widget h2, .widget h3 { padding:10px 0; margin:0 0 5px 0 } .widget h3 { font-size:20px; color:#000000; padding:0 0 10px 0; margin:0 0 10px 0 } .widget h3 img { vertical-align: middle; border:0; padding:0; margin:0 5px 0 0 } .widget h3 img.wid-icon { margin:0 5px 0 0 } .widget ul { list-style-image:url(lib_theme/images/list-bullet-trans.png); margin:0 0 0 13px; padding:0; background:none; border:none } .widget ul li { list-style-type:none; margin:0; padding:2px 0 } .widget ul li ul { list-style-image:none; background:transparent url(lib_theme/images/tree-vert.gif) repeat-y top left; list-style:none; margin:5px 0 } .widget ul li ul li { line-height:15px; padding-left:17px; background:transparent url(lib_theme/images/tree-horiz.gif) no-repeat 0px 10px } .widget a.button { background:#7FB000 url(lib_theme/images/ico-bullet-fff.png) no-repeat 8px 10px; border:1px solid #689300; color:#ffffff; font-size:13px; font-weight:bold; text-decoration:none; margin:0 5px 0 0; padding:5px 13px 5px 20px; height:1%; line-height:35px } .widget a.button:hover { text-decoration:none; background-color:#95C000; color:#ffffff; } /*=== 9.2 Specific Widget Styling ===*/ .widget .rec-title { font-size:13px } .widget .rec-title img { vertical-align: middle; border:0; padding:0; margin:0 0 5px 10px } .widget .rec-excerpt { line-height:23px; margin:10px 0 } .widget .rec-date { font-size:11px; margin:0 0 10px 0; color:#969696 } .flickr { padding:0 } .flickr_badge_image{ float:left; list-style:none; margin:0 0 0 5px } .flickr img{ padding:3px; border:1px solid #B0B5B7 } .cform .screenReader { left:-9999px; position:absolute; top:-9999px } .cform ol.forms { list-style:none; width:100% } .cform ol.forms li { margin:0; padding:0; position:relative; width:100% } .cform ol.forms label { } .cform ol.forms label span { color:red; margin:0 0 0 2px } .cform ol.forms input.txt, .cform ol.forms textarea { background:#F9F9F9; padding:5px; width:95% } .cform ol.forms input.txt:focus, .cform ol.forms textarea:focus { background:#ffffff } .cform ol.forms input.txt { } .cform ol.forms textarea { height:180px } .cform ol.forms li .error { font-size:10px; display:block; font-weight:bold; color:red } .cform ol.forms li.screenReader { margin-bottom: 0; } .cform ol.forms li.buttons .submit { } .cform ol.forms li.inline { margin:10px 0; padding:0 } .cform ol.forms li.inline input { margin:0 8px 0 0 } .cform ol.forms li.inline label { } .widget #twitter .loading { background:transparent url(lib_theme/images/ajax-loader.gif) no-repeat center center; width:16px; height:11px } .widget #twitter ul li span { display:block } .widget #twitter ul li span.date { background:url(lib_theme/images/time-ico-trans.png) no-repeat 0 5px; height:16px; font-size:11px; padding:2px 8px 2px 24px; margin:2px 0 10px 0 } #twitter .follow-text { background:url(lib_theme/images/twitter-32-trans.png) no-repeat left top; margin:14px 0 0 18px; padding:8px 0 10px 45px; font-size:11px; font-weight:bold } .widget .search{ height:35px; position:relative; background:url(lib_theme/images/search-form.png) no-repeat 0% 0%; width:97%; margin:15px 0; padding-left:3% } .widget .search input{ background:url(lib_theme/images/search-form.png) no-repeat 100% 0%; color:#333333; font-size:1.25em; height:29px; width:100%; padding:3px 0; margin:0 0 0 0; outline:0; border:0; float:left } .widget .search button{ background:none; position:absolute; width:35px; height:35px; top:0; right:0; border:0; padding:0; margin:0; cursor:pointer } #calendar_wrap { width:100%; padding:0; margin:0 } #calendar_wrap a { font-weight: bold; } #calendar_wrap a:hover { } table#wp-calendar { width:100%; border-collapse: collapse; margin:0 } table#wp-calendar caption { margin:0 0 0 -1px; font-weight:bold; letter-spacing: 2px; padding:25px 0 10px 0; color:#fff; background:transparent url(lib_theme/images/calendarhead.png) repeat-x left top } table#wp-calendar th, table#wp-calendar td { padding:5px; text-align:center; color:#333333 } table#wp-calendar th { width: 14%; border:1px solid #cccccc; background:#f2f2f2 } table#wp-calendar td { width: 14%; border:1px solid #cccccc; background:#ffffff } #today { background:#ffffcc } table#wp-calendar td#next, table#wp-calendar td#prev { width: 45%; letter-spacing: 1px; } table#wp-calendar td#next { text-align: right; } table#wp-calendar td#prev { text-align: left; } table#wp-calendar td#prev, table#wp-calendar td#next { background:transparent; border:none } table#wp-calendar tfoot td.pad { background:transparent; border:none } .widget .ad-box { text-align:left } .widget .ad-box img { margin:0 5px 0 0 } .widget .widtabs ul.tabs { padding:0; margin:5px 0 } .widget .widtabs ul.tabs li { float:left; display:inline; margin:0; border:0; cursor:pointer } .widget .widtabs ul.tabs li a { color:#777777; background:#f0d3a8; float:left; padding:2px 8px; margin:0 5px 0 0; font-size:11px } .widget .widtabs ul.tabs li:last-child a { margin:0 } .widget .widtabs ul.tabs li a.selected, .widget .widtabs ul.tabs li a:hover { background:#fd9700; text-decoration:strong; color:#ffffff } .widget .widtabs .inside { padding:0 0 5px 0 } .widget .widtabs .inside ul { margin:0; padding:0; list-style:none } .widget .widtabs .inside li { border-bottom:1px solid #dfdfdf; padding:10px 0; line-height:16px } .widget .widtabs .inside li:last-child { border:none } .widget .widtabs .inside li a { font-size:14px; font-weight:bold; color:#000000 } .widget .widtabs .inside a:hover{ } .widget .widtabs .inside li span.meta { font-size:11px; margin:5px 0 0 0; padding:0; display:block } .widget .widtabs .inside li img.avatar, .widget .widtabs .inside li img.thumbnail { border:1px solid #ddd; padding:3px; float:left; margin:0 15px 0 0 } /*--------- 10. COMMENTS Options --------- */ /*=== 10.1 Comments ===*/ h3.tcomm, h2.post-form { font-size:22px; color:#333333; padding:10px 0; margin:20px 0 } #respond h3.tcomm { border:none; padding:0; margin:10px 0 0 0 } #comments { background:transparent; position:relative } #comments ol.commentlist, #comments ol.commentlist li { padding:0; margin:0; background:none; border:none } #comments .comment { margin-top:10px !important; width:100%; list-style-type:none } #comments .comment a { padding:1px 0 } #comments .comment small { font-size: 11px } #comments .comment .comment-container { padding:3px 0 } #comments .comment .avatar-wrap { float:left } #comments .comment .avatar-wrap img { background:#fff; padding:3px; border:1px dotted #dddddd } #comments .comment .text-right { margin-left:75px } #comments .comment .text-right .comm-reply{ background:#F9F9F9; font-size:12px; font-family:Tahoma; color:#999999; padding:0 8px 25px 8px; margin:0; border:1px dotted #dddddd } #comments .comment .text-right .comm-reply span.author{ font-weight:bold; color:#000000 } #comments .comment .text-right .comm-reply .fl { margin:0; padding:3px 0 0 0 } #comments .comment .text-right .comm-reply .fr { margin:0; padding:2px 0 0 0 } #comments .comment .text-right .comm-reply .fr input { vertical-align:middle; margin:0; padding:0; display:inline } #comments .comment .text-right .comm-reply small a{ font-weight:normal } #comments .comment .text-right .comment-entry { background:#ffffff; padding:10px; border:1px dotted #dddddd; border-width:0 1px 1px 1px } #comments .comment .text-right .comment-entry p { padding:0 0 10px 0; margin:0 } #comments ul.children { padding:0 0 0 25px; margin:0; list-style:none; border:none; background:none } #comments .comment.bypostauthor .text-right .comm-reply { border:1px solid #3c3ca4; background:#eeeeff } p.commpadd{ padding:0; margin:0 0 10px 0 } .cancel-comment-reply { padding:10px 0 } .cancel-comment-reply a#cancel-comment-reply-link { background:#FEFFA2; border:1px dotted #dddddd; padding:4px 6px } #comments .comment .vote { margin:0; padding:0; border:0 } #comments .comment .voted { border:1px solid #cccccc } /*=== 10.1.1 Pingbacks / Trackbacks ===*/ #comments .pingback, #comments .trackback { margin:0 0 0 20px !important; padding:10px 0 !important; list-style-type: decimal; font-size: 11px; border-bottom:1px solid #e6e6e6 !important } #comments .pingback .author, #comments .trackback .author { font-weight: bold; font-size: 11px; } #comments .pingback .date, #comments .trackback .date { font-size: 11px; } #comments .pingback .comment-entry p, #comments .trackback .comment-entry p { padding:10px 0 0 0; margin:0 } /*=== 10.2 Post Form ===*/ #respond { padding:10px 0; margin:0 } #respond a{ padding:1px 0 } #respond p{ padding:5px 0; margin:0 } #respond textarea, .commpadd input{ background:#FCFBF7; } #respond textarea { margin:0; padding:4px } p.commpadd input{ line-height:25px; height:25px; padding:5px 0 0 5px } p.commpadd label{ padding:0 0 0 5px } #comments_wrap .navigation { margin:15px 0 0 0 } #comments_wrap .navigation a { padding:5px 8px; color:#000000; font-size:12px; background-color:#dddddd; border:1px solid #777777; text-decoration:none } #comments_wrap .navigation a:hover { opacity:0.86 } /*--------- 11. FOOTER Options --------- */ .footer-area { background:#fiaf00 color:#fiaf00 url(lib_theme/images/box-bg-trans.png) repeat-x left top; border-top:1px solid #000000; z-index:1; color:#999999; padding:10px 10px 20px 0 } /* Footer date */ .footer-area .date { padding:8px 0; font-size:11px; color:#333333 } /* First level menu items */ .footer-area ul.sf-menu, .footer-area .sf-menu { float:right } .footer-area .sf-menu a { font-size:12px; color:#000000 } /*--------- 12. CSS3 Options --------- */ /*=== 12.1 BORDER-RADIUS ===*/ input[type="submit"], .single img.thumbnail, .meta, span.read-more a, .flickr img, #comments .comment .avatar-wrap img { border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; } .top-featured, .twitter-spot-inner { border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px; } a.button, .wp-caption, .feed-spot a.rss-button img, .sf-menu li:hover, .sf-menu li.current_page_item a, .cat-menu .sf-menu li.current-cat a, .sf-menu li.current-menu-item a, .sf-menu li ul, ul.lpag li a, ul.lpag li.current span, ul.lpag li.name span { border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px; } .addinfo, .twitter-spot-outer { border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; } #comments .comment .text-right .comm-reply { border-top-right-radius:5px; border-top-left-radius:5px; -moz-border-radius-toprigh:5px; -moz-border-radius-topleft:5px; -webkit-border-top-right-radius:5px; -webkit-border-top-left-radius:5px; } #comments .comment .text-right .comment-entry { border-bottom-right-radius:5px; border-bottom-left-radius:5px; -moz-border-radius-bottomrigh:5px; -moz-border-radius-bottomleft:5px; -webkit-border-bottom-right-radius:5px; -webkit-border-bottom-left-radius:5px; } /*=== 12.2 BOX-SHADOW ===*/ input[type="submit"] { box-shadow: 1px 1px 0 #5D5F60; -moz-box-shadow: 1px 1px 0 #5D5F60; -webkit-box-shadow: 1px 1px 0 #5D5F60; } /*=== 12.3 TEXT-SHADOW ===*/ span.read-more a, h2.title, h1.title, h3.tcomm, h2.post-form { text-shadow: 0 1px 1px #ffffff; } #ie-message { background:#C00; text-align:center; border-bottom:1px solid #900; color: #fff; position:absolute; top:0; padding:5px; width:100%; } #ie-message a { color: #fff; } input[type="text"] {color:#6e6e6e;}