/*
Theme Name: Fighting Thai
Theme URI: http://www.fightingthai.com
Description: Wordpress theme for fightingthai.com
Version: 1.0
Author: Andreas Hesselback
Author URI: andreas.hesselback@gmail.com
*/

@import url("style-gallery.css");
@import url("thickbox.css");

/******************************************************
	global CSS reset ...or something
*******************************************************/

body {
    font-size: 100%;
    color: #fff;
}
ul, ol, dl, li, dt, dd, h1, h2, h3, h4, h5, h6, pre,
form, body, html, p, blockquote, fieldset, input {
	padding: 0;
	margin: 0;
    outline: 0;
}
ul, ol {
	list-style: none;
}
h1, h2, h3, h4, h5, h6, pre, code, p, small {
    font-size: 100%;
    font-weight: normal;
}
a img, :link img, :visited img {  /* Blue borders on img links!? Yeah, great fucking idea!? */
	border: none;
}
:link, :visited, :active, :focus {
	text-decoration: none;
    outline: none; /* Takes away the dotted border from links when active in Firefox */
}

/******************************************************
	globals
*******************************************************/
body {
    background: #000;
    font-family: verdana, helvetica, sans-serif;
    font-size: 12px;
}
h1, h2, h3, h4, h5, h6 {
    font-family: arial;
}

a:link, a:visited, a:active { color: #ffcc00; }
a:hover { color: #fff; }

#page_footer p a:link, #page_footer p a:visited, #page_footer p a:active,
#content .entry p a:link, #content .entry p a:visited, #content .entry p a:active
{ color: #FFCC00; }

#page_footer p a:hover,
#content .entry p a:hover,
#content_gallery .gallery_content p a:hover,
.news_title a:hover,
#latest_news div.center a:hover,
#quick_jump #text a:hover,
#content_gallery .gallery_content .link_list .cat a:hover,
#sideadds #premuim_links ul.link_list li a:hover { color: #fff; border-bottom: 1px solid #FFCC00;}

p.smalldark {
   font-size: 10px;
   color: #888888;

}


/******************************************************
	clear-fix and aligns
*******************************************************/

/* slightly enhanced, universal clearfix hack by Perishable at perishablepress.com */
.clearfix:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
     }
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */

.alignleft{
	float:left
}
.alignright{
	float:right
}
.center {
    text-align: center;
}

/******************************************************
	structure, positioning & bg's for MAIN div's
*******************************************************/

#page_wrapper {
    background: url(img/bg-color.jpg) no-repeat;
    width: 980px;
    height: 500px;
    margin: 0 17% 0 auto ;
    text-align: left;
}
*html #page_wrapper {

    width: 990px;

}
#content_wrapper {
    width: 980px;
    margin: 0 0 0 125px;
    padding-bottom: 20px;
}

#content {
    float:left;
    width: 540px;

}
#content_gallery {
    width: 100%;
}
#sideadds {
    float: left;
    width: 285px;
    margin: 0 0 0 28px;
}

/******************************************************
	for menu
*******************************************************/
#page_menu {
    margin: 0 0 0 135px;
    }
    #page_menu p {
        padding-top: 10px;
        color: #888888;
        font: bold 10px arial;
        text-transform: uppercase;
    }


ul.page_menu {
    padding: 0px 0 0 0;
    height: 25px;
    list-style:none;
    text-align:left;
    color: #ccc;
    font: bold 12px verdana;
    letter-spacing: -0.04em;
    text-transform: uppercase;
    /*border-top: solid 2px #ffcc00;*/
}
ul.page_menu li {
    display: block;
    float:left;
    }

ul.page_menu li a {
    color: #ffcc00;
    display: block;
    margin: 0 15px 0 0;

}
ul.page_menu li a:hover {
    color: #fff;
    border-bottom: solid 2px #ffcc00;
}
ul.page_menu li.current_page_item a, ul.page_menu li.current_page_item a:hover {
    color: #fff;
    border-bottom: solid 2px #ffcc00;
}

/******************************************************
	for HEADER - logo & random imgs
*******************************************************/

#header .logo {
        /*position: relative; top: 23px; left: 133px;*/
        float:left;
        padding: 23px 0 0 130px;
    }
    #header .logo h1 a {
        display: block;
        background: url(img/fightingthai_logo.jpg);
        width: 400px;
        height: 104px;

    }
    #header .logo h1 a span{
        display: none;
    }
#header .random_img {
        float:right;
        padding: 22px 0 0 0;
    }

/******************************************************
	for CONTENT
*******************************************************/

#content p {
    text-align: justify;
}

#content h2, #content_gallery h2, #sideadds h2 {
    font-family: impact;
    font-size: 20px;
    text-transform: uppercase;
    letter-spacing: -0.02em;
    padding: 10px 0 0 0;
    margin: 0 0 0 8px;
    border-bottom: 4px solid #ffcc00;
    }
    #sideadds h2 {
    margin: 0 !important;
    }
    #content h2 { margin-top: 8px; }
    #content_gallery h2 {width: 850px;}

#content .entry p, #content_gallery .gallery_content p {
    font-size: 14px;
    margin: 10px 0 20px 8px;

    }
    #content_gallery .gallery_content p {
        text-align: justify;
        font-size: 14px;
        width: 850px;
    }

/* for gallery --------------------------------------- */
#content_gallery h3 {
    font-family: verdana;
    text-transform: uppercase;
    letter-spacing: -0.02em;
    margin-left: 8px;
    padding-top: 0px;
    width: 300px;
    color: #ffcc00;
    font-weight: bold;

    }
#quick_jump {
    float: right;
    margin: 4px 120px 0 0;
}
#quick_jump #text {
    font-size: 10px;
    font-weight: bold;
    padding: 5px 3px 0 0;
    font-family: verdana;
    text-transform: uppercase;
    letter-spacing: -0.02em;
}

#quick_jump select, #quick_jump input{
    font-size: 10px;
}

/******************************************************
	for SIDE ADDS
*******************************************************/

#sideadds img.sideadd_header {
    padding: 20px 0 0 0;
}
#sideadds img.sideadd_friend {
    padding: 10px 0 10px 0;
}

/* latest videos from tmt.tv ------------------------*/


.from_tmttv a:link, .from_tmttv a:visited, .from_tmttv a:active { color: #bbb; }
.from_tmttv a:hover  { color: #bbb; }

 #latest_videos {
   width: 280px;
   font-size: 10px;

}
.from_tmttv {

     margin: 0 0 0 5px;
}


.from_tmttv .video_holder {
  float: right;
  margin: 0 8px 0 0;
  height: 180px;
  min-height: 180px;
  height: auto !important;
}
.from_tmttv .video img {
  border: 1px solid #bbb;
  background: #CCCCCC;
  padding: 3px;
  width: 120px;
  height: 90px;
}
.from_tmttv .video a:hover img {
  background: #fff;
}

.from_tmttv .title {
  width: 120px;
  text-align: justify;
}


/* latest news from tigermauythai.com ------------------------*/

#latest_news a img {
    margin-bottom: 5px !important;
}


div.news_date {
    display: none;
}
div.news_title {
    text-align: justify;
    padding: 0 5px 0 5px;
}
div.news_teaser {
    text-align: justify;
    font-size: 10px;
    padding: 2px 5px 10px 5px;
    color: #888888;
}
/******************************************************
	for LINKS
*******************************************************/

div.cat {
    padding-bottom: 20px;
}


div.cat ul {
    list-style: none;
    list-style-type: circle;
    margin: 0 !important;
    }
    div.cat ul {
        padding: 0 0 0 25px;
    }


div.cat {

}
div.cat ul li {
    font-size: 14px!important;
    float: left;
    width: 280px;
    padding: 5px 0 5px 0;
}


#premium_links ul.link_list {
    font-size: 12px;
    font-family: verdana, arial, sans-serif;
    /*font-weight: bold*/;
    list-style: none;
    padding: 10px 2px 0 2px;
}

#premium_links ul.link_list li {
    padding: 5px 0 5px 12px;
    background-image: url(img/plink_arrow.gif);
    background-repeat: no-repeat;
    background-position: 0 .75em;
    border-bottom: 1px dotted #555;
}

/******************************************************
	for FOOTER
*******************************************************/

#page_footer {
    color: #ccc;
    margin: 0 0 0 135px;
    padding: 4px 0 0 0;
    border-top: 4px solid #ffcc00;
}
#page_footer p.smalldark {
   padding: 5px 0 20px 0;
   text-align: justify;
}