/*  

Theme Name: Tattoo By Marlon
Theme URI: http://www.pongstr.com/wordpress/theme/v2
Description: Wordpress Theme for Tattoo By Marlon
Version: 2.0
Author: Philip Ordillo
Author URI: 

*/

/* Reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, p { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
/* remember to define focus styles! */
:focus { outline: 0; }
/* remember to highlight inserts somehow! */
ins { text-decoration: none; }
/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: collapse; border-spacing: 0; }
.clear { clear: both; }
/* layout */
body { font-family: Tahoma, Geneva, sans-serif; line-height: 14px; background-color: #000; }
#page { background-color: #000; width: 100%; height: 100%; min-height: 100%; position: relative; background-image: url(images/mt-bdybg.png); background-repeat: no-repeat; background-position: center 222px; }
#header { width: 100%; clear: both; height: 222px; background-image: url(images/mt-hdrbg.png); background-position: center 0px; background-repeat: no-repeat; }
#content { width: 936px; clear: both; padding: 10px; margin-left: auto; margin-right: auto; }
#footer { height: 92px; clear: both; background-image: url(images/mt-ftrbg.png); background-position: center top; margin-left: auto; margin-right: auto; width: 958px; }
.wrap { width: 958px; clear: both; margin-left: auto; margin-right: auto; }
/* header */
#header h1 a { display: block; width: 960px; height: 0px; padding-top: 171px; overflow: hidden; clear: both; margin-left: auto; margin-right: auto; }
/* navigation */
ul#nav { width: auto; padding-left: 10px; float: left; }
ul#nav li { display: inline; }
ul#nav li a { display: block; float: left; padding-top: 20px; padding-left: 20px; padding-right: 25px; height: 30px; font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #FFF; letter-spacing: -1px; text-decoration: none; font-weight: bold; text-shadow: 1px 1px 1px #333; margin-right: 5px; background-image: url(images/nav-abg.png); background-repeat: no-repeat; background-position: right top; }
ul#nav li a:hover { color: #eb8f06; }
/* search box */
#searchbox { display: block; float: right; width: 250px; height: 50px; background-image: url(images/search-bg.png); background-position: 15px 10px; background-repeat: no-repeat; padding-top: 10px; padding-left: 15px; }
#searchbox #s { display: block; float: left; width: 200px; padding-left: 5px; padding-right: 5px; background-color: transparent; height: 18px; line-height: 16px; padding-top: 6px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; color: #999; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; }
#searchbox #searchsubmit { display: block; float: left; width: 30px; height: 0px; padding-top: 32px; overflow: hidden; margin: 0px; background-color: transparent; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; }
/* footer */
#footer ul { display: block; text-align: center; padding-top: 22px; }
#footer ul li { display: inline; }
#footer ul li a { font-family: Tahoma, Geneva, sans-serif; font-size: 11px; text-decoration: none; color: #000; text-shadow: 1px 1px 1px #510a0a; padding-right: 8px; padding-left: 8px; font-weight: bold; }
#footer ul li a:hover { color: #720c0c; text-shadow: 1px 1px 1px #000; }
#footer span { display: none; }
/* content */
#index { width: 638px; float: left; margin-right: 8px; background-color: #080808; border: 5px solid #0f0f0f; padding: 5px; color: #666; }
#sidebar { width: 248px; float: left; background-color: #080808; border: 5px solid #0f0f0f; padding-right: 5px; padding-bottom: 5px; padding-left: 5px; }
/* index */
.post-header { width: 100%; }
.post-h1 a { display: block; text-decoration: none; color: #FC0; font-size: 20px; letter-spacing: -1px; padding-top: 7px; clear: both; margin-bottom: 5px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; background-image: url(images/post-h1bg.png); background-position: 0px 0px; background-repeat: no-repeat; padding-left: 20px; height: 18px; width: 618px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #1a1a1a; padding-bottom: 1px; }
.post-h1 a:hover { color:#FC3; }
.post-date { display: block; width: 610px; padding-top: 2px; padding-bottom: 2px; padding-left: 8px; font-size: 11px; }
.post-content { width: 630px; font-size: 11px; padding-top: 15px; margin-left: auto; margin-right: auto; color:#333; }
.post-content a { color: #FC0; }
.post-content a:hover { color: #FC6; }
.post-content p { display: block; clear: both; text-align: justify; padding-top: 10px; padding-bottom: 10px; }
.post-content img { border: 2px solid #333; margin-left: auto; margin-right: auto; }
.more-link { display: block; clear: both; text-align: right; text-decoration: none; color:#FC0; padding-right: 25px; }
.post-bot { display: block; float: left; margin-right: 10px; padding-left: 10px; padding-right: 5px; font-size: 11px; margin-bottom: 10px; }
.post-bot a { text-decoration: none; color: #F90; }
.post-bot a:hover { text-decoration: underline; }
.post-footer { width: 610px; clear: both; color: #333; padding-top: 10px; padding-bottom: 5px; margin-bottom: 15px; font-size: 10px; margin-left: auto; margin-right: auto; border-top-width: 1px; border-top-style: dashed; border-top-color: #333; height: 25px; }
.post-footer a { color:#333; text-decoration: none; }
.post-footer a:hover { color: #666; }
#post-navigation { width: 98%; height: 25px; margin-left: auto; margin-right: auto; clear: both; padding-bottom: 15px; }
#post-navigation a { display: block; width: auto; height: 22px; float: left; margin-right: 6px; border: 1px solid #0f0f0f; padding-right: 10px; padding-left: 10px; font-family: Tahoma, Geneva, sans-serif; font-size: 11px; line-height: 18px; padding-top: 2px; background-image: url(images/prevnext.png); background-position: 0px 0px; text-align: center; -moz-border-radius: 4px; -webkit-border-radius: 1px; color: #333; text-decoration: none; }
#post-navigation a:hover { color: #000; background-image: url(images/prevnext.png); background-position: 0px -24px; }
.post-search { width: 95%; height: 390px; padding: 10px; background-image: url(images/pr.jpg); background-repeat: no-repeat; background-position: center center; text-align: center; }
.post-h2 { display: block; text-decoration: none; color: #FC0; font-size: 20px; letter-spacing: -1px; padding-top: 7px; clear: both; margin-bottom: 5px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; background-image: url(images/post-h1bg.png); background-position: 0px 0px; background-repeat: no-repeat; padding-left: 20px; height: 18px; width: 618px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #1a1a1a; padding-bottom: 1px; }
/* sidebar */
#sidebar ul { display: block; width: 248px; font-size: 11px; }
#sidebar ul li { display: block; clear: both; margin-bottom: 15px; margin-top: 5px; }
#sidebar ul li h3 { display: block; width: 233px; height: 25px; text-shadow: 1px 1px 1px #a01515; padding-left: 10px; padding-right: 5px; background-image: url(images/tabs.png); background-position: 0px 0px; margin-bottom: 10px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 18px; color: #FFF; padding-top: 10px; }
#sidebar ul li ul { display: block; clear: both; }
#sidebar ul li ul li { border-bottom-width: 1px; border-bottom-style: dashed; border-bottom-color: #000; padding-left: 18px; background-image: url(images/bull.png); background-repeat: no-repeat; background-position: 5px 6px; font-size: 11px; color: #333; padding-bottom: 4px; }
#sidebar a { text-decoration: none; color: #666; }
#sidebar a:hover { color: #999; }
#tagcloud { width: 228px; overflow: hidden; padding: 5px; }
#featured { width: 238px; margin-left: auto; margin-right: auto; border: 5px solid #333; }
/* comments */
.post-comments-template { width: 95%; margin-left: auto; margin-right: auto; clear: both; color: #333; font-size: 11px; }
.post-comments-template h3 { display: block; width: 100%; height: 20px; clear: both; padding-left: 10px; font-size: 16px; padding-top: 10px; color: #333; font-family: Arial, Helvetica, sans-serif; letter-spacing: -1px; }
.post-comments-template a { color: #ffd201; text-decoration: none; }
.commentlist { display: block; width: 98%; margin-left: auto; margin-right: auto; clear: both; }
.commentlist li { display: block; margin-top: 8px; margin-bottom: 8px; padding-bottom: 15px; border-bottom-width: 1px; border-bottom-style: dashed; border-bottom-color: #000; padding-top: 10px; }
.commentmetadata { width: 100%; clear: both; font-family: Tahoma, Geneva, sans-serif; }
.date { display: block; float: left; width: 58px; background-image: url(images/comment-date.png); background-position: 0px 0px; font-size: 10px; font-weight: normal; line-height: 14px; height: 45px; font-family: Tahoma, Geneva, sans-serif; text-align: center; padding-top: 5px; padding-right: 2px; margin-right: 15px; background-repeat: no-repeat; }
.author { width: 450px; float: left; clear: right; }
.author .authorh1 { display: inline; font-size: 14px; font-weight: bold; color: #ffd201; font-family: Arial, Helvetica, sans-serif; }
.time { display: inline; font-family: Tahoma, Geneva, sans-serif; font-size: 11px; }
.comment-body { width: 545px; margin-left: auto; color: #666; text-align: justify; }
/* comment form */
#comments-form { width: 90%; padding-top: 20px; margin-left: auto; margin-right: auto; }
#comments-form .txta { background-image: url(images/txta.png); background-position: 0px 0px; height: 20px; width: 444px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; display: block; background-color: transparent; background-repeat: no-repeat; font-family: Tahoma, Geneva, sans-serif; color: #999; padding-top: 5px; padding-right: 2px; padding-left: 8px; font-size: 11px; }
#comments-form textarea { display: block; width: 430px; height: 205px; background-color: transparent; background-image: url(images/txta.png); background-position: 0px -26px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; font-family: Tahoma, Geneva, sans-serif; font-size: 11px; line-height: 14px; color: #999; padding: 10px; clear: both; margin-bottom: 15px; overflow: auto; }
#comment { display: block; width: 430px; height: 205px; background-color: transparent; background-image: url(images/txta.png); background-position: 0px -26px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; font-family: Tahoma, Geneva, sans-serif; font-size: 11px; line-height: 14px; color: #999; padding: 10px; clear: both; margin-bottom: 15px; }
#comments-form .comments-txt { display: block; font-family: Tahoma, Geneva, sans-serif; font-size: 11px; line-height: 16px; padding-top: 4px; padding-bottom: 4px; padding-left: 5px; color: #333; }
/* google ads */
#google { width: 728px; height: 90px; clear: both; margin-top: 25px; margin-left: auto; margin-right: auto; }
/* flickr */
.flickr-thumb { float: left; margin-right: 10px; margin-bottom: 10px; height: 75px; width: 75px; }
.fg-clear { display: block; clear: both; }
.fg-clear alignright { display: none; }
/* sociable */
.sociable { float: right; padding-right: 8px; }
.sociable ul { display: block; }
.sociable ul li { display: inline; margin-right: 4px; }
/* homepage */
#featured-ink { }
#recent-posts { }
#photostream { width: 590px; text-align: center; margin-left: auto; margin-right: auto; }
#photostream ul { list-style-type: none; margin: 0px; padding: 0px; }
#photostream ul li { display: inline; margin: 5px; }
#photostream img { border: 1px solid #333; margin-top: 6px; margin-right: 3px; margin-bottom: 3px; margin-left: 3px; }

ul.post-gallery { display: block; width: 96%; clear: both; }
ul.post-gallery li { display: inline; }
ul.post-gallery li a { display: block; float: left; margin-right: 15px; margin-bottom: 15px; }
ul.post-gallery li img.hori { width: 180px; height: 130px; }
ul.post-gallery li img.vert { width: 130px; height: 180px; }