/*
Design by Free CSS Templates
http://www.freecsstemplates.org
Released for free under a Creative Commons Attribution 2.5 License
*/

body {
    margin: 0;
    padding: 0;
    background: #fff url(images/img01.gif) repeat-x;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #666;
    width:auto;
}

h1, h2, h3 {
    margin-top: 0;
}

h1 {
    font-size: 2em;
}

h2 {
    font-size: 1.6em;
}

h3 {
    font-size: 1em;
}

ul ol {
    list-style-image: url(images/img07.gif);
}

li {

}

a {
    text-decoration: none;
    border-bottom: 1px dotted #CCCCCC;
    color: #D56E22;
}

a:hover {
    border-bottom: none;
}

a img {
    border: none;
}

img.left {
	float: left;
	margin: 0 20px 0 0;
}

img.right {
    float: right;
    margin: 0 0 0 20px;
}

/* Header */

#logo {
    width:auto;
    height: 88px;
    margin: 0 auto;
}

#logo a {
    border: none;
    text-decoration: none;
    color: #FFFFFF;
}

.logo_left {
    float:left;
}

.logo_signature {
    margin-left:5px;
    margin-top:30px;
}

.logo_site {
    font-weight:bold;
    font-size:18px;
    color:#fff;
}

.logo_sign {
    padding-left:26px;
    font-size:18px;
    font-weight:800;
    color:#fff;
}

.logo_right {
    float:right;
    margin-top:5px;
    margin-right:2px;
    font-weight:bold;
    
}

/* Menu */

#menu {
    width:auto;
    height: 12px;
    margin-left:160px;
}

#menu ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

#menu li {
    display: inline;
}

#menu a {
    display: block;
    float: left;
    height: 22px;
    margin: 0 1px 0 0;
    padding: 10px 20px 0 20px;
    border: none;
    text-decoration: none;
    font-size: 12px;
    font-weight: bold;
    color: #FFFFFF;
}

#menu a:hover {
    background: #DD8B4E;
}

#menu .current_page_item a {
    background: url(images/img02.gif) repeat-x;
    color: #D56E22;
}

/* Page */

#page {
    width: 88%;
    margin: 0 auto;
    padding: 30px 0;
}

/* Content */

#content {
    float: left;
    width:100%;
}

.post {
    margin-bottom: 20px;
    padding-bottom: 15px;
    border-bottom: 1px solid #F2F2F2;
    line-height: 200%;
}

.title {
    margin: 0;
}

.title a {
    border-bottom: none;
}

.title a:hover {
    border-bottom: 1px dotted #CCCCCC;
}

.byline {
    margin: 0 0 20px 0;
}

.entry {
    padding: 0 20px;
}

/* Search */

#searchform {
    margin: 0;
    padding: 0;
}

#searchform br {
    display: none;
}

/* Footer */
#footer {
    background: #D56E22 url(images/img05.gif) repeat-x;
}

#footer p {
    padding: 30px 0 50px 0;
    margin: 0;
    text-align: center;
    font-size: smaller;
    color: #FFFFFF;
}

#footer a {
    color: #FFFFFF;
    border-bottom: none;
}

#footer_cat {
    float:right;
    margin-top:-88px;
    margin-right:18px;
}

#leftcolumn {
    width: 20%;
    float:left;
}

#leftcolumn th {
}

#leftcolumn .blockleft  {
    border:1px solid #666;
    margin:5px;
}

#leftcolumn div.blockTitle {
    padding:5px;
    background: url(images/img02.gif) repeat-x;
    border-bottom: 1px solid #666;
    font-size: 12px;
    font-weight:bold;
}

#leftcolumn div.blockContent {
    margin:0;
    padding:5px;
}

#centercolumn {
    width: 59%;
    float:left;
}

#centercolumn table {
    width: 100%;
}


#centercolumn th {
}

#centerCcolumn, #bottomCcolumn {
}

#centerCcolumn .blockcenter_c, #bottomCcolumn .blockcenter_c {
    border:1px solid #666;
    margin:5px;
}

#centerCcolumn .blockTitle, #bottomCcolumn .blockTitle {
    padding:5px;
    background: url(images/img02.gif) repeat-x;
    border-bottom: 1px solid #666;
    font-size: 12px;
    font-weight:bold;
}

#centerCcolumn .blockContent, #bottomCcolumn .blockContent {
}

#centerLcolumn, #bottomLcolumn, #centerRcolumn, #bottomRcolumn {

}

#centerLcolumn .blockTitle, #bottomLcolumn .blockTitle, #centerRcolumn .blockTitle, #bottomRcolumn .blockTitle {

}

#centerLcolumn .blockContent, #centerRcolumn .blockContent, #bottomLcolumn .blockContent, #bottomRcolumn .blockContent {

}

div#content {
    text-align: left;
    padding: 8px;
}

#rightcolumn {
    width: 20%;
    font-size:12px;
    float:left;
}

#rightcolumn th {
}

#rightcolumn .blockright {
    border:1px solid #666;
    margin:5px;
}

#rightcolumn div.blockTitle {
    padding:5px;
    background: url(images/img02.gif) repeat-x;
    border-bottom: 1px solid #666;
    font-size: 12px;
    font-weight:bold;
}

#rightcolumn div.blockContent {
    margin:0;
    padding:5px;
}


/* For html */
fieldset {
    border:1px solid #D56E22;
}

input[type="submit"], input[type="button"], button {
    cursor: pointer;
    border: 1px solid #A5B5C0;
    background:#E0EBF2 url('images/bar_bg_a.gif') repeat-x 100% 0px;
    padding: 1px 8px 1px;
}
button:hover, input[type="submit"]:hover, input[type="button"]:hover {
    border: 1px solid #E0EBF2;
    background:#F4ECD6 url('images/bar_bg_a.gif') repeat-x 100% -60px;
}

input[type=text], input[type=password] , textarea {
    border: 1px solid #E0EBF2;
    padding: 1px;
}

input[type=text]:hover, input[type=password]:hover, textarea:hover {
    border: 1px solid #E0EBF2;
    background-color:#F4ECD6;
}

input[type="checkbox"], input[type="radio"] {
    vertical-align: middle;
    border: 1px solid #E0EBF2;
}

select {
    border: 1px solid #E0EBF2;
}

th {
    background: url(images/img02.gif) repeat-x;
    border: 1px solid #F2F2F2;
    font-size: 12px;
}


.head {
    background-color: #f8eaa3;
    font-size: 14px;
    text-align:center;
    vertical-align:middle;
}

.even {
    background-color:#f4f4f4;
}

.odd {
    background-color:#ededd3;
}

td {
    padding:2px;
}

.clear {
    clear:both ;
}

/* Article */

.rankfloat {
    float:left;
    width:32%;
    margin:2px;
}

.catalogTitle {
    margin:0px;
    padding:0px;
}


.header_word {
    margin-bottom:2px;
    text-align:center;
}

.split {
    margin-top:5px;
    margin-bottom:5px;
}

.thumbs {
    border:1px solid #666;
    padding:2px;
    background-color:#fff;
    filter:shadow(color=000000,direction=135);
}

.xoopsCode {
    border:1px solid #666;
    background-color:#f4f4f4;
    color:#fff;
    overflow:auto;
    padding:5px;
}