/* Theme Name:FFS.V2 Theme URI:http://www.forgingfire.com Version:1.0 Description:2 Column theme from Forging Fire Studio Author:FFS Author URI:http://www.forgingfire.com */ body { margin:0; padding:0; color:#84878E; background:url(images/bg.jpg) repeat-y top center #000; font:11px/18px Verdana, Arial, Helvetica, sans-serif } a:link, a:visited { text-decoration:none; color:#f2f2f2 } a:hover, a:active { color:#CCCCCC } a:focus { outline:none} ul, ol { line-height:2.0em} h1, h2, h3, h4, h5, h6 { font-weight:normal; margin:0 0 10px } h1 { font-size:32px; margin:10px 0 0 0 } h2 { font-size:28px } h3 { font-size:24px } h4 { font-size:20px } h5 { font-size:12px } img { border:0 } /* Begin Images */ p img { padding:0; max-width:100%} p {margin:0 0 15px 0; font:11px/16px Arial, Helvetica, sans-serif} img.centered { display:block; margin-left:auto; margin-right:auto} img.alignright { padding:4px; margin:0 0 2px 7px; display:inline} img.alignleft { padding:4px; margin:0 7px 2px 0; display:inline} .alignright { float:right} .alignleft { float:left } /* End Images */ pre, blockquote { overflow:auto; padding:0 10px; margin:20px 30px; line-height:1.8em; background-color:#f5f5f5; border:1px solid #e0e0e0 } pre:hover, blockquote:hover { background-color:#f0f0f0; border:1px solid #d0d0d0 } #wrapper { width:100%; padding:0; margin:0; overflow:visible} #wrapper2 { width:100%; padding:0; margin:0; overflow:hidden} #header { width:100%; height:160px; background:url(images/header-top-bg.png) repeat-x top;} #logo-wrap { width:940px; height:93px; margin:0 auto; overflow:hidden} .logo {width:630px;float:left} #header4 { width:972px; margin:15px auto;} #header5 { width:972px; margin:0 auto; height:580px; padding:13px} #nav-wrap {width:972px; margin:0 auto} #navigation { width:972px; margin:0} #nav li.flyout-link { position: relative;} #flyout-topics {position: absolute;z-index:999;top: 38px; left:-15px;display: none;width:344px; padding:15px; background:url(images/flyout.png) bottom no-repeat; text-align:left; overflow:hidden} #flyout-topics ul li a {color:#fff} #flyout-topics li {margin-left:20px; background:none; float:left; width:30%} #flyout-topics li.header-link {width:80%; font-style:italic; border-bottom:1px solid #444; font-weight:bold;} #search_bg { margin-top:10px; height:70px; width:286px; float:left; background:url(images/search-bg.png) no-repeat 0 -10px; overflow:hidden} #search { width:262px; height:52px; color:#F2F2F2; padding:0; float:left; } #search input { width:182px; height:22px; font-size:11px; color:#F3F3F3; font-family:Tahoma, arial, verdana, courier; vertical-align:middle; padding:8px 0 0 8px; margin:23px 0 0 31px; background:none; border:none} #header3 { width:940px; margin:-15px auto 15px; padding:0; height:325px; background:url(images/video-bg-top-btm.gif) no-repeat center; } .featured-wrapper { margin-left:10px } .featured { width:864px; height:277px; border:2px solid #000; } .featured-inside { width:308px; height:247px; background-image:url(images/featured-bg.png); padding:15px; float:right} .play-button { background-image:url(images/play-video.png); cursor:pointer; width:152px; height:37px; float:left; margin:20px 0 0 70px} .featured-content { float:right; width:353px; margin-right:5px} .next { float:left; margin-top:90px; cursor:pointer; background-image:url(images/play-right.gif); position:relative; width:20px;} .prev { float:left; margin-top:90px; cursor:pointer; background-image:url(images/play-left.gif); position:relative; width:20px; margin-left:6px} #sections { overflow:hidden; width:868px; height:287px; margin:22px 0 0 0; float:left} #sections ul { margin:0; list-style-image:none; list-style-type:none; padding:0; width:9000px} #sections li { margin:0; padding:0; float:left} .position { position:relative} #container { margin:0 auto; width:940px; color:#84878E; overflow:hidden;} #fullpage {margin:0 auto; padding:0; width:920px;} #left-div { width:620px; overflow:hidden; margin:0 20px 0 0; float:left} #sidebar { width:300px; float:left; margin-top:0} .wrap620 {width:620px; overflow:hidden} .sidebar-box { margin-bottom:15px; float:left; width:278px; padding: 0 10px 10px; background:url(images/sidebar-top-bg.jpg) top left no-repeat #111; border:1px solid #000; margin-top:0} .sidebar-box ul { list-style:none; margin:0; padding:0; background:#222; overflow:hidden} .sidebar-box ul li { color:#666; background:url(images/btn-bg.jpg) no-repeat left #222; border-bottom:1px solid #000; border-top:1px solid #333} .sidebar-box ul li a:link, .sidebar-box ul li a:visited, .sidebar-box ul li a:active { margin:0; color:#666; display:block;padding:5px 5px 5px 15px; } .sidebar-box ul li a:hover { color:#666; background:#333} .sidebar-box ul li ul {margin-left:0; border-bottom:3px solid #333} .sidebar-box ul li ul li {border-left:3px solid #333; border-right:3px solid #333} .sidebar-box ul li ul li a:hover { border-bottom:1px solid #222; border-top:1px solid #666; border-right:1px solid #222} .sidebar-box h2 {margin:0; padding:5px 0 5px 15px; font: lighter 20px Verdana, Arial, Helvetica, sans-serif; color:#444; text-transform:lowercase; display:block} .sidebar-box ul li.rss a {background:url(images/rss_feed.png) no-repeat 5px #222; padding-left:25px } .sidebar-box ul li.rss a:hover {background:url(images/rss_feed.png) no-repeat 5px #333; padding-left:25px } .sidebar-box ul li.twitter a {background:url(images/twitter.png) no-repeat 5px #222; padding-left:25px } .sidebar-box ul li.twitter a:hover {background:url(images/twitter.png) no-repeat 5px #333; padding-left:25px } .twitter-message {padding:5px 5px 10px; border-bottom:1px solid #333; margin:5px 0} .twitter-link {display:block; text-align:right} #side-accordion { margin-top: 0;} #side-accordion a.head { cursor: pointer;text-decoration: none;display: block;background:#222; border-bottom: 1px solid #000;color: #f2f2f2; padding: 5px 5px 5px 15px} #side-accordion a.head:hover {background:#333} #side-accordion a.selected {background:#333; border-bottom:1px solid #333; color: #f2f2f2} #leftdiv-accordion1 { margin-top: 0;} #leftdiv-accordion1 a.head { cursor: pointer;text-decoration: none;display: block; color: #666; padding: 5px 5px 5px 15px} #leftdiv-accordion1 a.head:hover {color:#888} #leftdiv-accordion1 a.selected {color: #666} #leftdiv-accordion2 { margin-top: 0;} #leftdiv-accordion2 a.head { cursor: pointer;text-decoration: none;display: block; color: #666; padding: 5px 5px 5px 15px} #leftdiv-accordion2 a.head:hover {color:#888} #leftdiv-accordion2 a.selected {color: #666} #leftdiv-accordion3 { margin-top: 0;} #leftdiv-accordion3 a.head { cursor: pointer;text-decoration: none;display: block; color: #666; padding: 5px 5px 5px 15px} #leftdiv-accordion3 a.head:hover {color:#888} #leftdiv-accordion3 a.selected {color: #666} #footer { width:920px; height:32px; padding:10px 10px 0 10px; margin:15px auto 15px; color:#666; font-size:11px; background:#111; } #footer div.copyright {float:left} #footer div.links {float:right} #footer a { color:#F2F2F2; font-size:11px} #footer a:visited { color:#F2F2F2} #footer a:hover { color:#888; text-decoration:underline} .post-wrapper {padding:10px; background:#111} .post-wrap-long { width:610px; padding:4px; overflow:hidden;} .home-post-wrap { width:618px; margin:0 0 15px 0; padding:0; background:#111; border:1px solid #000} .home-post-wrap-top { background:#222; height:37px; width:618px; background:url(images/post-top.jpg) no-repeat bottom;} .home-post-wrap-top h2 { margin:8px 0 0 10px; padding:0; float:left} .home-post-wrap-top h5 { margin:0; padding:0} .home-post-wrap2 h2 { color:#1D75CF} .home-post-wrap-box { width:300px; float:left; background:#222; border:1px solid #111} .post-info-featured { color:#585858; border-top:1px solid #585858; border-bottom:1px solid #585858; width:100%; display:block} .post-info-featured a:link, .post-info-featured a:visited, .post-info-featured a:hover { color:#585858 } .post-info { margin-top:10px; padding:10px; font-size:10px; color:#ccc; width:580px; margin:0; background:#000} .post-info-title { color:#ccc; font-size:13px; display:block} .post-title { line-height:30px; font-size:18px; margin-top:0} .thumbnail-div { height: 180px; width: 189px; margin-right:4px; padding:4px; float: left; background:#000 } .thumbnail-div-single { width:190px; height:190px; padding:4px; margin:0 15px 15px 0; background:#000; float:left} .post-info2 { width: 389px; height: 168px; padding: 10px; background-image: url(images/post-info-bg.gif); color: #797979; float:left;} .post-info2 a:link, .post-info2 a:hover, .post-info2 a:visited { color:#F2F2F2} .post-info2 .go-btn {position:relative; top:10px; left:250px} .post-info-info {height:125px} .go {height:40px} .post-inside-2 { float:left; width:450px} .titles-boxes { font-weight:bold } .titles { font-weight:normal; font-size:24px; text-decoration:none } .titles a:link, .titles a:visited, .titles a:active { text-decoration:none; font:20px Georgia, "Times New Roman", Times, serif; margin-bottom:10px 0; display:block; color:#F2F2F2} .titles-featured { font-size:16px; display:block; margin-bottom:10px; margin-top:5px; color:#F2F2F2} a.titles-featured, a.titles-featured:visited, a.titles-featured:hover { font-size:16px; line-height:30px; color:#F2F2F2} .headings { color:#f2f2f2; display:block; width:285px; height:26px; padding:10px 0 0 15px; background:#111; font-size:12px} .cat-box-items { width:285px; padding:10px 0 15px 15px; } .cat-box-items ul { margin:0; padding-left:0; font:11px Arial, Helvetica, sans-serif; list-style:none } .cat-box-items ul li { line-height:21px} .cat-box-items2 { width:285px; padding:10px 0 15px 15px; } .cat-box-items2 ul { margin:0; padding-left:15px; font:11px Arial, Helvetica, sans-serif } .cat-box-items2 ul li { line-height:21px} .topbanner { margin-top:8px; border:none; float:right } .single-entry { float:left; width:100%; margin-bottom:10px; padding:0} .date { background-image:url(images/date-bg.gif); width:80px; height:11px; margin:11px 10px 0 10px; padding:5px 0 0 5px; color:#333; line-height:5px; font-size:9px; font-weight:bold; float:right} .comment-buble { float:right; margin:5px 10px 0 0; background-image:url(images/comments-bg.gif); width:33px; padding:8px 0 0 4px; height:17px; line-height:9px; text-align:center} .comment-buble a:link, .comment-buble a:visited, .comment-buble a:hover { color:#333; font-size:10px; margin:0} .readmore { background-image:url(images/bullet.gif); background-repeat:no-repeat; background-position:left; float:right; padding-left:20px; margin-top:10px} .readmore a:link, .readmore a:hover { color:#1D75CF} #categories { width:949px; float:left} #categories ul { margin:0; padding-left:0; list-style-type:none; list-style-image:none; float:left} #categories ul li { height:46px; padding-left:0; float:left; display:block } #categories ul li a:link, #categories ul li a:visited, #categories ul li a:active { height:34px; margin:0 1px; padding:12px 10px 0; color:#F2F2F2; font-size:11px; font-weight:bold; float:left; display:block } #categories ul li a:hover { height:32px; margin:0 0; padding-top:14px; background-image:url(images/nav-bg-hover.gif) } .current-category { background-color:#111; color:#666; padding:8px 0 8px 10px; display:block; margin-bottom:15px; width:610px} .page-hdr {background:url(images/page-hdr-bg.jpg) no-repeat; padding:15px 0 0 10px; height:35px; width:590px; font-size:14px; color:#FFF} .page-hdr2 {background:#000; padding:15px 0 0 10px; height:35px; width:890px; font-size:18px; color:#FFF} .page-content {background:#111; padding:10px; margin-bottom:15px} .page-section {margin-bottom:20px} .toggle {margin-bottom:10px} .overlay { position:absolute; top:0; left:0; height:29px; width:189px; background-image:url(images/thumbnail-overlay.png); background-repeat:repeat-x} #video { width:900px; padding:20px; margin:0 auto; background:#000; margin-bottom:15px} #video-inside {margin:0; padding0} .adwrap { margin-left:26px; float:left} .adwrap a, .adwrap a:hover, .adwrap a:visited { margin-right:5px; margin-bottom:5px; display:block; float:left} .articleinfo { border-bottom:1px solid #EEEEEE; padding-bottom:7px; color:#545454} #commentform { margin:1em 0; margin-left:20px} #commentform textarea { background:#222; border:1px solid #000; width:370px} #commentform #email { width:280px; height:20px; padding:6px 0 0 10px; font-size:1.1em; border:1px solid #000; width:280px; background:#222; color:#f2f2f2} #commentform #author { width:280px; height:20px; padding:6px 0 0 10px; font-size:1.1em; border:1px solid #000; width:280px; background:#222; color:#f2f2f2} #commentform #url { width:280px; height:20px; padding:6px 0 0 10px; font-size:1.1em; border:1px solid #000; width:280px; background:#222; color:#f2f2f2} #commentform #email:focus { width:280px; height:20px; padding:6px 0 0 10px; font-size:1.1em; border:1px solid #000; width:280px; background:#222; color:#f2f2f2} #commentform #author:focus { width:280px; height:20px; padding:6px 0 0 10px; font-size:1.1em; border:1px solid #000; background:#222; color:#f2f2f2} #commentform #url:focus { width:280px; height:20px; padding:6px 0 0 10px; font-size:1.1em; border:1px solid #000; background:#222; color:#f2f2f2} #commentform input { margin-bottom:3px} .logo { border:0; margin:0 auto 15px} .random-content a:link { font-size:13px} .random a:link, .random a:visited { float:left; display:block; width:100%} /* Captions */ .aligncenter, div.aligncenter { display:block; margin-left:auto; margin-right:auto} .wp-caption { border:1px solid #ddd; text-align:center; background-color:#f3f3f3; padding-top:4px; margin:10px} .wp-caption img { margin:0; padding:0; border:0 none} .wp-caption p.wp-caption-text { font-size:11px; line-height:17px; padding:0 4px 5px; margin:0} /* End captions */ /* Begin Comments*/ .commentlist { padding:0; margin:0 0 0 17px; width:560px; list-style-image:none; list-style-type:none; float:left} .commentlist cite { margin:5px 6px 0 10px; font-weight:normal; font-style:normal; font-size:18px; float:left } .commentlist p { font-weight:normal; line-height:1.5em; text-transform:none; display:block; float:left; width:90%; margin-left:3%} .commentlist li { width:560px; padding:0 0 15px 0; margin:0; display:block; font-weight:bold; list-style-image:none; list-style-type:none; float:left} .commentlist li div { width:540px; margin:0; padding:10px; display:block; background:#222; float:left} .commentlist li .avatar { float:left; border:1px solid #111; padding:2px; background:#222} .commentlist .children li { width:90%; display:block; margin:0; padding-bottom:10px; border:1px solid #E2E2E4; overflow:hidden} .commentlist .children li div { width:97%; padding:3%; background:url(images/comment-children-top.gif) no-repeat top left} .commentlist .children li ul li { padding-bottom:10px; background-color:#F2F2F2} .children { clear:both} .children .commentmetadata, .children .vcard { background-image:none} .children textarea { width:90% !important} .children input { width:80% !important} .commentlist .commentmetadata { font-weight:normal; float:left; margin:5px 0 0 0; display:block; clear:both; background-image:none; width:90%; } .commentlist .vcard, .commentlist .children .comment-author, .commentlist .children .vcard, .commentlist .commentmetadata, .commentlist .children .comment-author, .commentlist .children .comment-meta { background-image:none; width:100%; padding:0 !important} .commentlist .reply, .commentlist .children .reply { float:right; background-image:none; width:54px; height:22px; margin-bottom:0; padding:0; margin-right:10px; font:0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif} .commentlist .reply a:link, .commentlist .reply a:hover, .commentlist .children .reply a:link, .commentlist .children .reply a:hover { width:39px; height:17px; display:block; color:#F2F2F2; font-size:8px; text-transform:lowercase; font-weight:normal; padding:5px 0 0 15px; letter-spacing:1px} .commentlist #respond h3, .commentlist #respond a { margin-left:28px} textarea#comment {color:#f2f2f2; padding:10px; border:1px solid #111;} #comments { line-height:30px} #commentform p { clear:both} #respond { margin-top:20px; float:left; background-image:none} #respond div { background-image:none} .alt { margin:0; padding:10px} .says { display:none} .nocomments { margin:0; padding:0; text-align:center} #cancel-comment-reply-link { width:144px; height:21px; padding:5px 0 0 23px; display:block; background-image:url(images/comment-close.gif); color:#84878E; font: normal normal 1em 'Lucida Grande', Verdana, Arial, Sans-Serif} #submit { width:120px !important} div.sidebar-box ul.recentcomments li.recentcomments {color:#CCCCCC} /* End Comments */ /** * This
element is wrapped by jCarousel around the list * and has the classname "jcarousel-container". */ .jcarousel-container { } .jcarousel-frame { z-index: 6;padding: 0;margin: 0;position: absolute; top:0; width: 620px} .jcarousel-clip { z-index: 5;padding: 0;margin: 0;overflow: hidden;position: relative;width: 620px } .jcarousel-list { z-index: 4;overflow: hidden;position: relative;top: 0;left: 0;margin: 0;padding: 0;width: 620px } .jcarousel-list li, .jcarousel-item { float: left;list-style: none;width: 620px;height: 250px;position: relative; } #main-iris ul, #main-iris ul li { list-style-type: none;margin: 0;padding: 0; } #main-iris span { display: none; } /** * The buttons are added dynamically by jCarousel before * the