/*
Theme Name: Portfolio Press
Description: Portfolio Press is a responsive theme for showcasing your photography, art, web sites, or other projects. It also works nicely as a regular blog site. An options panel is included for uploading logos and and changing the layout. There's also support for the image, gallery and quote post formats. Visit the demo site or watch the video screencast for set up instructions.
Author: Devin Price
Author URI: http://wptheming.com/
Theme URI: http://wptheming.com/portfolio-theme/
Version: 1.4.1
License: GNU General Public License
License URI: license.txt
Tags: white, black, gray, two-columns, left-sidebar, right-sidebar, flexible-width, custom-menu, full-width-template, microformats, post-formats, rtl-language-support, theme-options, translation-ready
Credits:
Portfolio was built on the solid foundation of Toolbox:
http://wordpress.org/extend/themes/toolbox
Reset default browser CSS.
Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/
*/
body, html {
height: 100%;
width:100%;
background-color:#FFF
}
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
/*background: transparent;*/
background-color: FFF;
line-height:22px;
/*color: #444;*/
}
body { /*line-height: 1;*/ }
ol, ul {
/*list-style: none; */
}
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
:focus { outline: 0; }/* remember to define focus styles! */
del { text-decoration: line-through; }
table { border-collapse: collapse; border-spacing: 0; }/* tables still need 'cellspacing="0"' in the markup */
/* Floating & Alignment */
.fl {float: left;}
.fr {float: right;}
/* Clear Floats */
.col-width:after {
content: '';
display: block;
height: 0;
clear: both;
visibility: hidden;
}
/* Base Styles */
body {
/*font: 14px/21px 'Open Sans', sans-serif;*/
font-family: 'Open Sans', sans-serif;
/*font-weight: 300;*/
color: #444; /*#555*/
/*background-color: #000000;*/
font-weight:lighter;
height:100%;
}
h1, h2, h3, h4, h5, h6, td {
font-family: 'Open Sans', sans-serif; /*Open Sans*/
margin: 0;
color: #444;
font-weight:normal;
}
h1 {
font-size: 40px;
line-height: 44px;
/*color:white;*/
margin-bottom: 10px;
/*font-size:28px;*/
font-weight:100;
}
h2 {
font-size:30px;
/*color:#FFFFFF;*/
font-weight:300;
line-height:30px;
}
h3 {
font-size:22px;
/*color:white;*/
font-weight:100;
line-height:24px;
}
#sidebar h2 {
color:#444444
}
.gray-bg p{
color:#333333;
}
.gray-bg h1{
color:#333333;
}
.gray-bg h2{
color:#333333;
}
.gray-bg h3{
color:#333333;
}
.operators-and-service-providers p{
color:#FFFFFF;
}
.operators-and-service-providers h1{
color:#FFFFFF;
}
.operators-and-service-providers h2{
color:#FFFFFF;
}
.operators-and-service-providers h3{
color:#FFFFFF;
}
.end-user p{
color:#444444;
}
.end-user h1{
color:#444444;
}
.end-user h2{
color:#444444;
}
.end-user h3{
color:#444444;
}
h4, h5, h6 {
font-size:18px;
color:#777;
}
p {
margin:0;
/*line-height:22px;*/
font-family: 'Open Sans', sans-serif; /*Open Sans*/
font-weight: 300;
font-size: 18px;
}
hr {
background-color: #ddd;
border:0;
height: 1px;
/margin-bottom: 20px;
}
input[type=text], input[type=email],input[type=submit] {
/*padding: 5px;
border-color: #ccc #efefef #efefef #ccc;
border-width:1px;
border-style:solid;*/
margin-top: 20px;
margin-bottom: 20px;
font-size: 20px;
font-family: 'Open Sans', sans-serif;
font-weight: 100;
border: 1px solid #bdbdbd;
color:#333333;
text-align: center;
font-weight: 100;
width:325px;
height:50px;
border-radius: 0px;
box-shadow: inset 1px 4px 5px rgba(0,0,0,0.12);
}
input[type=submit] {
background-color:#00aeed;
background: -webkit-gradient(linear, left top, left bottom, from(#00aeed), to(#009DD5));
background: -webkit-linear-gradient(top, #00aeed, #009DD5);
background: -moz-linear-gradient(top, #00aeed, #009DD5);
background: -ms-linear-gradient(top, #00aeed, #009DD5);
background: -o-linear-gradient(top, #00aeed, #009DD5);
border:none;
color:#FFFFFF;
}
input[type=submit]:hover {
border-top-color: none;
background: #009DD5;
color: #fff;
}
textarea {
margin-top: 20px;
margin-bottom: 20px;
font-size: 20px;
font-family: 'Open Sans', sans-serif;
font-weight: 100;
border: 1px solid #bdbdbd;
color:333333;
text-align: center;
font-weight: 100;
width:325px;
height:150px;
border-radius: 0px;
box-shadow: inset 1px 4px 5px rgba(0,0,0,0.12);
}
strong {
font-weight: bold;
}
b {
font-weight: bold;
}
cite,
em,
i {
font-style: italic;
}
big {
font-size: 131.25%;
}
ins {
background: #ffc;
text-decoration: none;
}
table {
margin: 0 0 1.5em;
/*width: 1080px;*/
}
th {
font-weight: bold;
}
blockquote {
display:block;
}
blockquote cite,
blockquote em,
blockquote i {
font-style: normal;
}
pre {
background: #f7f7f7;
color: #222;
line-height: 18px;
margin-bottom: 18px;
padding: 1.5em;
font-family: 'Open Sans', sans-serif; /*Open Sans*/
font-weight: 300;
}
code {
font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}
abbr,
acronym {
border-bottom: 1px dotted #666;
cursor: help;
}
sup,
sub {
height: 0;
line-height: 1;
vertical-align: baseline;
position: relative;
}
sup {
bottom: 1ex;
}
sub {
top: .5ex;
}
/* Text meant only for screen readers */
.screen-reader-text {
position: absolute;
left: -9000em;
}
/* Hyperlinks */
a:link, a:visited {
/*color: #106177;*/
text-decoration:none;
/*color:#444444;*/
}
a:hover {
/*text-decoration:none;*/
text-decoration:underline;
/*color:#444444;*/
}
h1 a:link, h1 a:visited, h2 a:link, h2 a:visited, h3 a:link, h3 a:visited, h4 a:link, h4 a:visited, h5 a:link, h5 a:visited, h6 a:link, h6 a:visited {
text-decoration: none;
}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {
/*text-decoration: none;*/
text-decoration: underline;
}
/* Branding */
#branding {
/*position:relative;*/
/*position:static;
left:0px;
top:0px;*/
display:block;
width:100%;
min-height:50px; /*smaller logo 55px*/
max-height:120px;
padding:25px 0px 10px 0px; /*25px 0*/
margin: 0 0 0 0;
color:#CCC;/*#CCC*/
background-color:#000000;
/*border-bottom:1px solid rgba(255,255,255,.9);*/
/*line-height: 55px;*/ /*smaller logo 55px*/
border-bottom:7px solid #00aeed; /*blue line*/
}
#logo {
position:absolute;
left:5%; /*smaller logo: right*/
/*padding-top:8px; *//*smaller logo: padding-top:10px;*/
/*padding-left:15px;*//*smaller logo: padding-left:5px;*/
/*float:left;*/
/*border:1px #FFF000 solid;*/
}
#logo #site-title {
font-family: 'Open Sans', sans-serif; /*Open Sans*/
font-weight: 300;
color: #fff;
}
#logo #site-title a {
color:#fff;
font-size:44px;
line-height:44px;
text-decoration:none;
}
#logo #site-title img {
max-width:100%;
}
#logo #site-description {
font-family: 'Open Sans', sans-serif; /*Open Sans*/
font-weight: 300;
font-style: italic;
color:#ddd;
font-size:16px;
}
/* Navigation */
#hmenu {
position:absolute;
display:block;
right:5%;
text-align: right;
/*font-size:14px; */
/*padding:15px 0 0 0; +/
font-family: 'Open Sans', sans-serif; /*'Open sans'*/
font-weight: 500;
font-size: 14px;
color:#cccccc;
min-height: 40px;
max-height:60px;
text-align:center;
z-index:1000;
}
#navigation {
position:absolute;
right:5%;
text-align: right;
/*font-size:14px; */
/*padding:15px 0 0 0; +/
font-family: 'Open Sans', sans-serif; /*'Open sans'*/
font-weight: 500;
font-size: 14px;
color:#cccccc;
min-height: 40px;
max-height:60px;
/*border:1px #FFF solid;*/
}
#navigation ul {
z-index:99;
margin:0;
padding:0;
list-style:none;
}
#navigation ul a {
position:relative;
/*color:#fff;*/
color:#cccccc;
display:block;
/*z-index:100;
padding:5px 10px;
line-height:18px;
text-decoration:none;*/
}
#navigation ul a:hover {
text-decoration:underline;
}
#navigation .menu > ul > li {
-webkit-transition: all 0.2s ease-in-out; /* Saf3.2+, Chrome */
-moz-transition: all 0.2s ease-in-out; /* FF4+ */
-ms-transition: all 0.2s ease-in-out; /* IE10? */
-o-transition: all 0.2s ease-in-out; /* Opera 10.5+ */
transition: all 0.2s ease-in-out;
}
#navigation .menu > ul > li:hover, #navigation .menu > ul > .current-page-item, #navigation .menu > ul > .current-menu-parent, #navigation .menu > ul > .current-menu-item {
-moz-border-radius:2px;
-webkit-border-radius:2px;
border-radius:2px;
/*background:#333;
background:rgba(255,255,255,.25);
box-shadow:0 1px 0px rgba(255, 255, 255, 0.3);*/
}
#navigation ul li {
float:left;
width: auto;
margin-left:10px;
margin-bottom:10px;
padding-left:10px;
}
#navigation ul li a.sf-with-ul {
padding-right:15px;
}
/* Drop-down menus */
#navigation ul ul .current-page-item, #navigation ul ul .current-menu-parent, #navigation ul ul .current-menu-item {
background:#FFF;
color:#000;
/*width: 120px;*/
}
#navigation ul li ul {
/*background: #FFF;*/
position: absolute;
/*left: -999em;*/
width: 100%;
padding-right:10px;
padding-top:5px;
z-index:999;
margin-left:0;
color:#000;
}
#navigation ul li ul li {
background:#000000;
/*border-top:1px solid #ccc;*/
/*border-bottom:1px solid #ddd;*/
margin-left:0px;
margin-bottom:0px;
text-align:left;
color:#FFF;
z-index:9999;
}
#navigation ul li ul li a {
/*width: 120px;*/
margin: 0px 10px 0px 0px;
min-height:20px;
/*color:#555;
font-size:0.9em;*/
line-height:18px;
font-family: 'Open Sans', sans-serif; /*'Open sans'*/
font-weight: 300;
font-size: 14px;
color:#FFF;
background-color:#000000;
}
#navigation ul li ul li a.sf-with-ul {
/*padding:5px 5px;*/
}
#navigation ul li ul li a:hover, #navigation ul ul .current-menu-item {
/*background:#c6c6c6;
color:#111;*/
color:#000000;
background-color:#FFF;
text-decoration:underline;
}
#navigation ul li ul ul {
/*margin: -30px 0 0 180px;*/
}
#navigation ul ul li:hover, #navigation ul ul li.hover {
background:#FFF;
color:#000;
}
#navigation ul li:hover ul, #navigation ul li.sfhover ul, #navigation ul li li:hover ul, #navigation ul li li.sfhover ul, #navigation ul li li li:hover ul, #navigation ul li li li.sfhover ul, #navigation ul li li li li:hover ul, #navigation ul li li li li.sfhover ul {
/*left:auto;*/
}
#navigation ul .sf-sub-indicator {
/*background: url('images/arrow-down.png') no-repeat; arrow by the top menu link when it has sublinks*/
position:absolute;
display:block;
right:0.2em;
top:0.9em;
width:10px;
height:10px;
text-indent:-999em;
overflow:hidden;
}
#navigation li ul .sf-sub-indicator {
background:url('images/arrow-right.png') no-repeat;
}
/* Structure */
#main {
/*display:inherit;*/
display:block;
/*width:1280px;
margin-left:auto;
margin-right:auto;*/
width:100%
background:#FFFFFF;
padding:0 0 0 0; /*40px 0 20px 0*/
/*background-image: url('images/black_denim.png');*/
/*margin-bottom:-300px;
min-height: 100%;
height: auto !important;
height: 100%;*/
}
.col-width {
/*position:inherit;
bottom:0px;
right:0px;
left:0px;
max-width: auto; /*780px*/
/*margin: 0 auto;
padding:0 20px;*/
display:block;
float:left;
width:100%;
/*background:#FFFFFF;#000000*/
}
/* Content */
#content {
/*padding:0 0 4%;
float:left;
position:relative;
width:1795px; /*65%*/
font-family: 'Open Sans', sans-serif; /*Open Sans*/
font-weight: 300;
font-size: 18px;
}
/* Sidebar */
#sidebar {
display:block;
float:left;/*right*/
width:280px;/*24%*/
min-height: 100%;
height: auto !important /*min-height hack*/
height: 100%;
/*background:#0091D0;*/
color:#444444; /*FFFFFF;*/
font-family: 'Open Sans', sans-serif; /*Open Sans*/
font-weight: 300;
font-size: 18px;
margin-top:70px;
margin-bottom:50px;
background-color:#DDDDDD;
/*background:url('images/black_denim.png') repeat;*/
}
h1,h2,h3, a, p, ul, li, a:visited {
/*color:#444444;*/
}
/*News slider*/
#header {
/*background:#0091D0;*/
display:block;
position:absolute;
left:18%;
top:25px;
color:#DDDDDD;
font-family: 'Open Sans', sans-serif; /*Open Sans*/
font-weight: 300;
font-size: 18px;
margin-top:0px;
margin-bottom:0px;
background:none;
}
@media screen and (orientation:portrait) {
#header {
/*left:150px;*/
}
}
#header a{
font-family: 'Open Sans', sans-serif; /*Open Sans*/
font-weight: 300;
font-size: 13px;
font-style: italic;
text-decoration:none;
color:#DDDDDD;
}
#header a:hover {
text-decoration:underline;
}
/* Layouts */
.layout-2cl #content, .layout-2cl #portfolio {
float:right;
}
.layout-2cl #sidebar {
float:left;
}
.layout-1col .col-width {
max-width:780px;
}
.layout-1col #content {
width:100%;
}
/* Footer */
#colophon {
/*position:fixed;
bottom:0px;*/
/*position:absolute;*/
/*padding: 0px 0 ;*/
/*border-top: 1px solid #ddd;
background:#000;*/
/*width:1280px;
margin-left:auto;
margin-right:auto;*/
text-align:left;
padding-top: 50px;
/*clear: both;
position: relative;
z-index: 10;
height: 3em;*/
height: 300px;
z-index: 1000;
}
.push {
height:300px;
}
#footer-widgets {
/*border-bottom:1px dotted #ddd;*/
margin-bottom:5px;
width:1040px;/*1280px*/
margin-left:auto;
margin-right:auto;
background-color:#000000;
color:#FFFFFF;
}
#footer-widgets a:link, a:visited {
color:#DDDDDD;
}
#footer-widgets a:visited {
color:#DDDDDD;
}
#footer-widgets h1,h2,h3 {
color:#DDDDDD;
}
#footer-widgets .block {
padding:0 0;
width:100%;
float:left;
/*border-top:#0091D0 1px solid;*/ /*blue line on the top of footer*/
margin-top: 20px;/*100px*/
margin-botom: 80px;
background-color:#000000;
color:#FFFFFF;
}
#footer-widgets .footer-widget-4 {
padding:0;
}
#colophon #site-generator p {
color:#777;
/*font-weight:bold;*/
font-size:14px;
}
/* Posts boxes-index page */
#content article {
display:block;
/*width:1080px;*/
font-size: 18px;
/*color:#bbbbbb;*/
padding: 40px 50px 20px 90px;
font-family: 'Open Sans', sans-serif; /*Open Sans*/
font-weight: 300;
font-size: 18px;
min-height:450px;
max-height:auto;
}
.article_bg {
position:inherit;
display:block;
margin-left:auto;
margin-right:auto;
/*background-image: url('images/backplatewithlight.jpg');
background-size:1280px;*/
background-image: url('images/shadow.png');
background-position:bottom;
background-repeat:no-repeat;
width:1280px;
min-height:100%;
padding-bottom:86px;
/*max-height:auto;*/
}
ul
{
list-style-image: url('images/BlueBullet.png');
}
.end-user, .white-bg {
background-color:#FFFFFF;
color:#333333;
width:100%;
}
.operators-and-service-providers, .black-bg {
/*background-image: url('images/backplatewithlight.jpg');*/
color:#bbbbbb;
width:100%;
background-position:bottom;
background-repeat:no-repeat;
}
.gray-bg {
background-color:#DDDDDD;
color:#444444;
width:100%;
/*border:1px #DBDBDB solid;*/
}
.entry-meta {
margin: 10 10 15px 10;
font-size:12px;
display:block;
clear:both;
}
footer.entry-meta:before {
margin-bottom:8px;
}
footer.entry-meta:after {
margin-top:8px;
}
footer.entry-meta:before, footer.entry-meta:after {
content: '';
width: 100%;
height: 1px;
background: #ddd;
-webkit-box-shadow: 0 1px 0 0 #fff;
box-shadow: 0 1px 0 0 #fff;
display: block;
}
.entry-utility {
clear:both;
}
.sticky {
/* Theme Review Requirement */
}
.bypostauthor {
/* Theme Review Requirement */
}
/* Typographic Elements */
#content .entry-title, #portfolio .entry-title {
font-size:34px;
line-height:36px;
/*text-shadow: 0px 1px 1px #fff;
/*border-bottom:1px solid #ddd;*/
/*-webkit-box-shadow: 0 1px 0 0 #fff;
box-shadow: 0 1px 0 0 #fff;*/
padding-bottom:53px;
margin-bottom:10px;
padding-top:70px;
text-align:left;
color:#444444;
font-family: 'Open Sans', sans-serif; /*Open Sans*/
font-weight: 300;
background: url('images/title_shadow.png') no-repeat left bottom;
}
#content a:link, a:visited{
color:#444444;
}
#content h1, #content h2, #content h3 {
padding-bottom: 20px;
color:#444444;
}
#content h4, #content h5, #content h6 {
padding-bottom:15px;
color:#444444;
}
#content p {
margin:0 0 15px 0;
color:#444444;
}
#content blockquote {
color: #444;
}
#content blockquote p {
font-style:italic;
}
.entry-content blockquote {
font-style: italic;
padding: 10px 35px 0;
background: url('images/quote.png') no-repeat 0 0;
}
.entry-content blockquote, .entry-content blockquote p {
font-size:16px;
}
#content ul {
margin: 0 0 15px 0;
padding: 0 0 0 30px;
}
#content ul ul {
margin: 0;
}
#content ul li {
/* list-style-type: circle; */
}
#content ul ul li {
list-style-type: disc;
}
#content ol {
margin: 0 0 15px 0;
padding: 0 0 0 30px;
}
#content ol ol {
margin: 0;
}
#content ol li {
list-style-type: upper-latin;
}
#content ol li ol li {
list-style-type: lower-latin;
}
.archive-meta {
/*font-family: 'Rokkitt', serif;*/
font-size:18px;
color:#333;
padding-bottom: 10px;
margin-bottom: 20px;
margin-top:-5px;
}
.archive-meta:after {
content: '';
width: 100%;
height: 1px;
background: #ddd;
-webkit-box-shadow: 0 1px 0 0 #fff;
box-shadow: 0 1px 0 0 #fff;
display: block;
margin-top:10px;
}
.content-central{
background:#FFF;
display:block;
width:1280px;
margin-left:auto;
margin-right:auto;
}
.page-content{
display:block;
float:left;
width:970px;
}
/* Alignment */
.alignleft {
display: inline;
float: left;
margin-right: 10px;
}
.alignright {
display: inline;
float: right;
margin-left: 10px;
}
.aligncenter {
clear: both;
display: block;
margin: 0 auto;
}
/* Images */
.entry-content img,
.comment-content img,
.widget img {
max-width: 100%; /* Fluid images for posts, comments, and widgets */
/*background:#fff;*/
}
img[class*="align"],
img[class*="wp-image-"],
img[class*="attachment-"] {
height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */
}
img.size-full,
img.size-large {
max-width: 97.5%;
width: auto; /* Prevent stretching of full-size and large-size images with height and width attributes in IE8 */
height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */
}
.entry-content img.wp-smiley {
border: none;
margin-bottom: 0;
margin-top: 0;
padding: 0;
}
img.alignleft,
img.alignright,
img.aligncenter {
margin-bottom: 15px;
}
p img,
.wp-caption {
margin-top: 0.4em;
}
.wp-caption {
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box; /* Firefox, other Gecko */
box-sizing: border-box; /* Opera/IE 8+ */
background: #eee;
background:rgba(200,200,200,.2);
margin-bottom: 15px;
max-width: 100%;
padding: 10px;
}
.wp-caption img {
display: block;
margin: 0 auto;
max-width: 98%;
}
.wp-caption .wp-caption-text, .gallery-caption {
color: #666;
font-size: 12px;
}
#content .wp-caption .wp-caption-text {
margin-bottom: 0;
padding: 10px 0 5px 10px;
position: relative;
}
#content .gallery {
margin: 0 auto 15px;
}
#content .gallery a img {
border: none;
}
img#wpstats {
display: block;
margin: 0 auto 15px;
}
#content .gallery-columns-4 .gallery-item {
width: 23%;
padding-right: 2%;
}
#content .gallery-columns-4 .gallery-item img {
width: 100%;
height: auto;
}
/* Image borders */
img[class*="align"],
img[class*="wp-image-"],
#content .gallery .gallery-icon img {/* Add fancy borders to all WordPress-added images but not things like badges and icons and the like */
/*border: 1px solid #ddd;*/
padding: 6px;
}
.wp-caption img {
border-color: #eee;
}
a:focus img[class*="align"],
a:hover img[class*="align"],
a:active img[class*="align"],
a:focus img[class*="wp-image-"],
a:hover img[class*="wp-image-"],
a:active img[class*="wp-image-"],
#content .gallery .gallery-icon a:focus img,
#content .gallery .gallery-icon a:hover img,
#content .gallery .gallery-icon a:active img {/* Add some useful style to those fancy borders for linked images ... */
/*background: #eee;
border-color: #bbb;*/
}
.wp-caption a:focus img,
.wp-caption a:active img,
.wp-caption a:hover img {/* ... including captioned images! */
background: #fff;
border-color: #ddd;
}
figure {
margin:0 0 10px 0;
}
/* Post Formats */
#content .hentry:first-of-type, .single .format-quote, .single .format-image {
padding-top:0;
border-top: none;
}
.format-image header {
display:none;
}
.single .format-image header {
display:block;
}
.format-image .image-wrap {
position: relative;
}
#content .image-wrap h3 {
max-width:630px;
background:#000;
background:rgba(0,0,0,.6);
color:#fff;
padding:10px;
position:absolute;
bottom:13px;
left:6px;
display: none;
text-decoration: none;
}
.image-wrap a {
text-decoration: none;
}
/* Portfolio Posts */
#portfolio {
padding:15px 0px 15px 0px;
float:left;
width:1265px;/*70%*/
/*background:#000000;*/
}
#portfolio .archive-title {
font-size: 34px;
line-height: 48px;
color:#FFFFFF;
font-family: 'Open Sans', sans-serif; /*Open Sans*/
font-weight: 300;
border-bottom: 1px solid #DDD;
padding-bottom: 0px;
margin-bottom: 20px;
}
.portfolio-items {
width:830px;/*79%*/
display:block;
float:left;
}
#portfolio .portfolio-item {
/*position:relative;*/
display:block;
float:left;
/*width:95%; 32%*/
/*background-color:#000;
margin:0 10px 10px 0;
font-family: 'Open Sans', sans-serif; /*Open Sans*/
font-weight: 300;
font-size: 18px;
}
#portfolio .portfolio-item:nth-of-type(3n) {
margin-right:0;
}
#portfolio .ie-col3 {
margin-right:0;
}
#portfolio .portfolio-item img {
display:block;
width:100%;
height:auto;
}
#portfolio .thumb {
display:block;
width:100%;
}
#portfolio a.title-overlay {
padding:15px 0px 15px 0px;
top:0;
position:absolute;
width:80%;
z-index:1;
display:block;
color:#111;
font-family: 'Open Sans', sans-serif; /*Open Sans*/
font-weight: 300;
font-size: 18px;
}
#portfolio a.title-overlay:hover {
text-decoration:underline;
}
#portfolio .no-thumb {
background:#FFF;
padding:0px;
}
#portfolio .no-thumb a.title-overlay {
display:block;
position: relative;
font-family: 'Open Sans', sans-serif; /*Open Sans*/
font-weight: 300;
font-size: 22px;
}
/* Increase the size of the content area for templates without sidebars */
.full-width #content, #portfolio.full-width {
width:100%;
/*max-width: 980px;*/
}
/* Pagination / WP-Pagenavi */
/* If you're using PageNavi you should turn the css in its settings page */
.wp-pagenavi {
clear:both;
font-size:12px;
padding:10px 15px;
border:1px solid #ddd;
border-width:1px 0 1px;
}
#navigation ul-entries a, .wp-pagenavi a:link, .wp-pagenavi a:visited, .wp-pagenavi .current, .wp-pagenavi .on, .wp-pagenavi a:hover, .wp-pagenavi span.extend, .wp-pagenavi span.pages {
display: block;
font:italic 12px/16px Georgia, serif;
color:#777;
text-decoration:none;
padding:0;
}
#navigation ul-entries a:hover {
text-decoration:underline;
}
.wp-pagenavi a:link, .wp-pagenavi a:visited {
display: inline;
text-decoration: none;
background: #fff;
background:rgba(255, 255, 255, 0.4);
color: #666;
padding: 3px 7px;
border:1px solid #ddd;
border:1px solid rgba(0, 0, 0, 0.2);
margin-left:10px;
}
.wp-pagenavi .current, .wp-pagenavi .on, .wp-pagenavi a:hover {
display:inline;
padding: 3px 7px;
background: #fff;
background:rgba(0, 0, 0, 0.5);
border:1px solid #bbb;
margin-left:10px;
}
.wp-pagenavi span.extend, .wp-pagenavi span.pages {
display:inline;
background:none;
border:none;
color:#666;
}
#content nav, #portfolio nav {
clear:both;
display: block;
overflow: hidden;
}
#content nav .nav-previous, #portfolio nav .nav-previous {
float: left;
width: 40%;
}
#content nav .nav-next, #portfolio nav .nav-next {
float: right;
text-align: right;
width: 40%;
}
#nav-below {
clear:both;
font-family: 'Rokkitt', serif;
font-size:16px;
margin: 15px 0 0 0;
}
.page-link {
margin: 0 0 15px 0;
}
/* Reverse order on single-portfolio pages */
.single-portfolio #content nav .nav-previous {
float: right;
text-align: right;
width: 50%;
}
.single-portfolio #content nav .nav-next {
float: left;
text-align: left;
width: 50%;
}
/* Widgets */
.widget-container {
width:100%;
margin: 20px 0 30px 0;
/*font-size:12px;*/
display:block;
float:left;
}
.widget-container h3 {
font-size:22px;
/*text-shadow: 0px 1px 1px #fff;*/
margin: 0;
padding:0 0 5px;
/*text-transform:uppercase;*/
/*color:#FFFFFF;*/
font-family: 'Open Sans', sans-serif; /*Open Sans*/
font-weight: bold;
/*border-bottom:3px solid #ddd;
-webkit-box-shadow: 0 1px 0 0 #fff;
box-shadow: 0 1px 0 0 #fff;*/
}
}
.widget-container p {
font:12px/20px;
margin-bottom:15px;
}
.widget-container ul {
clear:both;
padding-left:0px;
list-style:none;
font-size:18px;
}
.widget-container ul li a {
padding: 0 0 0px 0px;
line-height: 28px;
text-decoration: none;
font-family: 'Open Sans', sans-serif;
/*font-weight: bold;*/
font-size:18px;
}
.widget-container ul li a:hover {
text-decoration:underline;
}
.widget-container ul ul {
padding: 0 0 0 15px;
border-top: none;
}
#colophon-widgets {
border-top:1px solid #ddd;
padding:10px 0;
}
#colophon-widgets .block {
padding:20px 0 0 20px;
width:210px;
float:left;
}
/* Calendar */
#wp-calendar {
width:95%;
margin-bottom:15px;
clear:both;
padding:0;
}
#wp-calendar caption {
padding:0 0 10px;
}
#wp-calendar th, #wp-calendar td {
text-align:center;
background:rgba(0, 0, 0, .05);
padding:5px;
}
#wp-calendar td {
background:transparent;
}
#wp-calendar td, table#wp-calendar th {
padding:3px 0;
}
/* Search */
.widget-container input.submit {
margin-left:5px;
float:left;
}
/* Comments */
#comments {
position:relative;
margin:15px 0 0;
}
.page #comments:before {
margin-bottom:30px;
content: '';
width: 100%;
height: 1px;
/*background: #ddd;
-webkit-box-shadow: 0 1px 0 0 #fff;
box-shadow: 0 1px 0 0 #fff;*/
display: block;
}
#comments .commentlist {
padding-left:0px;
}
#comments h3 {
color:#333;
font-weight:normal;
margin-bottom:20px;
}
#comments .comment.thread-even {
background: #fafafa;
background: rgba(0, 0, 0, 0.02);
/*border-bottom:1px solid #ddd;
border-bottom:1px solid rgba(0, 0, 0, 0.07);*/
}
#comments .comment {
margin-top:10px;
width:100%;
list-style-type:none;
}
#comments .comment .comment-body {
position:relative;
padding: 20px;
}
#comments .comment-head {
margin: 0 0 15px 0;
}
#comments .comment-author img {
margin: 0;
vertical-align: middle;
/*border:1px solid #ddd;*/
padding:3px;
background:#f6f6f6;
float:left;
margin: 0 15px 5px 0;
}
#comments .comment-author cite {
font-weight:bold;
}
#comments .comment-meta {
font-size: 12px;
}
#comments .comment-entry p {
margin: 0 0 10px 0;
}
#comments .reply {
padding-top:10px;
}
#comments ul.children {
margin:10px 10px 0 25px;
padding:0;
}
#comments ul.children li {
/*border-top:1px solid #ddd;*/
}
#comments .cancel-comment-reply {
margin:10px 0;
}
#comments h3#pings {
margin-top:25px;
}
#comments .pingbacks li.pingback {
margin:10px 0;
}
#comments .pingbacks li.pingback .reply {
display:none;
}
/* Comments Form */
#respond {
position: relative;
}
#respond h3 {
color:#333;
font-weight:normal;
padding-bottom:0;
}
#respond label {
font-size:13px;
color:#777;
}
#respond input[type="text"],
#respond textarea {
background: #fff;
position: relative;
padding: 5px;
text-indent: 95px;
top:0;
}
#respond .comment-form-author,
#respond .comment-form-email,
#respond .comment-form-url,
#respond .comment-form-comment {
position: relative;
}
#respond .comment-form-author label,
#respond .comment-form-email label,
#respond .comment-form-url label,
#respond .comment-form-comment label {
background:#eee;
color: #555;
display: inline-block;
line-height:20px;
padding:5px 15px;
font-size: 12px;
position: absolute;
left: 1px;
top: 1px;
z-index: 1;
min-width:60px;
}
#respond textarea {
width: 95%;
height:160px;
}
#respond .comment-form-author .required,
#respond .comment-form-email .required {
color: #3f98db;
font-weight: bold;
left: 67%;
position: absolute;
top: 5px;
z-index: 1;
}
#respond input[type="text"]:focus,
#respond textarea:focus {
z-index: 1;
text-indent:5px;
}
#respond .comment-notes,
#respond .logged-in-as {
font-size: 13px;
}
#respond #cancel-comment-reply-link {
color: #666;
margin-left: 10px;
text-decoration: none;
}
#respond .logged-in-as a:hover,
#respond #cancel-comment-reply-link:hover {
text-decoration: underline;
}
#respond input[type=text] {
display: block;
width: 68%;
height:20px;
}
#respond p {
font-size: 12px;
}
#commentform {
margin: 15px 0 0 0;
}
#commentform input.txt, #commentform textarea {
font:14px/14px Arial, Helvetica, sans-serif;
border-color: #ccc #efefef #efefef #ccc;
border-width:1px;
border-style:solid;
}
#commentform input.txt {
color:#666;
background: #fcfcfc;
width: 170px;
margin: 0 5px 10px 0;
padding: 5px 7px;
}
#commentform textarea {
color:#666;
background: #fcfcfc;
width: 95%;
padding: 5px 7px;
}
#commentform .form-allowed-tags {
font-size:12px;
color:#666;
}
#commentform #submit, .reply a, #searchsubmit {
border: 1px solid #ccc;
border-color: #ccc #ccc #bbb #ccc;
border-radius: 3px;
background: #fafafa; /* Old browsers */
background: -moz-linear-gradient(top, #fafafa 60%, #e6e6e6 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(60%,#fafafa), color-stop(100%,#e6e6e6)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #fafafa 60%,#e6e6e6 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #fafafa 60%,#e6e6e6 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #fafafa 60%,#e6e6e6 100%); /* IE10+ */
background: linear-gradient(top, #fafafa 60%,#e6e6e6 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#e6e6e6',GradientType=0 ); /* IE6-9 */
box-shadow: inset 0 2px 1px #fff;
color: rgba(0,0,0,.8);
cursor: pointer; /* Improves usability and consistency of cursor style between image-type 'input' and others */
-webkit-appearance: button; /* Corrects inability to style clickable 'input' types in iOS */
font-size: 12px;
padding:4px 8px;
text-shadow: 0 1px 0 rgba(255,255,255,.5);
}
.reply a {font-size:11px; padding: 2px 6px;}
/* Pingbacks / Trackbacks */
h3#pings {
margin: 25px 0 10px 0;
}
.pinglist li {
margin: 0 0 0 20px;
list-style-type: decimal;
}
.pinglist li .author {
font-weight: bold;
font-size: 15px;
}
.pinglist li .date {
font-size: 11px;
}
.pinglist li .pingcontent {footer-widgets
display: block;
margin: 10px 0;
}
/* Search Form */
.error404 #searchform {
margin-bottom:30px;
}
/* Clearfix */
.clear {
clear:both;
}
.clearfix:before,
.clearfix:after {
content: " "; /* 1 */
display: table; /* 2 */
}
.clearfix:after {
clear: both;
}
/* =Responsive Structure
-----------------------------------------------
@media (max-width: 980px) {
#navigation {
clear:both;
float:right;
margin-left:-10px;
border:2px #FF0000 solid;
}
#navigation ul li {
margin-left:0;
margin-right:10px;
}
embed, object {
max-width: 100%;
}
}
@media (max-width: 680px) {
#respond input[type=text] {
width: 90%;
}
#content, #portfolio {
width:100%;
padding:0;
margin-bottom:40px;
}
.portfolio-item {
-webkit-transition-duration: 0.6s;
-moz-transition-duration: 0.6s;
-ms-transition-duration: 0.6s;
-o-transition-duration: 0.6s;
transition-duration: 0.6s;
-webkit-transition-property: height, width;
-moz-transition-property: height, width;
-ms-transition-property: height, width;
-o-transition-property: height, width;
transition-property: height, width;
}
#portfolio .portfolio-item {
min-width:46%;
width:46%;
margin-right:4%;
}
#portfolio .portfolio-item:nth-of-type(3n) {
margin-right:4%;
}
#portfolio .portfolio-item:nth-of-type(2n) {
margin-right:0;
}
#sidebar {
clear:both;
float:none;
width:100%;
}
#footer-widgets .block {
padding:0 4% 0 0;
width:46%;
}
#footer-widgets .footer-widget-2 {
padding:0;
}
#hmenu{
position:absolute;
display:block;
width:100%;
right:5%;
border:2px #FF0000 solid;
}
#branding {
position:absolute;
right:0px;
left:0px;
display:block;
width:100%;
border:1px #0000FF solid;
}
}
@media (max-width: 480px) {
#portfolio .portfolio-item {
float:none;
min-width:46%;
width:auto;
margin:0 0 20px;
}
#portfolio .portfolio-item:nth-of-type(1n) {
margin-right:0;
}
}
*/
@media (max-width: 970px) {
#hmenu {
top:50px;
}
#header {
display:none;
}
#logo {
top:0px;
}
#main{
}
}
#foto {
width:100%;
}
/*
@media screen and (orientation:portrait) {
#branding {
width:100%;
/*top:80px;*/
}
*/
/* =Print
----------------------------------------------- */
@media print {
body, #branding, #main {
background: none !important;
}
#branding {
margin:0;
}
#main {
padding:15px 0;
}
#logo #site-title a, #logo #site-description {
color: #000;
}
.entry-content a:after {
content: " [" attr(href) "] ";
}
.entry-content .gallery-thumb a:after, .entry-content .image-wrap a:after {
content:'';
}
#navigation, #sidebar, #nav-below, #footer-widgets {
display:none;
}
#comments {
page-break-before: always;
}
}
/* Excito addition*/
.primary-wrapper {
display:block;
/*position:relative; */
/*background:#000;
width: 1280px;
margin-left:auto;
margin-right:auto; */
width:100%;
/*margin-top:595px;*/
margin-top:437px;
/*margin: 0 0 0 -640px;
top:85%;
left: 50%;*/
/*border:1px #0000CC solid;*/
z-index:50000;
/*margin: 0 auto -300px*/;
}
.wrapp {
margin-top:0px;
}
#wrapp-page {
min-height: 100%;
height: auto !important;
height: 100%;
margin-bottom: -300px;
width:100%;
}
.header-img {
display:block;
width:100%;
background-color:#000000;
/*position: inherit;
margin: -330px 0 0 -763px;
top: 50%;
left: 50%;*/
/*border:1px #FF0000 solid;*/
border-bottom:7px solid #00aeed;
}
.header-img-holder {
position: inherit;
display:block;
/*width:1794px;*/
width:100%;
background-color:#000000;
}
#foto {
/*width:1794px;
height:595px;
height:100%;*/
display:block;
width:1400px;
height:437px;
/*background-image:url('images/livingroomrender2.jpg');*/
/*position: absolute;*/
background-repeat: no-repeat;
overflow:hidden;
background-color:#000000;
margin-left:auto;
margin-right:auto;
}
#foto2 {
width: 1794px;
height:595px;
margin-left:auto;
margin-right:auto;
background-image:url('http://excito.com/wp-content/themes/excito/images/livingroomnight.jpg');
opacity:0;
position: absolute;
background-repeat: no-repeat;
}
#tvtext {
width:350px;
margin-left: 55%; /*1000px*/
margin-top: 140px;
font-size: 35px;
letter-spacing:3px;
color:#eeeeee;
text-align: left;
position:absolute;
opacity: 1;
}
#phonetext {
width:500px;
margin-left: 55%; /*1000px*/
margin-top: 200px;
font-size: 25px;
color:#eeeeee;
position:absolute;
opacity:0;
}
#phoneimage {
margin-left: 55%; /*990px*/
margin-top: 595px;
position:absolute;
opacity:1;
}
/*Skroller*/
#body_div {overflow:auto; height:1600px; }
#skrollr-body {width:100%; height:1600px; position:fixed; }
#skrollr-body div {overflow:hidden; position:absolute; }
.centered { top:0; left:0; right:0; }
#wish1 {background: /*#e7685d*/ url("images/livingroomrender2.jpg") center center no-repeat ; z-index:4;}
#wish2 {background: /*#94c3b6*/ url("images/livingroomnight.jpg") center bottom no-repeat ; z-index:5; /*box-shadow: 0 0 0 20px #49675f;*/ }
/*#snow {width:363px; background:url('images/snow.png') no-repeat}*/
#pattern1 { z-index:5000; background-attachment:fixed; font-size: 40px;}
.ribbon {background:#49675f; height:40px; top:50%; margin-top:-20px; z-index:3; }
#ribbon-left {left:0}
#ribbon-right {right:0}
svg {position:absolute; z-index:5; left:50%; top:50%; margin-left:-170px; margin-top:-180px}
#pattern2 { z-index:5000;}
#pattern2 { z-index:6000;}
#wish3 {background:transparent url('../images/image3.png') no-repeat center center; z-index:6; border-radius:50%;}
#info {background:#fff; width:20%; height:50px; bottom:auto; z-index:10; font-size:22px; line-height:50px;}
#copyright {font-size:12px; z-index:10;bottom:10px; width:100%;}
.blue_button:link
{
display:block;
background-color: #00aeed;
height:30px;
padding-top:20px;
font:14px/14px Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
color: #fff;
text-align:center;
}
.blue_button a:link
{
color: #fff;
}
.blue_button:visited
{
color: #fff;
}
.blue_button:hover
{
text-decoration:none;
background-color: #009DD5;
color: #fff;
}
.button {
/*border-top: 1px solid #96d1f8;*/
background: #00aeed;
background: -webkit-gradient(linear, left top, left bottom, from(#00aeed), to(#009DD5));
background: -webkit-linear-gradient(top, #00aeed, #009DD5);
background: -moz-linear-gradient(top, #00aeed, #009DD5);
background: -ms-linear-gradient(top, #00aeed, #009DD5);
background: -o-linear-gradient(top, #00aeed, #009DD5);
padding: 15px 20px;
border:none;
/*-webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
-moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
box-shadow: rgba(0,0,0,1) 0 1px 0;*/
text-shadow: rgba(0,0,0,.4) 0 1px 0;
color: white;
font-size: 16px;
/*font-family: Arial,Helvetica,sans-serif;*/
font-weight:bold;
text-decoration: none;
vertical-align: middle;
}
.button:hover {
border-top-color: none;
background: #009DD5;
color: #fff;
}
.button:active {
border-top-color: #1b435e;
background: #00aeed;
}