/*
Theme Name:CCF-style zinmag-futura
Description:A customized version of the great Zinmag Futura theme for CCF.
Author:kPa basing on jinsona designs
Author URI:www.wpfreethemes.com
WARNING:Distribution of this theme on thirdparty sites without my permission is strictly prohibited.
Any violation will result in a DMCA filed againt the site involved . 
*/

* {border:0px;margin:0px;padding:0px;border-collapse:collapse;}

ul {
    list-style-type:none;
}

td { padding:5px; }

html {
    font-size:14px;
    background:gray;
    border-left:1px solid transparent;
}

body {
    margin:0 auto;
    background:gray url(images/bg.jpg);
    background-position:top center;
    padding:0px 0 0px 0;
    font-family:Arial, Helvetica, Trebuchet, sans-serif;
    color:#031428;
    font-size:13px;
}

img {
    border:0;
    padding:5px 5px 5px 0;
}

a {
    color:#357fc3;
    text-decoration:none
}

a:hover {
    color:#214a76;
    text-decoration:none
}

h1, h2, h3, h4, h5, h6 {}

blockquote {
    padding-left:10px;
    color:#2f69a7;
    font-style:normal;
}

.clear {
    clear:both;
}

.alignleft {
    float:left !important;
    margin:3px 0 2px 5px !important;
    padding: 0px !important;
}

.alignright {
    float:right !important;
    margin:3px 5px 2px 0px !important;
    padding: 0px !important;
}

.alignleft a, .alignright a {
    color:white;
}

.alignleft a:hover, .alignright a:hover {
    color:white;
    background-color: gray;
}

/* The Wrapper */

#wrapper {
    width:1000px;
    margin:0 auto;
}

/* The Top */

#top {
    height:250px;
    margin:auto;
    background:url(images/header.jpg) no-repeat;
    width:1000px;
}

.blogname {
    font-family:Arial, Helvetica, Trebuchet, sans-serif;
    margin:20px 0 0 25px;
    float:left;
}

.blogname h1 {
    font-size:38px;
    font-weight:normal;
    color:#2f69a7;
    text-align:left;
    margin:0px 0 0 75px
}

.blogname h1 a:link, .blogname h1 a:visited{ 
    color:#2f69a7; 
}

.blogname h1 a:hover { 
    color:#c6150c; 
}

.blogname h2 {
    margin:0px 20px 0px 75px;
    font-size:16px;
    font-weight:normal;
    color:#aad3ff;
    text-align:left;
}

#topbar {
    padding:0px;margin:0px;border:0px;
    height:30px;
    margin-bottom:0px;
        background:url(images/black.jpg) repeat-x;
    font-family:Century gothic, Arial, Tahoma, sans-serif;
}

#topbar #dates {
    float:left;
    height:35px;
    line-height:25px;
    padding-top:2px;
    padding-left:35px;
    font-size:13px;
    color:#394754;
    margin:1px 0 0 15px;
    background:url(images/date.jpg) no-repeat;
}

#topbar ul {
    float:right;
    display:inline;
    height:25px;
    margin:0px 0px;
    padding:0px;
}

#topbar ul img{
    padding-top:7px;
}

#topbar ul li {
    float:left;
    line-height:30px;
    margin-left:5px;
    display:inline;
    height:20px;
}

#topbar ul li a {
    color:#DFDFDF;
    height:22px;
    font-size:13px;
    font-weight:normal;
}

/* The Search */

#search {
    height:20px;
    width:auto;
    margin-left:0px;
    width:225px;
    float:right;
}

#search form {
    margin:0;
    margin-top:2px;
    padding:0;
}

#search fieldset {
    margin:0;
    padding:0;
    border:none;
}

#search p {
    margin:0;
    font-size:85%;
}

#s {
    margin-left:0px;
    float:left;
    width:158px;
    padding:4px 7px;
    background:url(images/sf.png) no-repeat;
    border:none;
    font:normal 100% Arial, Helvetica, sans-serif;
}

#searchsubmit {
    width:48px;
    display:inline;float:left;
    margin-top:0px;
    background:url(images/search.png) no-repeat;
    background-position:left center;
    border:none;
    font:bold 100% Arial, Helvetica, sans-serif;
    color:#FFFFFF;
    height:26px;
    cursor:pointer;
}

/*top menu*/

#foxmenucontainer{
    height:29px;
    background-color:black;
    display:block;
    padding:0px 0 0px 0px;
    border-top:1px solid #474747;
    font:14px Arial, Helvetica, Trebuchet, sans-serif;
    font-weight:normal;
}

#menu, #menu ul {
    margin:0px;
    padding:0px;
    list-style:none;
    height:29px;
}

#menu a {
    color:#e0e5eb;
    display:block;
    font-weight:normal;
     padding:0 10px;
    line-height:29px
}

#menu a:hover {
    background:url(images/midgray.jpg) repeat-x;
    color:#031428;
    display:block;
    text-decoration:none;
}

#menu li {
    float:left;
    margin:0px 0 0px 0;
    padding:0px;
}

#menu li li {
    float:none;
    margin:px 0px 0px 5px;
    padding:0px;
}

#menu li li a, #menu li li a:link, #menu li li a:visited {
    background-color:black;
    float:none;
    margin:0px;
    padding:0px 10px;
    color:#fff;
    line-height:29px;
}

#menu li li a:hover, #menu li li a:active {
    background:url(images/midgray.jpg) repeat-x;
    color:#031428;    
}

#menu li ul {
    position:absolute;
    left:-999em;
    z-index:1;
}

#menu li:hover ul {
    left:auto;
    display:block;
}

#menu li:hover ul, #menu li.sfhover ul {
    left:auto;
}

#catmenucontainer{
    height:29px;
    background:url(images/dkgray.jpg) repeat-x;
    display:block;
    padding:0px;
    font:14px Arial, Helvetica, Trebuchet, sans-serif;
    font-weight:normal;
}

#catmenu, #catmenu ul {
    margin:0px;
    padding:0px;
    list-style:none;
    height:29px;
}

#catmenu a {
    color:#E8EBEE;
    display:block;
    font-weight:normal;
     padding:0px 10px;
    line-height:29px;
}

#catmenu a:hover {
    background:url(images/midgray.jpg) repeat-x;
    color:#031428;
    display:block;
    text-decoration:none;
}

#catmenu li {
    float:left;
    margin:0px;
    padding:0px;
}

#catmenu li li {
    float:none;
    margin:0px 0px 0px 0px;
    padding:0px;
}

#catmenu li li a, #catmenu li li a:link, #catmenu li li a:visited {
    background:url(images/dkgray.jpg) repeat-x;
    float:none;
    margin:0px;
    padding:0 10px;
    line-height:29px;
    color:#E8EBEE;
}

#catmenu li li a:hover, #catmenu li li a:active {
    background:url(images/midgray.jpg) repeat-x;
    float:none;
    margin:0px;
    color:#031428;
}

#catmenu li ul {
    position:absolute;
    left:-999em;
    z-index:1;
}

#catmenu li:hover ul {
    left:auto;
    display:block;
}

#catmenu li:hover ul, #catmenu li.sfhover ul {
    left:auto;
}

/* Main Content*/

#casing {
    padding:20px 0px 10px 0px;
    background:#F7F7F7;
    background-repeat:no-repeat;
}

#content {
    float:left;
    width:690px;
    height:100%;
    padding:5px 0px 0px 0px;
}

.title{
    margin:0px;
    padding:0px 0px 0px 5px;
}

.time{
    text-align:left;
    width:100px;
    margin-top:2px;
    font-family:Arial, Helvetica, Trebuchet, sans-serif;
    padding:1px 0 0 0px;
    color:#fff;
    float:right;
}

.date {
    float:left;
    height:14px;
    font-size:13px;
    font-family:Arial, Helvetica, Trebuchet, sans-serif;
    margin-left:5px;
    margin-top:0px;
    padding-left:2px;
    font-weight:normal;
     color:#63802b;
}

.single {
    width:685px;
    margin:0px 5px 5px 5px;
    height:100%;
    color:#222;
    font:13px Arial, Helvetica, Trebuchet, sans-serif;
}

.single h2 {
    margin:0px 0 5px 0;
    padding:3px 0px 0px 5px;
    text-align:left;
    font:24px Arial, Helvetica, Trebuchet, sans-serif;
    font-weight:bold;
    overflow:hidden;
}

.single h2 a, .single h2 a:link, .single h2 a:visited {
    color:#222;
    background-color:transparent;
}

.single h2 a:hover {
    color:#c6150c;
    background-color:transparent;
}

.author{
    color:#357fc3;
    padding:0px 0 4px 0px;
}

.clock{
    color:#357fc3;
    padding:0px 0 4px 10px;
}

.singleinfo {
    height:25px;
    margin:0 0 0 0px;
    padding:0px 0px 0px 0px;
    background:#555;
    color:#fff;
}

.comm{
    padding:4px 0 0px 25px;
    float:left;
    background:url(images/comments.png)no-repeat;
    background-position:left center;
    height:24px;
}

.comm a:link, .comm a:visited {
    color:#1A1A1A;
}

.comm a:hover{
    color:#c6150c;
    background-color:transparent;
}

.postmore{
    padding:4px 5px 0px 25px;
    float:right;
    font-weight:bold;
    background:url(images/readmore.png) left no-repeat;
    height:24px;
}

.postmore a:link, .postmore a:visited {
    color:#1A1A1A;
}

.postmore a:hover{
    color:#c6150c;
    background-color:transparent;
}

.category{
    padding:3px 5px 1px 0px;
    margin-left:5px;
    font:13px Arial, Helvetica, Trebuchet, sans-serif;
    font-weight:normal;
}

.category a:link, .category a:visited{
    color:#fff;
}

.category a:hover{
    color:#eee;
    font-weight:normal;
}

.entry {
    margin:0 0;
    padding:10px 5px 5px 5px;
}

.entry a:link, .entry a:visited {
    color:#465f7b;
    background-color:transparent;
}

.entry a:hover {
    color:#c6150c;
    background-color:transparent;
    text-decoration:none;
}

.entry img {
    border:0;
    padding:4px;
    background:#fff;
    border:1px solid #ddd;
    float:left;
    margin:8px 15px 20px 0px;
}

.entry p{
    margin:10px 5px;
}

/* sidebar */

#rightcol{
    float:right;
    width:304px;
    padding:0 0 10px 0;
}

/* The Sidebar1 */

.sidebar1{
    float:left; width:300px;
    padding-top:5px;
    font-size:14px;
    font-family:Arial, Helvetica, Trebuchet, sans-serif;
}

.sidebar1 h2 {
    height:27px;
    line-height:27px;
    font-size:16px;
    color:#eee;
    margin:5px 0 0 0 ;
    padding:0px 0 0 5px;
    background:url(images/14cvdbr.jpg) repeat-x;
    font-weight:bold;
}

.sidebar1 ul {
    list-style-type:none;
    margin:0 ;
    padding:0;
}

.sidebar1 ul ul {
    list-style-type:none;
    margin:0;
    padding:0px 0px 10px 0px;
    background-repeat:no-repeat;
}

.sidebar1 ul ul ul {
    list-style-type:none;
    margin:0;
    padding:0;
    border:0;
}

.sidebar1 ul ul ul ul {
    list-style-type:none;
    margin:0;
    padding:0;
    border:0;
}

.sidebar1 ul li {
    height:100%;
    line-height:18px;
}

.sidebar1 ul li a:link, .sidebar1 ul li a:visited {
    color:#031428;
    text-decoration:none;
    padding:5px 0px 5px 5px;
    display:block;
    background:#ffffff;
    background-repeat:no-repeat;
    border-bottom:1px solid #f8f5f0;
        border-top:1px solid #dad0c1;
}

.sidebar1 ul li a:hover {
    background:#e6ecac;
    background-repeat:no-repeat;
    color:#394754;
}

.sidebar1 p {
    padding:7px 10px;
    margin:0;
}

.sidebar1 table {
    width:100%;
    text-align:center;
    background-color:#1f1f1f;
    color:#daef8e;
}

/* The Sidebar2 */

.sidebar2{
    float:right;
    width:147px;
    padding-top:5px;
    padding-right:5px;
    font-size:14px;
    font-family:Arial, Helvetica, Trebuchet, sans-serif;
    color:#ffffff;
}

.sidebar2 h2 {
    height:27px;
    line-height:27px;
    font-size:16px;
    color:#eee;
    margin:5px 0 0 0 ;
    padding:0px 0 0 5px;
    background:url(images/h2.jpg) repeat-x;
    font-weight:bold;
}

.sidebar2 ul {
    list-style-type:none;
    margin:0 ;
    padding:0;
}

.sidebar2 ul ul {
    list-style-type:none;
    margin:0;
    padding:0px 0px 10px 0px;
    background-repeat:no-repeat;
}

.sidebar2 ul ul ul {
    list-style-type:none;
    margin:0;
    padding:0;
    border:0;
}

.sidebar2 ul ul ul ul {
    list-style-type:none;
    margin:0;
    padding:0;
    border:0;
}

.sidebar2 ul li {
    height:100%;
        line-height:18px;
}

.sidebar2 ul li a:link, .sidebar2 ul li a:visited {
    color:#504432;
    text-decoration:none;
    padding:5px 0px 5px 5px;
    display:block;
    background:#ebe1d2;
    background-repeat:no-repeat;
    border-bottom:1px solid #f8f5f0;
    border-top:1px solid #dad0c1;
}

.sidebar2 ul li a:hover {
    background:#dad0c1;
    background-repeat:no-repeat;
    color:#943d39;
}

.sidebar2 p {
    padding:7px 10px;
    margin:0;
}

.sidebar2 table {
    width:100%;
    text-align:center;
    background-color:#1f1f1f;
    color:#A4DDEF;
}

#wp-calendar{
    width:100%;
    padding:0 0 15px;
    background:#496E80;
}

#wp-calendar caption{
    padding:5px 5px ;
    font-size:16px;
    background:#d9e2e6;
}

#wp-calendar th, #wp-calendar td{
    padding:5px;
    text-align:center;
    background:#aaa;
    color:#EBF0F2;
}

#wp-calendar td a{
    background:#fff;
    padding:5px;
}

#wp-calendar td{
    background:transparent;
}

#wp-calendar td, table#wp-calendar th{
    padding:2px 0;
}

/* --- FOOTER --- */

#footer {
    height:25px;
    padding:10px 0 0 10px;
    color:#CCC;
    font-size:12px;
    font-weight:normal;
    text-align:left;
    letter-spacing:1px;
    font-family:Arial, Helvetica, Trebuchet, sans-serif;
    background:#3D3D3D;
}

#footer a:link, #footer a:visited{
    color:#E8EBEE;
}

#footer a:hover {
    color:#fff;
}

/* The Navigation */

#navigation {
    width:685px;
    margin:0px 0px 5px 5px;
    background:url(images/midgray.jpg) repeat-x;
    height:20px;
    float:right;
}

/* The Attachment */

.contentCenter {
    text-align:center;
}

/* The Page Title */

h2.pagetitle {
    padding:0;
    margin:10px 0 20px 0;
    font-size:20px;
    text-align:center;
}

/* The Comments */

.comments {
    padding-left:10px;
}

.comments form {
}

.comments textarea {
    width:90%;
    height:156px;
    background:#fff;
    border:1px solid #D0D0D0;
    color:#444;
    padding:10px;
    overflow:auto;
    font-family:Arial, Helvetica, sans-serif;
    font-size:14px;
}

h3 #comments-count {
    font-weight:bold;
    font-size:18px;
    margin:0 0 0 20px;
}

#commentform {
    padding-left:23px;
}

#commentform input {
    background:#fff;
    border:1px solid #D0D0D0;
    color:#333;
    padding-left:10px;
}

.comments input#submit {
    padding:0;
    width:72px;
    height:25px;
    background:#357fc3;
    border:1px solid #aad3ff;
    color:#fff;
}

.comments h2 {
    font-size:19px;
    line-height:30px;
    margin:24px 0 0 10px;
    padding:0;
    font-weight:normal;
}

.comments ol li p {
    padding:0;
    margin:10px 0;
    color:#222;
}

.commentmeta small{
    color:#222;
}

/*CSS For Pages With Newboxes*/

#nbcontent {float:left; width:690px; height:100%; padding:5px 0px 0px 0px;}

#newsbox {float:right; width:300px; height:700px; background:#ffffff; color:#000000; padding-left:5px; overflow:auto; border:thin solid #394754;}

.nbmore {font-style:italic; text-align:right;}

/*Featured*/

.featout{
    width:670px;
    overflow:hidden;
    padding:5px 5px;
    margin:0px 4px 5px 5px;
    background:#fff;
    border:1px solid #eee6db;
}

.featured{
    width:670px;
    overflow:hidden;
    padding:5px 0px 2px 0px;
    margin:0px 0px 0px 0px;
    background:#ffffff;
    font-family:Arial, Helvetica, Trebuchet, sans-serif;
}

.featured h2 a, .featured h2 a:link, .featured h2 a:visited {
    color:#2f69a7;
    background-color:transparent;
}

.featured h2 a:hover {
    color:#c6150c;
    background-color:transparent;
}

.fentry{
    height:185px;
    overflow:hidden;
}

.cat{
    padding:1px 5px 1px 10px;
    font-size:12px;
}

.cat a:link, .cat a:visited{
    color:#031428;
}

.cat a:hover{
    color:#031428;
}

.cats{
    margin:1px 5px 1px 0px;
    font-size:13px;
    margin-left:5px;
    color:#24a1cc;
}

.cats a:link, .cats a:visited{
    color:#24a1cc;
}

.cats a:hover{
    color:#c6150c;
}

.fentry p{
    margin:5px 5px;
    color:#031428;
    font-style:normal;
    line-height:20px;
}

.fentry img {
    border:0; float:left;
    padding:4px 4px;
    background:#fff;
    border:1px solid #ddd;
    margin:2px 5px 5px 5px;
}

.featured h2{
    font-size:22px;
    margin:3px 0 4px 10px;
}

.featmeta{
    height:22px;
    text-align:right;
    padding:3px 5px 0 0px;
    background: url(images/readmorelong.jpg) right no-repeat;
}

.featmeta a:link, .featmeta a:visited{
    color:#031428;
    font-weight:bold;
    text-decoration:none;
}

.category a:hover{
    color:#eee;
    font-weight:bold;
    text-decoration:none;
}

/*magbox*/

.post {
    width:337px;
    margin:0px 0px 5px 5px;
    padding:3px 0 0 0;
    float:left;
    background:#ffffff;
    border:1px solid #ded5c9;
    display:inline;
    color:#394754;
    font-style:normal;
    font-family:Arial, Helvetica, Trebuchet, sans-serif;
}

.post h2 {
    margin:0px 0 0px 0;
    padding:0px 0px 3px 0px;
    text-align:left;
    font-size:18px;
    overflow:hidden;
    font-weight:normal;
    height:20px;
}

.post h2 a, .post h2 a:link, .post h2 a:visited {
    color:#2F69A7;
    background-color:transparent;
}

.centry h2 a:hover, .post h2 a:hover, .glidecontent h2 a:hover {
    color:#c6150c;
    background-color:transparent;
}

.postinfo {
    height:28px;
    margin:0 0 0 0px;
    padding:2px 0px 0px 0px;
    background:#34424F url(images/midgray.jpg)repeat-x;
}

.categ {
    height:14px;
    margin:1px 0 0 0px;
    padding:0px 0px 2px 0px;
    overflow:hidden;
    font-size:12px;
}

.categ a:link, .categ a:visited{
    color:#943d39;
}

.categ a:hover{
    color:#943d39;
    font-weight:normal;
}

.centry a:link, .centry a:visited {
    color:#357fc3;
    background-color:transparent;
}

.post img {
    border:0; float:left;
    padding:4px 4px;
    background:#fff;
    border:1px solid #ddd;
    margin:2px 5px 2px 0px;
}

.centry p{
    margin:2px 0;
}

.centry a:hover {
    color:#c6150c;
    background-color:transparent;
    text-decoration:none;
}

.centry {
    margin:0 0;
    padding:0px 5px 5px 5px;
    height:120px;
    overflow:hidden;
}

#bottom{
    width:100%;
    padding:5px 0 0px 0;
    margin-bottom:10px;
float:left;
}

.recents{
    width:225px;
    margin-left:5px;
    padding:0 0px 10px 0;
    float:left;
    display:inline;
    font-family:Georgia, Arial, Helvetica, Trebuchet, sans-serif;
    color:#6F0706;
}

.recents h2{
    margin:0px 0 0px 0;
    padding:2px 0 2px 3px;
    font-size:18px;
    color:#fff;
    background:#9b3e3b;
    font-weight:normal;
}

.recents ul {
    list-style-type:none;
    margin:0 ;
    padding:0;
    background:#dad0c1;
}

.recents ul ul {
    list-style-type:none;
    margin:0;
    padding:0px 0px 10px 5px;
}

.recents ul ul ul {
    list-style-type:none;
    margin:0;
    padding:0;
    border:0;
}

.recents ul ul ul ul {
    list-style-type:none;
    margin:0;
    padding:0;
    border:0;
}

.recents ul li {
    height:100%;
    line-height:18px;
}

.recents ul li a:link, .recents ul li a:visited {
    color:#555;
    text-decoration:none;
    padding:5px 0px 5px 5px;
    display:block;
    background-repeat:no-repeat;
    border-bottom:1px solid #beb5a8;
}

.recents ul li a:hover {
    background:#cec4b5;
    background-repeat:no-repeat;
    color:#fff;
    padding:5px 0px 5px 5px;
}

.stepcarousel{
    position:relative; /*leave this value alone*/
    border:10px solid #357fc3;
    overflow:scroll; /*leave this value alone*/
    width:900px; /*Width of Carousel Viewer itself*/
    height:180px; /*Height should enough to fit largest content's height*/
    margin:0px 0 10px 40px;
    background:#214a76;
}

.stepcarousel .belt{
    position:absolute; /*leave this value alone*/
    left:0;
    top:0;
}

.stepcarousel .panel{
    float:left; /*leave this value alone*/
    overflow:hidden; /*clip content that go outside dimensions of holding panel DIV*/
    margin:10px 10px ; /*margin around each panel*/
    width:213px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
    background:#F6EFE5;
    height:160px;
}

.stepcarousel .panel p{
    text-align:left; /*leave this value alone*/
    overflow:hidden; /*clip content that go outside dimensions of holding panel DIV*/
    margin:5px 5px ; /*margin around each panel*/
}

.stepcarousel .panel h2{
    text-align:left; /*leave this value alone*/
    height:20px;
    overflow:hidden; /*clip content that go outside dimensions of holding panel DIV*/
    margin:2px 5px ; /*margin around each panel*/
    font-size:16px;
    font-weight:bold;
    text-align:center;
    font-family:Arial, Helvetica, Trebuchet, sans-serif;
}

.stepcarousel .panel img{
    float:left; /*leave this value alone*/
    background:#fff; /*clip content that go outside dimensions of holding panel DIV*/
    margin:5px 5px 5px 5px; /*margin around each panel*/
    padding:1px 1px;
}

.twitzin{
    height:auto;
    width:299px;
    margin-right:5px;
    margin-top:5px;
    overflow:hidden;
    padding:0 0 12px 0;
    float:left;
    background:url(images/twitbot.jpg) bottom no-repeat;
}

.twitter-title{
    margin:0px 0 0px 0;
    padding:40px 10px 0px 3px;
    font-size:20px;
    height:29px;
    color:#C1A178;
    font-family:Arial, Helvetica, Trebuchet, sans-serif;
    background:url(images/twith2.jpg) no-repeat;
    font-weight:bold;
    text-align:right;
}

#twitter_update_list {
    height:auto;
    background:#24201e url(images/twitbody.jpg) repeat-y;
    margin:0 0;
}

ul#twitter_update_list {
    list-style-type:none;
    padding:0 10px;
}

ul#twitter_update_list li {
    list-style-type:none;
}

ul#twitter_update_list li span{
    list-style-type:none;
    display:block;
    background:#504432;
    padding:3px 5px ;
    border-top:1px solid #625138;
    border-bottom:1px solid #291e0f;
    color:#a9906d;
    font:13px "trebuchet ms", verdana, Arial, sans-serif;
}

ul#twitter_update_list li a:link, ul#twitter_update_list li a:visited{
    color:#EAE1D2;
    height:20px;
    display:block;
}

ul#twitter_update_list li a:hover {
    color:#ffffff;
    height:20px;
    display:block;
}

img#wpstats{display:none}
#downloadlink {background:url(images/dlvid.jpg);width:174px;height:18px;display:block;border:solid 2px #AAA;font-size: 0px; line-height: 0%;}


.left {float:left;}
.right {float:right;}
.left, .right {padding:10px;display:block;text-align:center;}
.left p, .right p, .left img, .right img {margin:0px;}