/* Theme Name: GrungeUp theme Theme URI: http://www.twistedthemes.net Description: Theme is designed and coded by TwistedThemes.Net. Version: 1.0 Author: TwistedThemes.Net */ * {margin: 0; padding: 0;} body {font: 75%/170% verdana; color: #3A3A3A; background:#EAEDDC url(img/bg.gif); margin: 0; padding: 0;} a {color:#890000; text-decoration: none; outline: none;} a:visited {text-decoration: none; color:#000;} a:hover {text-decoration: underline; color:#000;} p {padding: 0 0 0.5em; text-align:justify;} /* ### TITLES ### */ h1, h2, h3 {margin-bottom:15px;} img {border: none;} /* ### WRAPERS, CONTAINERS --------------------------- ### */ .bgy {background:url(img/bgy.jpg) repeat-y center top;} .bgfix {background:url(img/topbg.jpg) no-repeat top center;} #wrap {background:url(img/wrapbg.jpg) repeat-y; width:900px; margin:0 auto;} .wspacer {padding:0px 27px 0 15px;} .spacer {padding:25px;} .wrapfix {background:url(img/sidebarfix.jpg) no-repeat top right;} /* ### HEADER ----------------------- ### */ #header {height:134px; width:900px; margin:0 auto;} #header .logo-moto {position:absolute; margin-top:20px; width:300px; padding:10px 0 20px 90px; background:url(img/logo.png) no-repeat 0 0;} #header .moto {font-style:italic; color:#fff; font-size:14px} #header h1 { margin:0; padding:0 0 5px 0; font-size:2em; font-family:Verdana, Arial, Helvetica, sans-serif;} #header h1 a {color: #666666;} #header h1 a:hover {color:#fff; text-decoration:none;} /* addthis */ .addthis {position:absolute; width:130px; margin-top:20px; margin-left:750px; z-index:0;} .rss {position:absolute; width:43px; height:43px; margin-left:445px; margin-top:4px;} .link {position:absolute; width:370px; height:43px; margin-left:15px; margin-top:30px;} /* Top navigation */ #topnav {padding:0; position:absolute; z-index:5; margin-top:70px; margin-left:30px; font-family:"Times"; width:500px; overflow:hidden;} #topnav .top-menu {padding:5px 0 5px 0px; text-transform:uppercase;} #topnav .top-menu a {text-decoration:none; padding:5px 5px 7px 5px; color:#fff;} #topnav .top-menu a:hover {text-decoration:none; color:#DC9600; padding:5px 5px 7px 5px;} #topnav .top-menu ul {list-style:none; font-size:16px; font-weight:bold;} #topnav .top-menu ul li {display:inline; padding:0 5px 0 0px;} #topnav .top-menu .current_page_item a {text-decoration:none; color:#DC9600; padding:5px 5px 7px 5px;} /* SEARCH */ #search {width:300px; height:32px; text-align:left; margin:100px 0 0 605px; position:absolute; background: url(img/searchbg.gif) no-repeat left;} #search .spacer {padding:4px 0 4px 7px;} #search .itext {width:175px; background:none !important; color:#890000; border:none; font-size:11px; padding:3px 0 3px 0;} #search .ibut {cursor:pointer; border:0px; background: none; font-weight:bold; color:#890000; margin-left:13px; background: url(img/searchbt.gif) no-repeat; width:67px; height:24px; position:absolute;} /* ### MIDLE, SIDEBARS ----------------------- ### */ /* Midle */ #midle {/*WIDTH*/ width:558px;} #midle .spacer {padding:0;} #midle .more-link {font-size:12px; font-weight:bold; text-decoration:none; padding:0px 0 0px 18px; display:block; margin-top:10px; float:right;} /* Post style */ #midle .post {background:url(img/postbg.jpg) repeat-y;} #midle .post h2 {margin-bottom:8px; font-size:1.8em; font-family:"Times"; color:#000; text-transform:uppercase; line-height:24px;} #midle .post h2 a {color:#750100;} #midle .post h2 a:hover {text-decoration:none; color:#000;} #midle .postbg {padding:16px 15px 10px 15px; background:url(img/postbgtop.jpg) no-repeat top;} #midle .post-note h2 {margin-bottom:15px; font-size:1.5em; font-family:"Arial"; color:#000; text-transform:uppercase; padding:0 0 0 15px; font-weight:normal;} #midle .postbot {background:url(img/postbgbot.jpg) no-repeat top; height:25px;} #midle .blank { background:none;} /* post data */ #midle .postdata {color:#000; margin-bottom:10px; padding:0 0 10px 0; background:url(img/postdatabg.gif) no-repeat bottom; font-family:"Arial";} #midle .postdata ul { list-style:none;} #midle .postdata ul li { display:inline; padding:0 5px 0 5px;} #midle .postdata .time {padding: 7px 5px 5px 5px; margin-right:5px; color:#000; font-size:1.2em; font-weight:bold; text-transform:uppercase; font-family:"Times"; background:url(img/timebg.gif) no-repeat;} #midle .postdata .comments {background:url(img/author.gif) no-repeat 0 0px; padding: 6px 10px 0 20px;} #midle .postdata .posted {background:url(img/posted.gif) no-repeat 0 0px; padding: 0 5px 0 20px; margin-right:10px;} #midle .postdata .posted a {color:#000;} #midle .postdata .posted a:hover {color:#000; text-decoration:none;} /* Img aligns */ #midle img.alignleft {float:left; border:1px solid #390B08; padding:3px; margin-right:10px;} #midle img.alignright {float:left; border:1px solid #390B08; padding:3px; margin-left:10px;} #midle .thumb {float:left; padding:0 10px 0 0; border:1px solid #390B08; padding:3px;} #midle .thumb img {border:1px solid #390B08; padding:3px;} .featured {padding:0 0 10px 15px;} /* Comments */ .alt {margin-bottom:10px; background:url(img/postdatabg.gif) no-repeat bottom; padding:0 0 15px 0;} .alt2 {margin-bottom:10px; background:url(img/postdatabg.gif) no-repeat bottom; padding:0 0 15px 0;} h3.ctitle {margin-bottom:10px;} .commentlist cite, .commentlist cite a {font-weight: bold; font-style: normal; font-size: 1.1em;} .commentlist cite {padding:4px 0 4px 0px;} .date { margin-bottom:10px;} .commentmetadata {margin-bottom:10px;} .ctext {background:url(img/quotes.gif) no-repeat; padding:5px 0 0 30px;} /* Navigation */ #navigation {font-weight:bold; padding:5px 0 0 0;} #navigation .alignleft {float:left;} #navigation .alignright {float:right;} /* Sidebar 01 */ #sidebar {/* WIDTH */ width:275px;} #sidebar .spacer {padding:10px 0 0 0;} #sidebar a:hover {color:#000;} #sidebar h2 {font-size:2em; color:#560201; margin-bottom:0px; font-family:"Times"; background:url() no-repeat left; padding:14px 10px 14px 0;} #sidebar ul li.widget_categories h2 {font-size:1em; background:url(img/h2categories.gif) no-repeat left; padding:10px 0 5px 0; text-indent:-9000px;} #sidebar ul li.widget_recent_entries h2 {font-size:1em; background:url(img/h2recent.gif) no-repeat left; padding:10px 0 5px 0; text-indent:-9000px;} #sidebar ul li.widget_archive h2 {font-size:1em; background:url(img/h2archives.gif) no-repeat left; padding:10px 0 5px 0; text-indent:-9000px;} #sidebar ul li.widget_links h2 {font-size:1em; background:url(img/h2links.gif) no-repeat left; padding:10px 0 5px 0; text-indent:-9000px;} #sidebar ul li.widget_meta h2 {font-size:1em; background:url(img/h2meta.gif) no-repeat left; padding:10px 0 5px 0; text-indent:-9000px;} #sidebar ul li.widget_tag_cloud h2 {font-size:1em; background:url(img/h2tags.gif) no-repeat left; padding:10px 0 5px 0; text-indent:-9000px;} #sidebar ul {} #sidebar ul li {list-style-type: none; list-style-image: none; margin-bottom: 10px; padding:0 0 5px 0;} #sidebar ul ul {margin: 0 0 0 5px;} #sidebar ul ul ul {margin: 0 0 0 10px;} #sidebar ul ul li {margin:0; padding: 0px 0 10px 5px; background:url(img/libg.gif) no-repeat bottom left; border:none;} /*Slidedown*/ /*#sidebar .note { font-size:11px; text-align:right;} li.widget_categories ul {display:none;} li.widget_links ul {display:none;} li.widget_meta ul {display:none;}*/ /* ### FOOTER ----------------------- ### */ #footer {background: url(img/footerbg.jpg) no-repeat top; text-align:center; color:#000; height:65px;} #footer .fspacer {padding:15px 0 10px 0;} #footer .copyrighted {font-size:11px;} #footer .bot-menu {padding:0px; text-transform:uppercase; font-family:"Times";} #footer .bot-menu a {text-decoration:none; color:#B60101;} #footer .bot-menu a:hover {} #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;} #footer a {color:#B60101; text-decoration:underline;} #footer a:hover {color:#000;} /* Floating options */ .fl {float:left;} .fr {float:right;} .mgright {margin-right:10px;} .mgtop {margin-top:10px;} .mgbottom {margin-bottom:10px;} /* Clearing */ .clr {clear:both;} /* Misc. */ p.note { background:#fff; width:450px; margin:0 auto; padding:15px; font-weight:bold;}