/* Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html */ 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, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { background: transparent;border: 0;margin: 0;padding: 0;vertical-align: baseline;} body { line-height: 1.3; } h1, h2, h3, h4, h5, h6 { clear: both; font-weight: normal; } ol, ul { list-style: none; } blockquote { quotes: none;} blockquote:before, blockquote:after { content: ''; content: none;} del { text-decoration: line-through; } /* tables still need 'cellspacing="0"' in the markup */ table { border-collapse: collapse; border-spacing: 0;} a img { border: none;} /* ---------random ---------*/ /* ------------------*/ /* Global Elements 'theme' and typographic styles */ body {background: #fff url('back3.gif') repeat-y 50% -50%;} body,input,textarea {color: #000;font-size: 12px;} hr {background-color: #e7e7e7;border: 0;clear: both;height: 1px;margin-bottom: 18px;} /*LAYOUT: Two-column fixed layout with one sidebar right of content */ #wrapper {border:1px blue solid;background: transparent;margin-top: 20px;padding: 0 20px;width: 1140px;} #access .menu-header,div.menu,#colophon,#branding,#main,#wrapper {margin: 0 auto;} #main {border:1px red solid;margin: 0 auto;width:95%;margin-top:140px;} #content {border:1px blue solid; margin: 0px 0 0 10px;float:right; width: 65%;min-height: 800px;} #content-center {border:0px purple solid; margin: 0px auto;min-height: 800px;} #primary, #secondary {border:1px green solid;padding-left:5px; float: left; min-width: 30%;} #secondary {border:0px yellow solid; clear: left;} #footer { clear: both; width: 100%;} /*----------------HEADER-----------------*/ #header {padding: 30px 0 0 0;margin: 0 auto;width: 699px;display: block;border:1px blue solid;} #site-title {color: red; font-size: 41px;line-height: 36px;margin: 0 0 18px 0;letter-spacing:9px;text-align: center;} #site-title a {color: red;font-weight: bold;} /*----------------MENU-----------------*/ .menu-header {border:0px blue solid;height:120px;clear: both;float: left;overflow: hidden;width: 100%; margin: 0 auto;} #access {color: #B8AF1F;} #access .menu-header,div.menu {font-size: 21px;font-weight: bold;} #menu-main-menu {border:0px pink solid;height:80px; float: left;left: 50%;list-style-type: none;margin: 0 auto;padding: 0;position: relative;} #access .menu-header ul,div.menu ul {list-style: none;} #access .menu-header li,div.menu li {float: left;position: relative;right: 50%;} #access a {color: #B8AF1F;display: block;line-height: 28px;padding: 0 40px 0 40px;} #access ul ul {display: none;position: absolute;left: 0;float: left;width: 0px;z-index: 99999;} #access ul ul li {min-width: 0px;} #access ul ul ul {left: 100%;top: 0;} #access ul ul a {background: transparent;line-height: 1.3em;width: 180px;height: auto;} #access li:hover > a,#access ul ul :hover > a {background: transparent;color: #666;} #access ul li:hover > ul {display: block;pading:0px;margin:0px;} #access ul li.current_page_item > a,#access ul li.current-menu-ancestor > a,#access ul li.current-menu-item > a,#access ul li.current-menu-parent > a {color: #666;} * html #access ul li.current_page_item a,* html #access ul li.current-menu-ancestor a,* html #access ul li.current-menu-item a,* html #access ul li.current-menu-parent a,* html #access ul li a:hover {color: #fff;} /*NAVIGATION*/ .navigation {color: #888; font-size: 12px; line-height: 18px; overflow: hidden; } .navigation a:link,.navigation a:visited {color: #888; text-decoration: none; } .navigation a:active,.navigation a:hover {color: #ff4b33; } .nav-previous {float: left; width: 50%; } .nav-next {float: right; text-align: right; width: 50%; } #nav-above {margin: 0 0 18px; } #nav-above {display: none; } .paged #nav-above,.single #nav-above {display: block; } #nav-below {margin: -18px 0 0; } /*FOOTER*/ #footer {width: 80%; margin-bottom: 20px;margin:0 auto;} #colophon {margin:0 auto;padding: 18px 0 50px; text-align:center;} #site-info {font-weight: bold;} #site-info a {color: #000;text-decoration: none;} /*Contact Page*/ #content-contact {border:0px purple solid; margin: 0px auto;min-height: 800px;} #content-contact a {margin-left: 80px ;color: black;font-weight:bold;text-decoration:none;} #content-contact a:hover {color: red;} #oni-facebook strong, #ayo-facebook strong, #oni-myspace strong, #ayo-myspace strong {color:#50BED1; font-size: 61px;margin:15px;} #oni-facebook a, #ayo-facebook a, #oni-myspace a, #ayo-myspace a {font-size: 25px; color: #000; margin:15px;font-weight:bold;} #ayo-myspace {margin:50px 0 0 50px;float:left;width: 40%;background: transparent url('http://ayoandoni.net/ayo_myspace.jpg') no-repeat;} #ayo-facebook {float:left;margin:0 0 0 50px;width: 48%;background: transparent url('http://ayoandoni.net/ayo_facebook.jpg') no-repeat;} #oni-myspace {margin:50px 80px 0 90px;float:left;width: 40%;background: transparent url('http://ayoandoni.net/oni_myspace.jpg') no-repeat;} #oni-facebook {margin:20px 10px 0 20px;float:left;width: 40%;background: transparent url('http://ayoandoni.net/oni_facebook.jpg') no-repeat;} #site-info,#site-title,#oni-facebook,#ayo-facebook,#oni-myspace,#ayo-myspace,#site-info a,#site-title a,#oni-facebook a,#ayo-facebook a,#oni-myspace a, #ayo-myspace a {font-family:"Helvetica Neue", Arial, Helvetica, "Nimbus Sans L", sans-serif; } /*FONTS*/ .entry-title {font-weight: bold;font-size: 65px;padding-left:85px;color:black;text-decoration: underline;text-transform:uppercase;} body,input,textarea,.page-title span,.pingback a.url, #access .menu,#access div.menu ul,.entry-title,#content-contact a {font-family: Georgia, "Bitstream Charter", serif;} #site-info,#site-title,#oni-facebook,#ayo-facebook,#oni-myspace,#ayo-myspace,#site-info a,#site-title a,#oni-facebook a,#ayo-facebook a,#oni-myspace a, #ayo-myspace a {font-family:"Helvetica Neue", Arial, Helvetica, "Nimbus Sans L", sans-serif;} h3#comments-title,h3#reply-title,#cancel-comment-reply-link,.form-allowed-tags,#wp-calendar,.comment-meta,.comment-body tr th,.comment-body thead th,.entry-content label,.entry-content tr th, .entry-content thead th,.entry-meta,.entry-utility,#respond label,.navigation,.page-title,.pingback p,.reply,.widget-title, .wp-caption-text,input[type=submit], .entry-content {font-family: Verdana} pre {font-family: "Courier 10 Pitch", Courier, monospace;} code {font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;} /*TEXT*/ h2 {padding:15px 0 15px 0; text-align: center;font-size: 29px;text-decoration:underline;font-weight: bold;} p {margin-bottom: 18px;} ol {list-style: decimal;margin: 0 0 18px 1.5em;} ol ol {list-style: upper-alpha;} ol ol ol {list-style: lower-roman;} ol ol ol ol {list-style: lower-alpha;} ul ul,ol ol,ul ol,ol ul {margin-bottom: 0;} dl {margin: 0 0 24px 0;} dt {font-weight: bold;} dd {margin-bottom: 18px;} strong {font-weight: bold;} cite,em,i {font-style: italic;} big {font-size: 131.25%;} ins {background: #ffc;text-decoration: none;} blockquote {font-style: italic;padding: 0 3em;} blockquote cite,blockquote em,blockquote i {font-style: normal;} pre {background: #f7f7f7;color: #222;line-height: 18px;margin-bottom: 18px;padding: 1.5em;} abbr,acronym {border-bottom: 1px dotted #666;cursor: help;} sup,sub {height: 0;line-height: 1;position: relative;vertical-align: baseline;} sup {bottom: 1ex;} sub {top: .5ex;} input[type="text"], textarea { background: #f9f9f9;border: 1px solid #ccc;box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);-moz-box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);-webkit-box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);padding: 2px;} a:link {color: #0066cc;} a:visited {color: #000;} a:active,a:hover {color: #ff4b33;} /* Main sidebars */ ul#govno {margin-top:25px;font-size: 15px;font-weight: bold;line-height: 1.3em;} ul#govno li a {color: black;} ul#govno li a:hover {color: red;} #main .widget-area ul {margin-left: 0;padding: 0 20px 0 0;width:800px;} #main .widget-area ul ul {border: none;margin-left: 1.3em;padding: 0;} #primary {} #secondary {} /*Widget Areas*/ .widget-area ul {list-style: none; margin-left: 0; } .widget-area ul ul {list-style: square; margin-left: 1.3em; } .widget_search #s {/* This keeps the search inputs in line */width: 60%; } .widget_search label {display: none; } .widget-container {margin: 0 0 18px; } .widget-title {color: #222; font-weight: 700; } .widget-area a:link,.widget-area a:visited {text-decoration: none; } .widget-area a:active,.widget-area a:hover {text-decoration: underline; } .widget-area .entry-meta {font-size: 11px; } #wp_tag_cloud div {line-height: 1.6em; } #wp-calendar {width: 100%; } #wp-calendar caption {color: #222; font-size: 14px; font-weight: 700; padding-bottom: 4px; text-align: left; } #wp-calendar thead {font-size: 11px; } #wp-calendar thead th {} #wp-calendar tbody {color: #aaa; } #wp-calendar tbody td {background: #f5f5f5; border: 1px solid #fff; padding: 3px 0 2px; text-align: center; } #wp-calendar tbody .pad {background: none; } #wp-calendar tfoot #next {text-align: right; } .widget_rss a.rsswidget {color: #000; } .widget_rss a.rsswidget:hover {color: #ff4b33; } .widget_rss .widget-title img {width: 11px; height: 11px; } /*Images*/ #content-center img {margin: 0; height: auto; max-width: 640px; width: auto; } #content-center .attachment img {max-width: 900px; } #content-center .alignleft,#content img.alignleft {display: inline; float: left; margin-right: 24px; margin-top: 4px; } #content-center .alignright,#content img.alignright {display: inline; float: right; margin-left: 24px; margin-top: 4px; } #content-center .aligncenter,#content img.aligncenter {clear: both; display: block; margin-left: auto; margin-right: auto; } #content-center img.alignleft,#content img.alignright,#content img.aligncenter {margin-bottom: 12px; } #content-center .wp-caption {background: #f1f1f1; line-height: 18px; margin-bottom: 20px; padding: 4px; text-align: center; } #content-center .wp-caption img {margin: 5px 5px 0; } #content-center .wp-caption p.wp-caption-text {color: #888; font-size: 12px; margin: 5px; } #content-center .wp-smiley {margin: 0; } #content-center .gallery {margin: 0 auto 18px; } #content-center .gallery .gallery-item {float: left; margin-top: 0; text-align: center; width: 33%; } #content-center .gallery img {border: 2px solid #cfcfcf; } #content-center .gallery .gallery-caption {color: #888; font-size: 12px; margin: 0 0 12px; } #content-center .gallery dl {margin: 0; } #content-center .gallery img {border: 10px solid #f1f1f1; } #content-center .gallery br+br {display: none; } #content-center .attachment img {/* single attachment images should be centered */display: block; margin: 0 auto; } #content img {margin: 0; height: auto; max-width: 640px; width: auto; } #content .attachment img {max-width: 900px; } #content .alignleft,#content img.alignleft {display: inline; float: left; margin-right: 24px; margin-top: 4px; } #content .alignright,#content img.alignright {display: inline; float: right; margin-left: 24px; margin-top: 4px; } #content .aligncenter,#content img.aligncenter {clear: both; display: block; margin-left: auto; margin-right: auto; } #content img.alignleft,#content img.alignright,#content img.aligncenter {margin-bottom: 12px; } #content .wp-caption {background: #f1f1f1; line-height: 18px; margin-bottom: 20px; padding: 4px; text-align: center; } #content .wp-caption img {margin: 5px 5px 0; } #content .wp-caption p.wp-caption-text {color: #888; font-size: 12px; margin: 5px; } #content .wp-smiley {margin: 0; } #content .gallery {margin: 0 auto 18px; } #content .gallery .gallery-item {float: left; margin-top: 0; text-align: center; width: 33%; } #content .gallery img {border: 2px solid #cfcfcf; } #content .gallery .gallery-caption {color: #888; font-size: 12px; margin: 0 0 12px; } #content .gallery dl {margin: 0; } #content .gallery img {border: 10px solid #f1f1f1; } #content .gallery br+br {display: none; } #content .attachment img {/* single attachment images should be centered */display: block; margin: 0 auto; } /*Gallery listing*/ .category-gallery .size-thumbnail img {border: 10px solid #f1f1f1; margin-bottom: 0; } .category-gallery .gallery-thumb {float: left; margin-right: 20px; margin-top: -4px; } .home #content .category-gallery .entry-utility {padding-top: 4px; } /*Attachment pages*/ .entry-content {min-height:200px;padding:15px 5px 15px 5px;font-size: 15px;} .attachment .entry-content .entry-caption {font-size: 140%; margin-top: 24px; } .attachment .entry-content .nav-previous a:before {content: '\2190\00a0'; } .attachment .entry-content .nav-next a:after {content: '\00a0\2192'; } /* =Asides*/ .home #content .category-asides p {font-size: 14px; line-height: 20px; margin-bottom: 10px; margin-top: 0; } .home .hentry.category-asides {padding: 0; } .home #content .category-asides .entry-content {padding-top: 0; } /*Comments*/ #comments {clear: both; } #comments .navigation {padding: 0 0 18px; } h3#comments-title,h3#reply-title {color: #000; font-size: 20px; font-weight: 700; margin-bottom: 0; } h3#comments-title {padding: 24px 0; } .commentlist {list-style: none; margin: 0; } .commentlist li.comment {border-bottom: 1px solid #e7e7e7; line-height: 24px; margin: 0 0 24px; padding: 0 0 0 56px; positio .commentlist li:last-child {border-bottom: none; margin-bottom: 0; } #comments .comment-body ul,#comments .comment-body ol {margin-bottom: 18px; } #comments .comment-body p:last-child {margin-bottom: 6px; } #comments .comment-body blockquote p:last-child {margin-bottom: 24px; } .commentlist ol {list-style: decimal; } .commentlist .avatar {position: absolute; top: 4px; left: 0; } .comment-author {} .comment-author cite {color: #000; font-style: normal; font-weight: 700; } .comment-author .says {font-style: italic; } .comment-meta {font-size: 12px; margin: 0 0 18px; } .comment-meta a:link,.comment-meta a:visited {color: #888; text-decoration: none; } .comment-meta a:active,.comment-meta a:hover {color: #ff4b33; } .commentlist .even {} .commentlist .bypostauthor {} .reply {font-size: 12px; padding: 0 0 24px; } .reply a,a.comment-edit-link {color: #888; } .reply a:hover,a.comment-edit-link:hover {color: #ff4b33; } .commentlist .children {list-style: none; margin: 0; } .commentlist .children li {border: none; margin: 0; } .nopassword,.nocomments {display: none; } #comments .pingback {border-bottom: 1px solid #e7e7e7; margin-bottom: 18px; padding-bottom: 18px; } .commentlist li.comment+li.pingback {margin-top: -6px; } #comments .pingback p {color: #888; display: block; font-size: 12px; line-height: 18px; margin: 0; } #comments .pingback .url {font-size: 13px; font-style: italic; } /* Comments form */ input[type=submit] {color: #333; } #respond {border-top: 1px solid #e7e7e7; margin: 24px 0; overflow: hidden; position: relative; } #respond p {margin: 0; } #respond .comment-notes {margin-bottom: 1em; } .form-allowed-tags {line-height: 1em; } .children #respond {margin: 0 48px 0 0; } h3#reply-title {margin: 18px 0; } #comments-list #respond {margin: 0 0 18px; } #comments-list ul #respond {margin: 0; } #cancel-comment-reply-link {font-size: 12px; font-weight: 400; line-height: 18px; } #respond .required {color: #ff4b33; font-weight: 700; } #respond label {color: #888; font-size: 12px; } #respond input {margin: 0 0 9px; width: 98%; } #respond textarea {width: 98%; } #respond .form-allowed-tags {color: #888; font-size: 12px; line-height: 18px; } #respond .form-allowed-tags code {font-size: 11px; } #respond .form-submit {margin: 12px 0; } #respond .form-submit input {font-size: 14px; width: auto; } /* Text meant only for screen readers */ .screen-reader-text {position: absolute;left: -9000px;} /*Mobile Safari ( iPad, iPhone and iPod Touch ) */ pre {-webkit-text-size-adjust: 140%;} code {-webkit-text-size-adjust: 160%;} #access,.entry-meta,.entry-utility,.navigation,.widget-area {-webkit-text-size-adjust: 120%;} #site-description {-webkit-text-size-adjust: none;} /*Print Style*/ @media print { }