/* Theme Name: Axiom Theme URI: http://www.arixmedia.com/ Description: Commercial WordPress theme. Please see license for details. Author: ArixMedia Author URI: http://arixmedia.com/ Version: 1 Tags: Blue License: License URI: */ /* Fixes an error in the original html template width */ .box3-style { width: 390px; } /* Comments Style */ .box4-style { clear: both; margin-bottom: 15px; } .box4-style .bg-top { background: url(images/bg1_04.png) no-repeat top left; height: 2px; width: 775px; } .box4-style .bg-bottom { background: url(images/bg1_05.png) no-repeat top left; height: 2px; width: 775px; } .box4-style .bg { overflow: hidden; width: 775px; background: url(images/bg1_03.png) repeat-y left top; } .box4-style .content { overflow: hidden; background: url(images/bg2_03.png) no-repeat left top; padding: 30px 20px 20px 20px; margin: 0; } .clearfix, .clear { margin: 0; padding: 0; height: 1px; clear: both; } .comments:hover { text-decoration: none; background: url("images/homepage03.gif") repeat-x scroll left top transparent!important; } .readmore:hover { text-decoration: none; background: url("images/homepage04.gif") repeat-x scroll left top transparent!important; } /********************************************************************************************************************** Menu **********************************************************************************************************************/ /* Level 1 */ #menu #dropmenu li.current_page_item, #menu #dropmenu li.current_menu_item { background: url(images/homepage01.gif) repeat-x left top; border: 1px #6EA5CB solid; } /* Dropdown Styles */ .dropotron li.opener { } .dropotron { margin: 0; padding: 10px 0; width: 250px; list-style: none; background: rgba(27,27,27,.95); } .dropotron a { color: #FFFFFF; font-family: 'Oswald',sans-serif; font-size: 17px; font-weight: normal; text-shadow: 1px 1px 1px #151515; text-transform: uppercase; padding: 0px 25px; } .dropotron li { line-height: 41px; } #menu #dropmenu li.active { background: rgba(27,27,27,.95); border: 1px solid transparent; } /********************************************************************************************************************** Images **********************************************************************************************************************/ .wp-caption { margin: 0; padding: 0; position: relative; overflow: hidden; text-align: center; } .wp-caption-text { color: #C4C4C4; font-family: 'Yanone Kaffeesatz',sans-serif; font-size: 18px; font-weight: normal; line-height: normal; position: absolute; bottom: 0px; left: 0; padding: 10px 0; text-shadow: 1px 1px 1px #000; background: url("images/captionbg.png"); width: 100%; margin: 0 0 5px 0; border-top; 1px solid #000; } .post img { max-width: 100%; height: auto; } #wide-content .post img { max-width: 100%; } .arixwp_image, .arixwp_post_thumb img , .single_post img { cursor: pointer; padding: 0px; border: 1px solid #fff; } #sidebar img { border: 1px solid #393939; } .sidebarimg { border: 1px solid #393939; } .alignnone { display: block; margin: 5px 0; } .alignleft { margin: 5px 30px 5px 0; float: left; } .alignright { float: right; margin: 5px 0 5px 30px; } .aligncenter { clear: both; display: block; margin: 5px auto; } /********************************************************************************************************************** General Form Classes **********************************************************************************************************************/ .arixwp_input, .arixwp_textarea, .arixwp_select, #sidebar select { color: #a5a5a5; margin: 0 0 20px 0; padding: 10px; width: 96%; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 12px; background: url(images/captionbg.png); border-top: 1px solid #111111; border-left: 1px solid #111111; border-right: 1px solid #323232; border-bottom: 1px solid #323232; text-shadow: 1px 1px 1px #000; } option { background: url(images/captionbg.png); padding: 5px; } .arixwp_textarea { height: 100px; } .arixwp_button{ border: none; display: block; float: left; background: url("images/homepage03.gif") repeat-x scroll left top transparent; height: 43px; color: #FFFFFF; font-family: 'Oswald',sans-serif; font-size: 15px; line-height: 43px; padding: 0 25px; text-transform: uppercase; text-shadow: 1px 1px 1px #223A4B; cursor: pointer; text-decoration: none; } .arixwp_button:hover { background: url("images/homepage04.gif") repeat-x scroll left top transparent; } .error { color: red; margin: 0; } /********************************************************************************************************************** Posts Loop - loop.php **********************************************************************************************************************/ .page-link { margin: 20px 0; } .post a { color: #66AADB; } .byline a { color: #484848; } .entry h2, .entry h3 { margin-top: 20px; } .post .avatar { border: none; padding: 0; } .dateless { margin-left: 20px!important; } .single_post .entry { overflow: hidden; } /********************************************************************************************************************** Comments - theme-comments.php **********************************************************************************************************************/ #comments, #respond { color: #C4C4C4; } #comments .title, #respond .title { text-transform: uppercase; color: #FFF; font-weight: normal; font-size: 24px; text-shadow: 1px 1px 1px rgb(14, 14, 14); letter-spacing: -1px; } .postmeta { background: url("images/homepage11.gif") repeat-x scroll left top; padding: 20px 0; } .comment-body { min-height:96px; } #comments .entry { } #comments ol, #comments ul { margin: 0; padding: 0; list-style: none; } #comments li { padding-top: 20px; clear: both; margin-top: 20px; height: auto; position: relative; background: url("images/homepage10.gif") repeat-x scroll left top transparent; display: block; } #comments li:first-child{ margin: 0; background: none; } #comments .children li{ border: none; margin: 20px 0 0 0; padding: 20px 0 0 0 ; width: 100%; } #comments .children li:first-child{ margin: 20px 0 0 0; background: url("images/homepage10.gif") repeat-x scroll left top transparent; } #comments .comment-author { height: 96px; width: 96px; position: absolute; top: 0; left: 0; } #comments .avatar { width: 96px; height: 96px; border: none; border: 1px solid #323232; margin-top: 20px; } #comments .credit { height: 40px; line-height: 40px; font-weight: bold; } #comments .logged-in-as { padding: 0 0 20px 0; } #comments .comment-body { text-align: justify; padding: 20px; background: url(images/captionbg.png); border-top: 1px solid #111111; border-left: 1px solid #111111; border-right: 1px solid #323232; border-bottom: 1px solid #323232; float: right; width: 78%; position: relative; color: #a5a5a5; text-shadow: 1px 1px 1px #000; } #wide-content #comments .comment-body { width: 85.5% } #comments .comment-meta a:hover { text-decoration: underline; } #comments .navigation { padding: 0 0 18px 0; } .comment-reply-link, .comment-edit-link, .post-edit-link { border: none; display: block; float: right; background: url("images/homepage03.gif") repeat-x scroll left bottom transparent; height: 30px; color: #FFFFFF!important; font-family: 'Oswald',sans-serif; font-size: 15px; line-height: 30px; padding: 0 15px; text-transform: uppercase; text-shadow: 1px 1px 1px #223A4B; cursor: pointer; margin-left: 5px; } .comment-edit-link, .post-edit-link { background: url("images/homepage04.gif") repeat-x scroll left bottom transparent; } .comment-reply-link:hover{ background: url("images/homepage04.gif") repeat-x scroll left bottom transparent; text-decoration: none!important; } .comment-edit-link:hover, .post-edit-link:hover { background: url("images/homepage03.gif") repeat-x scroll left bottom transparent; text-decoration: none!important; } #comments .arixwp_recent_comments_arrow_border { top: 30px; left: -22px; } #comments .arixwp_recent_comments_arrow { top: 30px; left: -20px; } /********************************************************************************************************************** Comment Form - theme-comments.php **********************************************************************************************************************/ #respond .logged-in-as { margin-bottom: 20px; } #respond form { padding: 0px; margin: 0; } #respond .form-allowed-tags { margin: 0 0 20px 0; font-size: 10.5px; } #respond p { margin: 0; padding: 0; line-height: normal; } #respond .comment-notes { margin-bottom: 1em; margin-top: 10px; } /********************************************************************************************************************** Navigation - Prev/Next **********************************************************************************************************************/ #nav-below { display: block; margin: 60px 0 0px 0; font-weight: normal; } /********************************************************************************************************************** Single or Page Navigation **********************************************************************************************************************/ #nav-below .nav-previous a { margin-left: 8px; display: block; float: left; height: 25px; line-height: 25px; padding: 0 0 0 25px; font-size: 16px; letter-spacing: -1px; background: url(images/icons/arrow-left.png) no-repeat left center; } #nav-below .nav-next a { margin-right: 8px; display: block; float: right; height: 25px; line-height: 25px; font-size: 16px; letter-spacing: -1px; padding: 0 25px 0 0; background: url(images/icons/arrow-right.png) no-repeat right center; } /********************************************************************************************************************** Homepage or Archives navigation **********************************************************************************************************************/ #nav-below .post-nav-prev a, #nav-below .post-nav-next a { display: block; color: #FFFFFF; font-size: 20px; font-weight: normal; font-family: 'Oswald',sans-serif; height: 30px; letter-spacing: -1px; line-height: 26px; text-transform: uppercase; text-shadow: 1px 1px 1px #000000; } #nav-below .post-nav-prev a { float: left; text-align: left; padding-left: 40px; background: url("images/icons/page-prev.png") no-repeat left top transparent; } #nav-below .post-nav-next a { float: right; text-align: right; padding-right: 40px; background: url("images/icons/page-next.png") no-repeat right top transparent; } /********************************************************************************************************************** Pagination - theme-navigation.php **********************************************************************************************************************/ .pagination { list-style: none; padding: 0; margin: 0; } .pagination a { padding: 3px; } .pagination a:hover { text-decoration: underline; } .pagination li { float: left; height: 30px; line-height: 26px; padding: 0 5px; display: block; color: #FFFFFF; font-size: 20px; font-weight: normal; font-family: 'Oswald',sans-serif; letter-spacing: -1px; text-transform: uppercase; text-shadow: 1px 1px 1px #000000; } .pagination .paged { } .pagination .active { display: block; padding: 0 3px; background: #66AADB; color: #FFF; } .pagination .first { display: block; width: 35px; background: url(images/icons/page-first.png) no-repeat left top transparent; text-indent: -9999px; } .pagination .prev { display: block; width: 23px; background: url(images/icons/page-prev.png) no-repeat left top transparent; text-indent: -9999px; } .pagination .next { display: block; text-indent: -9999px; width: 23px; background: url(images/icons/page-next.png) no-repeat right top transparent; } .pagination .last { display: block; width: 35px; background: url(images/icons/page-last.png) no-repeat left top transparent; text-indent: -9999px; } /********************************************************************************************************************** Sidebar Widgets - themeWidgets.php **********************************************************************************************************************/ .widget { color: #a5a5a5; } .widget h2 { margin-bottom: 20px; float: none!important; } .widget ul{ list-style: none; margin: 0; padding: 0; } .widget li { background: url("images/homepage10.gif") repeat-x scroll left top transparent; line-height: normal; padding: 20px 0 15px 0; } .widget li a { } .widget li:last-child { } .widget li:first-child { background: none; padding-top: 0px; } .widget .children li { background: none; line-height: normal; padding: 20px 0 0 0; } .widget .arixwp_input, .widget .arixwp_textarea { width: 94%; } .widget .arixwp_button { float: right; text-decoration: none; } .widget_content { padding: 30px 43px 30px 30px; } /********************************************************************************************************************** Sidebar Dropdown **********************************************************************************************************************/ #sidebar select { width: 100%; } /********************************************************************************************************************** Login Widget **********************************************************************************************************************/ .lostpass { line-height: 20px; } .widget .logout { } /********************************************************************************************************************** Search Widget **********************************************************************************************************************/ #searchForm form { margin: 0px; padding: 0px; } #searchForm fieldset { margin: 0px; padding: 0px; border: none; } #searchForm .arixwp_input { width: 70%; padding: 13px 10px; } #searchForm .arixwp_button { } /********************************************************************************************************************** Calendar Widget **********************************************************************************************************************/ #wp-calendar { width: 100%; } #wp-calendar caption { padding: 0px 0px 10px 0px; text-align: center; font-size: 16px; font-weight: normal; text-transform: lowercase; } #wp-calendar thead { font-size: 11px; } #wp-calendar tbody {} #wp-calendar tbody td { text-transform: lowercase; padding: 3px 0 2px; text-align: center; background: url(images/captionbg.png); border-top: 1px solid #111111; border-left: 1px solid #111111; border-right: 1px solid #323232; border-bottom: 1px solid #323232; } #wp-calendar tbody .pad { background: none; border: none; } #wp-calendar tfoot #next { padding-top: 20px; text-align: right; } #wp-calendar tfoot #prev { padding-top: 20px; text-align: left; } /********************************************************************************************************************** Contact Info Widget **********************************************************************************************************************/ .contact_info, .contact_info_icon_list, .contact_info_social { list-style: none; margin: 0 0 10px 0!important; padding: 0; } .contact_info li { background: none; padding: 0 0 5px 0; } .contact_info_icon_list li { height: 16px; line-height: 16px; padding: 10px 0 10px 25px; } .widget .contact_info_email { padding-top: 8px!important; background: url(images/icons/email.png) no-repeat left 10px, url("images/homepage10.gif") repeat-x scroll left top transparent!important; } .widget .contact_info_phone { background: url(images/icons/telephone.png) no-repeat left 10px, url("images/homepage10.gif") repeat-x scroll left top transparent!important; } .widget .contact_info_mobile { background: url(images/icons/phone.png) no-repeat left 10px, url("images/homepage10.gif") repeat-x scroll left top transparent!important; } .widget .contact_info_fax { background: url(images/icons/page_white_text.png) no-repeat left 10px, url("images/homepage10.gif") repeat-x scroll left top transparent!important; } .contact_info_social li { float: left; margin: 0 5px 0 0; background: none; padding: 0; } .contact_info_social li a { text-indent: -99999em; width: 30px; height: 31px; display: block; } .contact_info_facebook a { background: url(images/icons/facebook.png) no-repeat top left; } .contact_info_twitter a { background: url(images/icons/twitter.png) no-repeat top left; } .contact_info_google a { background: url(images/icons/google.png) no-repeat top left; } .contact_info_linkedin a { background: url(images/icons/linkedin.png) no-repeat top left; } /********************************************************************************************************************** Contact Form Widget **********************************************************************************************************************/ #recaptcha_widget img { border: none; background: none; margin: 0; padding: 0; } #recaptcha_icons{ padding: 0 0 0 20px; float: left; list-style: none; } #recaptcha_icons li { background: none; line-height: normal; padding: 0; margin: 0; width: 12px; } #recaptcha_icons .alignright { display: none; } #recaptcha_logo { padding: 0; float: right; } #recaptcha_image_border { height: 60px; margin: 0 0 20px 0; padding: 10px 13px; width: 98%; border-left: none; border-right: none; font-size: 12px; } #recaptcha_image { float: left; } .recaptcha_refresh_icon { margin:0; } .recaptcha_only_if_image, .recaptcha_only_if_audio { display: block; margin-bottom: 0px; } .recaptcha_help_icon { margin: 0; } /********************************************************************************************************************** Gallery Widget **********************************************************************************************************************/ .arixwp_gallery li { float: left; border: none!important; padding: 0!important; margin: 0 10px 5px 0!important; } .arixwp_gallery li:nth-child(3n+3) { margin-right: 0!important; } /********************************************************************************************************************** Recent Comments Widget **********************************************************************************************************************/ .arixwp_recent_comments a { color: #66AADB; } .arixwp_recent_comments li { position: relative; height: 80px; padding-top: 20px!important; } .arixwp_recent_comments li:first-child { padding-top: 0px!important; } .arixwp_recent_comments p { position: absolute; width: 269px; height: 64px; right: 0; padding: 8px 10px; background: url(images/captionbg.png); border-top: 1px solid #111111; border-left: 1px solid #111111; border-right: 1px solid #323232; border-bottom: 1px solid #323232; text-shadow: 1px 1px 1px #000; } .arixwp_recent_comments_avatar { position: absolute; left: 0; top: 20px; } .arixwp_recent_comments li:first-child .arixwp_recent_comments_avatar { top: 0px; } .arixwp_recent_comments li:first-child .arixwp_recent_comments_arrow_border, .arixwp_recent_comments li:first-child .arixwp_recent_comments_arrow { top: 10px; } .arixwp_recent_comments_avatar img { } .arixwp_recent_comments_arrow_border { border-color: transparent #111111 transparent transparent; border-style: solid; border-width: 11px; height:0; width:0; position:absolute; top: 30px; left: 38px; } .arixwp_recent_comments_arrow { border-color: transparent #151515 transparent transparent; border-style: solid; border-width: 10px; height:0; width:0; position:absolute; top: 30px; left: 40px; } /********************************************************************************************************************** Recent Posts Widget **********************************************************************************************************************/ .arixwp_recent_posts h3 { line-height: 25px; font-size: 14px; font-weight: normal; } .arixwp_recent_posts .arixwp_dateformat { height: 25px; padding: 0 3px; } .arixwp_recent_posts .arixwp_month , .arixwp_recent_posts .arixwp_day { font-size: 11px; display: inline; line-height: 25px; } /********************************************************************************************************************** Custom Template Styles **********************************************************************************************************************/ /********************************************************************************************************************** Slider Homepage Banner **********************************************************************************************************************/ #slider { position: relative; width: 1140px; margin: 0 auto; } #slider .viewer { width: 1140px; height: 245px; overflow: hidden; margin: 0 auto; } #slider .viewer .reel { list-style: none; margin: 0; padding: 0; height: 245px; } #slider .viewer .reel .slide { position: relative; width: 1140px; height: 245px; } /********************************************************************************************************************** One Column Page - template-nosidebar.php **********************************************************************************************************************/ .page-template-template-nosidebar-php .arixwp_input, .page-template-template-nosidebar-php .arixwp_textarea { width: 98%; } /* Comments */ #wide-content .box4-style .bg-top { background: url(images/bg1_04w.png) no-repeat top left; height: 2px; width: 1178px; } #wide-content .box4-style .bg-bottom { background: url(images/bg1_05w.png) no-repeat top left; height: 2px; width: 1178px; } #wide-content .box4-style .bg { overflow: hidden; width: 1178px; background: url(images/bg1_03w.png) repeat-y left top; } /********************************************************************************************************************** Wordpress Gallery **********************************************************************************************************************/ .gallery { } .gallery img { cursor:pointer; padding: 0px!important; border: 1px solid #fff!important; } .gallery-item { position: relative; } .gallery .wp-caption { margin: 0; padding: 0; position: relative; overflow: hidden; text-align: center; } .gallery .wp-caption-text { color: #000; font-family: 'Yanone Kaffeesatz',sans-serif; font-size: 18px; font-weight: normal; line-height: normal; position: relative; text-shadow: 1px 1px 1px #fff; margin: 0 0 5px 0; background: none; } /********************************************************************************************************************** Poptrox Gallery - template-poptrox.php **********************************************************************************************************************/ #poptrox_thumbs { margin: 0 0 0 15px; list-style: none; padding: 0; } #poptrox_thumbs li { float: left; margin:20px 20px 0 0; } #poptrox_thumbs li:nth-child(3n+3) { margin-right: 0; } /********************************************************************************************************************** Gallerax - template-gallerax.php **********************************************************************************************************************/ #gallerax_output { position: relative; margin: 20px 0; width: 735px; height:500px; padding: 0; border: 1px solid #FFF; } #gallerax_captions { position: absolute; bottom: 0; left: 0; background: url("images/galleraxcaption.png") no-repeat scroll left top transparent; height: 80px; width: 735px; line-height: 80px; margin: 0 auto; text-align: center; color: #FFFFFF; font-family: 'Oswald',sans-serif; font-size: 18px; font-weight: normal; text-transform: uppercase; text-shadow: 1px 1px 1px #000; } #gallerax_captions .line { } .gallerax_nav_previous { left: -0px; } .gallerax_nav_next { right: 0; } .gallerax_nav_previous, .gallerax_nav_next { position: absolute; top: 190px; background: url("images/homepage02.gif") repeat-x scroll left top transparent; color: #FFF!important; font-size: 32px; font-family: 'Oswald',sans-serif; height: 60px; line-height: 55px; text-align: center; text-shadow: 1px 1px 1px #223A4B; text-transform: uppercase; width: 62px; } #gallerax_thumbnails { margin: 0 0 0 1px; padding: 0; list-style: none; text-align: center; } #gallerax_thumbnails li { float: left; margin: 0 10px 10px 0; padding: 0; } #gallerax_thumbnails li:nth-child(6n+6) { margin-right: 0; } /********************************************************************************************************************** Poptrox **********************************************************************************************************************/ .poptrox-popup { position: relative; padding: 1em 1em 3em 1em; background: url("images/bg1_03.gif") repeat scroll 0 0 transparent!important; border: 1px solid #393939!important; } .poptrox-popup img { border: 1px solid #FFFFFF; } .poptrox-popup .loader { display: block; margin: 55px 0 0 0; text-indent: -9999em; } .poptrox-popup .caption { position: absolute; bottom: 1em; left: 1em; text-shadow: 1px 1px 1px #fff!important; } .poptrox-popup .closer { position: absolute; bottom: 1em; right: 1em; line-height: 30px!important; background: url("images/homepage02.gif") no-repeat scroll left top transparent!important; color: #FFFFFF; font-family: 'Oswald',sans-serif!important; text-shadow: 1px 1px 1px #223A4B!important; text-transform: uppercase!important; font-size: 40px!important; } /********************************************************************************************************************** Sitemap - template-sitemap.php **********************************************************************************************************************/ .sitemap_title { margin: 20px 0; font-size: 20px; font-weight: normal; } .sitemap_list { margin: 0; padding: 0; list-style: none; } .sitemap_list li { background: url("images/homepage11.gif") repeat-x scroll left top; padding: 10px 0; } .sitemap_list li:first-child { background: none; } /********************************************************************************************************************** Contact Page - template-contact.php **********************************************************************************************************************/ #arixwp_contact_info { width: 200px; float: right; margin-top: 5px; } #arixwp_contact_form { width: 515px; float: left; margin-right: 20px; margin-top: 10px; } #arixwp_contact_form #recaptcha_icons { padding: 0; margin: 3px 0 0 0; list-style: none; } #arixwp_contact_form #recaptcha_icons li { margin: 0; padding: 3px; float: left; } #reSpan { margin-top: 20px; } .contactpage .arixwp_input, .contactpage .arixwp_textarea { width: 95%; background: url(images/captionbg.png), url(images/captionbg.png); } .contactpage .arixwp_select { width: 99%; background: url(images/captionbg.png), url(images/captionbg.png); } #arixwp_contact_info .contact_info_email { background: url(images/icons/email.png) no-repeat left 10px, url(images/homepage11.gif) repeat-x top left; } #arixwp_contact_info .contact_info_phone { background: url(images/icons/telephone.png) no-repeat left 10px, url(images/homepage11.gif) repeat-x top left; } #arixwp_contact_info .contact_info_mobile { background: url(images/icons/phone.png) no-repeat left 10px, url(images/homepage11.gif) repeat-x top left; } #arixwp_contact_info .contact_info_fax { background: url(images/icons/page_white_text.png) no-repeat left 10px, url(images/homepage11.gif) repeat-x top left; } /********************************************************************************************************************** Related Posts added 8.13.2012. **********************************************************************************************************************/ .arixwp_related { margin: 0 0 15px 0; } .arixwp_related p { text-shadow: 1px 1px 1px rgb(255, 255, 255); } .arixwp_related img { border: 1px solid #FFFFFF; cursor: pointer; } .arixwp_related h2 { font-size: 24px; letter-spacing: -1px; margin: 30px 0 30px 20px; text-shadow: 1px 1px 1px rgb(255, 255, 255); } .arixwp_related h3 { margin: 10px 0 10px 0; text-shadow: 1px 1px 1px rgb(255, 255, 255); } .arixwp_related ul { list-style: none; margin: 0; padding: 0 20px 30px 20px; } .arixwp_related li { margin-right: 20px; width: 226px; display: inline-block; } .arixwp_related li:last-child { margin-right: 0; } .arixwp_related .noimg { margin: 0; padding: 0; width: 226px; height: 70px; } #wide-content .arixwp_related .noimg { margin: 0; padding: 0; width: 362px; height: 113px; } #wide-content .arixwp_related li { width: 362px; } /********************************************************************************************************************** Required Wordpress Stuff that we don't normally use. **********************************************************************************************************************/ .sticky {} .gallery-caption{} .bypostauthor {}