/*Theme Name: Grey Matter Theme URI: http://masnikov.com/grey_matter Description: Grey Matter 3.2 is a light and clean WordPress theme with an advanced comment system (threaded comments). Version: 3.2 */ html, body { width:99%; height: 100%; } body { margin: 0 auto; padding: 0; /*font-family: Georgia, "Times New Roman", Times, serif;*/ font-family: Tahoma, Verdana, Helvetica, Arial, sans-serif; font-size: 62.5%; color: #555; background: #474747;} img { border: 0;}a { color: #000; text-decoration: none;} a:hover { color: #000; text-decoration: underline;} code, pre { font: 'Courier New', Courier, Fixed; font-size: 100%; border: 1px solid #DDD; overflow: auto; padding: 5px; display: block; width: 100%; /* Important for IE6 */} hr { color: #FFF; height: 0px; border-top: 1px solid #AAA; border-left: 0px none #FFF; margin: 5px 0;} #wrapper { margin: 0 auto; width: 990px; background: #b1b1b1 url(img/back.png) top center repeat-y;} #header { background-image: url(img/back.png); width: 970px; height: 224px; clear: both; margin: 0 auto; padding: 0 10px; border-top: 0px solid #464646; /* don't touch it! */ font-size: 130%; color: #747474;} #innerheader { background-image: url(img/header10220a.png); margin: 0 0px } #header a, #header a:hover, #header a:visited { color: #606060; text-decoration: none;} #header a:focus { outline:none; /* kill focus rectangle, fix dot artefact in Mozilla Firefox */} #header h2 { font-size: 80%; font-weight: normal; margin: 0; /*font-family: "Trebuchet MS", "Myriad Pro", Verdana, Tahoma, Arial, Helvetica;*/} #header h1 { font-family: "Myriad Pro", "Trebuchet MS", Verdana, Tahoma, Arial, Helvetica; font-size: 320%; font-weight: normal; margin: 0;} #header_siteheader { clear: both; float: left; width: 630px; height: 40px; margin: 0 0 0 -35px; line-height: 23px; display: inline;} #header_sidebar { float: right; width: 250px; height: 49px; margin: 0 25px 0 0x; display: inline; vertical-align: top; padding-top: 32px;} #header img { float: left; margin: 55px 25px 14px 100px;} #header_img2 { float: left; margin: 0px 25px 14px 0;} /* Drop-down menus */#dropmenu, #dropmenu ul { margin:0; padding:0; list-style-type:none; list-style-position:outside; position:relative; z-index:300; width:100%;} #dropmenu a { display:block; /*padding:0.25em 1em;*/ text-decoration:none;} #dropmenu a:hover { color:#fff;} #dropmenu li { float:left; position:relative;} #dropmenu ul { position:absolute; display:none; width:10em; /*auto*/ top:1.9em;} #dropmenu ul a {}/*width orig 10em*/ #dropmenu li ul { width: 10em; top:auto; background:#464646;}/*width orig 8.6em*/ #dropmenu li ul a { width: auto; /*height: auto;*/ float: left; text-align: left;}/ * Sub-menu */#dropmenu ul ul { top:auto;} #dropmenu li ul ul { left: 10em; margin: 0;} #dropmenu li:hover ul ul, #dropmenu li:hover ul ul ul, #dropmenu li:hover ul ul ul ul {display:none;} #dropmenu li:hover ul, #dropmenu li li:hover ul, #dropmenu li li li:hover ul, #dropmenu li li li li:hover ul {display:block;} /* Drop-down menus */ /* ------ CONTENT ------ */ #content { font-size: 130%; line-height: 140%; float: left; width: 460px; min-width: 460px; margin: 10px 0px 0px 15px; display: inline; border-right: 1px solid #eee; border-left: 1px solid #eee; padding: 0 27px;} #content a { /*border-bottom: 1px dotted;*/ text-decoration: underline;} #content a:visited { color: #888;} #content a:hover { /*color: #000;*/ color: #800000; text-decoration: underline; /*border-bottom: #000 1px solid;*/} #content img { /*margin: 0 10px 10px 0;*/} #content blockquote { border-left: 5px #EEE solid; /*background: #F7F7F7;*/ color: #777; margin: 0 0 10px 10px; padding: 5px 7px 0 7px;} #content h1, #content h3,#content h4, #content h5, #content h6 { color: #666633;} #content h2 { color: #606060;} #content h1 { font-size: 150%; line-height: 120%; font-weight: normal; margin: 5px 0 15px 0;} #content h2 { font-size: 100%; font-weight: normal;} #content h3 { font-size: 130%; line-height: 130%; font-weight: normal; margin: 5px 0 5px 0;} #content a h1, #content h1 a, #content a:visited h1, #content h1 a:visited { color: #555; text-decoration: none; border: 0 none;} #content a:hover h1, #content h1 a:hover { color: #000; /*color: #800000;*/ /* Maroon */ text-decoration: none; border-bottom: 1px dotted;} #content p { margin: 0 0 10px 0;} #content ul, #content ol { padding: 0 0 0 20px;} #content ul li, #content ol li { margin: 3px 0 3px 0; padding: 0;} #content .pagetitle { /*margin-bottom: 20px; font-size: 220%; font-weight: normal;*/} /* ------ POST META INFO ------ */#postmeta { font-family: "Trebuchet MS", "Myriad Pro", Verdana, Tahoma, Arial, Helvetica; font-size: 90%; border-top: 1px solid #CCC; clear: both; color: #747474; background: #F5F5F5; line-height: 150%; padding: 3px 5px; margin: 10px 0 40px 0;} #postmeta a, #postmeta a:visited { color: #333; text-decoration: none; /*border: 0 none;*/} #postmeta a:hover { color: #800000; border: 0 none; text-decoration: underline;} #postmeta img { /* ������ ��� �����? ������? */ vertical-align: middle; margin: 0 4px 0 0;} /* ------ COMMENTS ------ */#comments { clear: both; float: none; margin-top: 50px; font-size: 90%; line-height: 150%;} #comments h2 { font-size: 190%; font-weight: normal;} #comments h3 { font-size: 130%; font-weight: normal; margin: 15px 0 5px 0; float: none; clear: both;} #comments h3 a, #comments h3 a:visited { border-bottom: 1px dotted; text-decoration: none;} #comments h3 a:hover { color: #800000; text-decoration: none;} #comments img { margin: 0 5px 0 0;} #comments ol {/* list-style: none; */ padding: 0; margin: 0;} #comments ul { list-style: square;} #comments ul li, #comments ol li { margin: 0; padding: 0 0 5px 0;} .commentlist { list-style: none;} .comment_border { border-bottom: 1px dotted #CCC; margin-bottom: 30px;} #comment_meta { float: none; clear: both; margin: 0 0 10px 0; line-height: 160%; color: #808080; height: 64px; font-size: 110%; font-family: "Trebuchet MS", "Myriad Pro", Verdana, Tahoma, Arial, Helvetica; /*padding-left: 5px;*/ /*background-color: #F5F5F5;*/ /*border-bottom: 1px solid #CCC;*/} .comment_meta_admin { background-color: #F5F5F5;} .comment_meta_visitor { background-color: #FBFBFB;} .comment_admin { /*color: #400000;*/ color: #000;} .comment_visitor { color: #555;} #comment_meta a, #comment_meta a:visited { color: #333; text-decoration: none;} #comment_meta a:hover { color: #800000; text-decoration: underline;} #comment_meta img { margin: 0 10px 0 0; float: left;} #comment_self { clear: both; float: none;} #respond {/* need it for floating comment form */} #comment_form #comment { font-family: Tahoma, Verdana, Helvetica, Arial, sans-serif; font-size: 100%; margin: 0 15px 10px 0; height: 158px; background-color:#FFF; padding: 5px; border:#AAA 1px solid; color:#333;} .full_width { width: 98%; /*width: 588px;*/ /*float: none;*/} .half_width { width: 57%; float: right;} #comment_form input { /*font-family: Tahoma, Verdana, Helvetica, Arial, sans-serif; font-size: 110%; margin: 1px 0 15px 0; background-color:#FFF; padding: 5px; width: 36%;*/} .inpt { font-family: Tahoma, Verdana, Helvetica, Arial, sans-serif; font-size: 110%; margin: 1px 0 15px 0; background-color:#FFF; padding: 5px; width: 36%;} .req { border:#AAA 1px solid; color:#555;} .notreq { border:#AAA 1px dotted;} .color_light_grey { color:#888;} .color_red{ color: red;} #comment_form_bottom { float: none; clear: both;} .float_left { float: left;} #comment_form #submit { font-family: Tahoma, Verdana, Helvetica, Arial, sans-serif; font-size: 100%; background-color:#747474; border:#747474 1px solid; color:#DDD; width: 200px; height: 30px; padding: 0; font-weight: bold; clear: both; float: left; margin: 0 0 10px 0;} #comment_form #submit:hover { cursor: pointer; background-color:#606060; border: #555 1px solid; color: #fff;} /* ------ SIDEBAR ------ */ .sidebar { line-height: 130%; font-size: 120%; } #leftsidebar { float: left; width: 180px; margin: 0px 10px 0 20px; } .sidebar .widget>div { padding-left: 0px; } .sidebar .widget { margin-bottom: 20px; border:1px solid lightGrey; } #sidebar {float: right; width: 200px; margin: 0px 25px 0px 0px; display: inline;} #sidebar img { float: none;} #sidebar a:hover { color: #800000;} #sidebar p { margin: 0 0 5px 0;} #sidebar h2, .sidebar h2 { background-color: red; height:24px; padding:5px 0 0 8px; text-align:left; font-size: 115%; font-weight: bold; margin: 0; margin-top: 0px; color: #FFFFFF; /*font-family: "Trebuchet MS", "Myriad Pro", Verdana, Tahoma, Arial, Helvetica;*/} .textwidget { padding-right: 0px; } /*#sidebar H2, .sidebar h2{ color: #666633; display: block; font: bold 120% Arial, Helvetica, sans-serif; margin-top: 10px; text-decoration: none; }*/ #sidebar h3, .sidebar h3 { font-size: 130%; font-weight: normal; margin: 0; line-height: 130%; color: #747474; /*font-family: "Trebuchet MS", "Myriad Pro", Verdana, Tahoma, Arial, Helvetica;*/} #sidebar ul, .sidebar ul { list-style: none; margin: 5px 0px 0px 5px; /*margin: 0 0 15px 0;*/ padding: 0; } #sidebar ul li, .sidebar ul li { margin: 0px 0px 72px 0px; } #sidebar .textwidget ul li, .sidebar .textwidget ul li { margin: 0px 0px 5px 0px; } #sidebar ul li li, .sidebar ul li li { margin: 100px 0px 72px 0px; } #sidebar .textwidget ul li li, .sidebar .textwidget ul li li { margin: 0px 0px 5px 0px; } /* ------ submenu - beyond two levels ------ */ #sidebar ul ul, #sidebar ul ul { padding: 0 0 0 8px;} #sidebar ul ul li, #sidebar ul ul ul li, .sidebar ul ul li, .sidebar ul ul ul li { margin: 5px 5px 5px 5px; list-style: inline; } #sidebar ul ul ul, .sidebar ul ul ul { margin: 2px 0px 0px 0; padding: 0px; line-height: 100%; list-style: inline;} #sidebar ul ul ul li, .sidebar ul ul ul li { margin-left: 7px;} /* ------ POST / PAGE / COMMENT NAVIGATION ------ */ #navigation { width: 600px; list-style: none; line-height: 100%; margin: 0; padding: 0;} .left { float: left; display: inline;}.right { float: right; display: inline;} /* ------ This is to add text to the front page ------ */ #footer3 { background-image: url(img/back4.png); width: 895px; height: 100px;padding: 15px 0 0 0; font-size: 100%; color: #464646;} /* ------ FOOTER for contact us ------ */ #footer2 { background-image: url(img/back4.png); width: 895px; clear: both; margin: 0 auto;padding: 15px 20px 0 20px; font-size: 150%; color: #464646;} #footer2 .widget_text { text-align: center; padding-bottom: 8px; } /*#footer_content { line-height: 150%; text-align: center; height: 168px; width: 600px; margin: 0px 0px 0px 40px;}*/ /*#footer_content p { padding: 10px 0 0 0;}*/ /* ------ FOOTER orig ------ */ #footer { font-size: 130%; clear: both; width: 990px; margin: 0 auto; height: 64px; background-image: url(img/footer.png); border: 0;} /*#footer_content { line-height: 150%; text-align: center; height: 58px; width: 600px; margin: 0px 0px 0px 40px;}*/ #footer_content p { padding: 10px 0 0 0;} /* ------ BLACK LINES AT TOP AND BOTTOM------ */ #blackband_top_left {width: 970px; height: 30px; color: #ffff00; line-height: 60px; text-align: left; font-size: 250%; padding: 10; font-weight: bold; float: left; margin: -50px 20px 10px 30px;font-family: "Trebuchet MS", "Myriad Pro" } #blackband_top_righta {width: 970px; height: 30px; color: #ffff00; line-height: 60px; text-align: left; font-size: 250%; padding: 10; font-weight: bold; float: left; margin: -65px 20px 10px 700px;font-family: "Trebuchet MS", "Myriad Pro" } #blackband_top_right { width: 970px; height: 30px; color: #fff; line-height: 30px;} #blackband_bottom_right { width: 180px; color: #CCC; line-height: 62px;} #blackband_bottom_left { margin-left: 35px; width: 800px; color: #CCC; line-height: 62px;} #blackband_top_right { line-height: 32px; font-size: 110%; margin-top: 149px; } #blackband_bottom_right{ margin-left: 35px; float: centre; display: inline;} #blackband_bottom_right, #blackband_top_right { margin-right: 5px; float: right; text-align: left; display: inline;} #blackband_top_right { margin-right: 24px;} /*the 170 moves menu items left to right */ #blackband_top_right ul { margin: 1px 0px 0 140px; float: left; width: auto;} #blackband_top_right ul ul { padding: 0; margin: 0;} #blackband_top_right ul li, #blackband_top_right ul ul li { line-height: 30px; float: left; list-style: none; text-align: center; } #blackband_top_right h2 { text-align: right; float: right;} /* the 60px controls up and down */ #blackband_top_right ul li a { padding: 0 35px 0 32px;} #blackband_top_right ul ul li a { padding: 0 0 0 7px; width: 100%; box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; } #blackband_top_right ul ul li { width: 100%;} #blackband_bottom_right a:hover, #blackband_bottom_left a:hover { color: #FFF; text-decoration: underline;} #blackband_top_right a, #blackband_top_right a:active, #blackband_top_right a:visited { color: #FFF; text-decoration: none; display: block;} #blackband_bottom_right a, #blackband_bottom_right a:active, #blackband_bottom_left a, #blackband_bottom_left a:active { color: #FFF; text-decoration: none;} /*colored box that appears over words in header menu */ #blackband_top_right ul li a {/*image preload trick for hover element*/ background; #E1DDD2;} #blackband_top_right ul li a:hover { background-color: #E1DDD2; color: #464646; border-top: 1px solid #464646; box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box;} #blackband_top_right ul ul li a:hover { background: #E1ddd2; color: #464646;} .hasFloat:after { content: ""; display: block; clear: both;} /* ------ SEARCHFORM ------ */#searchform input { font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:12px; background-color:#747474; margin: 0; padding: 2px 4px 2px 4px; border:#747474 1px solid; color:#DDD; width: 55px;} #searchform input:hover { cursor:pointer; background-color:#606060; border:#333 1px solid; color:#fff;} #searchform #s { font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:12px; margin: 0 5px 0 0; background-color:#DDD; padding: 3px 4px 3px 4px; border:#747474 1px solid; color:#606060; width: 175px;}/* ------ MISC STUFF ------ */ #counters { width: 0px; height: 0px; display: none; float: left;} img#wpstats { width: 0px; height: 0px; padding: 0px; border: none; overflow: hidden;} .aligncenter,div.aligncenter { display: block; margin-left: auto; margin-right: auto;} .alignleft { float: left; margin: 0 10px 10px 0;} .alignright { float: right; margin: 0 0 10px 10px;} .alignnone { float: none;} .wp-caption { border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding: 7px; margin: 5px 10px 5px 0px; /* optional rounded corners for browsers that support it */ -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;}.wp-caption img { border: 0 none;} .wp-caption p.wp-caption-text { font-size: 90%; line-height: 120%; padding: 0 10px 0 0; margin: 0;} #wp-calendar { margin: 0 auto; line-height: 150%;} table#wp-calendar{ width: 80%;} #wp-calendar a { text-decoration: underline; font-weight: bold;} table#wp-calendar tfoot td a{ border: 0; font-weight: normal;} table#wp-calendar th, table#wp-calendar td{ text-align: center;} .widget_tag_cloud { line-height: 175%;} #content .buttons { text-align: center; } #content a.button { display: inline-block; width: 220px; height: 90px; text-align: center; background: transparent url('/wp-content/uploads/littleblokebutton.png') no-repeat center center; line-height: 85px; font-size: 18px; text-decoration: none; color: #222} #content a.button:hover { text-decoration: underline; } #content a.button:visited { color: #222; } #content .buttons2 { text-align: center; } #content a.button2 { display: inline-block; width: 220px; height: 45px; text-align: center; background: transparent url('/wp-content/uploads/littleblokebutton2.png') no-repeat center center; line-height: 40px; font-size: 12px; text-decoration: none; font-weight: bold; color: #222} #content a.button2:hover { text-decoration: underline; font-weight: bold; } #content a.button2:visited { color: #222; } #content .buttons3 { text-align: center; } #content a.button3 { display: inline-block; width: 220px; height: 90px; text-align: center; background: transparent url('/wp-content/uploads/littleblokebutton.png') no-repeat center center; line-height: 85px; font-size: 18px; text-decoration: none; font-weight: bold; color: #222} #content a.button3:hover { background: url(/wp-content/uploads/littleblokebutton.png) no-repeat; width: 220px; height: 0px !important; height /**/:90px; padding: 90px 0 0 0; overflow: hidden; text-decoration: underline; font-weight: bold; } #content a.button3:visited { color: #222; } #content .buttons4 { text-align: center; } #content a.button4 { display: inline-block; width: 420px; text-align: center; background: transparent url('/images/images.jpg') no-repeat center center; line-height: 100px; font-size: 12px; text-decoration: none; font-weight: bold; color: #222} #content a.button4:hover { text-decoration: underline; font-weight: bold; } #content a.button4:visited { color: #222; } #content .buttonTW { text-align: center; } #content a.buttonTW { display: inline-block; background: transparent url('http://www.littleblokefitness.com.au/images/twitterg.png') no-repeat center center;} #content a.buttonTW:hover { background: url(/images/facebook.png) no-repeat; width: 220px; height: 0px !important; height /**/:90px; padding: 90px 0 0 0; overflow: hidden;} input.addToCart { background: transparent url(/wp-content/uploads/addtocart.png) no-repeat; border: 0; width: 125px; height: 24px; text-indent: -9999px; display: block; text-transform: capitalize; } input.addToCart.ui-state-down { background-position: 0 -24px; } #content div.product_grid_display div.product_grid_item { margin: 10px; } .product_grid_item img { width: 120px; } div.clear { clear: both; height: 1px; } #footer_sexy { text-align: center; padding-bottom: 8px; }