/* Theme Name: Mediapoint Blog Theme URI: http://www.aetherealdesigns.com Description: Custom Theme for Mediapoint Version: 1.0 Author: Aethereal Designs Author URI: http://www.aetherealdesigns.com Tags: meta for the theme separated by a comma; Example: custom, mediapoint */ /* --------------------------------------------- 01. main/default elements --------------------------------------------- */ body { font-family:Arial, Helvetica, sans-serif} p { font-size:11px; color:#000000; line-height:1.4em;} h1, h1 a { font-size:18px; color:#F4146B !important; margin-bottom:5px !important; font-weight:bold; } .post h2, .post h2 a, h2.pagetitle, h2.pagetitle a { font-size:18px; color:#F4146B !important; margin-bottom:5px; font-weight:bold} .h3, h3 a { font-size:13px; color:#F4146B; font-weight:bold; margin-bottom:5px;; margin-top:10px} h4 { font-size:13px; color:#4D4D4D} .listbox { font-size: 11px;list-style-position: outside;list-style-type: square;text-indent: 5px;padding-left: 26px;margin-left: 6px; margin-top:0;margin-bottom:10px;line-height: 1.6;} li b { color:#4D4D4D;} h1 a:hover, h2 a:hover, h3 a:hover, .post a:hover {text-decoration:none} /* --------------------------------------------- 02. container and wrapper --------------------------------------------- */ #container { width:900px; margin:0 auto; position:relative} #wrapper { width:900px; float:left; position:relative} /* --------------------------------------------- 03. contentdiv --------------------------------------------- */ #contentdiv {width:900px; float:left; padding-top:12px; position:relative; margin-top:115px} /* --------------------------------------------- 03.1 contentdiv - content area --------------------------------------------- */ #content { width:693px; float:right; padding-left:19px; position:relative; padding-right:21px} #content .welcome { width:693px; float:left} #content .welcome h1 { font-weight:bold; padding-bottom:5px} #content .welcome h2 { font-weight:bold; padding-bottom:5px} #content .welcome h1 span { font-size:12px; font-weight:normal; color:#808285} #content .welcome p { padding-bottom:12px} #content .welcome a{ color:#000000;font-weight:bold;text-decoration:none;} #content .welcome a:hover{ text-decoration:underline;} #content .welcome .video { float:right; padding-left:15px} /* --------------------------------------------- 03.2 contentdiv - content area - instant box --------------------------------------------- */ #instantbox { width:674px; float:left; background:#FFC74D; padding:8px; margin-bottom:10px} #instantbox .instant_online { width:674px; float:left; padding-bottom:10px} #instantbox .instant_online h2 { font-weight:bold; padding-bottom:7px; color:#000} #instantbox .instant_online fieldset { width:674px; float:left} #instantbox .instant_online fieldset .set { width:96px; float:left; padding-right:14px} #instantbox .instant_online fieldset .set1 { width:50px; float:left; padding-right:14px} #instantbox .instant_online fieldset label { width:96px; float:left; font-size:12px; color:#1A1A1A; line-height:1.5em} #instantbox .instant_online fieldset .input { width:88px; height:15px; float:left; border:1px solid #1A1A1A; font-size:12px; color:#1A1A1A; padding:1px 3px} #instantbox .instant_online fieldset .droplist { width:94px; height:20px; float:left; border:1px solid #1A1A1A; font-size:12px; color:#1A1A1A} #instantbox .instant_online fieldset .button_giveprice button{ background-color:#1a1a1a; border:0;font-size:12px; line-height:1.6em; color:#FFFFFF; margin-top:17px;height:20px;cursor:pointer;} #instantbox .instant_online fieldset .button_giveprice1 button{ background-color:#1a1a1a; border:0;font-size:12px; line-height:1.6em; color:#FFFFFF; margin-top:0px;height:20px;cursor:pointer;} #instantbox .instant_online fieldset .button_giveprice a { height:21px; float:left; background:#1A1A1A url(../images/bg_button_black_left.gif) no-repeat top left; color:#FFFFFF; text-decoration:none; padding-left:10px; cursor:pointer} #instantbox .instant_online fieldset .button_giveprice a span { height:21px; float:left; background:url(../images/bg_button_black_right.gif) no-repeat top right; padding-right:20px} #instantbox .whitebox { width:644px; float:left; background:#FFFFFF; padding:8px 14px 6px 16px} #instantbox .whitebox h1 { font-weight:bold; color:#221E1E; padding-bottom:12px} #instantbox .whitebox h2 { font-size:12px;font-weight:bold; color:#221E1E; padding-bottom:6px} #instantbox .whitebox h1 span { color:#EA2227} #instantbox .whitebox .buttons { width:644px; float:left; padding-bottom:10px} #instantbox .whitebox .buttons ul li { float:left; font-size:14px; color:#FFFFFF; line-height:1.4em; padding-right:15px} #instantbox .whitebox .buttons ul li a { height:21px; float:left; color:#FFFFFF; text-decoration:none; background:#7F7F7F url(../images/bg_button_grey_left.gif) no-repeat top left; cursor:pointer; padding-left:10px} #instantbox .whitebox .buttons ul li a span { height:21px; float:left; background:url(../images/bg_button_grey_right.gif) no-repeat top right; padding-right:8px} #instantbox .whitebox .buttons ul li a:hover { background:#1A1A1A url(../images/bg_button_black_left.gif) no-repeat top left} #instantbox .whitebox .buttons ul li a:hover span { background:url(../images/bg_button_black_right.gif) no-repeat top right} #instantbox .whitebox .buttons ul li a.selected { background:#1A1A1A url(../images/bg_button_black_left.gif) no-repeat top left} #instantbox .whitebox .buttons ul li a.selected span { background:url(../images/bg_button_black_right.gif) no-repeat top right} #instantbox .whitebox fieldset { width:644px; float:left; border-top:1px solid #4C4C4C; padding-top:6px} #instantbox .whitebox fieldset .left { width:347px; float:left} #instantbox .whitebox fieldset .set { width:347px; float:left; padding-bottom:5px}. #instantbox .whitebox fieldset .left .set h1{ font-size:16px;color:red;} #instantbox .whitebox fieldset label { width:90px; float:left; font-size:16px; font-weight:bold; color:#000000; padding-right:5px} #instantbox .whitebox fieldset .radio { float:left; margin-top:3px} #instantbox .whitebox fieldset p { float:left; font-size:18px; font-weight:bold; color:#4D4D4D; line-height:1.3em; padding:0 5px} #instantbox .whitebox fieldset .input { width:200px; height:18px; float:left; font-size:14px; color:#000000; border:1px solid #000000; padding:2px} #instantbox .whitebox fieldset .input2 { width:70px; height:18px; float:left; font-size:14px; color:#000000; border:1px solid #000000; padding:2px} #instantbox .whitebox fieldset .input3 { height:18px; float:left; font-size:10px; color:#000000; border:0;} #instantbox .whitebox fieldset .input4 { height:60px; width:204px; float:left; font-size:14px; color:#000000; border:1px solid #000000;} #instantbox .whitebox fieldset .button_send { float:left; font-size:16px; font-weight:normal; color:#FFFFFF; line-height:1.5em; padding-left:95px} .inputbutton {color:#fff;background-color:#1a1a1a;border:0;padding:4px;cursor:pointer;} .inputbutton1 {color:#fff;background-color:#807F7F;border:0;padding:4px;cursor:pointer;} .inputbutton1:hover {background-color:#1a1a1a;} #instantbox .whitebox fieldset .right { width:250px; float:left; padding-top:40px; padding-left:35px} #instantbox .whitebox fieldset .right p { font-size:13px; color:#7F7F7F;font-size:14px;} /* --------------------------------------------- 03.3 contentdiv - content area - tab content --------------------------------------------- */ #tabcontent { width:683px; float:left; padding-bottom:21px; padding-top:8px} #tabcontent p { line-height:1.7em; padding-bottom:5px} #tabcontent .setlist { padding-bottom:320px} #tabcontent .setlist .set { width:110px; float:left; text-align:center;margin-bottom:10px;} #tabcontent .setlist .set h4 { font-size:12px; color:#000000; font-weight:bold} #tabcontent h2 {font-size:12px;font-weight:bold;} /* --------------------------------------------- 03.4 contentdiv - side menu div --------------------------------------------- */ #sidemenudiv { width:160px; float: right; padding-left:7px} #sidemenudiv h4 { height:18px; font-weight:bold; background:#D1D4D4; padding:2px 0 0 7px} #sidemenudiv h4 a { text-decoration: none; color:#4D4D4D} #sidemenudiv .stickers { width:160px; float:left} #sidemenudiv ul { width:157px; float:left; padding:5px 0 5px 3px} #sidemenudiv ul li { font-size:11px; color:#4D4D4D; line-height:1.8em; padding-left:15px} #sidemenudiv ul li a { color:#4D4D4D; text-decoration:none} #sidemenudiv ul li a:hover { color:#4D4D4D; text-decoration:underline} #sidemenudiv ul li.icon1 { background:url(../images/li_bullet1.gif) no-repeat left center} #sidemenudiv ul li.icon2 { background:url(../images/li_bullet2.gif) no-repeat left center} #sidemenudiv ul li.icon3 { background:url(../images/li_bullet3.gif) no-repeat left center} #sidemenudiv ul li.icon4 { background:url(../images/li_bullet4.gif) no-repeat left center} #sidemenudiv ul li.icon5 { background:url(../images/li_bullet5.gif) no-repeat left center} #sidemenudiv .labels { width:160px; float:left} #sidemenudiv .retractors { width:160px; float:left; padding-bottom:8px} #sidemenudiv .vehicle_ad { width:160px; float:left; padding-bottom:12px} #sidemenudiv .digital_printing { width:160px; float:left} #sidemenudiv .digital_printing .ad { padding-top:18px; padding-left:2px} /* --------------------------------------------- 04. headerdiv --------------------------------------------- */ #headerdiv { width:892px; height:114px; background: url(../images/bg_header.gif) repeat-x top left; padding-right:8px; position:absolute; top:0; left:0} #headerdiv .logo { float:left} #headerdiv .topicons { height:20px; float:right; background:#FFFFFF url(../images/bg_topicons_left.gif) no-repeat top left; padding-left:3px; padding-top:5px;margin-top:10px; z-index:100;} #headerdiv .topicons a { color:#000000;font-size:12px;} #headerdiv .nav { width:900px; height:43px; float:left; background:url(../images/bg_navbar.gif) repeat-x top left; padding-top:1px; position:relative; margin-top:-4px} #headerdiv .nav .left { float:left; padding-left:15px} #headerdiv .nav .left ul li { float:left; font-size:15px; font-weight:bold; color:#2954A3; padding-right:1px} #headerdiv .nav .left ul li a { height:25px; float:left; background:url(../images/bg_nav_li.gif) repeat-x top left; color:#0077bc; text-decoration:none; padding:12px 15px 0 15px} #headerdiv .nav .right { float:right; padding-right:8px} #headerdiv .nav .right ul li { float:left; font-size:15px; font-weight:bold; color:#F4146B; padding-right:3px} #headerdiv .nav .right ul li a { height:25px; float:left; background:url(../images/bg_nav_li.gif) repeat-x top left; color:#F4146B; text-decoration:none; padding:12px 15px 0 15px} /* --------------------------------------------- 05. footerdiv --------------------------------------------- */ #footerdiv { width:900px; float:left; background: url(../images/bg_footer.gif) repeat-x top left; padding-bottom:10px; position:relative;} #footerdiv .list_footer { width:900px; float:left; padding-bottom:30px} #footerdiv ul { width:120px; float:left; padding:20px 0px 0 30px} #footerdiv ul li { font-size:11px; color:#4D4D4D; line-height:1.8em} #footerdiv ul li a { color:#4D4D4D; text-decoration:none} #footerdiv ul li a:hover { color:#4D4D4D; text-decoration:underline} #footerdiv p { font-size:11px; color:#4D4D4D; text-align:center} #footerdiv a { color:#4D4D4D; } /* --------------------------------------------- 06. qcube elements --------------------------------------------- */ .warning {float:left;color:red;font-size:.6em;padding-left:2px;font-weight:bold;} #content .media { width:693px; float:left; margin-bottom:20px; border:thin solid #ccc;border-style:solid;padding:5px;} #content .media h1 { font-weight:bold; padding-bottom:5px} #content .media h2 { font-weight:bold; padding-bottom:5px; color:#0066cc;} #content .media h1 span { font-size:12px; font-weight:normal; color:#808285} #content .media p { padding-bottom:12px} #content .media a{ color:#000000;font-weight:bold;} #content .media .video { float:right; padding-left:15px} .retractorQuantity {color:#000;} .safety {float:left;width:160px;margin-right:5px;margin-bottom:5px;text-align:center;} .safety a {color:#000;} div.renderWithName { font-size:12px; padding: 4px 0 4px 0; overflow: auto; height: 100%; } div.renderWithName div.left { float: left; width: 80px; margin-right: 25px; } div.renderWithName div.required { font-size:12px; color:#F4146B; font-weight: bold; text-transform: uppercase; } div.renderWithName div.left span.instructions { font: 10px 'Verdana', 'Arial', 'Helvetica'; color: #999; font-style: italic; text-transform: none;} div.renderWithName div.right { color:#000;} div.renderWithName div.right span.error { margin-left: 15px; font: 10px 'Verdana', 'Arial', 'Helvetica'; color: #600;} .textbox {width:200px;} .crumb {margin-bottom:15px;} .crumb a { text-decoration:none; color:#0077bc; font-weight:bold; font-size:13px; } .crumb a:hover { text-decoration:underline; } .safetysticker {float:left; width:150px; font-size:11px; text-align:center;} .safetysticker a{color:#000;text-decoration:none;} .safetysticker a:hover{text-decoration:underline;} /* --------------------------------------------- 07. WordPress specific --------------------------------------------- */ #sidebar {float:right !important; xxxwidth:171px; width:185px;} #sidebar ul li { font-size:11px; color:#4D4D4D; line-height:1.8em; padding-left:15px; } #sidebar ul ul li {background:url(/images/li_bullet5.gif) no-repeat 0 7px} #sidebar ul li a { color:#4D4D4D; text-decoration:none} #sidebar ul li a:hover { color:#4D4D4D; text-decoration:underline} #sidebar h2 {margin-top:10px !important; margin-bottom:2px; font-weight:normal !important} #contentdiv {} #sidemenudiv {float:left} #content_blog {} #sidebar {} #content_blog { width:885px; float:right; padding-left:5px; position:relative; padding-right:10px; } #content_blog p {margin:5px 0} #content_blog .welcome { width:855px; float:left} #content_blog .welcome h1 { font-weight:bold; padding-bottom:5px} #content_blog .welcome h2 { font-weight:bold; padding-bottom:5px} #content_blog .welcome h1 span { font-size:12px; font-weight:normal; color:#808285} #content_blog .welcome p { padding-bottom:12px} #content_blog .welcome a{ color:#000000;font-weight:bold;text-decoration:none;} #content_blog .welcome a:hover{ text-decoration:underline;} #content_blog .welcome .video { float:right; padding-left:15px} .post small { color:#67707a; font-size:11px; padding-left:20px; background:url(images/small_bg.gif) no-repeat 0 0; } .cancel-comment-reply small {background:none; padding-left:0} .entry p {padding-bottom:5px;} #sidebar p {width:230px} #searchform input, .post input {color:#000 !important} .post { margin-bottom:20px; width:675px; clear:none; } .alignright {float:right} .alignleft {float:left} .wp-caption { padding-top:5px; border:4px solid #e2e2e2; text-align:center; background-color:#fff; margin:10px; } .wp-caption img { margin:0; padding:0; border:0 none; } .wp-caption p.wp-caption-text { font-size:11px; line-height:17px; padding: 0 4px 5px; margin:0; } #mainnav .current_page_item a, #mainnav .current_page_item a:visited, #mainnav .current_page_ancestor {text-decoration:underline} /* formats WordPress navigation */ /*.hidden, #searchsubmit {display:none}*/ /* hides part of the searchbox */ .navigation {width:675px; font-size:12px; height:30px} .navigation a {color:#67707a} .navigation a:hover {text-decoration:none} #respond {clear:left} .screen-reader-text {display:none} input#s {width:100px} #content_posts {width:680px;float:right;padding-right:10px;margin:0;}