/*
Theme Name:109
Version: 1.0
Description: Wordpress Theme For Your Blog 

*/

body {
        margin: 0;
        background: #464646;
}

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;
}

img.right {
float:right;
margin-left:5px;
margin-bottom:5px;
}

/*------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: 935px;
        padding: 0 37px 0 32px;
}

#page-bottom {
        width: 1004px;
        background: url("images/footer.gif") no-repeat bottom;
}


/*------TJ-------*/        
/*   The Header  */
/*---------------*/

#header {
        width: 1004px;
        height: 320px;
        position: relative;
}
#today {
        position: absolute;
        top: 247px;
        right: 26px;
        height: 26px;
        font: 12px tahoma;
        color: #FBD19B;
        padding-left: 18px;
        padding-top:5px;
}


#header-title {
        position: absolute;
        text-transform: uppercase;
        left: 50px;
        top: 103px;        
}
#header-title h1 {
        color: #ffffff;
        font:36px "Century Gothic", Arial;
        font-weight:bold;
        margin-bottom: 2px;
}
#header-title h1 a {
        color: #FCE0B5;
        text-decoration: none;
}
.header-subtitle {
        color: #ffffff;
        font:12px Arial;
}

#rss {
        left: 683px;
}
#rss {
        position: absolute;
        top: 210px;
        padding-left: 34px;
        height: 33px;
        font: 10px tahoma;
        color: #a2a2a2;
        line-height:30px;
        background: url("images/icon_feed.gif") no-repeat;
}

#rss a {
        color: #a2a2a2;
}

/*------TJ-------*/                
/*   Top Menu    */
/*---------------*/
        
#navlist {
        position: absolute;
        top: 13px;
        left: 20px;
        height: 26px;
}

#navlist ul {
        list-style-type: none;
        height: 13px;
        padding: 0;
        margin: 0;
}

#navlist ul li {
        font: 14px Arial;
        color: #7aa7cd;
        margin: 0 0 0 2px;
        height: 13px;
        float: left;
}

#navlist ul li a {
        display: block;
        text-decoration: none;
        padding: 5px 5px;
        height:15px;
        color: #FDE3C1; 
font-size:90%;       
}

#navlist ul li:hover {
                background: url("images/menu_left.gif") no-repeat left top;
}
        
#navlist ul li a:hover {
                color: #FDE3C1;
                background: url("images/menu_right.gif") no-repeat right top;
}

#navlist ul li.current_page_item {
                color: #FAC179;
                background: url("images/menu_right.gif") no-repeat right top;        
}
        
#navlist ul li.current_page_item a {
                color: #FAC179;
                background: url("images/menu_left.gif") no-repeat left top;
}

/*------TJ-------*/                
/*  Search Area  */
/*---------------*/
        
#menu_search_box {
        position: absolute;
        top: 179px;
        left: 685px;
        width: 262px;
        height: 27px;
}

#menu_search_box #searchform {
        margin: 0;
        padding: 0;
        width: 262px;
        height: 27px;
}

#menu_search_box #s {
        font: 12px tahoma;
        color: #a2a2a2;
        border: 0;
        padding: 10px;                
        background: none;
        float: left;
        width: 240px;
        height: 15px;
}

#menu_search_box #submit {
        display: none;
}
        
/*------TJ-------*/                
/*   List Menu   */
/*---------------*/
        
#listmenu {
        margin:0;
        position: absolute;
        top: 244px;
        left: 20px;
        width: 800px;                
        height: 20px;
        float:left;
}

#listmenu ul {
        list-style-type: none;
        margin: 0;
        padding: 0;
        width: 800px;
        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: #FAC179;
        padding: 8px 6px  4px 2px;
        height:20px;
        text-decoration: none;
        float: left;
        background: url("images/ctg_divider.gif") no-repeat right center;
}

#listmenu ul li a:hover {
        color: #FEE1BC;
        background: url("images/ctg_divider.gif") no-repeat right center;
}

#listmenu ul li.current-cat {
        color: #FEE1BC;
}

#listmenu ul li.current-cat a {
        color: #FEE1BC;
}

#listmenu ul li ul {
        display: none;
}


/*------TJ-------*/                
/*    Top Post   */
/*---------------*/


#contents .top_post {
        float: left;
        padding:0;
        margin: 0 0 10px 0;
        height:277px;
        width: 650px;
        background:url("images/top_post_bg.gif") repeat-y left ;
}


.post_title {
        width: 650px;
       color: #ffffff;
        height:120px;
        font: 10px Arial;
        background:url("images/top_post_top.gif") no-repeat top left;
}

.post_title h2 {
        color: #ffffff;
        font: 18px Arial;
        padding:5px;
        margin-left:7px;
        width:620px;
        background:url("images/ln.gif") repeat-x bottom ;
}

.post_title h2 a {
        color: #ffffff;
        text-decoration: none;
}

.post_title h2 a:hover {
        text-decoration: underline;
}

.post_title a {
        color: #ffffff;
        text-decoration: none;
}

.post_title a:hover {
        text-decoration: underline;
}

.meta_inf {
        width: 630px;
        height: 22px;
}
.meta_inf a{
color: #FAC179;
}        

.meta_date {
        float: left;
        background: url("images/icon_date.gif") no-repeat;
        padding-left: 25px;
        color:#CCCCCC;
        line-height:20px;        
}

.meta_comments {
        float: right;
        font:10px arial;
        padding-left: 16px;
        height:22px;
        line-height:22px;
}
        
.top_entry {
        text-align:justify;
        color: #000000;
        width: 620px;
        padding: 1px 10px 0 12px;
        clear:both;
        font: 12px Arial;
        margin-top:-70px;
        height:182px;
        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;
        border: 1px solid #FFE2B8;
}

.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;        
}

.post_cat {
        padding-left: 14px;
        line-height: 22px;
        font: 11px Arial;
        color: #cccccc;        
}

.post_cat a {
        color: #F0A13B;
}

/*------TJ-------*/                
/*   Mag Posts   */
/*---------------*/

#content {
        float: left;
        width: 650px;
        overflow: hidden;
}

#content .mag_posts {
        float: left;
        width: 319px;
        margin: 0 6px 6px 0;
        background: url("images/post_mag.gif") repeat-y;
        color: #000000;
        font: 11px Arial;
}

#content .mag_posts a {
        color: #F0A13B;
}

#content .top_mag_posts {
        width: 319px;
        background: url("images/post_mag_top.gif") no-repeat;
}

#content .bottom_mag_posts {
        width: 319px;
        background: url("images/post_mag_bottom.gif") no-repeat left bottom;
        padding-top: 7px;
        padding-bottom: 4px;
}

#content .mag_posts h2 {
        padding:0;
        padding-left: 7px;
        color: #ffffff;
        font: 16px Arial;
        height:30px;
        margin:0;
        
}

#content .mag_posts h2 a {
        color: #ffffff;
}

#content .mag_posts .mag_posts_entry {
        padding: 0px 9px 0px 12px;
        margin:0;
        width: 295px;
        height: 192px;
        text-align:justify;
        overflow: hidden;
}

#content .mag_posts .mag_posts_meta {
        margin: 0 9px 0 6px;
        width:300px;
        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: #ffffff;
        text-decoration: none;
}

#content .post-top a:hover {
        text-decoration: underline;
}

#content .post-top h2 {
        color: #ffffff;
        font: 24px Arial;
        padding:5px;
}

#content .post-top h2 a {
        color: #ffffff;
        text-decoration: none;
}

#content .post-top h2 a:hover {
        text-decoration: underline;
}

#content .meta_inf {
        width: 620px;
        height: 22px;
}

#content .post .post_ctg {
        width: 650px;
        padding-left: 14px;
        line-height: 22px;
        height: 22px;
        font: 11px Arial;
        color: #999999;
}

#content .post .post_ctg a {
        color: #F0A13B;
}

#content .post-entry {
        font: 14px Arial;
        color: #000000;                        
        width: 620px;
        padding: 0 10px 0 10px;
        text-align:justify;
        margin-top:-70px;
}

#content .post-entry a {
        color: #ffffff;
        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: #F0A13B;
        font: 18px Verdana;
}

#comment {
        background:#3a3a3a;
        width:500px;
        border:1px solid #606060;
}
#commentform input{
        border:1px solid #606060;
        background:#3a3a3a;
}
#commentform #submit{
        border:1px solid #909090;
        border-style:outset;
        background:#5a5a5a;
        color:#CCCCCC;
}
                
#content .post .comments {
        font: 11px Arial;
        color: #969696;
        width: 600px;
}

#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: #333333;
}

#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: 280px;
        background: url("images/sidebar_ads.gif") repeat-y;
        margin-bottom: 10px;
}

.rightads_top {
        width: 280px;
        background: url("images/sidebar_ads_top.gif") no-repeat;
}

.rightads_ad {
        padding: 5px;
        float: left;
}

.rightads_bottom {
        padding: 5px;
        width: 270px;
        background: url("images/sidebar_ads_bottom.gif") no-repeat left bottom;
}

/*------TJ-------*/                
/*   Side bar    */
/*---------------*/
        
#sidebar {
        float: right;
        width: 280px;
        font: 11px Arial;
        color: #EFEFEF;
}
        
.sidebar_container {
        width: 280px;
        margin-bottom: 20px;
        background: url("images/sidebar_bg.gif") repeat-y left;
}

#sidebar h2 {
        width: 242px;
padding-left:18px;
        padding-top:17px;
        margin-bottom:10px;
        font: bold 14px tahoma;
        color: #F0A13B;
        background: url("images/sidebar_title.gif") no-repeat top left;
}

#sidebar a {
        color: #EFEFEF;
        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: #cecece;
        text-decoration: none;
        padding: 5px 5px 5px 18px;
        height:15px;
        margin:0;
        display: block;
        background: url("images/sidebar_menu.gif") no-repeat bottom;
}

#sidebar ul li a:hover {
        text-decoration: none;
        padding: 5px 5px 5px 18px;
        height:15px;
        background: url("images/sidebar_menu_hover.gif") no-repeat;
}


#sidebar ul li ul {
        margin: 0;
        padding: 0;
        background: none;
}

#sidebar #searchform {
        margin: 0;
        padding: 10px 0;
        width: 322px;
        text-align: center;
}

#sidebar #searchform #s {
        width: 230px;
}

#sidebar #calendar_wrap {
        width: 230px;
        margin: 0 auto;
        padding-top: 5px;
}

#sidebar #calendar_wrap table {
        width: 180px;
}

#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: 280px;
        display:block;
        position:relative;
}

/*------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: 630px;
        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: 60px;
        padding: 0;
        color: #cccccc;
        padding-top:30px;
        text-align:center;
        font: 11px Arial;
        clear:both;
}

#footer a {
        color: #DF8F4D;
        text-decoration: none;
}

#footer a:hover {
        text-decoration: none;
}

