Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- @charset utf-8;
- /*--
- Theme Name: theme1539
- Theme URI: http://template-help.com/
- Description: A theme for Wordpress 3.1+ from Template-Help.com Collection
- Author: Template_Help.com
- Author URL: http://www.Template-Help.com/
- --*/
- /* General
- ---------------------------------------- */
- html,
- body {
- min-width:1231px;
- }
- body{
- background-image:url(images/body-tail.gif);
- background-repeat:repeat;
- background-position:50% 0;
- background-color:#cccccc;
- background-attachment:fixed;
- color: #8e8e8e;
- font: 100%/1.125em Tahoma, Geneva, sans-serif;
- position:relative;
- }
- #main {
- font-size:.688em;
- }
- #main-box {
- width:1231px;
- margin:85px auto 0;
- background-image:url(images/main-tail.png);
- background-repeat:repeat;
- background-position:0 0;
- }
- #main-box-inner {
- padding:17px 17px 17px 16px;
- }
- .container {
- width: 960px;
- margin: 0 auto;
- position:relative;
- }
- /* List styling */
- dl dt {
- background:url(images/list-arrow.gif) no-repeat 0 3px;
- padding:0 0 3px 32px;
- margin-bottom:.2em;
- font-size:18px;
- line-height:1.2em;
- }
- dl dd {
- padding:0 0 0 32px;
- margin:0 0 1.5em 0;
- }
- /* Header
- ---------------------------------------- */
- #header {
- height:319px;
- position:relative;
- z-index:99;
- background-repeat:no-repeat;
- background-position:0 0;
- background-image:url(images/header-bg.jpg);
- }
- .home #header {
- height:auto;
- background-image:none;
- }
- .blog #header,
- .single #header{
- background-image:url(images/slider_img/slide04.jpg);
- background-position:0 -7px;
- }
- .page-id-7 #header {
- background-image:url(images/slider_img/slide02.jpg);
- background-position:0 -152px;
- }
- .page-id-25 #header,
- .page-id-9 #header,
- .page-id-28 #header,
- .page-id-31 #header {
- background-image:url(images/slider_img/slide03.jpg);
- }
- /* Logo */
- .logo-wrap {
- width:350px;
- background-repeat:repeat;
- background-position:0 0;
- background-image:url(images/png-tail.png);
- position:absolute;
- left:-129px;
- top:69px;
- height:149px;
- }
- .logo {
- position:absolute;
- left:44px;
- top:38px;
- }
- .logo h1,
- .logo h2 {
- font-size:3em;
- line-height:1.2em;
- margin-bottom:0;
- }
- .logo h1 a,
- .logo h2 a {
- color:#222;
- text-decoration:none;
- }
- .logo .tagline {
- font-size:10px;
- text-transform:uppercase;
- }
- /* Header widget */
- #widget-header {
- position:absolute;
- right:0;
- top:100px;
- z-index:1;
- }
- .widget-header {
- }
- /* Social Networks */
- #widget-header .social-networks {
- list-style-type:none;
- padding:0;
- margin:0;
- border:none;
- }
- #widget-header .social-networks li {
- float:left;
- border:none;
- padding:0;
- margin:0 0 0 5px;
- list-style-type:none;
- height:30px;
- }
- #widget-header .social-networks li a {
- text-decoration:none;
- float:left;
- height:30px;
- display:block;
- }
- #widget-header .social-networks li a:hover {
- color:red;
- }
- /* EasyTooltip */
- .tooltip {
- background: none repeat scroll 0 0 #252525;
- border: 1px solid #000000;
- color: #EEEEEE;
- display: none;
- font-size: 11px;
- line-height:1.2em;
- margin: 13px 0 0;
- padding: 5px;
- z-index:99;
- }
- /* Request a quote */
- #widget_my_requestquotewidget {
- width:100%;
- overflow:hidden;
- }
- .top-box {
- background:#eee;
- border:1px solid #dbdbdb;
- padding:20px;
- margin-bottom:20px;
- overflow:hidden;
- zoom:1;
- position:relative;
- min-height:80px;
- }
- .box-button {
- float:right;
- background:#dbdbdb;
- font-size:21px;
- color:#fff;
- text-decoration:none;
- padding:10px;
- position:absolute;
- right:30px;
- top:50%;
- margin-top:-25px;
- }
- .box-text {
- float:left;
- width:75%;
- }
- /* Slider
- ---------------------------------------- */
- #slider-wrapper {
- height:799px;
- overflow:hidden;
- position:relative;
- }
- #slider {
- position:relative;
- width:1198px;
- height:799px;
- background:#2a2a2a url(images/loading.gif) no-repeat 50% 50%;
- }
- #slider img {
- position:absolute;
- top:0px;
- left:0px;
- display:none;
- }
- #slider a {
- border:0;
- display:block;
- }
- /* The Nivo Slider styles */
- .nivoSlider {
- position:relative;
- }
- .nivoSlider img {
- position:absolute;
- top:0px;
- left:0px;
- }
- /* If an image is wrapped in a link */
- .nivoSlider a.nivo-imageLink {
- position:absolute;
- top:0px;
- left:0px;
- width:100%;
- height:100%;
- border:0;
- padding:0;
- margin:0;
- z-index:60;
- display:none;
- }
- /* The slices in the Slider */
- .nivo-slice {
- display:block;
- position:absolute;
- z-index:50;
- height:100%;
- }
- .nivo-box {
- display:block;
- position:absolute;
- z-index:5;
- }
- /* Caption styles */
- .nivo-caption {
- position:absolute;
- left:0px;
- bottom:0px;
- background:#000;
- color:#fff;
- opacity:0.8; /* Overridden by captionOpacity setting */
- width:100%;
- z-index:89;
- }
- .nivo-caption .nivo-caption-inner {
- padding:0;
- margin:0;
- }
- .nivo-caption a {
- display:inline !important;
- }
- .nivo-html-caption {
- display:none;
- }
- /* Direction nav styles (e.g. Next & Prev) */
- .nivo-directionNav a {
- position:absolute;
- top:45%;
- z-index:99;
- cursor:pointer;
- }
- .nivo-prevNav {
- left:0px;
- }
- .nivo-nextNav {
- right:0px;
- }
- /* Control nav styles (e.g. 1,2,3...) */
- .nivo-controlNav {
- position:absolute;
- width:950px;
- height:20px;
- left:0;
- bottom:-20px;
- text-align:center;
- }
- .nivo-controlNav a {
- position:relative;
- z-index:99;
- cursor:pointer;
- display:inline-block !important;
- }
- .nivo-controlNav a.active {
- font-weight:bold;
- }
- .nivo-directionNav {
- }
- .nivo-directionNav a {
- position:absolute;
- display:block;
- width:36px;
- height:35px;
- text-indent:-9999px;
- border:0;
- top:50%;
- background:url(images/direction_nav.png) no-repeat 0 0;
- }
- a.nivo-nextNav {
- right:0;
- background-position:-36px 0;
- }
- a.nivo-nextNav:hover {
- background-position:-36px -35px;
- }
- a.nivo-prevNav {
- left:0;
- background-position:0 0;
- }
- a.nivo-prevNav:hover {
- background-position:0 -35px;
- }
- #slider .nivo-controlNav img {
- display:inline; /* Unhide the thumbnails */
- position:relative;
- margin-right:10px;
- width:120px;
- height:auto;
- }
- /* Navigations
- ---------------------------------------- */
- /* Primary navigation */
- nav.primary {
- position:relative;
- z-index:2;
- }
- /* Essential styles for dropdown menu */
- .sf-menu, .sf-menu * {
- margin: 0;
- padding: 0;
- list-style: none;
- }
- .sf-menu {
- line-height: 1.0;
- }
- .sf-menu ul {
- position: absolute;
- top: -999em;
- width: 10em; /* left offset of submenus need to match (see below) */
- }
- .sf-menu ul li {
- width: 100%;
- }
- .sf-menu li:hover {
- visibility: inherit; /* fixes IE7 'sticky bug' */
- }
- .sf-menu li {
- float: left;
- position: relative;
- background-image:none;
- padding:0;
- margin:0;
- }
- .sf-menu a {
- display: block;
- position: relative;
- }
- .sf-menu li:hover ul,
- .sf-menu li.sfHover ul {
- left: 0;
- top: 149px; /* match top ul list item height */
- z-index: 99;
- }
- ul.sf-menu li:hover li ul,
- ul.sf-menu li.sfHover li ul {
- top: -999em;
- }
- ul.sf-menu li li:hover ul,
- ul.sf-menu li li.sfHover ul {
- left: 99px; /* match ul width */
- top: -12px;
- }
- ul.sf-menu li li:hover li ul,
- ul.sf-menu li li.sfHover li ul {
- top: -999em;
- }
- ul.sf-menu li li li:hover ul,
- ul.sf-menu li li li.sfHover ul {
- left: 99px; /* match ul width */
- top: -12px;
- }
- /* Our skin for dropdown menu */
- .sf-menu {
- max-width:798px;
- position:absolute;
- right:-129px;
- top:69px;
- }
- .sf-menu a {
- text-decoration:none;
- color:#000000;
- }
- .sf-menu > li > a {
- height:149px;
- line-height:149px;
- background-repeat:no-repeat;
- background-image:url(images/png-tail.png);
- background-position:0 0;
- font-size:18px;
- font-family: 'News Cycle', sans-serif;
- text-transform:lowercase;
- width:121px;
- text-align:center;
- }
- .sf-menu > li > a:hover,
- .sf-menu > li.sfHover > a,
- .sf-menu > li.current-menu-item > a {
- background-position:-121px -149px;
- color:#0c0c0c;
- }
- .sf-menu li ul {
- width:121px;
- background-color:#f2a000;
- padding:12px 0;
- }
- .sf-menu li ul:before {
- width:121px;
- height:4px;
- background-repeat:no-repeat;
- background-image:url(images/sub-menu-top.gif);
- background-position:center 0;
- position:absolute;
- left:0;
- top:-4px;
- content: "";
- }
- .sf-menu li li {
- font-size:12px;
- line-height:1.2em;
- font-family:Arial, Arial, Helvetica, sans-serif;
- text-transform:lowercase;
- width:73px;
- margin-left:22px;
- background-repeat:repeat-x;
- background-position:0 0;
- background-image:url(images/sub-menu-divider.gif);
- padding:8px 0;
- }
- .sf-menu li li:first-child {
- background-image:none;
- }
- .sf-menu li li a {
- color:#fff;
- }
- .sf-menu li li a:hover,
- .sf-menu li li.sfHover > a,
- .sf-menu li li.current-menu-item > a {
- text-decoration:underline;
- }
- .sf-menu li li ul {
- background-color:#292929;
- }
- .sf-menu li li li {
- background-image:url(images/sub-menu-divider1.gif);
- }
- .sf-menu li:hover, .sf-menu li.sfHover,
- .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active, .sf-menu li.current-menu-item > a {
- outline: 0;
- }
- /*** arrows **/
- .sf-menu a.sf-with-ul {
- min-width: 1px; /* trigger IE7 hasLayout so spans position accurately */
- }
- .sf-sub-indicator {
- position: absolute;
- display: block;
- left: 0;
- top: 1.05em; /* IE6 only */
- width: 121px;
- height: 4px;
- text-indent: -999em;
- overflow: hidden;
- background: url(images/arrows-ffffff.png) no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
- }
- a > .sf-sub-indicator { /* give all except IE6 the correct values */
- top: 46px;
- background-position: center -100px; /* use translucent arrow for modern browsers*/
- }
- /* apply hovers to modern browsers */
- a:focus > .sf-sub-indicator,
- a:hover > .sf-sub-indicator,
- a:active > .sf-sub-indicator,
- li:hover > a > .sf-sub-indicator,
- li.sfHover > a > .sf-sub-indicator,
- li.current-menu-item > a > .sf-sub-indicator {
- background-position: center 0; /* arrow hovers for modern browsers*/
- }
- /* point right for anchors in subs */
- .sf-menu ul .sf-sub-indicator { background-position: -10px 0; }
- .sf-menu ul a > .sf-sub-indicator { background-position: -10px 0; }
- /* apply hovers to modern browsers */
- .sf-menu ul a:focus > .sf-sub-indicator,
- .sf-menu ul a:hover > .sf-sub-indicator,
- .sf-menu ul a:active > .sf-sub-indicator,
- .sf-menu ul li:hover > a > .sf-sub-indicator,
- .sf-menu ul li.sfHover > a > .sf-sub-indicator {
- background-position: -10px 0; /* arrow hovers for modern browsers*/
- }
- /*** shadows for all but IE6 ***/
- .sf-shadow ul {
- background: url(images/shadow.png) no-repeat bottom right;
- padding: 0 8px 9px 0;
- -moz-border-radius-bottomleft: 17px;
- -moz-border-radius-topright: 17px;
- -webkit-border-top-right-radius: 17px;
- -webkit-border-bottom-left-radius: 17px;
- }
- .sf-shadow ul.sf-shadow-off {
- background: transparent;
- }
- /* Top search */
- #top-search {
- position:absolute;
- right:0;
- top:15px;
- }
- #top-search .input-search {
- width:160px;
- margin-right:10px;
- }
- #top-search #submit {
- width:50px;
- cursor:pointer;
- padding-left:0;
- padding-right:0;
- }
- /* Content
- ---------------------------------------- */
- .primary_content_tail {
- background-color:#999999;
- }
- .primary_content_wrap {
- position:relative;
- z-index:1;
- padding-bottom:117px;
- }
- .home .primary_content_wrap {padding:0;}
- #content {
- padding:52px 0 0 0;
- }
- #content.left {
- float:right !important;
- }
- /* Page */
- .page {
- }
- #page-content {
- }
- #page-meta {
- }
- /* Comments
- ---------------------------------------- */
- h3#comments {
- padding-top:25px;
- text-transform:uppercase;
- font-size:22px;
- color:#fea800;
- }
- .commentlist {
- list-style-type:none;
- padding:0;
- margin:0 0 35px 0;
- }
- li.comment {
- list-style-type:none;
- overflow:hidden;
- padding:0;
- margin:0;
- background:none;
- }
- .odd {
- }
- .even {
- }
- li.comment .comment-body {
- padding:24px 25px 35px 97px;
- position:relative;
- zoom:1;
- background:#272727;
- border:1px solid #333333;
- margin-bottom:11px;
- }
- .author-comment {
- }
- .comment-author {
- padding:0;
- }
- span.author {
- position:absolute;
- left:19px;
- top:95px;
- color:#fea800;
- text-transform:capitalize;
- font-style:normal;
- }
- .comment-text {
- }
- .comment-meta {
- font-size:11px;
- line-height:24px;
- color:#8e8e8e;
- float:right;
- font-style:italic;
- margin-right:19px;
- }
- li.comment .avatar {
- float:none;
- margin:0;
- position:absolute;
- left:19px;
- top:24px;
- vertical-align:top;
- overflow:hidden;
- }
- li.comment .avatar {
- display:block;
- vertical-align:top;
- overflow:hidden;
- }
- .commentlist ul.children {
- margin:11px 0 0 30px;
- }
- .commentlist ul.children li.comment {
- }
- .reply {
- float:right;
- }
- .reply a {
- display:inline-block;
- background:#f0f0f0;
- padding:0 11px;
- line-height:24px;
- color:#262626;
- font-size:11px;
- font-weight:bold;
- text-decoration:none;
- -webkit-transition:all 0.3s ease;
- -moz-transition:all 0.3s ease;
- -o-transition:all 0.3s ease;
- }
- .reply a:hover {
- background:#fea800;
- color:#262626;
- }
- .waiting-for-approval {
- }
- #trackbacks {
- }
- li.trackback {
- }
- p#no-comments {
- }
- #comments-form {
- }
- .allowed_tags {
- background:#eee;
- padding:15px;
- font-size:11px;
- font-family:"Courier New", Courier, monospace;
- color:#666;
- }
- .allowed_tags strong {
- font-family:Tahoma, Geneva, sans-serif;
- }
- #respond {
- padding:1em 0 0 0;
- }
- #respond h3 {
- font-size:22px;
- text-transform:uppercase;
- color:#fea800;
- }
- #respond h3 span {
- color:#fff;
- }
- .cancel-comment-reply small {
- font-size:10px;
- }
- .cancel-comment-reply a {
- color:#fea800;
- text-decoration:none;
- -webkit-transition:all 0.3s ease;
- -moz-transition:all 0.3s ease;
- -o-transition:all 0.3s ease;
- }
- .cancel-comment-reply a:hover {
- color:#fff;
- }
- /* Post
- ---------------------------------------- */
- .post {
- }
- .postContent {
- }
- .post-excerpt {
- }
- .post-holder {
- margin-bottom:44px;
- position:relative;
- overflow:hidden;
- }
- .post-holder-wrap {
- padding-left:40px;
- }
- .right .post-holder-wrap {
- padding:0 40px 0 0;
- }
- /* Post header */
- .post-holder .entry-header {
- overflow:hidden;
- margin-bottom: 5px;
- }
- .post-holder .entry-header h2 {
- margin-bottom:.2em;
- font-size:14px;
- line-height:24px;
- padding-right:210px;
- }
- .post-holder .entry-header h2 a {
- color:#fff;
- text-decoration:none;
- }
- .post-holder .entry-header h2 a:hover {
- text-decoration:underline;
- }
- .post-holder .entry-header time {
- float:left;
- margin:0 13px 0 0;
- font-size:1em;
- color:#fff;
- text-align:center;
- font-family: 'PT Sans Narrow', sans-serif;
- text-transform:uppercase;
- }
- .post-holder .entry-header time .date {
- display:block;
- width:42px;
- height:42px;
- line-height:51px;
- background-repeat:no-repeat;
- background-position:0 0;
- background-image:url(images/date-bg.png);
- color:#fff;
- font-weight:bold;
- font-size:1.364em;
- }
- .post-holder .comments {
- float:right;
- padding-top: 31px;
- }
- .comments-link {
- color:#a8a8a8;
- font-size:1.091em;
- font-weight:bold;
- text-decoration:none;
- padding-left:25px;
- background-image:url(images/comments-bg.png);
- background-repeat:no-repeat;
- background-position:0 0;
- line-height:18px;
- display:inline-block;
- }
- a.comments-link:hover {
- color:#fff;
- }
- .post-holder.single-post {
- margin-bottom:30px;
- overflow:hidden;
- }
- /* Featured thumbnail */
- .featured-thumbnail {
- float:left;
- margin:5px 15px 10px 0;
- }
- .featured-thumbnail .img-wrap {
- float:left;
- }
- .featured-thumbnail .img-wrap:hover {
- }
- .featured-thumbnail.no-hover .img-wrap:hover {
- }
- .featured-thumbnail img {
- float:left;
- }
- /* Small thumbnail */
- .featured-thumbnail.small img {
- padding:4px;
- }
- /* Large thumbnail */
- .featured-thumbnail.large {
- margin:0 0 1.5em 0;
- float:none;
- display:block;
- overflow:hidden;
- }
- .featured-thumbnail.large .img-wrap {
- float:none;
- display:block;
- overflow:hidden;
- margin-top:5px;
- }
- .featured-thumbnail.large img {
- }
- .f-thumb-wrap {
- overflow:hidden;
- width:100%;
- height:220px;
- }
- /* Thumbnail with prettyphoto */
- .featured-thumbnail .image-wrap[rel="prettyphoto"] {
- background:url(images/magnify.png) no-repeat 50% 50%;
- display:block;
- float:left;
- }
- .featured-thumbnail .image-wrap[rel="prettyphoto"] img {
- -webkit-transition: all .2s ease-in-out;
- -moz-transition: all .2s ease-in-out;
- -o-transition: all .2s ease-in-out;
- }
- .featured-thumbnail .image-wrap[rel="prettyphoto"]:hover img {
- opacity:.5;
- filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
- -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
- }
- /* Post content */
- .post-content {
- }
- .post-content .excerpt {
- margin-bottom:1.5em;
- }
- .pagination {
- }
- .pagination a {
- display:inline-block;
- padding:0 5px;
- background:#eee;
- }
- /* Post footer */
- .post-holder footer {
- clear:both;
- padding:5px 0 0 0;
- }
- .post-holder.single-post footer {
- margin-top:20px;
- }
- .post-navigation {
- }
- p.gravatar {
- float:left;
- margin-right:20px;
- }
- /* Post edit link */
- .post-edit-link {
- display:block;
- position:absolute;
- right:0;
- top:0;
- padding:2px 7px;
- background:#000;
- color:#fff;
- font-size:10px;
- text-transform:uppercase;
- text-decoration:none;
- border-radius:3px;
- }
- .post-edit-link:hover {
- background:#666;
- }
- /* Image styling */
- .alignleft {
- float:left;
- margin:0 20px 10px 0;
- padding:7px;
- background:#fff;
- border:1px solid #dbdbdb;
- border-radius:5px;
- -moz-border-radius:5px;
- -webkit-border-radius:5px;
- }
- .alignright {
- float:right;
- margin:0 0 10px 20px;
- padding:7px;
- background:#fff;
- border:1px solid #dbdbdb;
- border-radius:5px;
- -moz-border-radius:5px;
- -webkit-border-radius:5px;
- }
- .aligncenter {
- text-align:center;
- margin:0 auto;
- padding:7px;
- background:#fff;
- border:1px solid #dbdbdb;
- border-radius:5px;
- -moz-border-radius:5px;
- -webkit-border-radius:5px;
- }
- article .post-content img {
- max-width:710px;
- }
- .frame {
- padding:7px;
- background:#fff;
- border:1px solid #dbdbdb;
- border-radius:5px;
- -moz-border-radius:5px;
- -webkit-border-radius:5px;
- text-align:center;
- }
- .frame img.alignleft,
- .frame img.alignright{
- margin:0;
- padding:0;
- border:none;
- }
- /* Page Navigaton (wp-pagenavi) */
- .wp-pagenavi {
- clear: both;
- overflow:hidden;
- }
- .wp-pagenavi a, .wp-pagenavi span {
- text-decoration: none;
- border:none;
- padding:0;
- margin:0 5px;
- display:inline-block;
- font-size:16px;
- color:#fff;
- font-family: 'PT Sans Narrow', sans-serif;
- text-transform:uppercase;
- }
- .wp-pagenavi a:hover, .wp-pagenavi span.current {
- color:#fea800;
- text-decoration:underline;
- }
- .wp-pagenavi .pages {
- float:left;
- border:none;
- padding:0;
- margin:0 19px 0 0;
- }
- .wp-pagenavi .nextpostslink,
- .wp-pagenavi .previouspostslink {
- color: #fea800;
- }
- .wp-pagenavi .nextpostslink {
- margin-left:18px;
- }
- .wp-pagenavi .previouspostslink {
- margin-right:18px;
- }
- .wp-pagenavi .nextpostslink:hover,
- .wp-pagenavi .previouspostslink:hover {
- text-decoration: none;
- color:#fff;
- }
- /* Older and newer navigation */
- nav.oldernewer {
- width:100%;
- overflow:hidden;
- margin-bottom:1.5em;
- }
- .older {
- float:left;
- }
- .newer {
- float:right;
- }
- /* Author
- ---------------------------------------- */
- #post-author {
- overflow:hidden;
- background:#272727;
- border:1px solid #333333;
- padding:20px;
- margin:0 0 2em 0;
- }
- #post-author h3 {
- color:#fea800;
- font-size:22px;
- text-transform:uppercase;
- }
- #post-author h3 a {
- color:#fff;
- text-decoration:none;
- }
- #post-author h3 a:hover {
- text-decoration:underline;
- }
- #author-link {
- margin-top:1.5em;
- }
- #post-author .gravatar {
- margin:5px 20px 0 0;
- }
- #author-description {
- overflow:hidden;
- }
- /* Recent author posts */
- #recent-author-posts {
- margin-bottom:3em;
- }
- #recent-author-posts h3 {
- font-size:22px;
- text-transform:uppercase;
- color:#fea800;
- }
- /* Recent author comments */
- #recent-author-comments h3 {
- font-size:22px;
- text-transform:uppercase;
- color:#fea800;
- }
- #recent-author-comments ul li a {
- text-decoration:underline;
- }
- #recent-author-comments ul li a:hover {
- text-decoration:none;
- }
- .author-info {
- width:100%;
- overflow:hidden;
- margin-bottom:3em;
- padding-bottom:2em;
- }
- .author-info .avatar {
- margin:0 20px 0 0;
- }
- .author-info .avatar img {
- float:left;
- }
- .author-meta {
- margin-bottom:20px;
- overflow:hidden;
- width:100%;
- }
- .author-meta p.gravatar {
- margin:0;
- }
- /* 404
- ---------------------------------------- */
- #error404 {
- padding:30px 0 100px 0;
- }
- .error404-num {
- font-size:250px;
- line-height:1.2em;
- color:#fea800;
- font-family: 'PT Sans Narrow', sans-serif;
- }
- #error404 hgroup {
- margin:0 0 2em 0;
- padding-top:50px;
- }
- #error404 hgroup h1 {
- font-size:3em;
- margin-bottom:.2em;
- }
- #error404 #searchform .searching {
- width:310px;
- }
- /* Portfolio
- ---------------------------------------- */
- .latestwork {
- width:100%;
- overflow:hidden;
- list-style-type:none;
- padding:0;
- margin:0;
- }
- .latestwork li {
- float:left;
- margin-right:20px;
- }
- /* Gallery */
- .header-title {
- margin-bottom:2.5em;
- }
- .header-title h1 {
- margin-bottom:.1em;
- font-size:2em;
- color:#fea800;
- font-family: 'PT Sans Narrow', sans-serif;
- text-transform:uppercase;
- }
- .header-title .page-desc {
- font-size:.91em;
- color:#999;
- }
- .header-title h1 span {
- color:#fff;
- }
- /* Default layout 3 columns */
- #gallery {
- }
- #gallery .portfolio {
- width:100%;
- overflow:hidden;
- list-style-type:none;
- padding:0;
- margin:0;
- }
- #gallery .portfolio li {
- display:-moz-inline-box;
- display:inline-block;
- zoom:1;
- vertical-align:top;
- width:270px;
- margin:0 18px 50px 0;
- padding:0;
- background:none;
- position:relative;
- }
- * + html #gallery .portfolio li {
- display:inline;
- }
- #gallery .portfolio li.nomargin {
- margin-right:0 !important;
- }
- #gallery .portfolio li span.image-border {
- display:block;
- width:260px;
- height:165px;
- position:relative;
- margin-bottom: 25px;
- }
- #gallery .portfolio li a.image-wrap {
- display:block;
- overflow:hidden;
- width:260px;
- height:160px;
- position:relative;
- background:#4f4f4f url(images/loading-folio.gif) 50% 50% no-repeat;
- -webkit-transition: all .2s ease-in-out;
- -moz-transition: all .2s ease-in-out;
- -o-transition: all .2s ease-in-out;
- }
- #gallery .portfolio li a.image-wrap:hover {
- }
- #gallery .portfolio li a.image-wrap img {
- float:left;
- }
- #gallery .portfolio h3 {
- font-size:14px;
- text-transform:uppercase;
- }
- #gallery .portfolio h3 a {
- color:#fea800;
- }
- #gallery .portfolio h3 a:hover {
- color:#fff;
- }
- #gallery .portfolio .meta {
- font-weight:bold;
- display: block;
- margin:-15px 0 0 0;
- }
- #gallery .portfolio .meta a:hover {
- text-decoration:underline;
- color:#a8a8a8;
- }
- #gallery .portfolio .folio-desc {
- margin-bottom:0;
- padding:0;
- }
- #gallery .portfolio p.excerpt {
- padding:0;
- }
- .zoom-icon {
- display:block;
- position:absolute;
- left:0;
- top:0;
- width:291px;
- height:164px;
- background:url(images/magnify.png) 50% 50% no-repeat;
- cursor:pointer;
- opacity:0;
- border:4px solid #fff;
- font-size:14px;
- color:#fff;
- text-align:center;
- -webkit-transition: all .2s ease-in-out;
- -moz-transition: all .2s ease-in-out;
- -o-transition: all .2s ease-in-out;
- }
- .zoom-icon .text {
- display:block;
- padding-top: 95px;
- }
- #gallery .portfolio li a.image-wrap:hover .zoom-icon {
- top:0;
- opacity:1;
- }
- .ie8 .zoom-icon {
- display:none;
- }
- .ie8 #gallery .portfolio li a.image-wrap:hover .zoom-icon {
- display:block;
- }
- /* 1 column portfolio*/
- #gallery.one_column .portfolio li {
- width:100%;
- margin-right:0;
- margin-left:0;
- }
- #gallery.one_column .portfolio li span.image-border {
- width:598px;
- height:261px;
- float:left;
- margin:0;
- }
- #gallery.one_column .portfolio li a.image-wrap {
- width:598px;
- height:261px;
- }
- #gallery.one_column .portfolio .meta {
- margin-bottom:20px;
- }
- #gallery.one_column .zoom-icon {
- top:0;
- width:590px;
- height:253px;
- }
- #gallery.one_column .zoom-icon .text {
- padding:145px 0 0 0;
- }
- #gallery.one_column .folio-desc {
- float:left;
- margin:0 0 0 17px;
- overflow:hidden;
- width:323px;
- }
- /* 2 columns portfolio*/
- #gallery.two_columns .portfolio li {
- width:459px;
- margin:0 19px 40px 0;
- }
- .ie9 #gallery.two_columns .portfolio li {
- margin-right:18px;
- }
- #gallery.two_columns .portfolio li span.image-border {
- width:459px;
- height:232px;
- margin-bottom: 25px;
- }
- #gallery.two_columns .portfolio li a.image-wrap {
- width:459px;
- height:232px;
- }
- #gallery.two_columns .portfolio li .meta {
- margin-bottom:0;
- }
- #gallery.two_columns .zoom-icon {
- top:0;
- width:451px;
- height:224px;
- }
- #gallery.two_columns .zoom-icon .text {
- padding:130px 0 0 0;
- }
- /* 4 columns portfolio*/
- #gallery.four_columns .portfolio li {
- width:220px;
- margin-right:17px;
- }
- .ie9 #gallery.four_columns .portfolio li {
- margin-right:16px;
- }
- #gallery.four_columns .portfolio li span.image-border {
- width:220px;
- height:132px;
- }
- #gallery.four_columns .portfolio li a.image-wrap {
- width:220px;
- height:132px;
- }
- #gallery.four_columns .zoom-icon {
- top:0;
- width:212px;
- height:124px;
- }
- #gallery.four_columns .zoom-icon .text {
- padding-top:80px;
- }
- /* Sidebar
- ---------------------------------------- */
- #sidebar {
- margin-top:52px;
- }
- #widget-sidebar {
- }
- .widget {
- margin-bottom:38px;
- }
- .widget h3 {
- font-size:2em;
- color:#fea800;
- font-family: 'PT Sans Narrow', sans-serif;
- text-transform:uppercase;
- }
- /* Calendar */
- #calendar_wrap {
- padding:0;
- }
- #wp-calendar {
- width:100%;
- }
- #wp-calendar caption {
- text-align:center;
- }
- #wp-calendar td {
- text-align:center;
- padding:6px 0;
- border:none;
- }
- #wp-calendar caption {
- font-size:16px;
- color:#fff;
- font-weight:bold;
- padding:4px 0;
- margin-bottom:5px;
- }
- #wp-calendar thead th {
- padding:7px 0;
- font-size:14px;
- background:#000;
- color:#fff;
- text-align:center;
- }
- #wp-calendar #prev {
- text-align:left;
- }
- #wp-calendar #next {
- text-align:right;
- }
- /* FAQs
- ---------------------------------------- */
- .faq_list {
- }
- .faq_list dt {
- color:#585858;
- position:relative;
- padding:0 0 5px 28px;
- font-size:15px;
- font-weight:normal;
- margin:0;
- background:none;
- }
- .faq_list span.marker {
- display:block;
- position:absolute;
- left:0;
- top:0;
- font-size:15px;
- color:#fff;
- font-weight:bold;
- }
- .faq_list dd {
- padding:0 0 0 28px;
- position:relative;
- margin:0 0 2em 0;
- color:#000000;
- }
- .faq_list dd .marker {
- top:3px;
- }
- /* Custom widgets
- ---------------------------------------- */
- /* Recent Comments */
- ul.recentcomments {
- padding:0;
- margin:0;
- }
- ul.recentcomments li {
- border-top:1px solid #c6c6c6;
- padding:25px 0 25px 0;
- margin:0;
- border-bottom:none;
- background:none;
- overflow:hidden;
- list-style-type:none;
- }
- ul.recentcomments li:first-child {
- padding-top:0;
- border-top:none;
- }
- ul.recentcomments li img {
- float:left;
- margin:0 12px 0 0;
- }
- ul.recentcomments .comment-body {
- padding:15px 0 0 0;
- }
- ul.recentcomments .comment-body a {
- text-decoration:none;
- color:#96999d;
- }
- ul.recentcomments .comment-body a:hover {
- color:#000;
- text-decoration:underline;
- }
- ul.recentcomments li h4 {
- margin-bottom:.1em;
- }
- ul.recentcomments li h4 a {
- text-decoration:none;
- }
- ul.recentcomments li h4 a:hover {
- color:#000;
- }
- ul.recentcomments li small {
- font-size:11px;
- color:#6a6a6a;
- }
- /* Posts Type widget */
- .post_list {
- list-style-type:none;
- padding:0;
- margin:0;
- }
- .post_list li {
- overflow:hidden;
- padding-top:1.5em;
- padding-bottom:1.5em;
- border-top:1px solid #dbdbdb;
- margin:0;
- }
- .post_list li:first-child {
- border:none;
- padding-top:0;
- }
- .post_list li img {
- float:left;
- margin:0 15px 0 0;
- }
- /* Popular posts */
- .popular-posts {
- list-style-type:none;
- padding:0;
- margin:0;
- }
- .popular-posts li {
- overflow:hidden;
- margin:0 0 2em 0;
- }
- .popular-posts li .post-thumb {
- float:left;
- margin-right:20px;
- width:100px;
- height:100px;
- overflow:hidden;
- padding:1px;
- border:1px solid #dbdbdb;
- }
- .popular-posts li .post-thumb.empty-thumb {
- background:url(images/empty_thumb.gif) no-repeat 50% 50% #ececec;
- }
- .popular-posts li h5 {
- font-size:1em;
- margin-bottom:.5em;
- }
- .popular-posts li .excerpt {
- margin-bottom:.8em;
- }
- /* Post Cycle */
- .post_cycle {
- padding:0;
- margin:0;
- }
- #post-cycle .cycle_item {
- display:none;
- }
- #post-cycle .cycle_item:first {
- display:block;
- }
- /* Folio Cycle */
- .folio_cycle {
- list-style-type:none;
- padding:0;
- margin:0;
- width:100%;
- overflow:hidden;
- }
- .folio_cycle .folio_item {
- overflow:hidden;
- display:none;
- }
- .folio_cycle .folio_item:first {
- display:block;
- }
- .folio_cycle .folio_item figure.thumbnail {
- width:270px;
- overflow:hidden;
- }
- #folio-controls {
- text-align:center;
- overflow:hidden;
- }
- #folio-controls ul {
- list-style-type:none;
- margin:0;
- padding:0;
- }
- #folio-controls ul li {
- padding:0 5px 0 0;
- margin:0;
- background:none;
- display:inline;
- }
- #folio-controls ul li a {
- display:inline-block;
- text-decoration:none;
- width:8px;
- height:8px;
- background:#000;
- font-size:0;
- line-height:0;
- }
- #folio-controls ul li a:hover {
- background:#999;
- }
- /* Testimonials */
- .testimonials {
- padding:0;
- margin:0;
- }
- .testimonials div.testi_item {
- background:#fff;
- padding:1.5em;
- margin-bottom:2em;
- margin-right:5px;
- background:url(images/quotes.png) no-repeat 10px 10px #f3f3f3;
- }
- .name-testi {
- padding:0 0 0 2.2em;
- text-align:right;
- font-weight:bold;
- display:block;
- color:#333;
- }
- .name-testi a {
- font-weight:normal;
- }
- .testimonials .thumb {
- float:left;
- margin-right:20px;
- }
- .testimonials div.testi_item blockquote {
- border:none;
- padding:15px 0 15px 30px;
- margin:0;
- }
- .testimonials div.testi_item blockquote a {
- text-decoration:none;
- color:#888;
- display:block;
- }
- .testimonials div.testi_item blockquote a:hover {
- color:#333;
- }
- /* Misc for Cycle widgets */
- #testi-cycle .testi_item {
- display:none;
- }
- #testi-cycle .testi_item:first {
- display:block;
- }
- #testi-controls {
- text-align:center;
- overflow:hidden;
- }
- #testi-controls ul {
- list-style-type:none;
- margin:0;
- padding:0;
- }
- #testi-controls ul li {
- padding:0;
- margin:0 2px 0 0;
- background:none;
- display:inline-block;
- }
- * + html #testi-controls ul li {
- display:inline;
- zoom:1;
- }
- /* Recent Posts */
- .latestpost {
- list-style-type:none;
- margin:0 0 8px 0;
- padding:0;
- overflow: hidden;
- }
- .latestpost li {
- margin:0 0 17px 0;
- padding:0;
- background:none;
- list-style-type:none;
- overflow:hidden;
- vertical-align:top;
- }
- .latestpost li .thumbnail {
- float:left;
- margin-right:15px;
- }
- .latestpost li time {
- font-weight:bold;
- display:block;
- margin-bottom: 10px;
- }
- .latestpost li a {
- text-decoration:underline;
- color:#fff;
- }
- .latestpost li a:hover {
- text-decoration:none;
- }
- /* Twitter widget */
- .twitter_update_list {
- overflow:hidden;
- }
- .twitter ul li {
- list-style-type:none;
- margin:0 0 15px 0;
- padding:0 0 0 37px;
- background:url(images/twitter-icon-dark.png) no-repeat 0 0;
- }
- .twitter ul li .twitt-body {
- padding:0 0 5px 0;
- }
- .twitter ul li .twitt-body a {
- font-weight:bold;
- color:#fff;
- }
- .twitter ul li .twitt-body a:hover {
- color:#fea800;
- }
- .twitter ul li a.timesince {
- font-size:11px;
- text-decoration:underline;
- }
- .twitter ul li a.timesince:hover {
- color:#979797;
- text-decoration:none;
- }
- .twitter .profileLink {
- }
- /* Flickr widget */
- .flickrImages {
- overflow:hidden;
- position:relative;
- }
- .flickrImages a {
- float:left;
- display:block;
- width:75px;
- height:75px;
- background:#000;
- margin:0 1px 1px 0;
- }
- .flickrImages a img {
- -webkit-transition: all 0.2s ease;
- -moz-transition: all 0.2s ease;
- -o-transition: all 0.2s ease;
- }
- .flickrImages a:hover img {
- opacity:.5;
- }
- .flickrImages a.link {
- display:inline;
- float:none;
- width:auto;
- height:auto;
- margin:0;
- background:none;
- }
- /* Banner widget */
- .banners-holder {
- list-style-type:none;
- padding:0;
- margin:0;
- }
- .banners-holder li {
- list-style-type:none;
- float:left;
- margin:0 3px 3px 0;
- padding:0;
- }
- .banners-holder li img {
- vertical-align:top;
- float:left;
- }
- /* Testimonials
- ---------------------------------------- */
- /* Testimonials list */
- article.testimonial {
- border:1px solid #333333;
- padding:30px 30px 30px 235px;
- width:auto;
- background:url(images/quotes.png) no-repeat 170px 20px #272727;
- font-family:Georgia, "Times New Roman", Times, serif;
- font-style:italic;
- font-size:14px;
- line-height:1.5em;
- font-weight:normal;
- margin-bottom:35px;
- }
- article.testimonial .testi-pic {
- position:absolute;
- left:20px;
- top:20px;
- }
- .name-testi {
- display:block;
- text-align:right;
- font-style:normal;
- font-size:13px;
- color:#fff;
- font-family:Arial, Helvetica, sans-serif;
- line-height:1.2em;
- }
- .name-testi a {
- text-decoration:none;
- }
- .name-testi a:hover {
- text-decoration:underline;
- }
- /* Single Testimonial */
- blockquote.testi-single {
- font-family:Georgia, "Times New Roman", Times, serif;
- border:1px solid #333333;
- padding:30px 30px 30px 235px;
- width:auto;
- background:url(images/quotes.png) no-repeat 170px 20px #272727;
- font-size:14px;
- line-height:1.5em;
- font-style:italic;
- margin:0 0 2em 0;
- position:relative;
- }
- blockquote.testi-single p {
- margin:0 0 1em 0;
- padding:0;
- }
- .testi-pic {
- position:absolute;
- left:20px;
- top:20px;
- }
- /* Shortcodes
- ---------------------------------------- */
- /* Recent Posts */
- .recent-posts {
- margin:0;
- padding:0;
- width:100%;
- overflow:hidden;
- border:none;
- }
- .recent-posts li {
- margin:0 0 20px 0;
- padding:0;
- border:none;
- }
- .recent-posts li img.thumb {
- float:left;
- margin:0 20px 0 0;
- }
- .recent-posts li h5 {
- font-size:1em;
- margin-bottom:0;
- }
- .recent-posts li .excerpt {
- margin-bottom:1.5em;
- }
- .recent-posts li span.meta {
- display:block;
- margin-bottom:.5em;
- font-size:10px;
- color:#888;
- text-transform:uppercase;
- }
- /* Products */
- .recent-posts.products li {
- margin:20px 0 0 0;
- padding:0 0 13px 0;
- position: relative;
- width:238px;
- }
- .recent-posts.products li:first-child {
- margin-top:0;
- }
- .recent-posts.products h5 {
- display:none;
- }
- .recent-posts.products .button {
- position: absolute;
- right:0;
- bottom:0;
- background-color: black;
- background-position:right center;
- background-repeat:no-repeat;
- background-image:url(images/button-arrow.gif);
- color:#d1d1d1 !important;
- padding-right:20px;
- }
- .recent-posts.products li:hover .button {
- right: -10px;
- }
- /* Our team */
- .recent-posts.team {
- margin:0;
- padding:0;
- }
- .recent-posts.team li {
- float:left;
- width:300px;
- overflow:hidden;
- margin:0 20px 40px 0;
- }
- .recent-posts.team li:nth-child(2n) {
- margin-right:0;
- }
- .recent-posts.team li.nomargin {
- margin-right:0;
- }
- .recent-posts.team li .thumb-wrap {
- width:115px;
- overflow:hidden;
- }
- .recent-posts.team li .thumb-wrap {
- float:left;
- margin-right:16px;
- }
- .recent-posts.team li a {
- color:#191919;
- }
- .recent-posts.team li .excerpt {
- margin-bottom:0;
- }
- /* Services */
- .recent-posts.services {
- list-style-type:none;
- padding:0 0 0 0;
- margin:0 0 0 0;
- overflow:hidden;
- position:relative;
- }
- .recent-posts.services li {
- float:left;
- width:220px;
- margin:0 20px 0 0;
- background:none;
- padding:0;
- position:relative;
- }
- .recent-posts.services li img.thumb {
- margin:0 0 0 0;
- float:none;
- }
- .recent-posts.services li h5 {
- padding-top:15px;
- text-transform:uppercase;
- }
- .recent-posts.services li h5 a {
- color:#a8a8a8;
- }
- .recent-posts.services li h5 a:hover {
- color:white;
- }
- .recent-posts.services li .excerpt {
- display:inline;
- }
- .recent-posts.services .button {
- width:4px;
- height:7px;
- background:none;
- background-repeat:no-repeat;
- background-position:0 0;
- background-image:url(images/arrow.gif);
- padding:0;
- }
- #recent-posts-wrap {
- position:relative;
- width:460px;
- height:260px;
- }
- #recent-posts-wrap .viewport {
- width:460px;
- overflow:hidden;
- position:relative;
- }
- #recent-posts-wrap .next,
- #recent-posts-wrap .prev {
- position:absolute;
- top:-47px;
- width:19px;
- height:17px;
- text-decoration:none;
- background-color:#878787;
- color:#262626;
- text-align:center;
- z-index:2;
- -webkit-transition:all 0.3s ease;
- -moz-transition:all 0.3s ease;
- -o-transition:all 0.3s ease;
- }
- #recent-posts-wrap .next:hover,
- #recent-posts-wrap .prev:hover {
- background-color:#fea800;
- }
- #recent-posts-wrap .next {
- right:0;
- }
- #recent-posts-wrap .prev {
- right:24px;
- }
- #recent-posts-wrap .disable {
- visibility: hidden;
- }
- /* Tags */
- .tags-cloud a, .tagcloud a {
- display:inline-block;
- background:#000;
- padding:2px 7px;
- text-decoration:none;
- color:#fff;
- margin:0 1px 4px 0;
- font-size:11px !important;
- border: 1px solid #313131;
- line-height:1.5em;
- vertical-align:top;
- -webkit-transition:all 0.3s ease;
- -moz-transition:all 0.3s ease;
- -o-transition:all 0.3s ease;
- }
- .tags-cloud a:hover, .tagcloud a:hover {
- background:#fff;
- color:#000;
- }
- /* Recent Comments */
- .recent-comments {
- list-style-type:none;
- padding:0;
- margin:0;
- }
- .recent-comments li {
- padding:0;
- margin:0;
- border:none;
- padding-bottom:.5em;
- }
- /* Footer
- ---------------------------------------- */
- #footer {
- padding:22px 0 35px 0;
- font-size:14px;
- text-transform:uppercase;
- font-family: 'News Cycle', sans-serif;
- text-align:center;
- }
- #footer,
- #footer a {
- color: #585858;
- }
- #footer a {
- text-decoration: none;
- }
- #footer a:hover {
- text-decoration:underline;
- }
- /* Footer widget */
- #widget-footer {
- }
- #widget-footer .social-networks li {
- list-style-type:none;
- padding:0 0 .5em 0;
- margin:0;
- }
- /* Footer navigation */
- nav.footer {
- float:right;
- }
- nav.footer ul {
- }
- nav.footer ul li {
- list-style-type:none;
- float:left;
- padding-left:15px;
- margin:0;
- }
- /* Misc
- ---------------------------------------- */
- .button {
- display:inline-block;
- padding:0 11px;
- line-height:23px;
- height:24px;
- font-weight:bold;
- background:#f0f0f0;
- color:#262626 !important;
- text-decoration:none;
- -webkit-transition:all 0.3s ease;
- -moz-transition:all 0.3s ease;
- -o-transition:all 0.3s ease;
- }
- .button:hover {
- background:#fea800;
- }
- .no-results #searchform .searching {
- width:440px;
- }
- /* Back to Top */
- #back-top-wrapper {
- width:100%;
- position:absolute;
- overflow:hidden;
- height:100px;
- }
- #back-top {
- position: fixed;
- bottom: 30px;
- left:50%;
- margin-left:500px;
- display:none;
- }
- #back-top a {
- width: 108px;
- display: block;
- text-align: center;
- font: 11px/100% Arial, Helvetica, sans-serif;
- text-transform: uppercase;
- text-decoration: none;
- color: #bbb;
- /* transition */
- -webkit-transition: 1s;
- -moz-transition: 1s;
- transition: 1s;
- }
- #back-top a:hover {
- color: #000;
- }
- /* arrow icon (span tag) */
- #back-top span {
- width: 108px;
- height: 108px;
- display: block;
- margin-bottom: 7px;
- background: #ddd url(images/up-arrow.png) no-repeat center center;
- /* rounded corners */
- -webkit-border-radius: 15px;
- -moz-border-radius: 15px;
- border-radius: 15px;
- /* transition */
- -webkit-transition: 1s;
- -moz-transition: 1s;
- transition: 1s;
- }
- #back-top a:hover span {
- background-color: #777;
- }
- /* Tabs */
- .tabs {
- margin: 1px 0 20px 0;
- }
- .tabs .tab-wrapper {
- border: 1px solid #dddddd;
- border-radius: 0 5px 5px 5px;
- -moz-border-radius: 0 5px 5px 5px;
- -webkit-border-radius: 0 5px 5px 5px;
- margin: -1px 0 0 0;
- }
- .tabs .tab-menu ul {
- list-style: none;
- margin: 0 !important;
- padding: 0 !important;
- }
- .tabs .tab-menu li {
- display: inline;
- float: left;
- margin: 0;
- padding: 0;
- }
- .tabs .tab-menu a {
- background-color: #fafafa;
- border: 1px solid #dddddd;
- border-radius: 5px 5px 0 0;
- -moz-border-radius: 5px 5px 0 0;
- -webkit-border-radius: 5px 5px 0 0;
- color: #aaaaaa;
- display: block;
- font-size: 12px;
- letter-spacing: 1px;
- margin: 0 2px 0 0;
- padding: 8px 20px;
- }
- .tabs .tab-menu a:hover {
- background-color: #f2f2f2;
- color: #666666;
- }
- .tabs .tab-menu a.active {
- background-color: #ffffff;
- filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6f6f6', endColorstr='#fafafa');
- background: -moz-linear-gradient(bottom , #fafafa 0px, #f6f6f6 90%) repeat scroll 0 0 transparent;
- background: -webkit-gradient(linear,left bottom,left top, color-stop(0, #fafafa),color-stop(90%, #f6f6f6));
- border-bottom: none;
- color: #666666;
- padding: 8px 20px 9px 20px;
- }
- .tabs .tab {
- background-color: #fafafa;
- border-radius: 0 5px 5px 5px;
- -moz-border-radius: 0 5px 5px 5px;
- -webkit-border-radius: 0 5px 5px 5px;
- padding: 20px;
- }
- /* Toggle */
- .toggle {
- padding: 0 0 2px 0;
- }
- .toggle .trigger {
- background-color: #f5f5f5;
- background: -moz-linear-gradient(bottom, #F2F2F2 0px, #ffffff 100%);
- background: -webkit-gradient(linear,left bottom,left top, color-stop(0, #f2f2f2),color-stop(1, #ffffff));
- border: 1px solid #dddddd;
- border-radius: 5px;
- -moz-border-radius: 5px;
- -webkit-border-radius: 5px;
- color: #666666;
- display: block;
- padding: 10px 12px 10px 40px;
- position: relative;
- text-decoration:none;
- height:1%;
- }
- .toggle .trigger span {
- background: url(includes/images/toggle.png) 0 0 no-repeat;
- display: block;
- position: absolute;
- top: 9px;
- left: 10px;
- text-indent: -9999px;
- width: 22px;
- height: 20px;
- }
- .toggle .trigger:hover,
- .toggle .active {
- background:#191919;
- color:#fff;
- }
- .toggle .active span {
- background-position: 0 -20px;
- }
- .toggle .box {
- background-color: #fafafa;
- border: 1px solid #dddddd;
- border-radius: 5px;
- -moz-border-radius: 5px;
- -webkit-border-radius: 5px;
- padding: 20px;
- }
- /* Dropcap */
- .dropcap {
- display:block;
- float:left;
- font-size:4em;
- line-height:1em;
- margin:0 10px 0 0;
- text-transform:uppercase;
- }
- .widget-area {
- }
- .hr {
- height:1px;
- background:url(images/hor-line.gif) repeat-x left top;
- overflow:hidden;
- font-size:0;
- line-height:0;
- margin:20px 5px;
- }
- .grid_1 .hr, .grid_2 .hr, .grid_3 .hr, .grid_4 .hr, .grid_5 .hr, .grid_6 .hr, .grid_7 .hr, .grid_8 .hr, .grid_9 .hr, .grid_10 .hr, .grid_11 .hr, .grid_12 .hr, .grid_13 .hr, .grid_14 .hr, .grid_15 .hr, .grid_16 .hr, .grid_17 .hr, .grid_18 .hr, .grid_19 .hr, .grid_20 .hr, .grid_21 .hr, .grid_22 .hr, .grid_23 .hr, .grid_24 .hr {
- margin-left:0;
- margin-right:0;
- }
- .vert-line {
- background-image:url(images/vert-line.gif);
- background-repeat:repeat-y;
- background-position:0 0;
- }
- .vert-line.alt {
- background-position:right 0;
- }
- .spacer {
- height:50px;
- overflow:hidden;
- font-size:0;
- line-height:0;
- }
- /* Address */
- .address {
- overflow:hidden;
- width:100%;
- margin:0;
- padding:0;
- }
- .address dt {
- float:left;
- width:165px;
- margin-right:20px;
- padding:0 0 0 55px;
- background:none;
- font-size:1em;
- line-height:18px;
- background:url(images/address-icon1.png) no-repeat 0 3px;
- }
- .address dd {
- float:left;
- width:217px;
- padding:0 0 0 53px;
- background:url(images/address-icon2.png) no-repeat 0 3px;
- }
- .address dd ul {
- list-style-type:none;
- padding:0;
- margin:0;
- }
- .address dd ul li {
- background:none;
- padding:0;
- }
- .address dd span {
- float:left;
- width:100px;
- }
- .address dd a {
- color:#fff;
- text-decoration:underline;
- }
- .address dd a:hover {
- text-decoration:none;
- }
- /* VIDEO */
- .video-wrap {
- margin-bottom: 10px;
- position:relative;
- zoom:1;
- }
- .video-wrap object {
- position:relative;
- z-index:2;
- }
- .video-bg {
- background-color:black;
- position:absolute;
- left:0;
- top:0;
- z-index:1;
- }
- /* AUDIO */
- .audio-wrapper {
- margin-bottom:1.5em;
- }
- .audio-desc {
- font-size:.91em;
- color:#999;
- padding:.5em 0 0 0;
- }
- .audiojs audio { position: absolute; left: -1px; }
- .audiojs { width: 460px; height: 36px; background: #404040; overflow: hidden; font-family: monospace; font-size: 12px;
- background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #444), color-stop(0.5, #555), color-stop(0.51, #444), color-stop(1, #444));
- background-image: -moz-linear-gradient(center top, #444 0%, #555 50%, #444 51%, #444 100%);
- -webkit-box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.3); -moz-box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.3);
- -o-box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.3); box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.3); }
- .audiojs .play-pause { width: 25px; height: 40px; padding: 4px 6px; margin: 0px; float: left; overflow: hidden; border-right: 1px solid #000; }
- .audiojs p { display: none; width: 25px; height: 40px; margin: 0px; cursor: pointer; }
- .audiojs .play { display: block; }
- .audiojs .scrubber { position: relative; float: left; width: 280px; background: #5a5a5a; height: 14px; margin: 10px; border-top: 1px solid #3f3f3f; border-left: 0px; border-bottom: 0px; overflow: hidden; }
- .audiojs .progress { position: absolute; top: 0px; left: 0px; height: 14px; width: 0px; background: #ccc; z-index: 1;
- background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ccc), color-stop(0.5, #ddd), color-stop(0.51, #ccc), color-stop(1, #ccc));
- background-image: -moz-linear-gradient(center top, #ccc 0%, #ddd 50%, #ccc 51%, #ccc 100%); }
- .audiojs .loaded { position: absolute; top: 0px; left: 0px; height: 14px; width: 0px; background: #000;
- background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #222), color-stop(0.5, #333), color-stop(0.51, #222), color-stop(1, #222));
- background-image: -moz-linear-gradient(center top, #222 0%, #333 50%, #222 51%, #222 100%); }
- .audiojs .time { float: left; height: 36px; line-height: 36px; margin: 0px 0px 0px 6px; padding: 0px 6px 0px 12px; border-left: 1px solid #000; color: #ddd; text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.5); }
- .audiojs .time em { padding: 0px 2px 0px 0px; color: #f9f9f9; font-style: normal; }
- .audiojs .time strong { padding: 0px 0px 0px 2px; font-weight: normal; }
- .audiojs .error-message { float: left; display: none; margin: 0px 10px; height: 36px; width: 400px; overflow: hidden; line-height: 36px; white-space: nowrap; color: #fff;
- text-overflow: ellipsis; -o-text-overflow: ellipsis; -icab-text-overflow: ellipsis; -khtml-text-overflow: ellipsis; -moz-text-overflow: ellipsis; -webkit-text-overflow: ellipsis; }
- .audiojs .error-message a { color: #eee; text-decoration: none; padding-bottom: 1px; border-bottom: 1px solid #999; white-space: wrap; }
- .audiojs .play { background: url(js/audiojs/player-graphics.gif) -2px -1px no-repeat; }
- .audiojs .loading { background: url(js/audiojs/player-graphics.gif) -2px -31px no-repeat; }
- .audiojs .error { background: url(js/audiojs/player-graphics.gif) -2px -61px no-repeat; }
- .audiojs .pause { background: url(js/audiojs/player-graphics.gif) -2px -91px no-repeat; }
- .playing .play, .playing .loading, .playing .error { display: none; }
- .playing .pause { display: block; }
- .loading .play, .loading .pause, .loading .error { display: none; }
- .loading .loading { display: block; }
- .error .time, .error .play, .error .pause, .error .scrubber, .error .loading { display: none; }
- .error .error { display: block; }
- .error .play-pause p { cursor: auto; }
- .error .error-message { display: block; }
- /* Alert boxes
- ---------------------------------------- */
- .alert-box, .wpcf7-response-output {
- padding:20px 20px 20px 90px !important;
- font-size:.91em;
- line-height:1.4em;
- border:1px solid #dbdbdb;
- font-family:Arial, Helvetica, sans-serif;
- margin-bottom:15px;
- }
- .error-box, .wpcf7-mail-sent-ng {
- border-color:#ff9999;
- color:#c31b00;
- background:url(images/icons/alert/icon-error.png) no-repeat 20px 50% #ffcccc;
- }
- .attention-box, .wpcf7-validation-errors, .wpcf7-spam-blocked {
- border-color:#e6c555;
- color:#9e660d;
- background:url(images/icons/alert/icon-note.png) no-repeat 20px 50% #fdebae;
- }
- .notice-box {
- border-color:#68a2cf;
- color:#2e6093;
- background:url(images/icons/alert/icon-info.png) no-repeat 20px 50% #bfe4f9;
- }
- .approved-box, .wpcf7-mail-sent-ok {
- border-color:#a3c159;
- color:#5e6f33;
- background:url(images/icons/alert/icon-download.png) no-repeat 20px 50% #ccff99;
- }
- /* Forms
- ---------------------------------------- */
- /* Form defaults */
- input, select, textarea {
- font-family:Tahoma, Geneva, sans-serif;
- font-size:1em;
- vertical-align:middle;
- font-weight:normal;
- border:1px solid #dbdbdb;
- outline:none;
- }
- input[type="text"], textarea {
- background:#cccccc;
- border:1px solid #313131;
- padding:8px 10px 9px 10px;
- color:#000000;
- }
- input[type="submit"], input[type="reset"] {
- position:relative;
- display:inline-block;
- padding:0 11px;
- line-height:24px;
- color:#000;
- font-weight:bold;
- text-decoration:none;
- font-size:11px;
- background-color: #d1d1d1;
- border:none;
- height:24px;
- cursor:pointer;
- margin-right:4px;
- -webkit-transition:all 0.3s ease;
- -moz-transition:all 0.3s ease;
- -o-transition:all 0.3s ease;
- }
- input[type="submit"]:hover, input[type="reset"]:hover {
- background-color: #fea800;
- }
- /* Comment form */
- #commentform {
- overflow:hidden;
- padding-bottom:20px;
- width:540px;
- }
- #commentform a {
- color:#8e8e8e;
- text-decoration:underline;
- }
- #commentform a:hover {
- text-decoration:none;
- }
- #commentform p.field {
- overflow:hidden;
- min-height: 43px;
- margin:0;
- }
- #commentform small {
- color:#8b8b8b;
- font-size:1em;
- }
- #commentform label {
- display:block;
- float:left;
- width:50px;
- text-align:right;
- margin-right:9px;
- padding-top:7px;
- }
- #commentform input[type="text"] {
- width:236px;
- }
- #commentform textarea {
- width:459px;
- max-width:459px;
- min-width:459px;
- height:247px;
- min-height:247px;
- overflow:auto;
- margin-bottom: 13px;
- }
- #commentform input[type="submit"] {
- float:right;
- margin:0;
- }
- .children #commentform {
- width:450px;
- }
- .children #commentform textarea {
- width:369px;
- max-width:369px;
- min-width:369px;
- }
- /* Contact form */
- .wpcf7-form p.field {
- margin-bottom:9px;
- overflow:hidden;
- vertical-align:top;
- width:380px;
- position:relative;
- }
- .wpcf7-form p.field label {
- float:left;
- width:79px;
- padding-top:6px;
- }
- .wpcf7-form p.field input {
- float:left;
- width:279px;
- }
- .wpcf7-form p.field small {
- color:red;
- }
- .wpcf7-form textarea {
- float:left;
- width:279px;
- max-width:279px;
- min-width:279px;
- height:235px;
- min-height:235px;
- overflow:auto;
- margin-bottom:17px;
- }
- .wpcf7-form .submit-wrap {
- padding:0 0 0 79px;
- margin:0;
- }
- span.wpcf7-form-control-wrap {
- display:block;
- }
- .wpcf7-not-valid-tip {
- width:289px !important;
- position:absolute;
- left:79px !important;
- top:0 !important;
- padding:6px 0 6px 10px !important;
- background:#f3b7b7 !important;
- color:red !important;
- border:1px solid red !important;
- font-size:12px !important;
- }
- /* Sidebar search form */
- #searchform {
- }
- #searchform .searching {
- width:219px;
- margin-right:6px;
- }
- #searchform .submit {
- width:33px;
- height:30px;
- background-repeat:no-repeat;
- background-position:9px 7px;
- background-image:url(images/search-button.png);
- background-color:#fea800;
- cursor:pointer;
- padding-left:0;
- padding-right:0;
- margin:0;
- }
- #searchform .submit:hover {
- background-color:#656565;
- }
- /* Fluid Columns */
- .one_half{ width:48%; }
- .one_third{ width:30.66%; }
- .two_third{ width:65.33%; }
- .one_fourth{ width:22%; }
- .three_fourth{ width:74%; }
- .one_fifth{ width:16.8%; }
- .two_fifth{ width:37.6%; }
- .three_fifth{ width:58.4%; }
- .four_fifth{ width:79.2%; }
- .one_sixth{ width:13.33%; }
- .five_sixth{ width:82.67%; }
- .one_half, .one_third, .two_third, .three_fourth, .one_fourth, .one_fifth, .two_fifth, .three_fifth, .four_fifth, .one_sixth, .five_sixth{ position:relative; margin-right:4%; float:left; }
- .last { margin-right:0 !important; clear:right; }
- .fleft { float:left;}
- .fright { float:right;}
- .clear { clear:both;}
- .wrapper {
- width:100%;
- overflow:hidden;
- }
- .extra-wrap {
- overflow:hidden;
- }
- /* Clear Floated Elements */
- .clear {
- clear: both;
- display: block;
- overflow: hidden;
- visibility: hidden;
- width: 0;
- height: 0;
- }
- .clearfix:after {
- clear: both;
- content: ' ';
- display: block;
- font-size: 0;
- line-height: 0;
- visibility: hidden;
- width: 0;
- height: 0;
- }
- .clearfix {
- display: inline-block;
- }
- * html .clearfix {
- height: 1%;
- }
- .clearfix {
- display: block;
- }
- /* Always remember to compress your live stylesheet and keep an uncompressed backup */
Advertisement
Add Comment
Please, Sign In to add comment