/* Theme Name: Speed Communication LLC Theme URI: http://www.rainhopes.com Description: Designed by Rainhopes. Date : 05-09-2013. Version: 0.1 English Author: Abdul Rafeeque Author URI: http://www.rainhopes.com */ @import url(css/wide.css) screen and (min-width: 1000px); @import url(css/medium.css) screen and (min-width: 701px) and (max-width: 999px); @import url(css/narrow.css) screen and (max-width: 700px); @import url(fonts/stylesheet.css); /* [1. Body] */ html {margin:0;padding:0;border:0;} body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, dialog, figure, footer, header, hgroup, nav, section {margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;} article, aside, details, figcaption, figure, dialog, footer, header, hgroup, menu, nav, section {display:block;} body {line-height:1.5;background:white;} table {border-collapse:separate;border-spacing:0;} caption, th, td {text-align:left;font-weight:normal;float:none !important;} table, th, td {vertical-align:middle;} blockquote:before, blockquote:after, q:before, q:after {content:'';} blockquote, q {quotes:"" "";} a img {border:none;} :focus {outline:0;} /* typography.css */ html {font-size:100.01%;} body {font-size:14px;color:#5d3529;background:#ffffff url(images/main_bg.jpg) no-repeat center fixed; background-size:cover; font-family:Arial, Helvetica, sans-serif} h1, h2, h3, h4, h5, h6 {font-weight:normal;} h1 {font-size:18pt;line-height:1;margin-bottom:0.5em;} h2 {font-size:16pt;margin-bottom:0.75em; } h3 {font-size:14pt;line-height:1;margin-bottom:12px;} h4 {font-size:12pt;line-height:1.25;margin-bottom:1.25em;} h5 {font-size:10pt;font-weight:normal;margin-bottom:1.5em;} h6 {font-size:9pt;font-weight:bold;} h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0; max-width:100%;} p {margin:0 0 1.5em; } .left {float:left !important;} p .left {margin:1.5em 0 0.5em 0.5em;padding:0;} .right {float:right !important;} p .right {margin:1.5em 0 0.5em 0.5em;padding:0;} a:focus, a:hover {color:#26a9e0; text-decoration:underline} a {color:#26a9e0;text-decoration:none; cursor:pointer} blockquote {margin:1.5em;color:#666;font-style:italic;} strong, dfn {font-weight:bold;} em, dfn {font-style:italic;} sup, sub {line-height:0;} abbr, acronym {border-bottom:1px dotted #666;} address {margin:0 0 1.5em;font-style:italic;} del {color:#666;} pre {margin:1.5em 0;white-space:pre;} pre, code, tt {font:1em 'andale mono', 'lucida console', monospace;line-height:1.5;} li ul, li ol {margin:0; list-style:none} ul, ol {margin:0 1.5em 1.5em 0;padding-left:1.5em;} ul {list-style-type:none;} ol {list-style-type:none;} dl {margin:0 0 1.5em 0;} dl dt {font-weight:normal;} dd { margin:0} /*table {margin-bottom:1.4em;width:100%;} th {font-weight:bold;} thead th {background:#c3d9ff;} th, td, caption {padding:4px 10px 4px 5px;} tbody tr:nth-child(even) td, tbody tr.even td {background:#e5ecf9;} tfoot {font-style:italic;}*/ caption {background:#eee;} .small {font-size:8pt;margin-bottom:1.875em;line-height:1.875em;} .large {font-size:1.2em;line-height:2.5em;margin-bottom:1.25em;} .hide {display:none;} .quiet {color:#666;} .loud {color:#000;} .highlight {background:#ff0;} .added {background:#060;color:#fff;} .removed {background:#900;color:#fff;} .first {margin-left:0;padding-left:0;} .last {margin-right:0;padding-right:0;} .top {margin-top:0;padding-top:0;} .bottom {margin-bottom:0;padding-bottom:0;} /* forms.css */ label {font-weight:normal;} fieldset {padding:0 1.4em 1.4em 1.4em;margin:0 0 1.5em 0;border:1px solid #ccc;} legend {font-weight:bold;font-size:1.2em;margin-top:-0.2em;margin-bottom:1em;} fieldset, #IE8#HACK {padding-top:1.4em;} legend, #IE8#HACK {margin-top:0;margin-bottom:0;} input[type=text],input[type=tel], input[type=password], input[type=url], input[type=email], input.text, input.title, textarea {background-color:#fff;border:1px solid #bbb;color:#000;} input[type=text]:focus,input[type=tel]:focus, input[type=password]:focus, input[type=url]:focus, input[type=email]:focus, input.text:focus, input.title:focus, textarea:focus {border-color:#666;} select {background-color:#fff;border-width:1px;border-style:solid;} input[type=text], input[type=password],input[type=tel], input[type=url], input[type=email], input.text, input.title, textarea, select {margin:0.5em 0;} input.text, input.title {width:300px;padding:5px;} input.title {font-size:1.5em;} textarea {width:390px;height:250px;padding:5px;} form.inline {line-height:3;} form.inline p {margin-bottom:0;} .error, .alert, .notice, .success, .info {padding:0.8em;margin-bottom:1em;border:2px solid #ddd;} .error, .alert {background:#fbe3e4;color:#8a1f11;border-color:#fbc2c4;} .notice {background:#fff6bf;color:#514721;border-color:#ffd324;} .success {background:#e6efc2;color:#264409;border-color:#c6d880;} .info {background:#d5edf8;color:#205791;border-color:#92cae4;} .error a, .alert a {color:#8a1f11;} .notice a {color:#514721;} .success a {color:#264409;} .info a {color:#205791;} /*---grid----*/ .width-1 { width: 4%; } .width-2 { width: 8%; } .width-3 { width: 12%; } .width-4 { width: 16%; } .width-5 { width: 20%; } .width-6 { width: 25%; } .width-7 { width: 29%; } .width-8 { width: 33%; } .width-9 { width: 37%; } .width-10 { width: 41%; } .width-11 { width: 45%; } .width-12 { width: 50%; } .width-13 { width: 54%; } .width-14 { width: 58%; } .width-15 { width: 62%; } .width-16 { width: 66%; } .width-17 { width: 70%; } .width-18 { width: 75%; } .width-19 { width: 79%; } .width-20 { width: 83%; } .width-21 { width: 87%; } .width-22 { width: 91%; } .width-23 { width: 95%; } .width-24 { width: 100%;} /*---/grid----*/ /*--clear float--*/ .clearfix:after {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;} * html .clearfix { zoom: 1; } /* IE6 */ *:first-child+html .clearfix { zoom: 1; } /* IE7 */ /*--cntl+a--*/ ::selection{background:#0673a0;color:#fff;} ::-moz-selection{background:#0673a0;color:#fff;} /*--wp align--*/ .alignleft{ float:left} .alignright{ float:right} img.alignleft{ float:left; margin:0 10px 0 0} img.alignright{ float:right; margin:0 0 0 10px} /*---chrome---*/ @media screen and (-webkit-min-device-pixel-ratio:0) { }