/******************************************************************************** Body ********************************************************************************/ body { background-image: url(images/bg_footer.jpg); background-repeat: repeat; margin-top:0;} .top_body_bg { background-image: url(images/bg_top.jpg); background-repeat: repeat-x; background-position: top; background-color:#8194a3; } /******************************************************************************** Typography ********************************************************************************/ /* Default font settings. The font-size percentage is of 16px. (0.75 * 16px = 12px) ***************************************/ body { font-family:Arial, Helvetica, sans-serif; color:#333; font-size:14px; } /* Links */ a { text-decoration: none; color: #CCC; } a:focus { color:#FFF; } a:hover { color:#FFF; } a.footer_social_link { color:#CCC; } a.footer_social_link:hover { color:#FFF; } /* SlipFire created typography classes ***************************************/ .medium { font-size: 1em; line-height: 2.1875em;} .center {text-align:center;} .byline{ font-size: .8em; line-height: 1em;} .timestamp{ margin-bottom:10px; } .commentnum{ font-size: .8em; line-height: 1.2em;} .incategory{ font-size: 1em; line-height: 1.2em;} /* Headers */ h2 {font-weight:bold; color:#333; text-shadow: 0px 1px 0px #FFF; font-size:24px;} h2 a {font-weight:bold; color:#666; text-shadow: 0px 1px 0px #FFF; font-size:24px;} h3 { font-weight:bold; color:#666; font-size:14px; text-shadow: 0px 1px 0px #FFF;} /******************************************************************************** Images ********************************************************************************/ .left { float: left; } .right { float: right; } .clear { clear:both; display:block; height:50px; } /******************************************************************************** Misc ********************************************************************************/ /* Use to push down a div (adds vertical space between divs) ***************************************/ .pushdown-1 {padding-top:10px;} .pushdown-2 {padding-top:20px;} .pushdown-3 {padding-top:30px;} .pushdown-4 {padding-top:40px;} .pushdown-5 {padding-top:50px;} /* Misc */ #horzline { height:2px; background-image:url(images/horz_line.jpg); background-repeat:repeat-x; margin: 10px 0px; } #vertline { width:2px; background-image:url(images/vert_line.jpg); background-repeat:repeat-y; margin: 0px 10px; } /******************************************************************************** CREATED FOR WORDPRESS ********************************************************************************/ /******************************************************************************** Navbar ********************************************************************************/ #header_area { height: 58px; } #header_logo { font-weight:bold; color:#666; text-shadow: 0px 1px 0px #FFF; font-size:24px; } #header_navbar { text-align:right; } #header_navbar a { font-weight: bold; color:#666; text-shadow: 0px 1px 0px #FFF; font-size:14px; margin: 0px 10px 0px 10px; } #header_navbar ul { } #header_navbar li { display: inline; list-style-type: none; } #header_navbar ul li a { } #header_navbar ul li a:hover, a:active { } #current_page_item a { } /******************************************************************************** Main Window ********************************************************************************/ /* Billboards */ #aboutme_billboard { background-image:url(images/billboard_aboutme.png); width:1120px; height:156px; margin: 20px auto 10px; background-repeat: no-repeat; background-position: center bottom; } #buy_billboard { background-image:url(images/billboard_buy.png); width:1120px; height:156px; margin: 20px auto 10px; background-repeat: no-repeat; background-position: center bottom; } #contact_billboard { background-image:url(images/billboard_contact.png); width:1120px; height:156px; margin: 20px auto 10px; background-repeat: no-repeat; background-position: center bottom; } #works_billboard { background-image:url(images/billboard_work.png); width:1120px; height:156px; margin: 20px auto 10px; background-repeat: no-repeat; background-position: center bottom; } #blog_billboard { background-image:url(images/billboard_blog.png); width:1120px; height:156px; margin: 20px auto 10px; background-repeat: no-repeat; background-position: center bottom; } #services_billboard { background-image:url(images/billboard_services.png); width:1120px; height:156px; margin: 20px auto 10px; background-repeat: no-repeat; background-position: center bottom;} #buy_billboard { background-image:url(images/billboard_buy.png); width:1120px; height:156px; margin: 20px auto 10px; background-repeat: no-repeat; background-position: center bottom; } #search_billboard { background-image:url(images/billboard_search.png); width:1120px; height:156px; margin: 20px auto 10px; background-repeat: no-repeat; background-position: center bottom; } /* Default Page */ #page_title { font-weight:bold; color:#333; text-shadow: 0px 1px 0px #d0e0ee; font-size:24px; margin-bottom: 10px; } #page_vert_div { margin-top: 30px; } .article_line_sep { margin: 20px 0px 20px 0px; } #page_nav { margin-bottom: 20px; } .page_nav a {color:#333; font-weight:bold;} #sub_header_txt { color:#333; font-size:16px; font-weight:bold; text-shadow: 0px 1px 0px #d0e0ee; } .line { border-top-width: 1px; border-bottom-width: 1px; border-top-style: solid; border-right-style: none; border-bottom-style: solid; border-left-style: none; border-top-color: #48525a; border-bottom-color: #d1e1ef; margin: 5px 0px 5px 0px; } /** 404 **/ #nf_body {height: 400px; } #nf_msg_box { height: 216px; width: 509px; margin-top: 70px; background-image: url(images/404_box_bg.png); } #nf_search { padding-top: 150px; } .nf_avatar { margin-top: 45px;} /* Homepage */ #cube-underlay { background-image: url(images/slider-underlay.png); width:1120px; height:400px; margin: 20px auto 20px; background-repeat: no-repeat; background-position: center bottom; } #cube-container { } /**** Coming Soon Page ***/ #content_area {} #cust_content_area { height: 330px; } #cust_uc_area { padding-top:60px; } #cust_box {height: 157px; width: 574px; background-image: url(images/cust_message_box.png);} #content_uc_title { padding: 10px 0 0 10px; font-size:24px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: #FFF;} #content_uc_message { font-size: 14px; font-style:italic; text-align:center; color:#FFF; margin: 0 10px 0 10px;} #content_uc_name { text-align:right; color:#FFF; margin-right: 10px;} #content_uc_avatar { padding-left: 80px; } /** Homepage **/ #content_vert_bar { } #content_headline_bar { font-size:26px; font-weight:bold; margin-bottom: 20px; color: #333; text-shadow: 0px 1px 0px #d0e0ee; } #three_window_area { height: 330px; } #window_vert_bar { margin-top: 50px; } .window_head_img { margin: 10px 0px 10px 0px; } #three_window_area { font-size:12px; } #window_one_about_txt_top {margin-top:5px;} #window_two_bullets { height: 230px;} #window_two_bullets ul { margin-left: 0;} #window_two_bullets li { margin-bottom: 10px; font-size: 12px; font-weight: bold; list-style-type: circle; } .window_three_blog_headline a { font-size:16px; font-weight:bold; color:#333; text-shadow: 0px 1px 0px #d0e0ee; } .window_three_blog_date { font-weight: bold; font-size:12px; } .window_three_blog_article { font-size:12px; } /* ABOUT ME */ #aboutme_page { font-size:12px; } #aboutme_vert_div { margin-top: 30px; } .aboutme_header_img { margin-bottom:10px;} #aboutme_edu { margin-top: 15px; } .aboutme_edu_subhead { margin-bottom: 10px;} #aboutme_edu_list { margin: 10px 0px 10px 0px; } #aboutme_school { font-weight: bold; font-size: 14px; color:#333;} #aboutme_degree { font-size:12px; } #aboutme_mysoftware { margin-top: 40px; margin-bottom: 10px; } #aboutme_software_icn_area { margin-bottom: 10px; font-weight:bold;} .aboutme_software_icn { margin-right: 10px; vertical-align: middle; } #aboutme_bullet a { font-size:12px; } #aboutme_bullet ul { list-style-position:inside; } #aboutme_bullet { margin-bottom: 10px; font-weight:bold; } #aboutme_donatearea { margin-bottom:20px; } #aboutme_spritecan_txt { margin-top: 30px; } .aboutme_avatar { margin-left: -10px; overflow:visible; } /* Contact Me */ #contactme_page { font-size:12px; } #contactme_linespace { height:45px; width:617px; background-image:url(images/contactme_linespace.png); margin-bottom: 20px;} #contactme_commentspace { height:253px; width:617px; background-image:url(images/contactme_commentspace.png); margin-bottom: 20px;} #contactme_title { color:#FFF; font-weight:bold; margin-left: 30px; margin-top: 12px;} #contactme_intro_txt { margin-bottom: 20px;} #contactme_fieldarea { color:#FFF; margin-top: 7px; } .contactme_button { margin-bottom: 30px; } #contactme_button_area {text-align:right;} .contactme_social_lnks_icns { margin: 15px; } #contactme_sidebar_area { margin-bottom: 30px; } #contactme_headimg { margin-bottom: 10px; } #contactme_sub_header { margin-bottom: 10px; } #contactme_phoneinfo_txt { margin-left: 20px; color:#333; font-weight:bold; } /* Works */ #works_page { font-size:12px; } #works_top_area { } #port_display { display:block; } #port_list ul { list-style:none; list-style-type:none; margin-top:10px; } #port_list li { background-color:#cfe1ef; border:#333 solid 1px; width:300px; height:335px; float:left; display:inline; margin: 5px 7px;} #port_list li a:hover { color: #3c4348; } #port_list li a:hover img { opacity: 0.5; -moz-opacity: 0.5; } #port_box { } #port_thumb { margin-top: 10px; height: 195px; } #port_title { margin: 5px 0px 0px 15px; color:#333; font-size:14px; font-weight:bold; text-shadow: 0px 1px 0px #fff; } #port_blurp { width: 270px; height:65px; margin: 5px 0px 0px 15px; } #port_link { margin: 5px 0px 0px 15px; } #port_link a { color:#333; font-weight:bold; } #works_bottom_area { margin-bottom: 10px; margin-top: 10px;} .works_vert_bar { margin-top:10px; margin-bottom:10px; } #rec_slider ul, #rec_slider li { margin:0; padding:0; list-style:none; } #rec_slider, #rec_slider li { width:500px; height:200px; overflow:hidden;} rec_span#prevBtn{} rec_span#nextBtn{} /* Template Info Page */ #buy_intro_content_title { margin: 10px 0px; font-size:20px; font-weight:bold; color:#333; text-shadow: 0px 1px 0px #FFF; } #buy_intro_content_blurp { font-size: 14px; } #buy_infobar { background-color:#cfe1ef; border:solid #FFF 1px; margin: 15px 0px; padding: 5px 0px; font-size: 12px; } .buybar_view_ico { padding-left: 25px; background: transparent url(images/search_button_16.png) no-repeat center left; } .buybar_info_ico { padding-left: 25px; background: transparent url(images/info_button_16.png) no-repeat center left; } .buy_bar_screen_link { color:#333; font-weight:bold; } .buybar_wordpress_ico { padding: 0px 10px; background: transparent url(images/wordpress_ico.png) no-repeat center left; } #buy_contentwin { margin: 10px 0px; } #unique_feature_ico { overflow:visible; } .buy_filetype_ico { margin:10px; } #template_preview_window { } #template_preview_window .rap { height:335px; } #pagination_button { margin-top: 8px; } ul.pagination { list-style:none; padding-left:30px; } ul.pagination li { margin-top: 15px; margin-left:5px; margin-right:5px; display:inline; float: left; background: transparent url('images/dot_off.png') no-repeat top left; } ul.pagination li a {width: 13px; height: 13px; display: block; text-indent: -9999px; } ul.pagination li a:hover { display: block; background: transparent url('images/dot_on.png') no-repeat top left; } ul.pagination li.current a { display: block; background: transparent url('images/dot_on.png') no-repeat top left; } /* Blog */ #blog_page { } /* Services */ #services_title { font-size:24px; font-weight:bold; color:#333; text-shadow: 0px 1px 0px #FFF; margin-bottom: 10px;} /******************************************************************************** Sidebar ********************************************************************************/ #sidebar { margin-bottom:10px; font-size:12px; } .sidebar_button { margin-bottom:20px; margin-top: 10px; } #sidebar_donate_area { margin-bottom:30px; } /* My Services */ /* I'm Here Also */ #sidebar_herealso_hdimg { margin-bottom: 10px; } .sidebar_herealso_icn { margin: 10px; } /******************************************************************************** Footer ********************************************************************************/ #footer { font-size:12px; } #bg_footer_grad { height: 18px; background-image: url(images/bg_footer_grad.png); background-repeat: repeat-x; } #footer_avatar { } #footer_contact_title { color:#d2d1d0; font-weight:bold; padding-top: 10px; } #footer_social { margin-top: 15px; margin-bottom: 15px; } .footer_social_icn { margin-right: 10px; vertical-align: middle;} .footer_social_link { font-size:10px; } #footer_social_column_left {} #footer_social_column_right {} #footer_navbar li { display: inline; list-style-type: none; padding: 15px 10px 15px 10px; } #footer_navbar a { color:#999; font-size: 12px; font-weight: bold; text-transform: uppercase; } #footer_navbar a:hover { color:#FFF; } #footer_twitter { height:150px; } #footer_twitter_bird { padding-right: 10px; } #footer_twitter_title { color:#d2d1d0; font-weight: bold; padding-top: 10px; } #tweet ul, #tweet ul li { color: #CCC; padding-top: 10px; list-style: none; display: block; } #footer_horz_bar { padding-top: 10px; padding-bottom: 10px; } #footer_copyright { color:#959595; font-family: Arial, Helvetica, sans-serif; font-size: 10px; text-transform: uppercase; text-shadow: 0px -1px 0px #000; } #feature { height: 500px; } #feature .selectedFeat { height: 450px; display: block; position: aboslute; } #feature .feat { height: 450px; display: none; position: aboslute; } #featimg { } #dots { height: 50px;} #pagination { } .leftarrow { float:left; margin-left:300px; } .rightarrow { float:right; margin-right: 300px; margin-top:-10px; } ul.navigation { display: block; margin-top:10px; margin-left: 400px; } ul.navigation li {margin: 0px 5px; display: inline; float: left; background: transparent url('images/dot_off.png') no-repeat top left; } ul.navigation a { width: 13px; height: 13px; display: block; text-indent: -9999px; } ul.navigation a:hover { background: transparent url('images/dot_on.png') no-repeat top left; display: block; } ul.navigation a.selected { display: block; background: transparent url('images/dot_on.png') no-repeat top left; } ul.navigation a:focus { display: block; background: transparent url('images/dot_on.png') no-repeat top left; }