/*
Theme Name: MMA Thailand v2
Theme URI: -
Description: -
Version: 0.1


*/


/* reset
----------------------------------------------------------------------------- */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, dialog, figure, footer, header,
hgroup, nav, section {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}

article, aside, dialog, figure, footer, header,
hgroup, nav, section {
    display:block;
}

body {
  line-height: 1.5;
}

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

/* Remove annoying border on linked images. */
a img { border: none; }


/* clearfix hack & aligns.
----------------------------------------------------------------------------- */

/* enhanced 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 */

/* aligns */
img.center, .aligncenter, div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}
.alignright {
	float: right;
	}
.alignleft {
	float: left;
	}
.center {
    text-align: center;
}

/* typos
----------------------------------------------------------------------------- */

html { font-size:100.01%; }
body {
  font-size: 75%;
  color: #bbb;
  font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
  text-shadow: #000 1px 1px 1px;
}


/* headings
----------------------------------------------------------------------------- */

h1,h2,h3,h4,h5,h6 { font-weight: bold; color: #ddd; }

h1 { font-size: 2.5em; line-height: 1; margin-bottom: 0.5em; letter-spacing: -.05em;}
h2 { font-size: 2em; margin-bottom: 0.75em; }
h3 { font-size: 1.5em; line-height: 1; margin-bottom: 1em; }
h4 { font-size: 1.2em; line-height: 1.25; margin-bottom: 1.25em; }
h5 { font-size: 1em; font-weight: bold; margin-bottom: 1.5em; }
h6 { font-size: 1em; font-weight: bold; }

h5.inh {
  margin: 0px!important;
  padding: 0px!important;
}


h1 img, h2 img, h3 img,
h4 img, h5 img, h6 img {
  margin: 0;
}

.orange { color: #ff3300;}
.light { color: #aaa!important;}

/* text elements
----------------------------------------------------------------------------- */

p           { font-size: 1.4em; margin: 0 0 1.5em; }
p img.left  { float: left; margin: 1.5em 1.5em 1.5em 0; padding: 0; }
p img.right { float: right; margin: 1.5em 0 1.5em 1.5em; }

blockquote  { margin: 1.5em; color: #666; font-style: italic; }
strong      { font-weight: bold; }
em,dfn      { font-style: italic; }
dfn         { font-weight: bold; }
sup, sub    { line-height: 0; }

abbr,
acronym     { border-bottom: 1px dotted #666; }
address     { margin: 0 0 1.5em; font-style: italic; }
del         { color:#666; }

pre         { margin: 1.5em 0; white-space: pre; }
pre,code,tt { font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; }


/* links
----------------------------------------------------------------------------- */

a:focus,
a:hover     { color: #fff;}
a           { color: #ff3300;text-decoration: none;}




/* lists
----------------------------------------------------------------------------- */

li ul,
li ol       { margin: 0; }
ul, ol      { margin: 0 1.5em 1.5em 0; padding-left: 3.333em; }

ul          { list-style-type: disc; }
ol          { list-style-type: decimal; }

dl          { margin: 0 0 1.5em 0; }
dl dt       { font-weight: bold; }
dd          { margin-left: 1.5em;}



/* misc classes
----------------------------------------------------------------------------- */

.small, small      { font-size: .95em; line-height: 1.275em; }
.large      { font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em; }
.hide       { display: none; }

.quiet      { color: #666; }
.loud       { color: #000; }
.highlight  { background:#ff0; }
.added      { background:#060; color: #fff; }
.removed    { background:#900; color: #fff; }

.first      { margin-left:0; padding-left:0; }
.last       { margin-right:0; padding-right:0; }
.top        { margin-top:0; padding-top:0; }
.bottom     { margin-bottom:0; padding-bottom:0; }

.beavel {
    background-color: #050505;
    border: 1px solid;
    border-left-color: #111;
    border-top-color: #111;
    border-right-color: #020202;
    border-bottom-color: #020202;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}
.beavel.meta {

    padding: 5px 5px 5px 5px;
    margin-top: 0px;
    margin-bottom: 10px;
    color: #555;
}

.beavel.text a {
    color: #333;
    text-shadow: #000 -1px -1px 0, #111 0 1px 0;
    text-decoration: none;
}
.beavel.text a:hover {
    color: #f30;
}

/* main divs, bg's & structure
----------------------------------------------------------------------------- */

body {
    background: #0d0d0d url(img/bg.png) no-repeat top center;
}

#page-wrapper {
    width: 980px;
    margin: 0 auto 0 auto;
    overflow: hidden;
    }
    #header {
        height: 230px;
    }
    #content-holder {
        padding-left: 40px;

        }
        #content  {
            width: 605px;
            float: left;
        }
        #sidebar {
            margin: 0px;
            width: 320px;
            float: right;
        }
    #footer {
        margin-left: 40px;
    }


/* header
----------------------------------------------------------------------------- */

img.tmt-logo {
    float: right;
    margin-top: -5px;
}


#header h2 a {
    display: block;
    float:left;
    height: 220px;
    width: 220px;
    text-indent: -9999px;
}
.leadboard-add {
    margin: 22px 0 0 0;
    float:right;
}



/* content
----------------------------------------------------------------------------- */


h3.widgettitle-front {
    margin: 0!important;
    padding: 0!important;
}


.featured-video {
    padding: 10px;
    background-color: #050505;
    border: 1px solid;
    border-left-color: #111;
    border-top-color: #111;
    border-right-color: #020202;
    border-bottom-color: #020202;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

p.VideoCaption {
    color: #999!important;
    font-size: 14px;
    margin: 0!important;
    padding: 5px 0 0 0!important;
}

h1.leadin, h2.leadin {
    font-size: 2.5em; line-height: 1; margin-bottom: 0.5em; letter-spacing: -.05em;
    margin-top: -10px;
    text-indent: 130px;
    text-transform: uppercase;
    padding-left: 5px;
}


/* post listing
----------------------------------------------------------------------------- */

.post {
    margin-top: 30px;
    padding-left: 5px;
}
.post.single {
    margin-top: 0px!important;
}

.date {
    float:left;
    width: 35px;
    height: 58px;
    padding: 2px;
}
.date p {
    font-family: arial;
    font-weight: bold;
    text-transform: uppercase;
    color: #333;
    text-shadow: #000 -1px -1px 0, #111 0 1px 0;
    margin: 0!important;
    padding: 0!important;
    text-align: center;
}
.date p.month {
    font-size: 1.1em;
}
.date p.day {
    color: #666;
    font-size: 2em;
    margin: -8px 0!important;
}
.date p.year {
    font-size: 1.05em;
}

.post h2, h1.single {
    margin: 5px 0 0 0!important;
    padding: 0 0 0 5px!important;
    width: 550px;
    float: left;
}
.post h2 a, h1.single {
    font-size: 22px!important;
    line-height: 22px!important;
    text-transform: uppercase!important;
    color: #ff3300!important;
    text-decoration:none!important;
}

.post h2 a:hover {
    color: #ff3300!important;
}

.post-thumb-holder {
    float: left;
    margin-top: 4px;
    width: 164px;
    height: 112px;
}
.post-thumb-holder img {
    margin: 6px;
    border: 1px solid;
    border-left-color: #020202;
    border-top-color: #020202;
    border-right-color: #111;
    border-bottom-color: #111;
}

div.excerpt {
    width: 420px;
    padding: 6px 0 0 10px;
    float: left;
}

.post-meta {
    height: 24px;
    font-family: arial;
    font-weight: bold;
    color: #555;
    padding: 2px 5px 0 5px;

}
.post-meta p {
    font-size: 12px;
}
.post-meta p a {
    color: #333;
    text-shadow: #000 -1px -1px 0, #111 0 1px 0;
    text-decoration: none;
}
.post-meta p a:hover {

    color: #ff3300;
    text-shadow: #000 -1px -1px 0, #111 0 1px 0;
    text-decoration: none;
}
.post-meta p.comments {
    padding-top: 2px;
}
.post-meta p.read-more {
    font-size: 14px;
}

/* single view
----------------------------------------------------------------------------- */

h1.single {
    margin: 3px 0 5px 0!important;
    line-height: 30px!important;
}

.post.single .google-add {
    width: 468px;
    margin: 0 auto 0 auto;
}

.post.single p a img {
    padding: 5px!important;
    background-color: #050505!important;
    border: 1px solid!important;
    border-left-color: #111!important;
    border-top-color: #111!important;
    border-right-color: #020202!important;
    border-bottom-color: #020202!important;
    -moz-border-radius: 3px!important;
    -webkit-border-radius: 3px!important;
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
    margin-bottom: -3px!important;
}
.post.single p a img:hover {
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}
.post.single p a img.alignleft {
    margin-right: 10px!important;
}
.post.single p a img.alignright {
    margin-left: 10px!important;
}

.post-navigation .leftnav, .post-navigation .rightnav {
    width: 285px;
    margin-top: 0!important;
    margin-bottom: 10px!important;
}
.post-navigation .leftnav {
    float:left;
}
.post-navigation .rightnav {
    float:right;
    text-align: right;
}

/* sidebar
----------------------------------------------------------------------------- */

#sidebar .holder {
    margin: 0 0 10px 10px;
    background-color: #050505;
    border-left:1px solid #111;
    border-right: 1px solid #020202;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

.holder.advertisment {
    padding: 5px;
}
.holder.latestcomments {
    font-size: 14px;
}
.holder.latestcomments a,  {
    font-size: 14px;
    font-weight: normal!important;
}
.holder.links a {
    font-size: 12px!important;
    font-weight: normal!important;
}

#sidebar h3 {
    margin: 0 0 0 13px!important;
    padding: 0!important;
}
#sidebar .holder ul {
    list-style-type: none;
    margin: 0!important;
    padding: 0!important;
}
#sidebar .holder ul li {
    padding: 6px 8px;
    border-top: 1px solid #111;
    border-bottom: 1px solid #020202;
}
#sidebar .holder.recentposts ul li span {
    color: #777!important;
    font-size: 10px!important;
    text-transform: uppercase;

}
#sidebar .holder ul li span {
    color: #aaa;
}


#sidebar .holder a {
    font-size: 14px;
    line-height: 15px;

    color: #444;
    text-shadow: #000 -1px -1px 0, #111 0 1px 0;
    text-decoration: none;
}
#sidebar .holder a:hover {
    color: #f30;
}
/* forms
----------------------------------------------------------------------------- */

label       { font-weight: bold; }
fieldset    { padding:1.4em; margin: 0 0 1.5em 0; border: 1px solid #ccc; }
legend      { font-weight: bold; font-size:1.2em; }


/* form fields
----------------------------------------------------------------------------- */

input.text,
input.title   { width: 300px; padding:5px; }
input.title   { font-size:1.5em; }
textarea      { width: 500px; height: 250px; padding:5px; }


form.inline { line-height:3; }
form.inline p { margin-bottom:0; }

input, textarea {
    padding: 4px;
    background-color: #070707;
    border: 1px solid;
    border-left-color: #030303;
    border-top-color: #030303;
    border-right-color: #111;
    border-bottom-color: #111;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    color: #999;
}
input:focus, textarea:focus {

    border: #f30 1px solid;
}
input#submit {
    background-color: #050505;
    border: 1px solid;
    border-left-color: #111;
    border-top-color: #111;
    border-right-color: #020202;
    border-bottom-color: #020202;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    padding: 4px;
    color: #333;
    text-shadow: #000 -1px -1px 0, #111 0 1px 0;
    text-decoration: none;
}
input#submit:hover {
    color: #f30;
}


/* comments
----------------------------------------------------------------------------- */
ol.commentlist {
    margin-left: 20px!important;
    padding-left: 0px!important;
}


h4#comments {
    font-size: 18px;
    margin-top: 15px;
}


#commentform p {
    margin: 0 0 10px 0!important;
}

.comment-author.vcard {
    font-size: 16px;

}

.comment-meta.commentmetadata {
    float:right;
    margin-top: -20px;
}
.comment-body p {
    background-color: #050505;
    border: 1px solid;
    border-left-color: #111;
    border-top-color: #111;
    border-right-color: #020202;
    border-bottom-color: #020202;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    padding: 10px;
    font-size: 12px;
    color: #999;
}


/* footer
----------------------------------------------------------------------------- */

#footer {
    height: 40px;
    line-height: 40px;
    padding: 0 5px 0 5px;
    margin-top: 15px;
    margin-bottom: 15px;
    color: #555;
}

#footer a {
    color: #333;
    text-shadow: #000 -1px -1px 0, #111 0 1px 0;
    text-decoration: none;
}
#footer a:hover {
    color: #f30;
}

/* page numbers
----------------------------------------------------------------------------- */

#navigation {
    height: 24px;
    font-family: arial;
    font-weight: bold;
    color: #555;
    padding: 2px 5px 0 5px;
    margin-top: 30px;
}


#wp_page_numbers ul, #wp_page_numbers li, #wp_page_numbers a {
	padding: 0;
	margin: 0;
	border: none;
	text-decoration: none;
    font-weight: bold;
	font-style: normal;
	list-style: none;
	text-transform: none;
	text-indent: 0px;
	font-variant: normal;
	text-align: left;
    vertical-align: middle;
	letter-spacing: 0px;
	word-spacing: 0px;
    font-size: 14px;
    height: 24px;
    line-height: 24px;
}

#wp_page_numbers {
	margin: 0;
}
#wp_page_numbers ul {
    width: 100%;
}
#wp_page_numbers li {
	float: left;
	display: block;
}

#wp_page_numbers a {
	padding: 0 6px 4px 6px;
	display: block;
    color: #333;
    text-shadow: #000 -1px -1px 0, #111 0 1px 0;
    text-decoration: none;

}

#wp_page_numbers li a:hover {
    color: #ff3300;


}

#wp_page_numbers li.space {
	padding: 0px 0px 6px 0px;

}

#wp_page_numbers li.first_last_page {
	font-style: italic;
}

#wp_page_numbers li.active_page a {

}
#wp_page_numbers li.active_page a:hover  {
 /* IE fix */
}

#wp_page_numbers li.page_info {
	float: left;
	display: block;
	padding: 0px 10px 6px 0px;


}