/* Theme Name: LightCss Theme URI: http://webrevolutionary.com/lightcss Description: A light WordPress theme by WebRevolutionary. Version: 1.0.1 Author: E. Harrison Author URI: http://webrevolutionary.com/ Tags: light, css, green, grey, black, clean */ * {margin: 0; padding: 0;} body {font: 75%/150% Arial, Helvetica, sans-serif; color: #2D2D2D; /*background: #292929;*/ background: #c7e0c0; margin: 0; padding: 0;} a {color:#54b23c; text-decoration: none; outline: none;} a:visited {text-decoration: none;} a:hover {text-decoration: underline; color:#c3d843;} p {padding: 0 0 1em; text-align:justify;} /* ### TITLES ### */ h1, h2, h3 {margin-bottom:15px;} img {border: none;} /* ### WRAPERS, CONTAINERS --------------------------- ### */ #wrap {width:940px; margin:0 auto; background:#424747; padding:15px;} .wspacer {padding:20px; background:#D7D7D7 url(img/wspacerbg.gif) no-repeat top;} .spacer {padding:25px;} /* ### HEADER ----------------------- ### */ #header {height:234px; width:970px; margin:0 auto; background: url(img/glava2.jpg) no-repeat top left; margin-bottom:10px;} .link {position:absolute; width:330px; height:43px; margin-top:25px; margin-left:25px; z-index:100;} #header .moto {color:#fff; font-size:1.4em; position:absolute; margin-left:25px; margin-top:63px; font-family:"Trebuchet MS"; width:400px; overflow:hidden;} #header h1 { margin:0; padding:0 0 5px 0; font-size:3em; font-family:"Trebuchet MS";} #header h1 a {color: #fff;} #header h1 a:hover {color:#fff; text-decoration:none;} /* Top navigation */ #topnav {position:absolute; z-index:3000; margin-top:205px; margin-left:0px; font-size:1em; background:#424747 url(img/navbg.gif) repeat-x; width:970px; height:34px;} #topnav a {text-decoration:none; color:#fff;} #topnav a:hover {text-decoration:none; color:#ffffff; background: url(img/navhoverbg.gif) repeat-x;} #topnav .current_page_item a {text-decoration:none; color:#ffffff; background: url(img/navactivebg.gif) repeat-x;} /* SEARCH */ #search input {font: bold 1.1em Arial, Tahoma, sans-serif; color: #454545; width: 190px; padding: 2px; float:left;} #sidebar li #searchsubmit {font: bold 1.1em Arial, Tahoma, sans-serif; color: #fff; width: 70px; border: none; padding: 3px 0 3px 0; background: #444 url(img/searchbg.gif) repeat-x; float:left; text-transform:uppercase;} /* Featured */ #topboard {width:940px; height:267px; margin:0 auto; background:#D7D7D7 url(img/wspacerbg.gif) no-repeat top; margin-bottom:10px; overflow:hidden;} #topboard .spacer {padding:20px;} #topboard .wrap {width:560px; height:209px; overflow:hidden; margin:0 auto; margin-top:10px;} #topboard .posts {width:580px; height:229px; overflow:hidden; line-height:normal; background:#fff url(img/blockbg.gif) repeat-x top; border:1px solid #999;} #topboard .posts h2 {margin-bottom:8px;} #topboard .sticky {width:280px; height:209px; overflow:hidden; font-size:11px; background:#fff url(img/blockbg.gif) repeat-x top; border:1px solid #999; padding:10px;} #topboard .ads {margin-bottom:10px;} #topwidget {width:468px; height:60px; overflow:hidden; position:absolute; margin-left:450px; margin-top:20px;} /* ### MIDLE, SIDEBARS ----------------------- ### */ /* Tools box */ #header .rss {width:76px; overflow:hidden; position:absolute; margin-top:118px; margin-left:2px;} #header .bookmark {width:76px; overflow:hidden; position:absolute; margin-top:136px; margin-left:2px;} /* Midle */ #midle {/*WIDTH*/ width:580px;} #midle .spacer {padding:0;} #midle .more-link {padding:0px 0 0px 18px; display:block; margin-top:10px; float:right;} /* Post style */ #midle .post {background:#fff url(img/blockbg.gif) repeat-x top; border:1px solid #999; margin-bottom:20px;} #midle .post .spacer {padding:10px;} #midle .post h2 {margin-bottom:10px; font-size:2em; font-family:"Trebuchet MS"; line-height:20px; color:#4b4b4b;} #midle .post h2 a {color:#4b4b4b;} #midle .post h2 a:hover {text-decoration:none; color:#999;} #midle .post .time-date { background:url(img/timebg.gif) no-repeat; width:54px; height:65px; float:left; margin-right:10px; font-size:1.8em; text-align:center; color:#fff; padding:12px 3px 0 0; line-height:24px;} /* post data */ #midle .postdata {font-size:11px; font-family:"Trebuchet MS"; font-weight:bold; margin-bottom:7px; background:url() no-repeat bottom right; padding:0 0 10px 0;} #midle .postdata ul { list-style:none; margin:0; padding:0; color:#707070;} #midle .postdata ul li { display:inline; padding:0 5px 0 5px;} #midle .postdata .time {background:url(img/time.png) no-repeat 0 0px; padding: 0 5px 0 20px; margin-right:5px;} #midle .postdata .comments {background:url(img/comment.gif) no-repeat 0 2px; padding: 0 10px 0 18px;} #midle .postdata .posted {background:url(img/posted.gif) no-repeat 0 2px; padding: 0 5px 0 20px; margin-right:10px;} #midle .postdata .posted a {color:#707070;} #midle .postdata .posted a:hover {text-decoration:none;} #midle .postdata .edit {background:none;} #midle ul {list-style:none; margin-bottom:20px;} #midle ul li {padding:0 0 0 10px;} #midle ul li {padding:0 0 0 15px; background:url(img/bulletlist.gif) no-repeat 0 6px;} /* Img aligns */ #midle img.alignleft {float:left; border:1px solid #C87910; padding:3px; margin-right:10px;} #midle img.alignright {float:right; border:1px solid #C87910; padding:3px; margin-left:10px;} #midle .thumb {float:left; padding:0 10px 0 0; border:1px solid #C87910; padding:3px;} #midle .thumb img {border:1px solid #390B08; padding:3px;} /* Comments */ .even {margin-bottom:10px; background: url(img/blockbg.gif) repeat-x top; padding:10px;} .odd {margin-bottom:10px; padding:10px;} h3.ctitle {margin-bottom:10px;} .commentlist { list-style:none;} .commentlist cite, .commentlist cite a {font-weight: bold; font-style: normal; font-size: 1.1em;} .commentlist cite {background:url(img/author.png) no-repeat 0 2px; padding:0 0 0 18px;} .comment-author img {display:none;} .commentmetadata {margin-bottom:10px; font-size:11px;} .box {width:545px; background:#A40035 url(img/blockbg.gif) repeat-x top; border:1px solid #999; font-family:arial; font-size:12px; color:#000; padding:5px; overflow:hidden;} .field { background:#A40035 url(img/blockbg.gif) repeat-x top !important; border:1px solid #999; font-family:arial; font-size:12px; color:#000; padding:3px;} .submit { background:url(img/submit.gif) no-repeat; width:66px; height:30px; border:none; cursor:pointer;} /* Begin Calendar */ #wp-calendar {empty-cells: show; margin: 10px auto 0; width: 250px;} #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;} #wp-calendar caption {text-align: left; width: 100%; font-weight:bold;} #wp-calendar td {padding:0; text-align: center;} #wp-calendar td.pad:hover { /* Doesn't work in IE */ background-color: #fff; } /* End Calendar */ /* Navigation */ #navigation {font-weight:bold;} #navigation .alignleft {float:left; padding:0 0 0 20px;} #navigation .alignright {float:right; padding:0 20px 0 0;} /* Sidebar 01 */ #sidebar {/* WIDTH */ width:300px;} #sidebar .spacer {padding:0;} #sidebar a { color:#000;} #sidebar a:hover {} #sidebar h2 {font-size:1.4em; color:#fff; margin-bottom:5px; font-family:"Trebuchet MS"; background:#A3B637 url(img/h2bg.gif) repeat-x; overflow:hidden; padding:9px 7px 5px 7px; font-weight:normal; text-transform:uppercase; border-bottom:2px solid #708302;} #sidebar ul { margin:0; padding:0;} #sidebar ul li {list-style-type: none; list-style-image: none; margin-bottom: 10px; padding:10px; background:#fff url(img/blockbg.gif) repeat-x top; border:1px solid #999;} #sidebar ul ul {margin:0 5px 0 5px;} #sidebar ul ul li {margin:0; padding: 2px 0 2px 17px; background:url(img/arrow.gif) no-repeat 0 7px; border:none; border-bottom:1px solid #ddd;} #sidebar ul ul li.bodd {background:url(img/arrowodd.gif) no-repeat 0 7px !important;} #sidebar ul ul ul {margin: 0 0 0 10px;} #sidebar ul ul ul li {margin:0; border:none;} #sidebar label {font-size:1.4em; color:#fff; margin-bottom:5px; font-family:"Trebuchet MS"; background:#A3B637 url(img/h2bg.gif) repeat-x; padding:9px 7px 5px 7px; text-transform: uppercase; display: block; border: none;} /* ### FOOTER ----------------------- ### */ #footer {text-align:center; color:#000000;} #footer .fspacer {padding:10px;} #footer .copyrighted {font-size:11px;} #footer .bot-menu {padding:0px;} #footer .bot-menu a {text-decoration:none;} #footer .bot-menu a:hover {text-decoration: underline;} #footer .bot-menu ul {list-style:none; font-size:12px; font-weight:bold;} #footer .bot-menu ul li {display:inline; padding:0 5px 0 5px;} /* Floating options */ .fl {float:right;} .fr {float:left;} .mgright {margin-right:10px;} .mgtop {margin-top:10px;} .mgbottom {margin-bottom:10px;} /* Clearing */ .clr {clear:both;}