/*
Theme Name: Island Muya Thai Custom WP-Theme
Theme URI: http://www.islandmuaythai.com/
Description: Custom Theme for Island Muay Thai
Version: 1.0
Author: Andreas Hesselback / andreas.hesselback@gmail.com

*/

/******************************************************
	imports
*******************************************************/

@import url("menu.css");
@import url("style-forms.css");

/******************************************************
	small css reset
*******************************************************/

body {
    font-size: 100%;
}
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;
}


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

.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}

.center {
    text-align: center;
}

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

/* Ok, this is ugly, I know...but wtf... */
#sidebar_photos a:hover, .ngg-albumoverview a:hover, .ngg-galleryoverview a:hover, .video_thumb a:hover, #class_list a:hover  {
    border-bottom: 0px!important;
}
#sidebar_photos p.more a:hover, .ngg-albumoverview .ngg-description p a:hover {
    border-bottom: 1px solid #003399!important;
}


/******************************************************
	globals
*******************************************************/

body {
    font-size: 16px;
    background: url('img/bg-solid.gif');
    font-family: verdana, helvetica, sans-serif;
    color: #fff;
}


h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
    color: #999!important;
    font-family: arial, verdana, helvetica, sans-serif;
    letter-spacing: -0.04em;
    text-transform: uppercase;
    margin: 10px 0 4px 0;
    }
    h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {
        color: #fff!important;
    }


    h1 { font-size: 22px; border-bottom: 0px solid #339900; }
    h2 { font-size: 18px; border-bottom: 0px solid #339900; }
    h3 { font-size: 16px; border-bottom: 0px solid #339900; }
    h5 { font-size: 18px; letter-spacing: -0.02em; margin-bottom:0px!important;}
h1 span, h2 span, h3 span, h4 span, h5 span, h6 span, strong span {
    color: #339900;
}
p {
    margin: 10px 5px 15px 5px;
    line-height: 1.4em;
    word-spacing: -0.05em;
    text-align: justify;
}

small {
    font-size: 80%;
}

a:link, a:active, a:visited {
    color: #339900;
    text-decoration: none;
}
p ul a:hover, p a:hover, h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover, #links a:hover, .news_holder a:hover, .post_nav a:hover {
    color: #fff;
    border-bottom: 1px solid #339900;
}

.ngg-widget-thumb, .ngg-widget a img, p a.thickbox img, .content p img, .content table img {
    padding: 4px;
    border: 1px solid;
    border-top-color: #fff;
    border-left-color: #fff;
    border-right-color: #aaa;
    border-bottom-color: #aaa;
    background-color: #bbb;
}

.ngg-widget-thumb:hover, .ngg-widget a img:hover, p a.thickbox img:hover {
    border-top-color: #33CC00;
    border-left-color: #33CC00;
    border-right-color: #336600;
    border-bottom-color: #336600;
    background-color: #339900;

}

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

.wrapper {
    width: 100%;
}
.darkbg {
    background-color: #000;
    border-top: 1px solid #111;
    border-bottom: 1px solid #111;
}
#header, #testrow, #toprow, .content, #footer, #imgrow {
    padding: 0 0 0 30px;
    width: 1000px;
    margin: 0 auto 0 auto;
    }
    #testrow {
        background: url('img/dark-row-bg.jpg') no-repeat top right;
    }
    .content {
        padding-top: 30px;
    }


#header {
    background: url('img/logo2.jpg') no-repeat;
    padding: 0;
    height: 262px;
    min-height: 262px;
    height: auto!important;
}


/******************************************************
	for header & slideshow
*******************************************************/

 .googleadd {
    padding: 30px 0 0 20px;
    margin-bottom: 83px;
 }


/******************************************************
	for menu
*******************************************************/

#menu {
    float: right;
}


/*#menu ul {
    padding-top: 90px;

    list-style-type: none;
}
#menu li {
    display: block;
    float:left;
    border-bottom: 2px solid #333;
}
#menu li:hover, #menu li.current_page_item {
    border-bottom-color: #339900;
}
#menu li a {
    color: #bbb;
    padding: 0 15px;
    text-transform: lowercase;
}
#menu li a:hover, #menu li.current_page_item a {
    color: #fff;
}*/


/******************************************************
	for top row & content
*******************************************************/


#testrow {
    padding-top: 5px;
    height: 270px;
}
#testrow img.post_thumb, #content .postpreview p img.post_thumb {
    float:left;
    margin: 4px 0 0 5px;
    padding: 5px;
    border: 1px solid;
    border-top-color: #fff;
    border-left-color: #fff;
    border-right-color: #aaa;
    border-bottom-color: #aaa;
    background-color: #bbb;
}


#testrow .excerpt {
    float: right;
    vertical-align: middle;
    font-size: 16px;
    width: 590px;
    padding-right: 10px;
    }
    #testrow .excerpt .written_by, .content .postpreview .written_by {
        color: #339900;
        text-transform: uppercase;
        padding: 0;
        margin: 0;
        }
        #testrow .excerpt .written_by { font-size: 16px; font-weight: bold; }
        .content .postpreview .written_by { font-size: 14px; }

    #testrow .excerpt h2 {
        text-align: justify;
        font-size: 24px;
        line-height: 1.2em;
        font-weight: bold;
        margin-top: 2px!important;
    }
#testrow p.readmore {
    padding-top: 0px!important;
    text-align: right;
}
p.readmore {
    padding-top: 10px!important;
    text-align: right;
}
p.readmore a {
    padding-right: 20px;
    background: url(img/big-arrow.gif) no-repeat right;

}

.content p {
    padding: 0 20px 0 0;
}


.content .postpreview {
        background: url(img/short-post-bg.jpg) no-repeat;
        width: 470px;
        height: 320px;
        min-height: 320px;
        height: auto!important;
        margin: 10px;
        float: left;
    }
.content .postpreview_long {
        width: 770px;

    }
    .content .postpreview h3,.content .postpreview_long h3 {
        padding: 0 0 5px 0;
        margin: 0;
        font-size: 18px;
    }
    .content .postpreview p,.content .postpreview_long p {
        padding: 0;
        margin: 0;
        font-size: 14px;
    }
    .content p {
        font-size: 14px;
    }
    .content p a.thickbox img, .content p img {
        margin: 6px;
    }
    .content .postpreview p a.thickbox img {
        margin: 4px 6px 2px 2px;
    }
    .content p span.sign {
        font-size: 16px;
        color: #888888;
    }


.content ul {
    margin: 5px 0 15px 0;
}

.content li {
    font-size: 14px;
    font-style: italic;
    background: url(img/list-arrow.gif) 10px 5px no-repeat;
    padding: 2px 0 2px 24px;
}

.content .dottedline, .dottedline {
    border-top: 1px dotted #333;
    margin-bottom: 30px;
}

.post_nav {
   font-size: 14px;
   padding: 10px 20px 10px 0;
}
.post_nav span{
   font-size: 12px;
   color: #999;
   text-transform: uppercase;
}
h1.single {
  margin: 0!important;
  padding: 0 0 5px 0!important;
}
p.single {
  font-size: 16px;
  color: #339900;
  margin: 0!important;
  padding: 5px 0 0 0!important;
  text-transform: uppercase;
}
p.more_header {
    float:right;
    padding-top:4px;
    color: #999;
}
/* table fixes */

td img {
    margin: 10px 0 10px 0!important;
}


/******************************************************
	for news
*******************************************************/

.news_holder {
    width: 190px;
    float:left;
    font-size:14px;
    margin-right: 10px;
}
.news_date {
   font-size: 10px;
   text-transform: uppercase;
   font-weight: bold;
}

.news_teaser p {
    font-size: 12px;
    color: #bbb;
    padding: 4px 2px 0 2px!important;
    margin: 0!important;
}


/******************************************************
	for links
*******************************************************/

#links {
    padding: 0 0 30px 20px;
    height: 40px;
    min-height: 40px;
    height: auto!important;
    margin-bottom: 10px;
}

#links div.cat {
    float:right;
    display:block;
    width: 300px;
}
#links li {
    color:#999;
    float:left;
    display:block;
    width: 270px;
    background-image: url(img/big-arrow.gif);
    background-repeat: no-repeat;
    background-position: 0 .55em;
    list-style: none;
    margin: 0 !important;
    font-size: 10px;
    padding: 5px 15px 5px 20px;
}
#links li a {
    font-size: 14px;
    font-style: normal;
}
#links h2 {
    color: #fff;
    font-size: 16px;
    font-weight:bold;
    padding: 15px 0 2px 0;
    margin-bottom:5px;

}


/******************************************************
	for imgrow
*******************************************************/

#imgrow {
    padding: 10px 0 20px 0;
}
.ngg-widget a img {
    margin-left: 6px;
}

/******************************************************
	for tiger bites
*******************************************************/
.bite_box_top, .bite_box_bg, .bite_box_bottom {
    opacity: 0.7;
    filter: Alpha(opacity=70);
    -moz-opacity: 0.7;
}


.bite_box_top {
    background: url(img/bite-box-top.png) no-repeat;
    width: 744px;
    height: 28px;
}
.bite_box_bg {
    background: url(img/bite-box-bg.png) repeat-y;
    width: 744px;
    padding: 0px;
    }
    .bite_box_bg p {
        font-size: 16px !important;
        margin:0px !important;
        padding:5px 10px 5px 10px!important;
    }
.bite_box_bottom {
    background: url(img/bite-box-bottom.png) no-repeat;
    width: 744px;
    height: 13px;
    margin-bottom: 30px;

}

/******************************************************
	for footer
*******************************************************/

#footer {
    margin-top: 25px;
    font-size: 12px;
    padding-right:20px;
}
#footer p.smalldark {
    color: #999;
    padding: 0 0 5px 0;
    margin: 0;
    text-align: justify;
    }
    .footercontent {
        border-top: 1px dotted #333;
    }
    #footer p {
        padding: 5px 0 5px 0;
        margin: 0;
    }