/*CUSTOM DESIGN 002 =========================================================*/ /*===DEFAULT===*/ body {font-size: 100% ;color: #956f31 ;background: #FFCC66 ;} a {color: #f60 ;} /*===LAYOUT===*/ #container {width: 900px ;} #alpha-inner {margin-right: 200px ;} #header {height: 260px ;background: url(monster-img/header.jpg) no-repeat right ;} #content {background: url(monster-img/container.jpg) repeat-y right top ;} /*===HEADER===*/ #header-content {color: #fff ;} #header-name {font-size: 300%;font-weight: bold ;} #header-name a {color: #fff ;} #header-description {font-size: 130% ;color: #fff ;} /*===ALPHA===*/ .entry-title, .trackbacks-header, .comments-header {color: #9B4D0D ;background: #transparent ;border-bottom : 3px solid #f93;border-top : 3px solid #fff ;} .archive-title, .search-results-header, h1#page-title {border-top: 1px solid #fff ;border-bottom: 1px solid #fff ;color: #ffc;background: #f49302 ;font-weight: normal ;} .archive-title em {color: #fff ;} .content-nav{color: #c08201 ;background: #fec54e ;} .content-nav a {color: #c08201 ;} .entry-title a {color: #9B4D0D ;} .entry-asset {background : #f9e5c5 url("monster-img/asset-body.png") no-repeat right bottom ;} #trackbacks, #comments, #trackbacks, #comments, .mt-comment-confirmation #alpha-inner , .mt-comment-preview .comment {background: #f9e5c5 ;} .comment, .trackback, .entry-asset .asset-meta {border-bottom: 1px solid #fec54e ;} .trackbacks-info {border : 1px solid #fec54e ; } .comments-open-header {color: #fff ;background: #fec54e ;} .asset-footer h4 { background : #ffcc66 ; } /*===BETA===*/ h3.widget-header {font-weight: normal ;color: #a06a11 ;background: #fec54e ;border-bottom : 3px solid #f49302 ;} #beta h3.widget-header a {color: #a06a11;} #beta li a {border-bottom: 1px solid #f9e5c5 ;color: #766036 ;background: transparent ;} #beta li a:hover {background: #fde379 ;} /*===COMMENTS===*/ #content #beta .widget-recent-comments div.widget-content li , #content #beta .widget-syndication div.widget-content li {border-bottom: 1px solid #ad9640 ;} /*===CALENDAR===*/ .widget-calendar table td {border: 1px solid #fcdb56 ;background: #f9e5c5 ; color : #9b4d0d ;} .widget-calendar table td a {font-weight: bold ;color: #c08201 ;background: #fec54e ;} .widget-calendar table th {border: 1px solid #fcdb56 ;border-top: none ;font-weight: normal ;color: #fff ;background: #f49302 ;} /*===ARCHIVES===*/ .mt-archive-index .archive {background: #ffc ;} .mt-archive-index .archive .archive-header {color: #fff ;background: #fec54e ;} /*===POWERED===*/ .widget-powered {color: #c08201 ;} .widget-powered a {color: #c08201 ;} /*===SEARCH===*/ .mt-search-results #alpha-inner p {background: #f9e5c5 ;} /*BASE DESIGN =========================================================*/ body { padding: 0 ; margin: 0 ; line-height: 1.7 ; text-align: center ; } h1, h2, h3, h4, h5, h6, p, input, option, address, textarea, table { padding: 0 ; margin: 0; font-size: 100% ; font-style: normal ; font-weight: normal ; } a { } img { border: 0 ; } ul{ padding: 0px ; margin-left: 15px; } li { margin: 0px ; } form { width: 100% ; padding: 0px ; margin: 0px ; } /* ===LAYOUT===*/ #header { } #beta { float: right ; width: 180px ; padding-bottom: 200px ; margin-left: -180px ; font-size: 100% ; display: inline ; } #beta-inner { position: relative ; margin-right: 20px ; } #alpha { float: left ; width: 100% ; margin-right: -180px ; font-size: 100% ; } #alpha-inner { overflow: hidden ; } #container { position: relative ; margin: auto ; overflow: hidden ; text-align: left ; } #content { height: 1% ; padding-bottom: 50px ; padding-left: 20px ; overflow: hidden ; } /* ===HEADER===*/ #header-content { padding: 30px ; text-align: left; } #header-name { font-weight: bold ; line-height: 1 ; } #header-name a { text-decoration: none ; } #header-description { } /* ===ALPHA===*/ .entry-title, .trackbacks-header, .comments-header { padding: 5px ; margin-bottom: 10px ; } .archive-title, .search-results-header, h1#page-title { padding: 3px 10px ; margin-bottom: 15px ; } .archive-title em { padding-right: 5px ; font-style: normal ; font-weight: bold ; } .content-nav{ text-align: center ; } .content-nav a { } .asset-body { height: 1% ; width: 100% ; margin-bottom: 20px ; overflow: hidden ; } .entry-title { clear: both ; } .entry-title a { padding: 5px ; text-decoration: none ; } .entry-title { margin-bottom: 5px ; } .asset-meta address { display: inline ; } .entry-asset { position: relative ; padding: 15px ; margin-bottom: 15px ; } .entry-asset .asset-meta { padding-bottom: 5px ; margin-bottom: 15px ; } .asset-footer h4 { padding: 2px ; } .asset-footer ul { padding: 0px ; margin: 0px ; margin-bottom: 10px ; } .asset-footer li { padding: 0 ; margin: 0 ; display: inline ; list-style-type: none ; } .comment, .trackback { padding: 10px 0px 10px ; } #trackbacks, #comments { padding: 15px ; margin-bottom: 15px ; } .comments-open-header { padding: 2px 5px ; margin-bottom: 10px ; } #comments-open { margin-bottom: 15px ; } #comments-open #comment-text { height: 10em ; width: 95% ; } #comments-open #comment-url { width: 50% ; } #comments-open #comment-submit{ width: 6em ; } #comments-open #comment-preview{ width: 6em; } .mt-comment-confirmation #alpha-inner , .mt-comment-preview .comment { padding: 15px ; } .trackbacks-info { padding: 5px ; font-size: 100% ; line-height: 1.5 ; } /* ===BETA===*/ #beta .widget { margin-bottom: 5px ; } h3.widget-header { clear: both ; padding: 2px ; margin-bottom: 10px ; font-size: 120% ; font-weight: normal ; text-align: center ; } #beta h3.widget-header a { } #beta ul { padding: 0 ; margin: 0 ; overflow: hidden ; list-style-type: none ; } #beta li { height: 1% ; margin: 0 0 2px ; list-style-type: none ; } #beta li a { padding-left: 5px ; text-decoration: none ; display: block ; } #beta li li { margin-left: 1em ; list-style-type: none ; } #beta li li a { padding-left: 5px ; border: none ; text-decoration: none ; display: block ; } #beta li li a:hover { padding-left: 5px ; border: none ; text-decoration: none ; display: block ; } .mtblog-beta-inner { position: absolute ; left: 0px ; top: 0px ; height: 0px ; padding-top: 0px ; overflow: hidden ; font-size: 100% ; } #beta-inner > .mtblog-beta-inner { height: 0px ; } /*___PHOTO___*/ #beta .widget-recent-assets div.widget-content ul.widget-list { padding-left: 0px ; overflow: hidden ; } #content #beta .widget-recent-assets div.widget-content li.item { float: left; width: 70px; margin: 0px 5px 10px; margin-left: 3px; overflow: hidden; display: inline ; } #content #beta .widget-recent-assets div.widget-content li.item a { padding-left: 0px ; margin-bottom: 0px ; border-bottom: 0px ; border-left: 0px ; text-align: center ; background: transparent ; } #content #beta .widget-recent-assets .widget-content li.item img { margin: auto ; } /*___search___*/ #beta .widget-search form { text-align: center ; } #beta .widget-search form input[type="text"], #beta .widget-search form input[type="submit"]{ width: 90%; padding: 2px ; margin: auto ; margin-bottom: 3px ; } /*___comments syndication___*/ #content #beta .widget-recent-comments div.widget-content li a, #content #beta .widget-syndication div.widget-content li a { padding-left: 0 ; display: inline ; } #content #beta .widget-recent-comments div.widget-content li , #content #beta .widget-syndication div.widget-content li { padding-bottom: 5px ; margin-bottom: 5px ; line-height: 1.4 ; } /*___feed___*/ #beta .widget-technorati input { } /*___calendar___*/ .widget-calendar table { width: 90% ; margin: auto ; border-collapse: collapse ; } .widget-calendar table td { height: 20px ; width: 20px ; text-align: center ; } .widget-calendar table td a { height: 20px ; width: 20px ; font-weight: bold ; line-height: 20px ; text-decoration: none ; display: block ; text-align: center ; } .widget-calendar table th { height: 20px ; width: 20px ; border-top: none ; font-weight: normal ; text-align: center ; } /*technorati*/ #technorati fieldset #ts_search { width: 90% ; margin: auto ; } #technorati fieldset { text-align: center ; } #technorati .btn { width: 6em ; margin: auto ; display: block ; } label { clear: both ; } /* ===ARCHIVES===*/ .mt-archive-index .archive { padding: 15px ; } .mt-archive-index .archive .archive-header { padding: 2px 5px ; margin-bottom: 10px ; } /* ===FOOTER===*/ /*___CLOCK___*/ #jtokei { position: absolute ; right: 225px ; bottom: 10px ; height: 22px ; width: 60px ; } #jtokei input{ position: absolute ; left: 0px ; top: 0px ; height: 22px ; width: 60px ; padding: 0px ; margin: 0px ; border: 0px ; font-size: 12px ; line-height: 22px ; display: block ; text-align: center ; background: url(monster-img/clock_c.gif) repeat-x center center; } #jtokei form > input { height: 19px ; padding-top: 3px ; } *:first-child+html #jtokei input, html*#jtokei input { height: 22px ; padding-top: 0px ; } img.clockL { position: absolute ; left: -15px ; top: 0px ; z-index: 2 ; } img.clockR { position: absolute ; top: 0px ; right: -13px ; z-index: 3; } /*---powered---*/ .widget-powered { bottom: 20px ; } .widget-powered { position: relative ; } .widget-powered img { position: absolute ; top: 50px ; right: 20px ; } .mt-monster { position: absolute ; right: 40px ; bottom: 10px ; margin-bottom: 5px ; } #footer .widget-powered { position: absolute ; left: 20px ; bottom: 10px ; line-height: 1 ; }