/*
Theme Name: OMG
Description: OMG Website
Version: 1
Author: Peter Vien
*/

/* ======== */
/* generics */
/* ======== */

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {margin:0; padding:0; text-indent: 0;}
body, form, input, textarea {font-family: Arial, Verdana, "Lucida Sans", sans-serif;}
body {font-size: 12px; text-align: left; color: black; background: white;}

h1, h2, h3, h4, h5 {color: #484c57; text-shadow: 1px 1px 1px white; padding-bottom: 2px;}
h1.blue, h2.blue, h3.blue, h4.blue, h5.blue {color: #067db4;}
h1.gray, h2.gray, h3.gray, h4.gray, h5.gray {color: #889b9c;}

h4.title {color: #2896bb;}

h1 {font-size: 22px;}
h2 {font-size: 22px;}
h2.generic {padding-bottom: 1em;}
h3 {font-size: 18px;}
h4 {font-size: 18px;}
h5 {font-size: 13px;}

hr {border: none ; margin: 1em 0 2em; padding: 0; background-color: #ddd; color: #ddd; height: 1px;}

table {border-collapse:collapse; border-spacing:0; font-size:inherit;}
fieldset, img {border:0;}
ul {list-style-position: outside; margin: 0; padding: 0;}
ul.generic2 {list-style-position: inside; padding: 1.5em 0;}
ul.generic2 li {padding: 5px 0;}
ul.generic, ol.generic {list-style-position: outside; padding: 0 25px 25px;}
ul.generic li {
	background-image: url(images/tick.png);
	background-repeat: no-repeat;
	padding: 2px 0 2px 20px;
	list-style-type: none;
	background-position: 1px 4px;
	line-height: 20px;
}
li.last {background: none !important;}
input, textarea, select, button {font-family:inherit; font-size:inherit; font-weight:inherit;}

a, a:link, a:active, a:visited {color: #067db4; text-decoration: none;}
a:hover {text-decoration: underline;}

p {padding: 0 0 1.5em; line-height: 1.5em;}

td {padding: 10px;}

em {font-size: 1.25em;}

.clearline {clear: both; height: 1px; line-height: 1px; overflow: hidden; visibility: hidden;}


/* ========== */
/* containers */
/* ========== */

.inner {width: 990px; margin: 0 auto; position: relative;}
.inner.blue_rhs {background: transparent url(images/bg_inner_rhs_blue.gif) repeat-y scroll 0 0;}
.inner.blue_lhs {background: transparent url(images/bg_inner_lhs_blue.gif) repeat-y scroll 0 0;}

#navigation {height: 50px; line-height: 50px; color: white;}

#navigation, #footer, html {
	background-color: #27282a;
	background-image: url(images/footer_image.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}

#splash {}
#splash.home {background: #eaf2f4 url(images/bg_home_splash_r.gif) repeat-x scroll 0 0;}
#splash.home .inner {height: 406px;position:relative;background-attachment: scroll;background-image: url(images/bg_home_splash.jpg);background-repeat: no-repeat;background-position: 36px 0;}
#header {color: #616264; text-align: left; font-size:24px; background: #e1e5e5 url(images/bg_page_title.gif) repeat scroll 0 0; border-bottom: 1px solid #d9d6d6;}
#header .inner {background: transparent url(images/logo_omg.gif) no-repeat scroll 20px 20px; height: 115px; line-height: 115px;}
#header .inner h1 {padding: 0; padding-left: 160px;}
#header .inner h1.logo {position: absolute; left: 20px; top: 20px; padding: 0;}
#header .inner h1.logo img {border: 0;}
#header .inner .notch {position: absolute; width: 31px; height: 16px; background: url(images/bg_header_notch.gif) no-repeat scroll right 0; left: 25px; bottom: -16px; z-index: 99;}

#content {}
#content.home {background: transparent url(images/bg_inner_split.gif) repeat-y scroll center 0;}

#footer {}

.image {padding: 10px; text-align: center;}


/* ========== */
/* navigation */
/* ========== */

#navigation ul {list-style-type: none; display: inline-block; height: 50px;}
#navigation ul.lhs {float: left; padding-left: 20px;}
#navigation ul.rhs {float: right; padding-right: 20px;}

#navigation ul li {display: inline-block; font-weight: bold; font-size: 13px; height: 50px;}
#navigation ul.lhs li {padding-right: 30px; float: left;}
#navigation ul.rhs li {padding-left: 15px; height: 31px; line-height: 31px; margin-top: 9px; float: right;}
#navigation ul.rhs li span.login {background: transparent url(images/sprite_buttons.gif) no-repeat scroll 0 0; width: 62px; height: 31px; display: block;}

#navigation ul a {color: white; outline: none;}
#navigation ul a:hover {color: #3bb84d; text-decoration: none; outline: none;}
#navigation ul a.current {color: #3bb84d;}


/* ====== */
/* footer */
/* ====== */

#footer {padding: 27px 0 102px; color: #a4a5a6; font-weight: bold;}
#footer .col1, #footer .col2, #footer .col3 {float: left; height: 275px;}
#footer .col1 {	width: 250px; margin: 0 10px 0 20px; line-height: 16px;	border-right: 1px dashed #565759;}
#footer .col2 {width: 215px; border-right: 1px dashed #565759; margin-right: 30px;}
#footer .col3 {width: 400px;}

#footer .page_links {list-style-type: none;}
#footer .page_links li {padding: 0 0 0.5em;}
#footer .page_links a {padding-left: 20px; color: #A4A5A6;}
#footer .page_links a:hover {color: #A4A5A6; background: transparent url(images/sprite_icons_small.gif) no-repeat scroll -17px 3px;}

#footer h2 {text-shadow: none; color: #d0d0d0; padding-left: 24px; background: transparent url(images/sprite_icons_small.gif) no-repeat scroll 2px -28px;}


/* =============== */
/* content layouts */
/* =============== */

.split_content {width: 49%; float: left; padding-bottom: 65px;}

.pad_content {padding: 35px 30px;}
.pad_side {padding: 15px;}

.pad_b {padding-bottom: 25px;}
.pad_t {padding-top: 25px;}
.pad_10_20 {padding: 10px 0 20px;}
.pad_5_10 {padding: 5px 0 10px;}

.a_left {text-align: left;}
.a_right {text-align: right;}

.generic_lhs_side, .generic_rhs_side {/*background: #bfcbcc url(images/bg_side.gif) repeat-x scroll 0 top; */ background-color: #eaf0f2;}

.generic_lhs_side {width: 262px; float: left;}
.generic_lhs_content {width: 728px; float: left;}

.generic_rhs_side {width: 314px; float: right;}
.generic_rhs_content {width: 676px; float: right;}


/* =============== */
/* drop down menus */
/* =============== */

#dropdown ul {list-style-type: none;}
#dropdown li {font-weight: bold; color: #025bff; background: transparent url(images/bg_list_divider.gif) repeat-x scroll 0 bottom; padding-bottom: 2px;}
#dropdown {margin: 10px 0 100px;}

#dropdown .menu_item {background: transparent url(images/sprite_icons_small.gif) no-repeat scroll 2px -1044px; padding: 12px 25px; font-size: 14px;}
#dropdown .menu_item.expanded {background-position: 2px -980px;}
#dropdown .menu_item.single {background-position: 2px -1172px;}
#dropdown .menu_item span {cursor: pointer;}

#dropdown .submenu {display: none;}
#dropdown .submenu ul {background: transparent url(images/bg_list_divider.gif) repeat-x scroll 0 top;}
#dropdown .submenu li {font-weight: normal;}
#dropdown .submenu_item {padding: 12px 25px 12px 40px; background: transparent url(images/sprite_icons_small.gif) no-repeat scroll 26px -1106px;}

#dropdown li.current a {font-weight: bold; color: #333;}

#dropdown .menu_item a,
#dropdown .submenu_item a {color: #025bff}
#dropdown .menu_item a,
#dropdown .submenu_item a:hover {text-decoration: none; font-weight: bold;}


/* ===== */
/* icons */
/* ===== */
.icon_big {padding-left: 62px; line-height: 64px; background: transparent url(images/sprite_icons_big.gif) no-repeat scroll 0 0;}
.icon_big.ico_a {background-position: 0 -1525px;}
.icon_big.ico_b {line-height: normal; background-position: 5px -1792px;}
.icon_big.ico_c {background-position: 5px -2034px;}
.icon_big.ico_d {background-position: 5px -2295px;}
.icon_big.ico_e {background-position: 5px -2548px;}
.icon_big.ico_f {background-position: 0px -2808px; padding-left: 75px;}
.icon_big.ico_g {background-position: 5px -3074px; padding-left: 75px;}
.icon_big.ico_h {background-position: 5px -3350px; padding-left: 75px;}
.icon_big.ico_i {background-position: 5px -3606px; padding-left: 75px;}
.icon_big.ico_j {background-position: 5px -3903px; padding-left: 75px;}

.icon_small {padding-left: 40px; line-height: 44px; background: transparent url(images/sprite_icons_small.gif) no-repeat scroll 0 0;}
.icon_small.ico_1 {background-position: 3px -222px;}
.icon_small.ico_2 {background-position: 3px -282px;}
.icon_small.ico_3 {background-position: 3px -346px;}
.icon_small.ico_4 {background-position: 3px -535px;}
.icon_small.ico_5 {background-position: 3px -599px;}
.icon_small.ico_6 {background-position: 3px -667px;}
.icon_small.ico_7 {background-position: 3px -730px;}
.icon_small.ico_8 {background-position: 3px -794px;}
.icon_small.ico_9 {background-position: 3px -859px;}
.icon_small.ico_10 {background-position: 3px -924px;}
.icon_small.ico_11 {background-position: 3px -989px;}

ul.generic.benefits {padding: 0 0 25px; list-style-type:none; }
ul.generic.benefits li {padding: 2px 20px; background: transparent url(images/sprite_icons_small2.gif) no-repeat scroll -552px -297px;}

ul.feature_list {list-style-type: none;}
ul.feature_list li {padding: 0px 48px 5px; background: transparent url(images/sprite_icons_small2.gif) no-repeat scroll 0 0;}
ul.feature_list li.icon_1 {background-position: -827px -2px;}
ul.feature_list li.icon_2 {background-position: -792px -36px;}
ul.feature_list li.icon_3 {background-position: -756px -72px;}
ul.feature_list li.icon_4 {background-position: -719px -108px;}
ul.feature_list li.icon_5 {background-position: -683px -144px;}
ul.feature_list li.icon_6 {background-position: -647px -180px;}
ul.feature_list li.icon_7 {background-position: -611px -216px;}
ul.feature_list li.icon_8 {background-position: -575px -255px;}
ul.feature_list li.icon_9 {background-position: -504px -324px;}


/* ========= */
/* home page */
/* ========= */
#header.generic {background-image: none; background-color: #27282a; text-align: center;}
#header.generic .notch {background-position: left 0;}
#header.generic .inner {background: none; padding: 0; font-family:times New Roman; height: 58px; line-height: 58px;}
#header.generic .inner h1 {padding: 0;}

#splash .logo1 {position: absolute; left: 85px; top: 23px;}
#splash .flash {position: absolute; left: 495px; top: 51px;}
#splash.home .text1 {position: absolute; right: 50px; top: 14px; width: 433px; }
#splash.home .text2 {position: absolute; right: 580px; top: 116px;}
#splash.home .text3 {position: absolute; right: 580px; top: 242px; width: 350px; text-align: right; font-size: 16px;}
#splash.home .text4 { position: absolute; right: 580px; top: 375px; width: 200px; text-align: right; color: white;}
#splash.home .text4 a {color: white;}

#splash.home a.try_premium { display: block; width: 255px; height: 47px; position: absolute; right: 580px; top: 320px; background: transparent url(images/sprite_buttons.gif) no-repeat scroll 0 -299px; outline: none; }
#splash.home a.try_premium:hover {text-decoration: none;}

#take_a_tour {padding-left: 55px; height: 50px; background: transparent url(images/sprite_icons_big.gif) no-repeat scroll 0 -1280px; margin: 15px 0 20px;}
#take_a_tour a {line-height: 50px; font-size: 18px; font-weight: normal; color: #0173bc;}


/* ============= */
/* about us page */
/* ============= */
#aboutus ul {list-style-type: none;}
#aboutus ul li {padding: 10px 0; background: transparent url(images/bg_list_divider.gif) repeat-x scroll 0 bottom;}


/* ===================== */
/* pricing/products page */
/* ===================== */
#header .pricing_header {font-size: 5px; background: none; border: none; background-color: #27282a;}
#header .pricing_header .inner {background: none; height: 30px; line-height: 30px;}
#header .pricing_header .inner .notch {background-position: left 0;}

#splash .pricing_splash {background: transparent url(images/bg_pricing_splash_r.jpg) repeat-x scroll 0 0;}
#splash .pricing_splash .inner {height: 448px; position: relative; background: transparent url(images/bg_pricing_splash.jpg) no-repeat scroll 0 0;}

#splash .pricing_splash #btn_signup1 {position: absolute; left: 105px; top:374px;}
#splash .pricing_splash #btn_signup2 {position: absolute; left: 420px; top:410px;}
#splash .pricing_splash #btn_signup3 {position: absolute; left: 754px; top:374px;}

#splash .pricing_splash #product1 {position: absolute; left: 27px; top: 152px; width: 280px; height: 200px;}
#splash .pricing_splash #product2 {position: absolute; left: 324px; top: 121px; width: 330px; height: 270px;}
#splash .pricing_splash #product3 {position: absolute; left: 676px; top: 155px; width: 280px; height: 200px;}
#splash .pricing_splash #product4 {position: absolute; left:742px; top: 435px; color: #939495;}
#splash .pricing_splash #product4 a, #splash .pricing_splash #product4 a:hover {color: #939495; font-size: 12px; text-decoration: underline;}

#splash .pricing_splash .price {color: #7dbf0d; font-size: 22px; font-weight: bold; text-align: center; width: 280px; position: absolute; top: 335px;}
#splash .pricing_splash .price.p_adv {left: 25px;}
#splash .pricing_splash .price.p_prem {left: 325px; width: 330px;}
#splash .pricing_splash .price.p_prem2 {color: #f26522; font-weight: bold; font-size: 30px; left: 325px; top: 365px; width: 330px;}
#splash .pricing_splash .price.p_plus {left: 670px;}

#splash .pricing_splash ul {list-style-type: none; margin:14px 20px 5px 50px;}
#splash .pricing_splash ul.premium {margin: 20px 50px 0;}
#splash .pricing_splash ul.premium li {padding: 5px 0 5px 20px; background-position: -20px 8px; font-weight: bold; font-size: 14px; position: relative;}
#splash .pricing_splash ul.premium li .bubble {display: none; position: absolute; width: 300px; background-color: #27282a; left: 250px; top: -18px; z-index: 99999999;}
#splash .pricing_splash ul.premium li .bubble .bubble_inner {padding: 20px; color: white; font-size: 12px; font-weight: normal; line-height: 1.5em; position: relative;}
#splash .pricing_splash ul.premium li .bubble .bubble_inner span.notch {background: transparent url(images/bg_bubble_notch.gif) no-repeat scroll 0 0; position: absolute; width: 21px; height: 40px; top: 10px; left: -21px;}
#splash .pricing_splash ul.premium li .bubble .bubble_inner strong {display: block; color: #fff799;}

#splash .pricing_splash ul li {padding: 2px 12px; background: transparent url(images/sprite_icons_small.gif) no-repeat scroll 0 -473px;}
#splash .pricing_splash ul li span {color: #0173bc;}

#pricing ul {list-style-type: none;}
#pricing ul li {padding: 20px 0; background: transparent url(images/bg_list_divider.gif) repeat-x scroll 0 bottom;}
#pricing ul li p {padding-bottom: 0;}


/* =============== */
/* contact us page */
/* =============== */
#contact_us .bg_form {background-color: #eaf0f2; -moz-border-radius: 10px;}
#contact_us iframe {border: none; width: 550px; height: 700px; overflow-x: hidden;}

#side #contact_us_side iframe {border: none; width: 280px; height: 660px; overflow-x: hidden;}


/* ========== */
/* sites page */
/* ========== */
#sites p {padding-bottom: 0.5em;}
#sites ul {list-style-position: inside; list-style-type: disc; margin-bottom: 2em;}
#sites li {padding: 5px 0;}



/* ======= */
/* modules */
/* ======= */

/* generic table - features */
.features p {padding: 0;}
.features tr {border-top: 1px dotted #e7e7e7;}
.features td {padding: 20px;}

/* omg benefits */
#omg_benefits ul {list-style-type: none; padding: 0 0 20px;}
#omg_benefits li {background: transparent url(images/bg_list_divider.gif) repeat-x scroll 0 bottom;}
#omg_benefits li a {color: #067DB4;}

#omg_benefits .logo {padding: 20px 0 20px 80px; background: transparent url(images/sprite_icons_big.gif) no-repeat scroll 0 0;}
#omg_benefits .logo.a {background-position: 0 20px;}
#omg_benefits .logo.b {background-position: 0 -236px;}
#omg_benefits .logo.c {background-position: 0 -492px;}
#omg_benefits .logo.d {background-position: 0 -748px;}
#omg_benefits .logo.e {background-position: 0 -1004px;}
#omg_benefits .logo.f {background-position: 0 -3052px;}

#omg_benefits h2.blue {font-weight: normal;}
#omg_benefits p {padding-bottom: 0;}


/* speech quote box */
.quote {padding: 10px 0 0;}
.quote .box {background: transparent url(images/bg_quote_box.gif) no-repeat scroll 0 0; height: 6px; position: relative;}

.quote .box.top {background-position: left 0;}
.quote .box.top_r {background-position: right 0; position: absolute; right: 0; top: 0; width: 6px; height: 6px;}

.quote .middle {border-width: 0 2px 0; border-style: solid; border-color: #def2fd;}
.quote .middle .pad_quote {padding: 12px 16px;}
.quote .middle span {padding-left: 19px; background: transparent url(images/sprite_icons_small.gif) no-repeat scroll 0 -63px;}

.quote .box.bottom {background-position: left -6px; height: 21px;}
.quote .box.bottom_r {background-position: right -6px; position: absolute; right: 0; top: 0; width: 100px; height: 21px;}


/* members testimonials */
#testimonials {}
#testimonials h2 span {padding-left: 24px; background: transparent url(images/sprite_icons_small.gif) no-repeat scroll 2px -93px;}


/* try a business listing */
#try_it_yourself {padding:25px 0;}
#try_it_yourself h2 {font-weight: normal; font-size:18px}
#try_it_yourself a.btn_try_listing {background: transparent url(images/sprite_buttons.gif) no-repeat scroll 0 -31px; display: block; outline: none; width: 444px; height: 47px; margin: 10px 0;}
#try_it_yourself a.btn_try_listing:hover {text-decoration: none;}

#try_it_yourself span {color: #067db4; padding-left: 20px; background: transparent url(images/sprite_icons_small.gif) no-repeat scroll 0 -127px; line-height: 14px;}
#try_it_yourself .link_see_plans {text-decoration: underline;}


/* news articles */
#news {margin: 20px 0;}
#news h2 strong {padding-left: 24px; background: transparent url(images/sprite_icons_small.gif) no-repeat scroll 2px -158px;}
#news ul {list-style-type: none; padding: 0 0 20px;}
#news h4 {display: inline; padding-right: 10px;}
#news li {background: transparent url(images/bg_list_divider.gif) repeat-x scroll 0 bottom; margin-top:10px; padding-bottom:5px;}
#news li span {color: #575c5d; font-size: 12px;}
#news li p {padding-top: 2px;}


/* product plans on the side */
#side_product_plans {margin: 10px 0;}
#side_product_plans ul {list-style-type: none;margin: 25px 0 25px 50px;}
#side_product_plans ul li {padding: 6px 12px; background: transparent url(images/sprite_icons_small.gif) no-repeat scroll 0 -469px;}
#side_product_plans ul li span {color: #0173bc;}
#side_product_plans ul.premium li {padding-left: 20px; background-position: -20px 8px; font-weight: bold; font-size: 14px;}

#side_product_plans div.btn_signup {text-align:center; padding-bottom: 25px;}
div.btn_signup a {display: inline-block; background: transparent url(images/sprite_buttons.gif) no-repeat scroll 0 0;}
div.btn_signup a:hover {text-decoration: none;}
div.btn_signup a.a {background-position: 0 -205px; width: 140px; height: 51px;}
div.btn_signup a.b {background-position: 0 -256px; width: 114px; height: 43px;}


/* page navigation */
.page_navigation {border-color:#E0E0E0; border-style:solid; border-width:1px 0 0; margin:50px 0 25px; padding:5px 0 21px; background:transparent url(images/bg_page_nav.gif) no-repeat scroll center bottom;}
.page_navigation a {line-height: 34px;}
.page_navigation .forward {float: right;}
.page_navigation .forward a {padding-right: 40px; background:transparent url(images/sprite_arrows.gif) no-repeat scroll right 0; display: inline-block;}
.page_navigation .backward {float: left;}
.page_navigation .backward a {padding-left: 40px; background:transparent url(images/sprite_arrows.gif) no-repeat scroll left -68px; display: inline-block;}

/* blogs */
#blogs {}
.blog_post {padding-top: 25px;}


/* sidebar */
#sidebar ul {list-style-type: none; padding-left: 20px;}
#sidebar li {padding-bottom: 20px;}

/* ========== */
/* single     */
/* ========== */

.postmeta {
	margin: 10px 0;
	border-top: 1px solid #e5e5e5;
	color: #7a7a7a;
	font-size: 10px;
}

.postmeta-inner {
	padding: 5px 0;
	border-bottom: 1px solid #e5e5e5;
}

.postmeta .author, .postmeta .comments {
	float: left;
	width: 308px;
}

.postmeta .comments {
	text-align: right;
}

.single.post {
	margin: 10px 0 20px 0;
	padding: 10px 10px 20px 10px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
	background: #eaeff2 url("images/bg_post_single.gif") bottom left no-repeat;
}

.comment {
	margin: 20px 0;
}

.comment .comment-author {
	float: left;
	width: 48px;
	margin-right: 10px;
}

.comment .comment-text {
	float: left;
	width: 536px;
	padding: 10px;
	border: 1px solid #e0e0e0;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}