/* Theme Name: Trendy Theme URI: http://gettemplate.com/ Description: WordPress theme by GetTemplate. Version: 1.0 Author: GetTemplate Author URI: http://gettemplate.com/ GetTemplate (c) 2010. All rights reserved. Usage restrictions: 1. You may use this theme on a single website only (your own or your slient's). 2. To use on multiple websites you must purchase separate license for each website. 3. Feel free to edit the theme for your own or your client's purposes, no restrictions here. 4. You must not distribute this theme nor as a stand-alone package nor in a bundle. */ /* reset */ *{ margin: 0; padding: 0;} a img, iframe{ border: 0; } h1, h2, h3, h4, h5, h6{ font-size: 100%; font-weight: normal; } form, fieldset{ border: 0; } input, textarea, select, button { font-size: 100%; font-family: Arial, Helvetica, sans-serif; } select{ margin: inherit; } table{ border-collapse: collapse; border: 0; } td, th, caption{ font-size: 100%; font-weight: normal; text-align: left; } body{ font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #090909; background-color: #3c3c3c; line-height:1.4em; } .wrap{ width: 980px; margin: 0 auto; } #Head, #Nav, #F, #Path, #Game, #Content, #Footer{ float:left; width:100%; } #Head{ height: 68px; background: black url(images/bg_head.gif) repeat-x; } #Head .wrap{ height: 68px; background: url(images/head_img.jpg) no-repeat; position:relative; } #Head h1{ position:absolute; left:0; top:21px; width:40%; font-size: 48px; font-family: Arial, Helvetica, sans-serif; color: white; font-weight:bold; margin: 0; padding: 0; line-height:59px; } #Head h1 a{ text-decoration: none; color: white; } #Head h1 span{ display: none; } #Login{ float: right; margin: 20px 0 0 0; color: #cdcdcd; text-align: right; width: 40%; font-size: 11px; font-family:Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;} #Login a{ color: #f4b906; } #Login a:hover{ color: white; } #Nav{ background: #808080; border-top: 1px solid #a3a3a3; border-bottom: 1px solid #474747; padding: 3px 0; color: white; text-align: right; font-weight: bold; font-size: 11px; } #Nav a{ color: #eee; text-decoration: none; } #Nav span{ margin: 0 10px; } #Nav a:hover{ color: white; text-decoration: underline;} #F{ background: #c0c0c0; padding: 22px 0 0px 0; border-bottom: 1px solid white; } #Game{ background: white; padding: 20px 0; } #Path{ background: #dbdbdb; font-size: 11px; padding: 5px 0; color:#000; font-weight:bold;} #Path span{ color: #555; font-weight:normal;} #Path a{ padding: 0 14px 0 0; color: black; text-decoration: none; font-weight: normal; background: url(images/path_bullet.gif) no-repeat right; } #Path a:hover{ text-decoration: underline; } #Content{ background: #f5f5f5; border-bottom: 20px solid #d5d5d5; padding: 30px 0; } #Main{ float: left; width: 605px; } #Side{ float: right; width: 356px; margin-right: -12px; font-size: 12px; font-family: Arial, Helvetica, sans-serif; } * html #Side{ margin-right: -6px; } #Content.content-game{ border-top: 0 none; } #Footer{ border-top: 1px solid #eee; padding:20px 0 ; color:#b9b9b9;} #Footer .left, #Footer .right{ width: 45%; } /* CONTENT */ .left{ float: left; } .right{ float:right;} .tl{ text-align: left; } .tr{ text-align: right; } .tc{ text-align: center; } .tj{ text-align: justify; } .clear{ font-size: 1px; height: 1px; clear: both; line-height: 1px; overflow: hidden; } h1, h2, h3, h4, h5{ font-family: Arial, Helvetica, sans-serif; } h1{ font-size: 21px; margin: 0 0 25px 0; } h2{ font-size: 36px; line-height: 44px; font-weight: bold; color:#333; } h3{ font-size: 16px; margin: 0 0 10px 0; } h4{ font-size: 14px; font-weight:bold; margin: 0 0 10px 0; } h5{ font-size: 13px; font-weight:bold; margin: 0 0 10px 0; } a{ color: #333; } a:hover{ color: #e30000; } p{ margin: 0 0 20px 0; } ul, ol{ margin: 0 0 20px 0; padding: 0 0 0 16px; } li{ margin: 0 0 4px 0; } /* S I D E */ #Column1, #Column2{ float: left; width: 166px; margin: 0 12px 0 0; } #Side a:hover{ text-decoration: underline; } .simplewidget{ width: 336px; padding: 0 4px; margin:0 0 20px 0; } .widewidget{ float: left; margin:0 0 15px 0; width: 344px; background: white url(images/bg_sidewide.gif); } .widewidget .out{ float: left; width: 100%; background: url(images/bg_sidewide_footer.gif) no-repeat bottom; padding: 0 0 15px 0; } .widewidget .in{ float:left; width:312px; padding:17px 16px 10px 16px; background: url(images/bg_sidewide_top.gif) no-repeat; } .widget{ float: left; margin: 0 0 15px 0; width: 166px; background: white url(images/bg_side.gif); } .widget .out{ float: left; width: 100%; background: url(images/bg_side_footer.gif) no-repeat bottom; padding: 0 0 15px 0; } .widget .in{ float:left; width:136px; padding:17px 15px 10px 15px; background: url(images/bg_side_top.gif) no-repeat; } #Side h2{ margin:0 0 18px 0; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; line-height:1.2em; } .widget ul{ padding: 0; list-style: none; } .widget ul li{ padding: 0 0 0 14px; background: url(images/bullet1.gif) no-repeat 0 6px; } .widget ul li.empty{ background:none; } .widget ul a{ color: #454545; text-decoration: none; } .widget p{ margin: 0 0 10px 0; } .widget select{ width: 135px; } /* search */ #Search .text{ float:left; width:255px; height: 18px; padding:7px 5px 5px 5px; background: url(images/bg_search.gif) repeat-x; border: 1px solid #999; } #Side #Search h2{ margin: 0 0 6px 0; } #Search .btn{ float: right; width: 35px; height: 32px; background: #de120f url(images/btn_go.gif); color: white; font-size: 1px; border: 0 none; cursor: pointer; } /* POSTS */ .more-link{ float: right; } .post{ margin:0 0 35px 0; } .entry{ } .post .title{ font-size: 36px; line-height: 44px; font-weight: bold; margin:0; } .post .title a{ color: #333; text-decoration: none; } .post .title a:hover{ color: #cb3434; } .meta{ margin:0 0 18px 0; font-family: "MS Sans Serif", Geneva, sans-serif; font-size: 11px; color: #666; } .meta .author{ margin: 0 10px 0 0; } .meta a{ color: #333; } .meta a{ text-decoration: none; } .meta a:hover{ text-decoration: underline; } .entry a{ color: #a60000; } /* Begin Images */ p img { padding: 0; max-width: 100%; } img.centered { display: block; margin-left: auto; margin-right: auto; } img.alignright { padding: 4px; margin: 0 0 2px 7px; display: inline; } img.alignleft { padding: 4px; margin: 0 7px 2px 0; display: inline; } .alignright { float: right; } .alignleft { float: left } /* Begin Form Elements */ /* Forms */ textarea.text{ } .submit{ padding: 5px 25px; } .entry form { margin: 0.7em 0 1.7em 0; text-align: center; }/* This one is mainly for password protected posts, makes them look better. */ select { width: 130px; } #commentform p { margin: 5px 0; } #commentform input { margin: 5px 5px 1px 0; } #commentform #author, #commentform #email, #commentform #url{ width: 170px; padding: 2px; padding: 2px; border: 1px solid; border-color: #aaa #eee #eee #aaa;} #commentform textarea { width: 590px; padding: 2px; border: 1px solid; border-color: #aaa #eee #eee #aaa; overflow: auto; } #commentform #submit { margin: 0; } /* End Form Elements */ /* Begin Comments*/ h3#comments { padding: 0; margin: 20px auto 20px; font-size: 16px; background-image: none; } .commentlist cite, .commentlist cite a { font-weight: bold; font-style: normal; } .commentlist p { font-weight: normal; line-height: 1.5em; text-transform: none; } .commentmetadata { font-weight: normal; } code { font: 1.1em 'Courier New', Courier, Fixed; } .alt { margin: 0; padding: 10px; } .commentlist { padding: 0; text-align: justify; padding-left:0;} .commentlist li { font-weight: bold; margin: 15px 0 3px; padding: 5px 10px 3px; list-style: none; background: #fafafa; border: 1px solid eeeeee; } .commentlist p { margin: 10px 5px 10px 0; } .nocomments { text-align: center; margin: 0; padding: 0; } .commentmetadata { margin: 0; display: block; } /* Begin Various Tags & Classes */ acronym, abbr, span.caps { cursor: help; } acronym, abbr { border-bottom: 1px dashed #999; } blockquote { margin: 15px 30px 0 10px; padding-left: 20px; border-left: 5px solid #DCB05D; } blockquote cite { margin: 5px 0 0; display: block; } .center { text-align: center; } .navigation { font-size: 12px; padding: 0; margin-bottom: 1em; float: left; width: 100%; text-align: right; } .navigation .alignleft{ width:100%; text-align: left;} .navigation .alignright{ width: 100%; text-align: right; } .pagetitle{ font-size: 1.5em; } /* End Various Tags & Classes*/ #calendar, #search { display: block; margin: 0 0 20px 0; padding: 0; width: 210px; background: #fafafa url(images/bg_sidebox_head.gif) no-repeat; } #calendar h2{ display: none; } #calendar_wrap, #searchform{ display: block; width: 176px; margin: 0; padding: 15px 17px 17px 17px; background: url(images/bg_sidebox_footer.gif) no-repeat bottom; } #searchform br{ display: none; } #searchform input#s{ width:115px; } /* Begin Calendar */ #wp-calendar #prev a, #wp-calendar #next a {font-size: 9pt; } #wp-calendar caption { font: 9px "Trebuchet MS", Arial, Helvetica, sans-serif; text-align: center; margin-top: 5px; } #wp-calendar { empty-cells: show; margin: 0 auto 10px auto; width: 150px; } #wp-calendar th{ font-size:10px; color: Black; font-style: normal; text-transform: capitalize; } #wp-calendar #next a{ padding-right: 10px; text-align: right; } #wp-calendar #prev a{ padding-left: 10px; text-align: left; } #wp-calendar a { display: block; background: #98b50f; text-align: center; text-decoration: none; color: white; } #wp-calendar a:hover{ color: White; background: #8aa800; } #wp-calendar caption { text-align: center; width: 100%; font-size: 12px; } #wp-calendar td { font-size:10px; padding: 0; text-align: center; color: #505050; } /* Footer Contents */ #Footer a{ text-decoration: none; color:#ccc; } #Footer a:hover{color: #fff; } #Footer p{ margin: 0 0 4px 0; line-height: 1.2em; } #Footer{ font-size: 11px; }