/* Theme Name: QuestAway Theme URI: http://www.questaway.com/ Description: This specific theme is created for QuestAway. This can only be used for QuestAway B.V. and not for other companies or websites. If you want a new theme or a fresh graphical update then visit: http://www.ccreative.nl Version: 1.0 Author: Christian Elferink, CCreative Author URI: http://www.ccreative.nl/ */ /* 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 { 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; } :focus { outline: 0; } ins { text-decoration: none; } del { text-decoration: line-through; } table { border-collapse: collapse; border-spacing: 0; } /* GLOBAL FONT STUFF */ /* --------------------------------------------------------------------------------------------------------------------------- */ body, html { background-color: #858585; font-weight: normal; font-family: "Gill Sans MT", sans-serif; font-size: 16px; color: #FFFFFF; margin: 0; padding: 0; line-height: 190%; } ol, ul { list-style-image: none; list-style-position: inside; list-style-type: disc; margin-bottom: 5px; margin-top: .7em; font-size: 12px; } ul li, ol li { font-family: "Gill Sans MT", Verdana; font-weight:normal; padding: 0 0 0 10px; position: relative; font-size: 12px;} a { font-family: "Gill Sans MT", Verdana; color: #FFFFFF; text-decoration: none; font-size: 12px;} a:hover { text-decoration: none; } h1 { font-family: "Gill Sans MT", Verdana; font-weight: normal; font-size: 14px; padding: 6px 0 0; letter-spacing: 0; color: #FFFFFF; text-shadow:#000} h2, h3, h4, h5, h6 { font-family: "Gill Sans MT", Verdana; font-weight: normal; } h2, h3 { color: #FFFFFF; font-size: 14px; padding: 6px 0 0; letter-spacing: 0; font-weight: normal;} h2 { font-size: 12px; padding: 8px 0 0; letter-spacing: 0; font-weight: normal;} h4, h5 { color: #FFFFFF; font-size: 12px; padding: 2px 0 0; font-weight: normal;} h6 { color: #FFFFFF; font-size: 12px; padding: 2px 0 0; font-weight: normal;} h7 { font-family: "Gill Sans MT", Verdana; font-weight: normal; font-size: 14px; padding-top: 0px; letter-spacing: 0; color: #FFFFFF; text-shadow:#000} img { background: transparent url( images/shadow-1000x1000.png ) no-repeat scroll right bottom; padding: 1px 4px 4px 1px; margin-right: 2px; margin-bottom: 2px; } /* Password Blog */ /* --------------------------------------------------------------------------------------------------------------------------- */ .password-form { text-align:center; background-color: #a4a5a5; width: 600px; font-family: "Gill Sans MT", Verdana; font-weight: normal; color: #000000;} .password-form input { background-color: #a4a5a5; width: 160px; line-height: 145%; padding: 6px; } .password-form input.submit { width:94px; height:34px; border: 0px; text-decoration: none; line-height: 145%; padding: 6px;} /* CLEAR */ /* --------------------------------------------------------------------------------------------------------------------------- */ .clearow { display: block; } .clearow:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } * html .clearow { height: 1%; } .clear { clear: both; } /* MAIN DIV BLOX */ /* --------------------------------------------------------------------------------------------------------------------------- */ #allWrap { margin: 0 auto; background: url( images/BG_top.jpg ) 0 0 repeat-x; } #wrapper { margin: 0 auto; width: 1015px; } #header { height: 174px; position: relative; background: transparent url( images/header.jpg) 0 0 no-repeat; } #content { margin: 0 auto; position: relative; width: 986px; background: url( images/BG_content2.jpg) top repeat-y; } #footer { margin: 0 auto; overflow: hidden; background-color: #858585; } #inFooter { margin: 0 auto; width: 1015px; height: 180px; padding: 20px 0; line-height: 25px; font-size: 85%; overflow: hidden; background: url( images/footer.jpg ) top no-repeat;} /* HEADER */ /* --------------------------------------------------------------------------------------------------------------------------- */ #logo { margin-left: 20px; position: absolute; top: 10px; } #logo h1 { padding: 0; } #logo h1 a, #logo h1 a:hover { background: url( images/logo.png ) 0 0 no-repeat; width: 338px; height: 101px; text-indent: -9000px; display: block; text-decoration: none; } #search { width: 236px; height: 36px; margin-left: 130px; position: absolute; top: 40px; display: inline;} #searchform { padding: 0; margin: 0; width: 147px; } #searchform input { background: transparent url( images/searchfield.png ) no-repeat; border: 0px; text-decoration: none; font-family: "Gill Sans MT", Verdana, Arial, Helvetica, sans-serif; color: #FFFFFF; width: 236px; line-height: 145%; padding: 9px; } #searchform input.submit { margin-left: 100px; background: url( ) 0 0 no-repeat; border: 0px; text-indent: -9000px; text-decoration: none; } /* MAIN NAVIG */ /* --------------------------------------------------------------------------------------------------------------------------- */ #topMenu { font-family: Verdana; font-weight: bold; font-size: 12px; position: absolute; top: 130px; left: 50px; text-shadow:#000;} .pagenav { margin-left:20px; width: 560px; top: 10px; padding-right: 20px; display: inline; float: left; overflow: hidden; } ul#topMenu, .pagenav ul { list-style-image: none; list-style-position: outside; list-style-type: none; margin-bottom: 0; margin-left: 20px;} .pagenav ul { margin-top: 0; } ul#topMenu li { background: url( images/menu.png ) 0 0 no-repeat; width: 140px; height: 30px; top: 1px; float: left; padding: 0px 0px; margin-left: 5px; margin-right:inherit; text-shadow:#000; } ul#topMenu li a { background: url( images/menu.png ) 0 0 no-repeat; width: 140px; height: 30px; top: 1px; float: left; margin-left: 0px; text-align:center; text-shadow:#00000; text-transform: uppercase; color: #FFFFFF;} ul#topMenu li a:hover { background: transparent url( images/menu_hover.jpg ) 0 0 no-repeat; width: 140px; height: 30px; top: 1px; float: left; margin-left: 0px; text-transform: uppercase;} ul#topMenu li a:active, ul#topMenu li.page_item.current_page_item a:link, ul#topMenu li.page_item.current_page_item a:hover, ul#topMenu li.page_item.current_page_item a:visited, ul#topMenu li.page_item.current_page_item a:active, ul#topMenu li.cat-item a:active, ul#topMenu li.cat-item.current-cat a:link, ul#topMenu li.cat-item.current-cat a:hover, ul#topMenu li.cat-item.current-cat a:visited, ul#topMenu li.cat-item.current-cat a:active { background: url( images/menu_hover.jpg ) 0 0 no-repeat; width: 140px; height: 30px; float: left; top: 1px; margin-left: 0px; text-transform: uppercase; color: #FFFFFF; text-shadow:#000} .pagenav li { margin-left:20px; margin-top:20px; float: left; text-transform: uppercase; padding: 0 10px 0 0; } .pagenav li a { color: #555555; text-decoration :none; text-transform: uppercase; } .pagenav li a:hover { color: #0072bc; } .pagenav li.page_item.current_page_item a:link, .pagenav li.page_item.current_page_item a:hover, .pagenav li.page_item.current_page_item a:visited, .pagenav li.page_item.current_page_item a:active { color: #0072bc; background-color: transparent; } /* CONTENT */ /* --------------------------------------------------------------------------------------------------------------------------- */ #content p { margin: 0.715em 0; } #maincontent { font-size: 100%; float: left; text-align: left; width: 650px; padding-left: 10px; padding-top: -15px; padding-bottom:60px; margin-left: 42px; margin-top: 15px; background: url( images/text_block.jpg ) no-repeat scroll top left;} #sidebudabar { text-align:right; float: right; width: 220px; padding-right: 10px; margin-right: 36px; margin-top: 15px; height:100%; background: url( images/sidebar_block.jpg ) no-repeat scroll top right;} #sidebudabar ul { font-size: 120%; overflow: hidden; } #sidebudabar li.page_item, #sidebudabar li.cat-item { padding: 2px 0 2px 20px; line-height: 190%; } #sidebudabar li.page_item a:link, #sidebudabar li.page_item a:visited, #sidebudabar li.cat-item a:link, #sidebudabar li.cat-item a:visited { text-decoration: none; } #sidebudabar li.page_item a:hover, #sidebudabar li.cat-item a:hover { color: #0973ba; background-color: transparent; } #sidebudabar li.page_item a:active, #sidebudabar li.page_item.current_page_item a:link, #sidebudabar li.page_item.current_page_item a:hover, #sidebudabar li.page_item.current_page_item a:visited, #sidebudabar li.page_item.current_page_item a:active, #sidebudabar li.cat-item a:active, #sidebudabar li.cat-item.current-cat a:link, #sidebudabar li.cat-item.current-cat a:hover, #sidebudabar li.cat-item.current-cat a:visited, #sidebudabar li.cat-item.current-cat a:active { color: #999999; background-color: transparent; } #sidebudabar li.page_item, #sidebudabar li.cat-item { background: transparent url( images/circ.jpg ) no-repeat scroll 0 50%; float: left; display: inline; width: 150px; } #sidebudabar li.page_item.current_page_item, #sidebudabar li.cat-item.current-cat { background: transparent url( images/circ_up.jpg ) no-repeat scroll 0 50%; } #sidebudabar p.list { background: transparent url( images/line.png) no-repeat; display: block; margin-left: 40px; margin: 0; } #sidebudabar p.list img { padding-right: 0 5px 0 0 ; vertical-align: middle; border: none; margin: 0; background: none; } #sidebudabar .featured { margin: 10px 0; } #sidebudabar .ads { clear: both; overflow: hidden; } #sidebudabar .ads { width: 300px; } #sidebudabar .ads img { margin-right: 70px; } #sidebudabar .ads * { float: left; } #sidebudabar ul.ads { margin-left: 0; margin-top: 10px; list-style-position: outside; list-style-type: none; } #sidebudabar .ads li { float: left; border: none; padding: 0; } #sidebudabar .ads li { margin: 0 20px 20px 0; } #sidebudabar .ads li.last { margin-right: 0; } .portfolioItem { padding: 0 0 20px 0; margin-bottom: 10px; position: relative; } #maincontent p img { margin-right: 0; width: 150px; float: left; } #maincontent p .imgintro { margin: 5px 10px 0 0; width: 150px; float: left; } .portfolioItem .itemDetails { float: left; } .portfolioItem .itemDetails p { overflow: hidden; } .portfolioItem .itemDetails .meta { font-size: 85%; } .portfolioItem .title { font-size: 16px; font-weight: bold; color: #0072bc; } .portfolioItem .ribbonType { position: absolute; top: 14px; left: 223px; width: 45px; height: 43px; } .widget { padding-bottom: 20px; } p object { width: 900px; height: 300px; float: left; margin: 0 0 0px 0; padding: 0px; } p object embed { width: 900px; height: 300px; float: left; } #flashHeader { padding-left: 60px; width: 100%; height: 300px; background: url( images/BG_content.jpg ) top left no-repeat; margin-left:0px } #DEMO_TOPIC { padding-left: 60px; width: 100%; height: 229px; background: url( images/BG_content_pic5.jpg ) top left no-repeat; margin-left:0px } #ABOUTUS_TOPIC { padding-left: 60px; width: 100%; height: 229px; background: url( images/BG_content_pic2.jpg ) top left no-repeat; margin-left:0px } #BENEFITS_TOPIC { padding-left: 60px; width: 100%; height: 229px; background: url( images/BG_content_pic.jpg ) top left no-repeat; margin-left:0px } #PRODUCTS_TOPIC { padding-left: 60px; width: 100%; height: 229px; background: url( images/BG_content_pic4.jpg ) top left no-repeat; margin-left:0px } #CONTACT_TOPIC { padding-left: 60px; width: 100%; height: 229px; background: url( images/BG_content_pic3.jpg ) top left no-repeat; margin-left:0px } #nonFlash h1 { font-family: "Gill Sans MT", Verdana, Arial, Helvetica, sans-serif; text-align: center; } #undertitle { width: 1015px; height: 0px; background: url( images/under_title_bg.png ) top center no-repeat; } #pagination { width: 100%; } .older-entries { width: 30%; float: left; } .newer-entries { width: 30%; float: right; text-align: right; } /* FORM */ /* --------------------------------------------------------------------------------------------------------------------------- */ form label { display: block; padding: 3px 0 2px; } form input, form textarea { border: 0px; font-family: "Gill Sans MT", Arial, Helvetica, sans-serif; color: #000000; width: 300px; padding: 5px; } form textarea { width: 520px; } form #submit { width: 80px; text-align: center; text-transform: uppercase; background-color: #F1F1F1; float: right; } /* COMMENTS */ /* --------------------------------------------------------------------------------------------------------------------------- */ #comments { width: 100%; position: relative; display: block; padding: 30px 0; margin: 40px 0; background: url( images/above_comments_bg.png ) top center no-repeat; overflow: hidden; } #comments ul { list-style-image: none; list-style-position: outside; list-style-type: none; margin-bottom: 0; } #comments ul li { float: left; padding: 10px; margin: 5px 0; display: block; width: 95%; font-size: 90%; line-height: 170%; letter-spacing: 0.1px; border: 1px solid #4e94e2; background: url( images/bg_comments.jpg ) top left repeat; } #comments ul li .author { font-weight: bold; font-size: 120%; font-family: Georgia, "Gill Sans MT", Verdana, Times, serif; padding: 0 5px; letter-spacing: -0.5px; } #comments ul li .date { letter-spacing: 3px; } #comments .metadata { line-height: normal; font-style: italic; } #comments .cdata { float: left; display: inline; width: 470px; padding-top: 20px; } #comments .avav { float: left; display: inline; padding: 5px 0 10px 0; width: 60px; background: url( images/tit.png ) 41px center no-repeat; } #comments .avav .avatar { width: 40px; padding: 0; margin: 0; } /* OHER */ /* --------------------------------------------------------------------------------------------------------------------------- */ blockquote { color: #999999; font-style: italic; padding: 10px 0 10px 20px; background: transparent url( images/blockquote.png ) 23px 0 no-repeat; } #copyright { float: left; text-indent: 30px; padding-top: 30px; margin: 0 auto; width: 99%; } #copyrightMaker { float: right; text-indent: 30px; padding-top: 30px; margin: 0 auto; width: 99%; }