/*

Theme Name: Credit Cards 2

Theme URI: http://themesjunction.com

Description: A Very high quality magzine wordpress theme

Version: 1.0

Author: Themes Junction

Author URI: http://themesjunction.com

*/



/*------TJ-------*/

/*     Global    */

/*---------------*/



body {

        margin: 0;

        background: #FFFFFF;

}



h1, h2, h3, h4 {

        margin: 0;

}

a {

        text-decoration: none;

}



a:hover {

        text-decoration: underline;

}



img {

        border: 0;

}



.clear {

        clear: both;

        height: 0;

        overflow: hidden;

}



/*------TJ-------*/

/*    The Wrap   */

/*---------------*/



#wrap {

        width: 1004px;



        margin: 0 auto;

        padding:0px;

}



#content-container {

        width: 1004px;

        background: url("images/header.jpg") no-repeat top;

        width: 1004px;

        margin: 0 auto;

        padding:0px;

}



#contents {

        width: 970px;

        padding: 0 0px 0 18px;

}



#page-bottom {

        width: 1004px;

        background: url("images/footer.gif") no-repeat bottom;

}





/*------TJ-------*/

/*   The Header  */

/*---------------*/



#header {

        width: 1004px;

        height: 300px;

        position: relative;

}







#header-title {

        position: absolute;

        text-transform: uppercase;

        right: 50px;

        top: 103px;

}

#header-title h1 {

        color: #ffffff;

        font:36px "Century Gothic", Arial;

        font-weight:bold;

        margin-bottom: 2px;

}

#header-title h1 a {

        color: #ffffff;

        text-decoration: none;

}

.header-subtitle {

        color: #ffffff;

        font:bold 12px Arial;

}





#rss {

        float:left;

        padding-left: 25px;

        margin-left:5px;

        height: 33px;

        font: 10px tahoma;

        color: #a2a2a2;

        line-height:20px;

        background: url("images/icon_feed.gif") no-repeat;

}



#rss a {

        color: #a2a2a2;

}



#rss_com {

        float:left;

        padding-left: 25px;

        margin-left:15px;

        height: 33px;

        font: 10px tahoma;

        color: #a2a2a2;

        line-height:20px;

        background: url("images/icon_feed_com.gif") no-repeat;

}



#rss_com a {

        color: #a2a2a2;

}



/*------TJ-------*/

/*   Top Menu    */

/*---------------*/



#navlist{

        position:absolute;

        top:31px;

        left:10px;

        display:block;

        height:32px;

        font-size:12px;

        font-weight:normal;

        font-weight:bold;

        padding:0;

        font-family:Verdana,arial;

        }

#navlist ul{

        margin:0px;

        padding:0px 0px 0 20px;

        list-style-type:none;

        width:auto;

        float:left;

        }

#navlist ul li{

        display:block;

        float:left;

        margin:0 ;

        width:126px;

        }

#navlist ul li a{

        display:block;

        float:left;

        color:#666666;

        padding:10px 0px 0 0px;

        width: 126px;

        height: 22px;

        background:url(images/menu.gif) no-repeat right top;

        text-align: center;

        text-decoration:none;

        }

#navlist ul li a:hover,#navlist ul li.current_page_item a{

        color:#ffffff;

        background:url(images/menu.gif) no-repeat top left;

        width: 126px; height: 22px;

        text-align: center;

        }

#navlist ul li .current_page_item a,#navlist ul li .current_page_item a:hover{

        color:#3A5978;

        width: 126px; height: 22px;

        background:url(images/menu.gif) no-repeat top left;

        }



/*------TJ-------*/

/*  Search Area  */

/*---------------*/



#menu_search_box {

        position: absolute;

        top: 10px;

        right: 25px;

        width: 150px;

        height: 27px;

}



#menu_search_box #searchform {

        margin: 0;

        padding: 0;

        width: 150px;

        height: 27px;

}



#menu_search_box #s {

        font: 10px tahoma;

        color: #262626;

        background:#D4DFE6;

        border:1px solid #4B8CB6;

        padding: 1px;

        float: left;

        width: 150px;

        height: 15px;

}



#menu_search_box #submit {

        display: none;

}



/*------TJ-------*/

/*   List Menu   */

/*---------------*/



#listmenu {

        margin:0;

        position: absolute;

        top: 265px;

        left: 22px;

        width: 930px;

        height: 20px;

        float:left;

}



#listmenu ul {

        list-style-type: none;

        margin: 0;

        padding: 0;

        width: 930px;

        height: 20px;

        float:left;

}



#listmenu ul li {



        height: 20px;

        font: 12px Arial;

        color: #9ab0c4;

        margin:0 5px 0 0;

        float: left;

}



#listmenu ul li a {

        display: block;

        color: #ffffff;

        padding: 5px 6px  4px 2px;

        height:20px;

        text-decoration: none;

        float: left;

        background: url("images/ctg_divider.gif") no-repeat right top;

}



#listmenu ul li a:hover {

        color: #8F4801;

        background: url("images/ctg_divider.gif") no-repeat right top;

}



#listmenu ul li.current-cat {

        color: #8F4801;

}



#listmenu ul li.current-cat a {

        color: #8F4801;

}



#listmenu ul li ul {

        display: none;

}





/*------TJ-------*/

/*    Top Post   */

/*---------------*/





#contents .top_post {

        float: left;

        padding:0;

        margin: 0 0 10px 0;

        height:277px;

        width: 555px;

        background:url("images/top_post_bg.gif") repeat-y left ;

}





.post_title {

        width: 555px;

        color: #848484;

        height:120px;

        font: 10px Arial;

        background:url("images/top_post_top.gif") no-repeat top left;

}



.post_title h2 {

        color: #cfcfcf;

        font: 18px Arial;

        padding:5px;

        margin-left:7px;

        width:525px;

        background:url("images/ln.gif") repeat-x bottom ;

}



.post_title h2 a {

        color: #4C8CB8;

        text-decoration: none;

}



.post_title h2 a:hover {

        text-decoration: underline;

}



.post_title a {

        color: #848484;

        text-decoration: none;

}



.post_title a:hover {

        text-decoration: underline;

}



.meta_inf {

        width: 535px;

        height: 22px;

}

.meta_inf a{

color:#4C8CB8;

}



.meta_date {

        float: left;

        background: url("images/icon_date.gif") no-repeat;

        padding-left: 25px;

        color:#151515;

        line-height:20px;

}



.meta_comments {

        float: right;

        font:10px arial;

        padding-left: 16px;

        height:22px;

        line-height:22px;

}



.top_entry {

        text-align:justify;

        color: #808080;

        width: 525px;

        padding: 1px 10px 0 12px;

        clear:both;

        font: 12px Arial;

        margin-top:-70px;

        height:190px;

        overflow: hidden;

}



.top_entry blockquote {

        border-left: 7px solid #efefef;

        font-style:italic;

        padding:0 0 0 15px;

        margin: 0px 15px;

}



.top_entry a {

        color: #E98E26;

        text-decoration: none;

}



.top_entry a:hover {

        text-decoration: underline;

}



.top_entry img {

        padding: 3px;

}



.post_bottom {

        width: 555px;

        background: url("images/top_post_bottom.gif") no-repeat left bottom;

        padding-top: 14px;

        line-height: 22px;

        height: 30px;

        font: 11px Arial;

        color: #cccccc;

}



.post_cat {

        padding-left: 14px;

        line-height: 22px;

        font: 11px Arial;

        color: #666666;

}



.post_cat a {

        color: #4C8CB8;

}



/*------TJ-------*/

/*   Mag Posts   */

/*---------------*/

#page-content {

        float: left;

        width: 965px;

        background:red;

        overflow: hidden;

        background: url("images/bg.gif") repeat-y right top;

}

#content {

        float: left;

        width: 555px;

        overflow: hidden;

}



#content .mag_posts {

        float: left;

        width: 274px;

        margin: 0 0px 6px 0;

        background: url("images/post_mag.gif") repeat-y;

        color: #858585;

        font: 11px Arial;

}



#content .mag_posts a {

        color: #4C8CB8;

}



#content .top_mag_posts {

        width: 274px;

        background: url("images/post_mag_top.gif") no-repeat;

}



#content .bottom_mag_posts {

        width: 274px;

        background: url("images/post_mag_bottom.gif") no-repeat left bottom;

        padding-top: 7px;

        padding-bottom: 4px;

}



#content .mag_posts h2 {

        padding:7px;

        color: #4C8CB8;

        font:bold 12px Arial;

        height:20px;

        margin:0;



}



#content .mag_posts h2 a {

        color: #151515;

}



#content .mag_posts .mag_posts_entry {

        padding: 0px 9px 0px 12px;

        margin:0;

        width: 250px;

        height: 250px;

        text-align:justify;

        overflow: hidden;

}



#content .mag_posts .mag_posts_meta {

        margin: 0 9px 0 6px;

        width:260px;

        height: 22px;

        overflow:hidden;

}



/*------TJ-------*/

/*  Pages Posts  */

/*---------------*/



#content .post {

        float: left;

        width: 650px;

        margin-bottom: 10px;

        background:url("images/top_post_bg.gif") repeat-y left ;

}



#content .post-top {

        width: 650px;

        color: #E98E26;

        height:120px;

        font: 10px Arial;

        background:url("images/top_post_top.gif") no-repeat top left;

}

#content .post-bottom {

        width: 650px;

        background: url("images/top_post_bottom.gif") no-repeat left bottom;

        padding-top: 14px;

        line-height: 22px;

        height: 30px;

        font: 11px Arial;

        color: #cccccc;

}

#content .post-top a {

        color: #E98E26;

        text-decoration: none;

}



#content .post-top a:hover {

        text-decoration: underline;

}



#content .post-top h2 {

        color: #E98E26;

        font: 24px Arial;

        padding:5px;

}



#content .post-top h2 a {

        color: #E98E26;

        text-decoration: none;

}



#content .post-top h2 a:hover {

        text-decoration: underline;

}



#content .meta_inf {

        width: 500px;

        height: 22px;

}



#content .post .post_ctg {

        width: 500px;

        padding-left: 14px;

        line-height: 22px;

        height: 22px;

        font: 11px Arial;

        color: #999999;

}



#content .post .post_ctg a {

        color: #4C8CB8;

}



#content .post-entry {

        font: 12px Arial;

        color: #909090;

        width: 525px;

        padding: 0 10px 0 10px;

        text-align:justify;

        margin-top:-70px;

}



#content .post-entry a {

        color: #E98E26;

        text-decoration: none;

}



#content .post .post-entry a:hover {

        text-decoration: underline;

}



#content .post .post-entry blockquote {

        border-left: 6px solid #999999;

        margin: 0px 20px;

        padding-left: 10px;

        font-style:italic;

}



#content .post .post-entry img {

        padding: 5px;

        border: 0px;

}







#content .post h3 {

        margin: 20px 0 5px 0;

        color: #4C8CB8;

        font: 18px Verdana;

}



#comment {

        background:#fefefe;

        width:500px;

        border:1px solid #606060;

}

#commentform input{

        border:1px solid #606060;

        background:#post-entry;

}

#commentform #submit{

        border:1px solid #909090;

        border-style:outset;

        background:#post-entry;

        color:#222222;

}



#content .post .comments {

        font: 11px Arial;

        color: #969696;

        width: 500px;

}



#content .post .comments ol {

        margin: 10px 0;

        padding-left: 25px;

}



#content .post .comments ol li {

        padding: 5px;

}



#content .post .comments ol li a {

        color: #E98E26;

        text-decoration: none;

}



#content .post .comments ol li a:hover {

        text-decoration: underline;

}



#content .post .comments ol li.alt {

        background: #efefef;

}



#content .post .comments ol li cite {

        color: #606060;

        font-style: normal;

        font-weight: bold;

}



#content .post .comments ol li cite a {

        color: #606060;

        text-decoration: none;

}



#content .post .comments ol li cite a:hover {

        text-decoration: underline;

}



#content .post .comments ol li .commentmetadata a {

        color: #cdcdcd;

        text-decoration: none;

}



#content .post .comments ol li .commentmetadata a:hover {

        text-decoration: underline;

}



#content .post #commentform {

        font: 11px Arial;

        color: #909090;

        width: 558px;

        padding-left: 25px;

        margin: 0;

}



#content .post #commentform a {

        color: #E98E26;

        text-decoration: none;

}



#content .post #commentform a:hover {

        text-decoration: underline;

}







/*------TJ-------*/

/*  Ads Spaces   */

/*---------------*/



.rightads {

        float: right;

        width: 415px;

        background:url("images/sidebar_ads.gif") repeat-y;

        margin:0;

        margin-bottom: 10px;

}

.rightads_top {

        width: 415px;

        padding:5;

        margin:0;

        background:url("images/sidebar_ads_top.gif") no-repeat;

}

.rightads_ad {

        padding: 5px;

        float: left;

}

.rightads_bottom {

        padding: 5px;

        width: 405px;

        background: url("images/sidebar_ads_bottom.gif") no-repeat left bottom;

}



/*------TJ-------*/

/*   Side bar    */

/*---------------*/



#sidebar {

        float: left;

        width: 202px;

        font: 11px Arial;

        color: #999999;

}



.sidebar_container {

        width: 202px;

        margin-bottom: 20px;

        background: url("images/sidebar_bg.gif") repeat-y left;

}



#sidebar h2 {

        width: 192px;

        height: 30px;

        padding-left: 10px;

        padding-top:15px;

        margin-bottom: 2px;

        font: bold 14px tahoma;

        color: #AAAAAA;

        background: url("images/sidebar_title.gif") no-repeat top left;

}



#sidebar a {

        color: #4C8CB8;

        text-decoration: none;

}



#sidebar a:hover {

        text-decoration: underline;

}



#sidebar ul {

        margin: 0;

        padding: 0 5px;

        list-style-type: none;

}



#sidebar ul li {

        color: #656565;

        font: 12px Arial;

}



#sidebar ul li a {

        color: #4C8CB8;

        text-decoration: none;

        padding: 5px 5px 5px 17px;

        height:17px;

        margin:0;

        display: block;

        background: url("images/sidebar_menu.gif") no-repeat bottom left;

}



#sidebar ul li a:hover {

        text-decoration: none;

        background: url("images/sidebar_menu_hover.gif") no-repeat bottom left ;

}





#sidebar ul li ul {

        margin: 0;

        padding: 0;

        background: none;

}



#sidebar #searchform {

        margin: 0;

        padding: 10px 0;

        width: 190px;

        text-align: center;

}



#sidebar #searchform #s {

        width: 180px;

}



#sidebar #calendar_wrap {

        width: 190px;

        margin: 0 auto;

        padding-top: 5px;

}



#sidebar #calendar_wrap table {

        width: 190px;

}



#sidebar #calendar_wrap caption {

        margin: 0 auto;

        font-weight: bold;

}



#sidebar #calendar_wrap tbody {

        text-align: right;

}



#sidebar #calendar_wrap tfoot #next {

        text-align: right;

}



#sidebar #calendar_wrap #today {

        font-weight: bold;

}



#sidebar .textwidget {

        padding: 0 5px;

}



.sidebar_bottom {

        background: url("images/sidebar_bottom.gif") no-repeat bottom left;

        margin: 0px;

        padding: 0px;

        clear:both;

        height: 14px;

        width: 202px;

        display:block;

        position:relative;

}

/*------TJ-------*/

/*  Adsense Menu */

/*---------------*/

#adsense {

        float: left;

        width: 202px;

        font: 11px Arial;

        color: #999999;

        padding-left:0px;



}



.adsense_container {

        width: 202px;

        margin-bottom: 20px;

        /*background: url("images/sidebar_bg.gif") repeat-y left;*/

}



#adsense h2 {

        width: 192px;

        height: 30px;

        padding-left: 10px;

        padding-top:10px;

        margin-bottom: 2px;

        font: bold 14px tahoma;

        color: #AAAAAA;

        background: url("images/sidebar_title.gif") no-repeat top left;

}



#adsense a {

        color: #4C8CB8;

        text-decoration: none;

}



.adsense_content {

padding:5px 10px 10px 10px;

}

/*------TJ-------*/

/*  Recent Data  */

/*---------------*/



#recent_data {

        width: 935px;

        background: url("images/recent_bg.gif") repeat-y;

        margin-bottom: 15px;

}



#recent_data_top {

        width: 933px;

        background: url("images/recent_top.gif") no-repeat;

}



#recent_data_bottom {

        width: 923px;

        padding: 0 0 20px 10px;

        background: url("images/recent_bottom.gif") no-repeat left bottom;

        overflow: hidden;

}





.recent_data_container {

        width: 268px;

        float: left;

}



.recent_data_container h3 {

        color: #F29722;

        padding: 10px;

        font: bold 14px Verdana;

        border-bottom: 2px dotted #807F7D;

}



.recent_data_container ul {

        margin: 0;

        padding: 0;

        list-style-type: none;

}



.recent_data_container ul li {

        color: #ffffff;

        font:14px tahoma;

        border-bottom: 1px dotted #666666;

}



.recent_data_container ul li a {

        color: #999999;

        text-decoration: none;

        display: block;

        padding: 4px;

}



.recent_data_container ul li a:hover {

        text-decoration: none;

        background-color: #2A2A2A;

}



.recent_data_container ul li a span {

        color: #666666;

        font:  10px Arial, Verdana, Sans-Serif;

        display: block;

        margin-bottom: 4px;

}



.recent_data_container ul li ul {

        display: none;

}



.recent_data_middle {

        width: 320px;

        margin-top: 8px;

        padding: 0 23px;

        overflow: hidden;

        float: left;

}



/*------TJ-------*/

/*  Navigations  */

/*---------------*/



.navigation {

        font: 12px Arial;

        color: #E98E26;

        width: 530px;

        margin-left:10px;

}



.navigation a {

        color: #E98E26;

        text-decoration: none;

}



.navigation a:hover {

        text-decoration: underline;

}



.navigation-p {

        float: left;

}



.navigation-n {

        float: right;

}



/*------TJ-------*/

/*  Footer Links */

/*---------------*/



#footer {

        width: 934px;

        height: 52px;

        padding: 0;

        color: #999999;

        padding-top:20px;

        text-align:center;

        font: 11px Arial;

        clear:both;

}



#footer a {

        color: #DF8F4D;

        text-decoration: none;

}



#footer a:hover {

        text-decoration: none;

}



