/*

Theme Name: Binary Wink

Theme URI: http://www.binarywink.com

Description: Binary Wink

Version: 1.0

Author: BW

Author URI: http://www.binarywink.com

*/

/* DO NOT REMOVE THE ABOVE INFORMATION */

/* CSS Document */


body {
background : url(images/space.jpg) repeat-y center top;
border : 1px;
color : #444;
font-family : "Helvetica Neue", Helvetica, Verdana, Arial, sans-serif;
font-size : 62.5%;
background-color : #000;
border-color : #666;
margin : 0;
padding : 0;
}
#wrap {
width : 962px;
margin-top : 0;
background : url(images/pagebg.png) repeat;
border-left : 1px solid #333;
border-right : 1px solid #333;
border-bottom : 1px solid #333;
}
img a, img {
border : 0;
}
.category ul li a, .archive ul li a, .page ul li a {
line-height : 18px;
padding-left : 20px;
}
.alignleft {
float : left;
}
.alignright {
float : right;
}
#wrap div.content div.entry img {
padding-left : 10px;
padding-right : 10px;
}
#mainmenu ul li a:hover span img {
background : url(images/home-over.png) no-repeat left top;
}
a {
outline : none;
}
#content {
clear : both;
}
div.box img {
margin-top : -15px;
border : 1px solid #333;
margin-right : -30px;
padding : 3px;
}
#top, #barfixed {
width : 960px;
margin : 0 auto;
}
#trim, #trimtop {
width : 962px;
margin : 0 auto;
}
#random a:hover, #sidebar a:hover, .content a {
color : #39c;
}
div.clientlink a, div.clientlink a:hover, .footer a, .homepostname a:visited {
text-decoration : none;
}
input#submit {
font-size : 14px;
color : #ccc;
border : 1px solid #202020;
background : url(images/pagebg.png) repeat left top;
text-shadow : #000 0 1px 1px;
padding : 15px 60px;
}
div.box {
border : 1px solid #202020;
padding-right : 20px;
padding-left : 20px;
margin-top : 10px;
margin-bottom : 25px;
margin-right : 30px;
background : url(images/pagebg.png) repeat left top;
}
div.clientlink {
font-size : 22px;
text-align : right;
margin-right : 35px;
}
#wrap div.content div.box ul li {
list-style-type : none;
font-size : 1.4em;
line-height : 1.4;
padding : 8px 0 18px;
}
#topbar {
height : 130px;
}
#bar {
background : url(images/bart.png) repeat-x center top;
border-top : 1px solid #333;
border-bottom : 1px solid #333;
width : 100%;
}
#bar2 {
background : url(images/bar2.png) repeat center bottom;
border-top : 1px solid #609;
border-bottom : 1px solid #609;
}
#bar3 {
background : url(images/bar3.png) repeat center bottom;
border-top : 1px solid #999;
border-bottom : 1px solid #333;
}
#bw2 {
width : 560px;
float : left;
margin-left : 30px;
margin-top : 25px;
margin-bottom : 25px;
font-family : "Helvetica Neue", Helvetica, Verdana, Arial, sans-serif;
font-size : 2.4em;
color : #002f5b;
border-bottom : 1px solid #333;
border-right : 1px solid #333;
border-top : 1px solid #333;
border-left : 1px solid #333;
background : url(images/pagebg.png) repeat;
padding : 0 20px 0 20px;
height : 160px;
}
#bw {
float : left;
width : 550px;
padding : 50px 20px 10px 60px;
height : 160px;
font-family : "Helvetica Neue", Helvetica, Verdana, Arial, sans-serif;
font-size : 2.6em;
color : #002f5b;
text-shadow : #fff 0 1px 1px;
line-height : 1.4em;
}
#bw a {
color : #333;
text-shadow : #fff 0 1px 1px;
text-decoration : none;
}
#bw a:hover {
color : #fff;
text-shadow : #fff 1px 1px 6px;
text-decoration : none;
}
#barfixed {
height : 220px;
}
#bwhome {
float : left;
width : 550px;
padding : 50px 20px 10px 60px;
height : 160px;
font-family : "Helvetica Neue", Helvetica, Verdana, Arial, sans-serif;
font-size : 2.3em;
color : #002f5b;
text-shadow : #fff 0 1px 1px;
line-height : 1.6em;
}
#bwhome a {
color : #002f5b;
text-shadow : #fff 0 1px 1px;
text-decoration : none;
}
#bwhome a:hover {
color : #fff;
text-shadow : #fff 1px 1px 6px;
text-decoration : none;
}
#discover {
float : right;
padding-bottom : 100px;
}
#bw2 h1 {
color : #b0c4de;
font-size : 1.2em;
text-shadow : #000 0 1px 1px;
background : url(images/pagebg.png) repeat;
padding-left : 10px;
padding-bottom : 5px;
padding-top : 5px;
border : 1px solid #333;
margin-bottom : 10px;
}
#discover a:hover {
color : #69c;
text-decoration : none;
}
#wrap div.content p a img {
padding : 3px;
}
#lgrss {
position : absolute;
right : 110px;
top : 30px;
width : 278px;
height : 85px;
text-indent : -9999em;
}
#subscribe form input {
background-color : #333;
border : 1px solid #666;
color : #ccc;
padding : 5px;
}
#subscribe form input:hover {
background-color : #00ff18;
border : 1px solid #666;
color : #000;
padding : 5px;
}
#logo {
width : 276px;
height : 49px;
position : absolute;
text-indent : -9999em;
}
#logo a {
top : 15px;
left : 384px;
background : url(images/binary-wink.png);
position : absolute;
width : 192px;
height : 52px;
}
#logo a:hover {
background : url(images/binary-wink-over.png);
position : absolute;
top : 13px;
left : 384px;
width : 192px;
height : 56px;
}
#valid a {
color : #fff;
text-decoration : none;
}
#valid a:hover {
color : #f0f;
}
#valid span a {
color : #fff;
}
#valid span a:hover {
color : #ff0;
}
#valid {
font-size : 1.2em;
padding-top : 10px;
text-align : center;
padding-bottom : 10px;
color : #ccc;
text-shadow : #000 0 1px 0;
}
#mainmenu {
background : url(images/pagebg.png) repeat;
}
#menutop {
margin-top : 78px;
padding-bottom : 0;
padding-top : 0;
border-left : 1px solid #333;
border-right : 1px solid #333;
border-top : 1px solid #333;
background : url(images/pagebg.png) repeat;
}
#mainmenu ul {
padding : 10px 10px 10px 20px;
margin-top : 0;
margin-bottom : 0;
border-left : 1px solid #333;
border-right : 1px solid #333;
}
#mainmenu li {
display : inline;
list-style-type : none;
font-size : 12px;
margin-right : 20px;
padding : 20px 20px 120px 20px;
}
#mainmenu a {
font-family : "Helvetica Neue", Helvetica, Verdana, Arial, sans-serif;
font-weight : bold;
text-decoration : none;
color : #666;
text-shadow : #000 0 1px 1px;
}
#mainmenu a:hover {
font-family : "Helvetica Neue", Helvetica, Verdana, Arial, sans-serif;
font-weight : bold;
text-decoration : none;
color : red;
text-shadow : #000 0 1px 1px;
}
#footertxt {
font-size : 1.2em;
text-align : center;
background : url(images/bottom-menu.png) no-repeat center bottom;
padding-top : 20px;
padding-bottom : 25px;
}
#footertxt a {
color : #666;
padding-left : 7px;
padding-right : 7px;
text-decoration : none;
text-shadow : #252525 0 1px 1px;
}
#footer {
clear : both;
color : #000;
padding-top : 0;
width : 964px;
margin : 0 auto;
}
.footer {
background : url(images/bottom-bg.png) no-repeat center bottom;
color : #734a2c;
font-size : 1.2em;
padding-bottom : 0;
padding-top : 60px;
text-align : right;
width : 964px;
}
h1 {
color : #999;
font-size : 1.4em;
font-weight : 400;
letter-spacing : -1px;
line-height : normal;
margin-bottom : 4px;
margin-top : 10px;
}
h2 {
font-size : 1.4em;
font-weight : 400;
letter-spacing : -1px;
margin-bottom : 0;
color : #515d24;
}
h3 {
font-family : "Georgia", serif;
font-style : italic;
text-shadow : #000 0 1px 1px;
color : #999;
font-size : 1.2em;
margin-bottom : 0;
padding-bottom : 0;
padding-top : 0;
}
small {
font-size : 12px;
color : #999;
}
#search h3 {
color : #999;
text-align : center;
margin-right : 20px;
}
#sb h3 {
color : #333;
text-align : right;
padding-bottom : 10px;
font-family : "Georgia", serif;
font-style : italic;
}
#services {
margin-right : 10px;
margin-top : 20px;
border : 1px solid #333;
padding-bottom : 20px;
background : url(images/pagebg.png) repeat;
}
#navcontainer {
padding-bottom : 0;
}
#navigation li a {
list-style-type : none;
}
div.bottom {
font-size : 2.2em;
letter-spacing : -1px;
text-align : center;
padding-top : 20px;
font-family : "Georgia", serif;
font-style : italic;
text-shadow : #000 0 1px 1px;
color : #666;
}
#searchform {
border : 1px solid #ccc;
font-size : 1.9em;
height : 30px;
list-style : none;
padding-top : 0;
right : 30px;
top : 144px;
width : 260px;
}
.search {
border : 0;
color : #ccc;
font-size : 20px;
height : 30px;
padding : 0;
}
.content {
color : #fff;
float : left;
font-size : 1.3em;
margin-top : 20px;
margin-left : 30px;
overflow : hidden;
padding-left : 30px;
text-align : left;
width : 570px;
border : 1px solid #333;
margin-bottom : 30px;
background : url(images/pagebg.png) repeat;
text-shadow : #000 0 1px 1px;
}
.content a:hover {
background-color : #39c;
color : #fff;
text-decoration : none;
}
.content p {
line-height : 1.7em;
font-size : 1.2em;
margin-top : 5px;
padding : 0 35px 0 0;
}
#wpcf_subject {
background : url(images/space.jpg) repeat-y center top;
color : #33f;
border : 1px solid #333;
padding : 5px;
margin-top : 5px;
margin-bottom : 15px;
font-size : 16px;
}
#contactsubmit {
border : 1px solid #333;
color : #fff;
padding-left : 60px;
padding-right : 60px;
padding-top : 10px;
padding-bottom : 10px;
background : url(images/space.jpg) repeat-y center top;
}
#wpcf_email {
background : url(images/space.jpg) repeat-y center top;
color : #33f;
border : 1px solid #333;
padding : 5px;
margin-top : 5px;
margin-bottom : 15px;
font-size : 16px;
}
#wpcf_your_name {
background : url(images/space.jpg) repeat-y center top;
color : #33f;
border : 1px solid #333;
padding : 5px;
margin-top : 5px;
margin-bottom : 15px;
font-size : 16px;
}
#wpcf_msg {
background : url(images/space.jpg) repeat-y center top;
color : #33f;
border : 1px solid #333;
padding : 5px;
margin-top : 5px;
margin-bottom : 15px;
font-size : 16px;
}
.post-divider {
border-bottom : 1px solid #333;
padding-top : 9px;
padding-bottom : 9px;
margin-right : 30px;
}
.homepostname {
color : #81943a;
font-size : 1.6em;
font-weight : 400;
letter-spacing : -1px;
line-height : normal;
list-style : none;
margin-bottom : -8px;
padding-bottom : 0;
text-align : left;
}
.homepostname a {
color : #999;
text-decoration : none;
text-shadow : #000 0 1px 1px;
}
.homepostname a:hover {
background-color : #c54370;
color : #fff;
text-decoration : none;
}
.postname {
color : #81943a;
font-size : 1.6em;
font-weight : 400;
letter-spacing : -1px;
line-height : normal;
list-style : none;
padding-bottom : 14px;
padding-top : 4px;
text-align : left;
}
.postname a {
color : #c99;
text-decoration : none;
}
.user {
list-style : none;
padding-top : 4px;
}
.title {
padding-top : 6px;
}
.title li {
list-style : none;
padding-top : 2px;
}
.post-time p {
padding-left : 2px;
}
.topmeta {
margin-top : 0;
color : #fff;
font-size : 1.2em;
text-shadow : #000 0 1px 1px;
background : url(images/pagebg.png) repeat;
padding-left : 0;
padding-bottom : 0;
padding-top : 0;
border : 1px solid #333;
}
.topmetatxt {
color : #666;
font-size : 12px;
font-weight : 400;
margin-top : -58px;
padding-left : 100px;
padding-bottom : 0;
text-shadow : #000 0 1px 1px;
}
.mewtwo {
color : #333;
font-size : 12px;
padding-top : 4px;
padding-bottom : 10px;
text-align : left;
}
.mewtwo a {
color : #bdbdbd;
text-decoration : none;
}
label {
margin-left : 0;
}
#commentform {
margin-top : 20px;
}
#comment {
color : #fff;
width : 460px;
background : url(images/pagebg.png) repeat;
text-shadow : #000 0 1px 1px;
padding : 10px;
border : 1px solid #333;
font-size : 14px;
letter-spacing : -1px;
}
#url {
color : #ffba00;
width : 260px;
background : url(images/pagebg.png) repeat;
text-shadow : #000 0 1px 1px;
padding : 10px;
border : 1px solid #333;
font-size : 16px;
letter-spacing : -1px;
margin-right : 10px;
}
#email {
color : green;
width : 260px;
background : url(images/pagebg.png) repeat;
text-shadow : #000 0 1px 1px;
padding : 10px;
border : 1px solid #333;
font-size : 16px;
letter-spacing : -1px;
margin-right : 10px;
}
#author {
color : yellow;
width : 260px;
background : url(images/pagebg.png) repeat;
text-shadow : #000 0 1px 1px;
padding : 10px;
border : 1px solid #333;
font-size : 16px;
letter-spacing : -1px;
margin-right : 10px;
}
ul.commentlist {
background : transparent;
color : #000;
font-size : 0.9em;
list-style : none;
margin : 0;
padding : 8px 8px 8px 20px;
}
li.oddcomment {
background : #fff;
border : 1px solid #999;
margin-bottom : 6px;
padding : 4px 8px;
}
li.alt {
border : 1px solid #333;
color : #666;
margin-bottom : 16px;
background : url(images/space.jpg) no-repeat right top;
background-color : #000;
margin-right : 35px;
text-shadow : #000 0 1px 1px;
padding : 20px;
}
li.alt a {
color : #666;
font-weight : bold;
text-decoration : none;
}
blockquote {
color : #5e7849;
font-weight : 400;
font-family : "Georgia", serif;
font-style : italic;
padding : 2px 4px 4px 18px;
}
div.latest {
margin-top : 10px;
color : #333;
font-weight : 400;
line-height : 1.3em;
font-size : 90%;
font-family : "Georgia", serif;
font-style : italic;
padding : 2px 0;
}
.wp-smiley {
background : transparent;
border : none;
margin : 0;
padding : 0;
}
.trackback {
background : #e5f4fd;
border-bottom : 3px solid #a8bfd6;
border-top : 3px solid #a8bfd6;
color : #444;
font-size : 14px;
text-align : center;
margin : 0 auto;
padding : 4px 6px;
}
.nextnavigation li {
display : block;
font-size : 1.2em;
padding-top : 20px;
text-align : center;
text-transform : capitalize;
list-style : none;
}
.nextnavigation a {
color : #ccc;
letter-spacing : -1px;
margin-bottom : 15px;
margin-top : 15px;
text-decoration : none;
list-style : none;
padding : 12px 10px;
}
.nextnavigation a:hover {
color : #0058f9;
display : block;
letter-spacing : -1px;
margin-bottom : 15px;
margin-top : 15px;
text-decoration : none;
list-style : none;
padding : 12px 10px;
}
.navigation {
display : block;
font-size : 1.4em;
list-style : none;
text-align : center;
text-transform : capitalize;
}
.navigation a {
background-color : #fff;
color : #ccc;
display : block;
letter-spacing : -1px;
margin-bottom : 15px;
margin-top : 0;
text-decoration : none;
line-height : 1.3em;
font-size : 160%;
font-family : "Georgia", serif;
font-style : italic;
padding : 12px 10px;
}
.navigation a:hover {
color : #39c;
display : block;
letter-spacing : -1px;
margin-top : 0;
text-decoration : none;
padding : 12px 10px;
}
#ul.commentlist a, .subscribe a, .trackback a {
color : #000;
}
.mewtwo a:hover, .writer a:hover {
text-decoration : underline;
}
#respond, h3.commentstatus {
color : #666;
font-size : 1.4em;
font-weight : 400;
text-align : center;
}
#skip {
font-size : 1em;
font-weight : 700;
letter-spacing : -1px;
text-align : right;
}
#skip a {
background : url(images/skip.png) no-repeat left top;
color : #333;
margin-left : 0;
padding-bottom : 10px;
padding-left : 15px;
padding-right : 15px;
text-decoration : none;
}
#skip a:hover {
color : #666;
text-decoration : none;
}
#bw2 a {
color : #666;
text-decoration : none;
text-shadow : #000 0 1px 1px;
}
#bw2 a:hover {
color : #33ff33;
text-shadow : #000 0 1px 1px;
}
#bw2r {
line-height : 1.3em;
width : 250px;
margin-top : -125px;
font-size : 14px;
text-align : right;
margin-left : 575px;
font-weight : bold;
}
#footertxt a:hover, #random a {
color : #ccc;
}
#random {
background : #ffc;
border : 1px solid #fc0;
font-size : 13px;
font-weight : 700;
margin-right : 30px;
margin-top : 20px;
text-align : center;
text-transform : capitalize;
padding : 9px;
}
.recent {
color : #584c12;
font-size : 1.2em;
font-weight : bold;
padding-bottom : 6px;
padding-top : 0;
text-align : right;
width : 960px;
margin : 0 3px 0 auto;
}
#sidebar {
color : #444;
display : inline;
float : right;
font-size : 13px;
line-height : 1.4em;
list-style : none;
margin-top : 20px;
text-align : left;
width : 290px;
margin-right : 20px;
}
#sidebar a {
text-decoration : none;
}
#latest ul.links li {
margin-right : 0;
font-size : 1.1em;
padding : 5px 5px 5px 20px;
}
#latest li a {
text-shadow : #000 0 1px 1px;
color : #666;
font-size : 1.1em;
}
#latest li a:hover {
color : #639;
font-size : 1.1em;
}
.misc ul li a {
line-height : 18px;
padding-left : 18px;
}
#sidebar ul {
line-height : 19px;
list-style : none;
padding-left : 0;
text-align : left;
margin : 0;
}
#sb {
padding-bottom : 15px;
}
#sb img {
margin-right : 5px;
margin-left : 5px;
padding : 3px;
}
#latest {
margin-right : 10px;
border : 1px solid #333;
padding-bottom : 20px;
margin-top : 20px;
padding-right : 20px;
background : url(images/pagebg.png) repeat;
margin-left : 0;
}
#testimonials h3 {
font-size : 16px;
}
#testimonials {
color : #999;
padding-left : 20px;
border : 1px solid #333;
padding-bottom : 20px;
padding-right : 20px;
background : url(images/pagebg.png) repeat;
text-shadow : #000 0 1px 1px;
font-size : 10px;
margin : 20px 10px 20px 0;
}
#projects {
border : 1px solid #333;
margin-right : 10px;
padding-bottom : 20px;
padding-left : 23px;
background : url(images/pagebg.png) repeat;
}
#testimonials a {
color : #53c8ea;
margin-right : 30px;
margin-top : 20px;
line-height : 1.4em;
font-size : 160%;
font-family : "Georgia", serif;
font-style : italic;
}
#testimonials a:hover {
color : #ffba00;
margin-right : 30px;
margin-top : 20px;
line-height : 1.4em;
font-size : 160%;
font-family : "Georgia", serif;
font-style : italic;
}
#subscribe {
margin-top : -30px;
text-align : right;
margin-left : 720px;
}
#subscribe form {
margin-left : 15px;
margin-top : 20px;
}
#projects a img {
margin-right : 5px;
margin-left : 5px;
padding-top : 30px;
padding-bottom : 3px;
padding-left : 3px;
padding-right : 3px;
}
#projects a:hover img {
margin-right : 5px;
margin-left : 5px;
padding-top : 30px;
padding-bottom : 3px;
padding-left : 3px;
padding-right : 3px;
}
#projects h3 {
margin-right : 20px;
margin-top : 15px;
margin-bottom : -20px;
}
#services h3 {
margin-right : 20px;
}
#services ul li {
font-size : 1.4em;
text-align : center;
padding-top : 10px;
padding-bottom : 10px;
}
#services ul li a {
color : #666;
text-shadow : #000 0 1px 1px;
}
#services ul li a:hover {
color : #7f733f;
text-shadow : #000 0 1px 1px;
}
div.testimonialbox {
border : 1px solid #202020;
padding-right : 20px;
padding-left : 20px;
margin-top : 10px;
margin-bottom : 25px;
margin-right : 30px;
background : url(images/pagebg.png) repeat left top;
font-style : italic;
}
#twit {
padding-bottom : 10px;
padding-top : 5px;
padding-left : 20px;
padding-right : 10px;
margin-top : 20px;
margin-right : 10px;
border : 1px solid #333;
background : url(images/pagebg.png) repeat;
}
#twittitle {
text-align : right;
font-size : 15px;
padding-top : 10px;
margin-top : -12px;
padding-bottom : 10px;
}
#bwhome div.myclass.typeface-js span {
text-shadow : #000 0 1px 1px;
}
#twittitle a {
color : #333;
text-decoration : none;
text-shadow : #000 0 1px 1px;
color : #333;
text-align : right;
font-family : "Georgia", serif;
font-size : 16px;
font-style : italic;
font-weight : bold;
}
#twit a:hover {
color : #33ff33;
text-decoration : none;
text-shadow : #000 0 1px 1px;
}
ul.twitter {
padding-right : 20px;
padding-bottom : 10px;
}
li.twitter-item {
list-style : none;
color : #666;
text-shadow : #000 0 1px 1px;
font-size : 13px;
line-height : 1.3em;
background : url(images/pagebg.png) repeat;
border : 1px solid #333;
margin-top : 10px;
margin-bottom : 10px;
padding-right : 20px;
padding-bottom : 10px;
padding-left : 20px;
padding-top : 10px;
}
span.twitter-timestamp {
color : #333;
font-size : 10px;
}
a.twitter-link {
font-size : 12px;
color : #cc66cc;
text-decoration : none;
text-shadow : #330033 0 1px 1px;
}
#twitter_update_list li {
padding-bottom : 5px;
}
#twitter_update_list li a {
margin-left : 2px;
text-align : right;
}
#latestfind {
padding-right : 0;
padding-bottom : 10px;
padding-top : 0;
margin-bottom : 0;
padding-left : 70px;
color : #999;
background : url(images/mefeedia-sm.png) no-repeat;
text-shadow : #333 0 1px 1px;
height:50px;
}
#find {
float : right;
margin-right : 30px;
border : 1px solid #333;
width : 230px;
padding-top : 0;
padding-right : 20px;
margin-top : 25px;
padding-bottom : 20px;
padding-left : 20px;
height : 140px;
background : url(images/pagebg.png) repeat;
font-size : 13px;
color : black;
}
#find h3 {
margin-top : 10px;
text-align : right;
color : #333;
margin-bottom : 5px;
}
#findtitle {
border : 1px solid #333;
padding-right : 20px;
padding-bottom : 5px;
padding-top : 5px;
margin-bottom : 10px;
padding-left : 10px;
background : url(images/pagebg.png) repeat;
font-size : 16px;
text-shadow : #333 0 1px 1px;
}
#findtitle a {
color : #ccc;
text-decoration : none;
font-weight : bold;
}
#findtitle a:hover {
text-decoration : none;
font-weight : bold;
color : #639;
}