/* ------------------------------------------- SHORTCODES MAP ------------------------------------------- 1. General 2. Simple Button 3. Arrowlists & Checklists 4. Box Styles 5. Drop-Cap & Block Quotes 6. Columns Styles 7. Dividers Container 8. Tabs & Toggle 9. Others ------------------------------------------- */ /* ------------------------------------------- 1. General ------------------------------------------- */ p { line-height:21px; margin-bottom:18px; } strong { font-weight: bold; } h1, h2, h3, h4, h5, h6 { font-family:"Trebuchet MS",Arial,Helvetica,san-serif; letter-spacing:0.4px; padding-bottom:10px; font-weight:normal; line-height:100%; } h1{ font-size:36px; } h2{ font-size:28px; } h3{ font-size:22px; } h4{ font-size:18px; } h5{ font-size:16px; } h6{ font-size:12px; } code{ background:#f6f6f6 url(../images/codetag.png) repeat scroll 0 0; display:table; padding:0 10px 16px; line-height:20px; border:1px solid #ddd; } p img { padding: 0; max-width: 100%; } img.centered{ display: block; margin-left: auto; margin-right: auto; } img.alignright{ padding: 4px; margin: 0 0 2px 7px; display: inline; } img.alignleft{ padding: 4px; margin: 0 7px 2px 0; display: inline; } .alignright { float: right; } .alignleft { float: left; } a{ color:#555; } a:hover{ color:#000; } .image_frame_center{ display: block; margin-left: auto; margin-right: auto; } .image_frame_right{ padding: 4px; margin: 0 0 2px 7px; display: inline; float: right;} .image_frame_left{ padding: 4px; margin: 0 7px 2px 0; display: inline; float: left;} .img_top{ padding-bottom:10px; } .img_bottom{ padding-top:10px; } .img_left{ padding-right:10px; } .img_left_center{ padding-right:10px; padding-top:5px; } .img_right{ padding-left:10px; } .img_right_center{ padding-left:10px; padding-top:5px; } /* ------------------------------------------- 2. Simple Button ------------------------------------------- */ .simple_button{ clear:both; color:#fff; font-size:11px; font-family:Tahoma; font-weight:bold; margin-right:10px; margin-top:15px; display:table; line-height:28px; } .simple_button a{ height:30px; display:table; margin-left:20px; padding-right:20px; color:#555; } .simple_button a:hover{ color:#fff; } .simple_button{ background:url(../images/shortcodes/begin_big_button.png) no-repeat scroll left top transparent; } .simple_button a{ background:url(../images/shortcodes/end_big_button.png) no-repeat scroll right top transparent; } /* ------------------------------------------- 3. Arrowlists & Checklists ------------------------------------------- */ .ul_arrow_list, .ul_check_list, .ul_plus_list, .ul_star_list, .ul_pencil_list{ clear:both; margin:10px 10px 10px 0; display:table; list-style: none; } .ul_star_list li, .ul_plus_list li, .ul_check_list li, .ul_pencil_list li{ padding-top:5px; padding-bottom:5px; padding-left:25px; } .ul_arrow_list li{ padding-top:5px; padding-bottom:5px; padding-left:15px; } /* ------------------------------------------- 4. Box Styles ------------------------------------------- */ .download_box { background:url(../images/icons/download_box.png) no-repeat scroll 15px center #e3ffcd; border:1px solid #A3C159; color:#5E6F33; } .info_box { background:url(../images/icons/info_box.png) no-repeat scroll 20px center #bbddff; border:1px solid #5997d1; color:#467eb5; } .warning_box { background:url(../images/icons/warning_box.png) no-repeat scroll 20px center #ffc7c2; border:1px solid #ff8c80; color:#d73224; } .note_box { background:url(../images/icons/note_box.png) no-repeat scroll 20px center #fff0bc; border:1px solid #d3bc6f; color:#9E660D; } .message_box { background:url(../images/icons/message_box.png) no-repeat scroll 10px center #f4f4f4; border:1px solid #dcdcdc; color:#747474; } .simple_box { background-color:#fcfcfc; padding-left:20px !important; border:1px solid #f1f1f1; color:#747474; } .info_boxes{ clear:both; margin:5px 0; padding:20px 20px 20px 70px; } /* ------------------------------------------- 5. Drop-Cap & Block Quotes ------------------------------------------- */ .dropcap{ display:block; float:left; font-size:70px; line-height:60px; margin:0 8px 0 0; color:#ccc; font-family:"Trebuchet MS"; } .pquote { margin: 25px 0 25px 0; background-color:#f1f1f1; padding: 20px 10px 10px 20px; border-left: 5px solid #ccc; font-size: 13px; line-height: 1.45em; font-style: italic; color:#666;} .pquote_left { margin: 5px 25px 10px 0; width:30%; float:left; background-color:#f1f1f1; padding: 20px 10px 10px 20px; border-left: 5px solid #ccc; font-size: 13px; line-height: 1.45em; font-style: italic; color:#666;} .pquote_right { margin: 5px 0 10px 25px; width:30%; float:right; background-color:#f1f1f1; padding: 20px 10px 10px 20px; border-right: 5px solid #ccc; font-size: 13px; line-height: 1.45em; font-style: italic; color:#666;} .pquote_message { padding: 15px 10px 0 40px; font-size: 13px; line-height: 1.45em; font-style: italic; color:#666; } .pquote_message p{ padding-right:40px; } .pquote_message span { color:#999; font-size:10px; } /* ------------------------------------------- 6. Columns Styles ------------------------------------------- */ .basic_columns h5, .basic_columns h4, .basic_columns h3, .basic_columns h2, .basic_columns h1{ margin-bottom:10px; border-bottom:1px solid #f1f5f7; } .basic_columns { float:left; margin-right:5%; position:relative; } .one_half { width:47.5%; } .one_third { width:30%; } .one_fourth{ width:21.2%; } .one_fifth { width:16%; } .two_third { width:65%; } .three_fourth { width:73%; } .last { clear:right; margin-right:0 !important; } /* ------------------------------------------- 7. Dividers ------------------------------------------- */ .divider_pad{ clear:both; display:block; width:100%; } .divider_hr{ clear:both; display:block; width:100%; margin-bottom:20px; padding-top:5px; border-bottom:1px solid #f1f1f1; } .divider_with_top{ clear:both; display:block; width:100%; margin-bottom:20px; padding-top:15px; border-bottom:1px solid #f1f1f1; font-size:9px; line-height:10px; position:relative; text-align:right; } .divider_with_top a { color:#CCCCCC; height:20px; position:absolute; right:0; top:10px; width:20px; } /* ------------------------------------------- 8. Tabs & Toggle ------------------------------------------- */ ul.tabs { margin: 0; padding: 0; float: left; list-style: none; height: 32px; border-bottom: 1px solid #ebebeb; border-left: 1px solid #ebebeb; width: 100%; } ul.tabs li { float: left; margin: 0; padding: 0; height: 31px; line-height: 31px; border: 1px solid #ebebeb; border-left: none; margin-bottom: -1px; background: #f6f6f6; overflow: hidden; position: relative; } ul.tabs li a { color: #000; display: block; padding: 0 20px; } ul.tabs li a:hover { background: #fbfbfb; } html ul.tabs li.active, html ul.tabs li.active a:hover { background: #fff; border-bottom: 1px solid #fff; } .tab_container { border: 1px solid #ebebeb; border-top: none; clear: both; float: left; width: 100%; background: #fff; } .tab_content { padding: 20px; padding-bottom: 0 !important; display:none; background: #fff; } h3.toggler { font-size:15px; clear: both; margin:10px 0 10px 0; padding: 0 0 0 25px; float: left; } .toggle_container { margin: 0; padding: 0; clear: both; overflow:hidden; display:none; } .toggle_container .block { padding: 0 25px; display:table; background:#f1f1f1; } .toggle_container .block p { padding: 5px 0; margin: 5px 0; } /* ------------------------------------------- 9. Others ------------------------------------------- */ .text_justify{ text-align:justify; } .sitemap ul li { list-style: none; width:400px !important; padding:3px 0 !important;} .highlight{ padding:1px 4px; } .pricing_table { width:100%; } .price_head td { height:80px; text-align:center; padding:10px 0; background-color:#e9eaec; border-left:solid 1px #fff; background:url(../images/price_page/price_head.png) left top; } .price_head h2{ padding:6px 0 4px 10px; color:#344450; margin-bottom:0 !important; border:0 !important; } .price_head h3{ padding:4px 0 0 10px; color:#566670; margin-bottom:0 !important; border:0 !important; } .price_headtop{ background:none !important; } .price_body td{ text-align:center; color:#999; border-left:solid 1px #fff; border-bottom:solid 1px #fff; padding:12px 0px 12px 0px; background:url(../images/price_page/price_head.png) left top; } .price_body .title{ color:#555; font-weight:bold; } .sign_up td { border-left:solid 1px #fff; background:url(../images/price_page/price_head.png) left top; } .sign_up .button_span{ margin-left:auto; margin-right:auto; display:table; color:#fff; } .sign_up a{ margin:20px auto; height:44px; float:left; color:#fff; text-align:center; background:url(../images/price_page/signup_first.png) top left no-repeat; } .sign_up a span{ margin-left:15px; padding-right:15px; height:44px; font-size:20px; padding-top:13px; display:table; background:url(../images/price_page/signup_last.png) top right no-repeat; } .price_icons { display:table; margin-left:auto; margin-right:auto; height:16px; width:16px; } .price_body .yes{ background:url(../images/price_page/check.png) left top no-repeat; } .price_body .plus{ background:url(../images/price_page/plus.png) left top no-repeat; } .price_body .no{ background:url(../images/price_page/no.png) left top no-repeat; } .price_body .info{ background:url(../images/price_page/info.png) left top no-repeat; } .price_body .del{ background:url(../images/price_page/delete.png) left top no-repeat; } .top_featured_orange{ background-color:#ffc11b; border-bottom:1px solid #ffc93a; } .price_head .featured_orange{ background:none; background-color:#ffba01; border-left:0; } .price_body .featured_orange { background:none; background-color:#ffecb8; border-bottom:solid 1px #fff5d8; color:#555; } .price_head .featured_orange h2{ color:#fff; } .price_head .featured_orange h3{ color:#344450; } .sign_up .featured_orange { background:none; background-color:#ffecb8; border-bottom:solid 1px #ffecb8; } .sign_up .featured_orange a { background:url(../images/price_page/signup_featured_first_orange.png) top left no-repeat; } .sign_up .featured_orange a span{ background:url(../images/price_page/signup_featured_last_orange.png) top right no-repeat; } .bottom_featured_orange { background-color:#fff2cd; } .top_featured_blue{ background-color:#1bcaff; border-bottom:1px solid #3ad2ff; } .price_head .featured_blue{ background:none; background-color:#01c3ff; border-left:0; } .price_body .featured_blue { background:none; background-color:#b8eeff; border-bottom:solid 1px #fff5d8; color:#555; } .price_head .featured_blue h2{ color:#fff; } .price_head .featured_blue h3{ color:#344450; } .sign_up .featured_blue { background:none; background-color:#b8eeff; border-bottom:solid 1px #d8f5ff; } .sign_up .featured_blue a { background:url(../images/price_page/signup_featured_first_blue.png) top left no-repeat; } .sign_up .featured_blue a span{ background:url(../images/price_page/signup_featured_last_blue.png) top right no-repeat; } .bottom_featured_blue { background-color:#cdf3ff; } .top_featured_red{ background-color:#c65454; border-bottom:1px solid #ce6b6b; } .price_head .featured_red{ background:none; background-color:#c04141; border-left:0; } .price_body .featured_red { background:none; background-color:#edc9c9; border-bottom:solid 1px #f5e1e1; color:#555; } .price_head .featured_red h2{ color:#fff; } .price_head .featured_red h3{ color:#344450; } .sign_up .featured_red { background:none; background-color:#edc9c9; border-bottom:solid 1px #edc9c9; } .sign_up .featured_red a { background:url(../images/price_page/signup_featured_first_red.png) top left no-repeat; } .sign_up .featured_red a span{ background:url(../images/price_page/signup_featured_last_red.png) top right no-repeat; } .bottom_featured_red { background-color:#f3dada; } .top_featured_green{ background-color:#a0c654; border-bottom:1px solid #adce6b; } .price_head .featured_green{ background:none; background-color:#96c041; border-left:0; } .price_body .featured_green { background:none; background-color:#dcf1b1; border-bottom:solid 1px #fff; color:#555; } .price_head .featured_green h2{ color:#fff; } .price_head .featured_green h3{ color:#344450; } .sign_up .featured_green { background:none; background-color:#dcf1b1; border-bottom:solid 1px #dcf1b1; } .sign_up .featured_green a { background:url(../images/price_page/signup_featured_first_green.png) top left no-repeat; } .sign_up .featured_green a span{ background:url(../images/price_page/signup_featured_last_green.png) top right no-repeat; } .bottom_featured_green { background-color:#eeffcc; } .top_featured_pink{ background-color:#c654c6; border-bottom:1px solid #ce6bce; } .price_head .featured_pink{ background:none; background-color:#c041c0; border-left:0; } .price_body .featured_pink { background:none; background-color:#edc9ed; border-bottom:solid 1px #fff; color:#555; } .price_head .featured_pink h2{ color:#fff; } .price_head .featured_pink h3{ color:#344450; } .sign_up .featured_pink { background:none; background-color:#edc9ed; border-bottom:solid 1px #f5e1f5; } .sign_up .featured_pink a { background:url(../images/price_page/signup_featured_first_pink.png) top left no-repeat; } .sign_up .featured_pink a span{ background:url(../images/price_page/signup_featured_last_pink.png) top right no-repeat; } .bottom_featured_pink { background-color:#f3daf3; } .span_button_big{ background:url(../images/shortcodes/begin_big_button.png) no-repeat scroll left top transparent; } .button_big{ background:url(../images/shortcodes/end_big_button.png) no-repeat scroll right top transparent; } .ul_plus_list li{ background:url(../images/shortcodes/plus_list.png) no-repeat scroll left center transparent; } .ul_star_list li{ background:url(../images/shortcodes/star_list.png) no-repeat scroll left center transparent; } .ul_arrow_list li{ background:url(../images/shortcodes/arrow_list.png) no-repeat scroll left center transparent; } .ul_check_list li{ background:url(../images/shortcodes/check_list.png) no-repeat scroll left center transparent; } .ul_pencil_list li{ background:url(../images/shortcodes/pencil_list.png) no-repeat scroll left center transparent; } .pquote_message p{ background:url(../images/shortcodes/qoute_last.png) no-repeat scroll right bottom transparent; } .pquote_message { background:url(../images/shortcodes/qoute_first.png) no-repeat scroll 10px 10px transparent; } h3.toggler { background:url(../images/shortcodes/toggle_icon.png) left 4px no-repeat; } h3.active { background:url(../images/shortcodes/toggle_icon.png) left -11px no-repeat; } #wp-calendar { width: 200px; } #wp-calendar caption { color: #555; font-size: 12px; font-weight: bold; padding-bottom: 5px; text-align: left; } #wp-calendar thead { font-size: 11px; } #wp-calendar tbody { color: #aaa; } #wp-calendar tbody td { background: #f1f1f1; border: 1px solid #fff; padding: 5px 0 4px; text-align: center; } #wp-calendar tbody .pad { background: none; } #wp-calendar tfoot #next { text-align: right; }