/*
Theme Name: Outbreak style
Theme URI: http://friedcellcollective.net/outbreak
Description: Outbreak is a theme made specially for friedcellcollective.net/outbreak by Marko Mrdjenovič
Version: 1.0.0
Author: <a href="http://friedcellcollective.net">Marko Mrdjenovic</a>
*/

/* RESET */
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 {margin: 0;padding: 0;border: 0; outline: 0; font-size: 100%;vertical-align: baseline; background: transparent;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {content: ''; content: none;}
/* remember to define focus styles! */
:focus {outline: 0;}
/* remember to highlight inserts somehow! */
ins {text-decoration: none;}
del {text-decoration: line-through;}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: collapse; border-spacing: 0;}

/* COLORS */
body.about-me {background-image:url(images/bg-about-me.gif);}
body.about-me #site {background-image:url(images/cell-about-me.jpg);}
body.about-me a {color:#F60;}
body.about-me a:hover {background:#F60;color:#fff;text-shadow:0 0 .5em #f6f6f6;}
body.about-me #header .slash {color:#F60;}
body.about-me #header .part {color:#F60;}
body.about-me #side .key.disabled {color:#F60;}
body.about-me #side .key:hover {background:#F60;}
body.about-me .post h2 a:hover {text-shadow:0 0 4px rgba(255,102,0,.5);}
body.about-me .cms blockquote {border-color:#F60;}
body.about-me .cms strong a:hover {background:#F60;}
body.about-me .cms img {border-color:#F60;}
body.about-me .cms a:hover img {background:#F60;}
body.about-me .cms ul.thumbs, body.about-me .cms .bigimage {border-color:#F60;}
body.about-me #opinions .own {background-color:#FFECDF;}
body.about-me #side #ads .adiframe {border-color:#F60;}

body.projects {background-image:url(images/bg-projects.gif);}
body.projects #site {background-image:url(images/cell-projects.jpg);}
body.projects a {color:#393;}
body.projects a:hover {background:#393;color:#fff;text-shadow:0 0 .5em #f6f6f6;}
body.projects #header .slash {color:#393;}
body.projects #header .part {color:#393;}
body.projects #side .key.disabled {color:#393;}
body.projects #side .key:hover {background:#393;}
body.projects .post h2 a:hover {text-shadow:0 0 4px rgba(51,153,51,.5);}
body.projects .cms blockquote {border-color:#393;}
body.projects .cms strong a:hover {background:#393;}
body.projects .cms img {border-color:#393;}
body.projects .cms a:hover img {background:#393;}
body.projects .cms ul.thumbs, body.about-me .cms .bigimage {border-color:#393;}
body.projects #opinions .own {background-color:#E5F2E5;}
body.projects #side #ads .adiframe {border-color:#393;}

/* LAYOUT */
html,body {width:100%;height:100%;}
body {font-size:62.5%;background:#F6F6F6 url(images/bg.gif) repeat-y;}
body.debug {background:#F6F6F6 url(images/grid.gif) repeat-y;}

body.clean, body.clean #site {background-image:none;}
body.clean.debug {background:url(images/grid.gif) repeat-y;}
body.clean #header .out {color:#B7C6E3;left:-125px;}
body.clean.about-me #header .out {color:#FFD3B6;}
body.clean.projects #header .out {color:#C5E2C5;}
body.clean #footer {display:block;}

#site {width:850px;height:100%;padding:0 0 0 140px;font-family:Calibri,"Lucida Grande",sans-serif;background:url(images/cell.jpg) no-repeat 10px 48px;}
#quicklinks, #nodesign {display:none;}

a {color:#039;}
a:hover {background:#039;color:#fff;text-decoration:none;}

#header {margin:0 10px;border-bottom:.4em solid #333;position:relative;}
#header h1 {font-size:6.8em;margin-left:-3px;width:10em;}
#header a {color:#000;text-decoration:none;}
#header a:hover {color:#000;background:none;}
#header .out {position:absolute;left:-140px;top:0;width:120px;overflow:hidden;color:#fff;text-align:right;}
#header .slash {font-size:.55em;position:relative;top:-.12em;padding:0 0 0 .1em;color:#039;}
#header .part {font-size:.55em;color:#039;}

#searchbox {position:absolute;right:0;bottom:.9em;width:270px;}
#searchbox li {float:left;}
#searchbox label {font-size:1.2em;line-height:1.5;margin:0 9px 0 0;min-width:60px;display:-moz-inline-box;display:inline-block;}
#searchbox input {font-size:1.2em;font-family:Calibri,"Lucida Grande",sans-serif;width:126px;margin:0 9px 0 0;}
#searchbox .submit input {width:auto;margin:0;}

#nav {margin:0 10px;padding-bottom:.2em;height:3.2em;border-bottom:.2em solid #333;}
#nav li {display:block;float:left;width:140px;height:3.6em;}
#nav li a {display:block;float:left;width:130px;border-right:10px solid #f6f6f6;height:1.5em;font-size:1.6em;color:#000;text-decoration:none;padding:.75em 0 0;cursor:pointer;text-shadow:0 0 4px #f6f6f6;}
#nav li a span {display:block;width:130px;height:1.25em;}
#nav li a:hover {background:none;color:#000;text-decoration:none;}
#nav li.about a:hover span {border-bottom:.25em solid #F60;text-shadow:0 0 4px rgba(255,102,0,.5);}
#nav li.blog a:hover span {border-bottom:.25em solid #039;text-shadow:0 0 4px rgba(0,51,153,.5);}
#nav li.projects a:hover span {border-bottom:.25em solid #393;text-shadow:0 0 4px rgba(51,153,51,.5);}
#nav li.experiments a:hover span {border-bottom:.25em solid #c30;text-shadow:0 0 4px rgba(204,51,.5);}

#img {margin:.9em 10px .7em;border-bottom:.2em solid #333;padding:0 0 .9em;position:relative;}
#img a {display:block;height:144px;}
#img .hover {position:absolute;right:.25em;bottom:1em;color:#ccc;display:none;font-size:1.2em;text-shadow:1px 1px 2px #000;}
#img a:hover .hover {display:block;}

#body {margin:1.8em 10px 0;padding:0 0 1.8em;width:550px;float:left;overflow:hidden;}

/* SEARCH TOOLS */
.hilite1, .hilite2, .hilite3, .hilite4, .hilite5, .hilite6, .hilite7, .hilite8, .hilite9, .hilite10 {background:#fcc;color:#000;padding:0 .1em;}
.hilite1 {background:#ff6;}
.hilite2 {background:#aff;}
.hilite3 {background:#9f9;}
.hilite4 {background:#f99;}
.hilite5 {background:#f6f;}
#side .key {text-decoration:none;color:#000;}
#side .key.disabled {background:none;color:#039;text-decoration:underline;}
#side .key:hover {background:#039;color:#fff;text-decoration:none;}

/* POSTS */
#posts {margin-bottom:1.1667em;}
.post {line-height:1.8em;display:block;clear:left;margin:0 0 .5em;}
div.post {margin:0 0 .9em;}
.post h2 {font-size:2em;line-height:1.35;padding-top:.25em;border-bottom:.2em solid #333;font-family:Constantia,"Big Caslon","Palatino Linotype","Times New Roman",Times,serif;}
.post h2 a {text-decoration:none;color:#000;text-shadow:0 0 4px #f6f6f6;}
.post h2 a:hover {background:none;color:#000;text-shadow:0 0 4px rgba(0,51,153,.5);}
.post h2 a:hover:after {content:' \00B6';font-family:Constantia,"Big Caslon","Palatino Linotype","Times New Roman",Times,serif;}
.post h3 {font-size:1.8em;line-height:1;font-family:Constantia,"Big Caslon","Palatino Linotype","Times New Roman",Times,serif;padding:.3889em 0 .2778em;border-bottom:.1111em solid #333;}
.post h3 span.suptitle {font-size:.6em;font-weight:normal;display:block;margin:0.1667em 0 0.3167em;}
.post .whowhen {font-size:1.2em;width:130px;overflow:hidden;float:left;padding:.3333em 0 0;margin:0 10px .75em 0;}
.post .entry-content {float:left;width:410px;font-size:1.2em;margin:.3333em 0 0;}
.post .action {clear:both;text-align:right;font-size:1.2em;}

/* POST CONTENT */
.cms p, .cms ul, .cms ol, .cms dl {margin:0 0 1.5em;color:#111;}
.cms h3 {font-size:1.6667em;padding:.25em 0;margin:0 0 0.2em;border-bottom:.1em solid #333;}
.cms h4 {font-size:1.5em;line-height:1;padding:.3889em 0 0;margin:0 0 .1111em;font-family:Constantia,"Big Caslon","Palatino Linotype","Times New Roman",Times,serif;}
.cms h5 {font-size:1.25em;}
.cms h6 {font-size:1.0833em;}
.cms em {color:#000;background:#ddd;padding:0 .1em;font-style:normal;}
.cms strong {color:#fff;background:#333;padding:0 .1em;}
.cms strong a {padding:0 .1em;background:#f6f6f6;}
.cms strong a:hover {background:#039;}
.cms blockquote {border:.1667em solid #039;border-width:0 .1667em;padding:0 .75em;}
.cms blockquote .cite {text-align:right;margin:0 0 0 3em;display:block;}
.cms img {padding:.25em;border:1px solid #039;}
.cms a:hover img {background:#039;}
.cms a.img:hover {background:none;}
.cms samp {background:#DFEAFF;padding:0 .1em;font-size:1.2413em;}
.cms div {margin:0 0 .35em;}
.cms div.clear {height:0;}
.cms ol {margin-left:-1.8em;}
.cms ul li, .cms ol li {margin-left:1.8em;}
.cms ul {list-style-type:disc;}
.cms ol {list-style-type:decimal;}
.cms dt {float:left;clear:both;margin:0 .5em 0 0;}
.cms dt:after {content:' —';}
.cms dt.wp-caption-dt {float:none;clear:none;margin:0;}
.cms dt.wp-caption-dt:after {content:'';}
.cms del {text-decoration:line-through;}
.cms ins {color:#000;background:#ddd;padding:0 .1em;}

/* CODE */
.cms pre {font-family:Consolas,"Lucida Console",Monaco,"Courier New",Courier,monospace;border:.1667em solid #039;border-width:.1667em 0;margin:-.1667em 0 1.3333em;width:410px;overflow:auto;}
.cms code {font-family:Consolas,"Lucida Console",Monaco,"Courier New",Courier,monospace;background:#DFEAFF;padding:0 .1em;}
.cms pre.inflow {margin:-0.9167em 0 .5667em;}
.cms pre code {padding:0;background:none;}

/* POST FEATURES */
.cms ul.thumbs, .cms .bigimage {margin:-.1667em 0 1.3333em -140px;width:550px;border:.1667em solid #039;border-width:.1667em 0;padding:1.5em 0 0;list-style:none;}
.cms ul.thumbs li {background:none;float:left;padding:0 1.5em 0 0;margin:0 0 1.0833em;}
.cms ul.thumbs a:hover {background:none;}
.cms .bigimage .wrapper {float:right;margin:0;width:auto;}
.cms .bigimage .wrapper iframe {margin-bottom:.75em;}

.cms a[rel~=footnote] {position:relative;bottom:.5em;font-size:.8333em;line-height:1;font-weight:normal;margin:0 .1em;}
.cms a[rev~=footnote]:after {content:' ↵';}
.cms a[rev~=footnote] {font-weight:normal;}
.cms ol.footnotes {border-top:.1667em solid #333;margin:-.1667em 0 1.5em;}
.cms ol.footnotes:before {content:"Footnotes:";}
.cms ol.footnotes li {padding:0;margin:0;font-size:.9167em;line-height:1.6363;}
.cms ol.footnotes li img {padding:0;border:0;}

/* ZEMANTA */
.cms .zemanta-img {display:block;float:right;margin:0 0 1.5em 1em;}
.cms .zemanta-img dl {margin:0;position:relative;}
.cms .zemanta-img dt a {display:block;line-height:1px;}
.cms .zemanta-img.aligncenter {float:none;margin-left:0;}
.cms .zemanta-img span {display:block;font-size:.9167em;line-height:1.6363;}
.cms .zemanta-pixie {height:1.5em;margin:0;}
.cms .zemanta-pixie a:hover {background:none;}
.cms .zemanta-pixie img {padding:0;border:0;}
.cms .zemanta-pixie a:hover img {background:none;}
.cms .zemanta-article-ul {margin-left:0;}

/* PAGE NAV */
#body #pagenav {border-top:.1667em solid #333;font-size:1.2em;position:relative;padding:0 0 1.9em;font-family:Constantia,"Big Caslon","Palatino Linotype","Times New Roman",Times,serif;clear:both;}
#body #pagenav div {position:absolute;top:.6111em;font-size:1.5em;font-weight:bold;}
#body #pagenav div a {text-decoration:none;color:#000;}
#body #pagenav div a:hover {color:#fff;}
#body #pagenav-new {left:0;}
#body #pagenav-old {right:0;}

/* POST OPINIONS */
#opinions {clear:both;margin:0 0 2.2em 0;width:550px;}
#express-link {float:right;margin:-1.9167em 0 0;font-size:1.2em;}
#opinions .opinion {padding-bottom:.3em;border-bottom:.2em solid #333;}
*+html #opinions .opinion {overflow:auto;}
#opinions .own {background-color:#E7ECF5;}
#opinions .own em {background-color:#D2D7DE;}
.opinion .opinion-content {float:left;width:410px;font-size:1.2em;margin:.3333em 0 0;}

/* EXPRESS OPINION */
#express {clear:both;}
#express form {margin-top:.4em;}
#express form li {font-size:1.2em;margin:0 0 .75em;height:1.5em;}
#express form li.high {height:13.5em;}
#express form li label {line-height:1.5;width:140px;display:-moz-inline-box;display:inline-block;vertical-align:top;}
#express form li label span {display:block;width:140px;}
#express form li input {font-size:1em;padding:1px 1px 0;margin-left:-3px;}
#express form li .input {display:-moz-inline-box;display:inline-block;vertical-align:top;font-size:1em;margin-left:-3px;}
#express form li textarea {font-size:1em;font-family:Calibri,"Lucida Grande",sans-serif;margin-left:-3px;max-height:100%;}
#express form li.submit input {margin-left:137px;position:relative;left:3px;width:auto;}

#express form li #express-name {width:126px;}
#express form li #express-email {width:196px;}
#express form li #express-url {width:266px;}
#express form li #express-opinion {width:406px;padding-left:0;padding-right:0;}

/* SEARCH RESULTS */
.search #body h2 {font-size:2em;line-height:1.3;padding-top:.3em;border-bottom:.2em solid #333;font-family:Constantia,"Big Caslon","Palatino Linotype","Times New Roman",Times,serif;}
.search #body .post h2 {padding-bottom:.1em;border-bottom:.1em solid #333;}
.search #body #cse-search-results iframe {width:550px;}

/* SIDE */
#side {width:270px;float:left;margin-bottom:2.2em;}
#side .box {border-bottom:.1667em solid #333;margin:0;font-size:1.2em;line-height:1.5;padding-bottom:.25em;}
#side h3 {font-size:1.5em;font-family:Constantia,"Big Caslon","Palatino Linotype","Times New Roman",Times,serif;line-height:1;margin:.6111em 0 .5em;padding-bottom:.1111em}
#side p {margin:0 0 1.5em;}

/* SIDE - MAP */
#side .sidemap {width:270px;overflow:hidden;}
#side .sidemap iframe, #side .sidemap .map {width:268px;height:268px;border:1px solid #333;display:block;}
#side .sidemap .map a:hover {background:none;}
#side .sidemap p {margin-top:.25em;}

/* SIDE - ABOUT */
#side #about {margin:1.083em 0 0;}
#side #about address, #side #about p {font-style:normal;margin:0 0 1.5em;}

/* SIDE - ARCHIVE */
#side #archive ol {margin-top:-.0833em;padding:0 0 .8333em;}
#side #archive li {min-height:2.25em;}
#side #archive li form label {line-height:1.5;width:60px;margin:0 8px 0 0;display:-moz-inline-box;display:inline-block;}
#side #archive li form select {font-size:1em;width:139px;}

/* SIDE - ADS */
#side #ads {padding-bottom:1em;}
#side #ads h3 {margin-bottom:.5em;}
#side #ads .ad {height:5.6667em;padding-top:.3333em;}
#side #ads .adiframe {width:232px;height:58px;background:#fff;border:1px solid #039;text-align:center;}

/* SIDE - AUTHENTIC JOBS */
#authenticjobs a img {float:left;padding:0 1em .5em 0;border:0;}
#authenticjobs ul {clear:left;margin:0 0 1.5em;padding:0 0 0 2em;list-style:square;}

/* SIDE - LINKS */
#side #links {padding-bottom:1.75em;overflow:auto;}
#side #links h3 {margin-bottom:.4167em;}
#side #links .block {width:130px;float:left;}
#side #links .elsewhere {margin-right:10px;}
#side #links h4 {font-size:1.25em;line-height:1.2;margin:0 0 .0667em;}
#side #links li {background:url(images/icon_monitor_pc.gif) no-repeat 0 1px;padding:0 0 0 19px;}
#side #links .elsewhere li {background:url(images/icon_monitor_pc.gif) no-repeat 0 1px;}
#side #links .friends li {background:url(images/icon_user.gif) no-repeat 0 1px;}
#side #links a {background-repeat:no-repeat;}

/* SIDE - EXPAND */
#side #expand {margin:.3333em 0 0;padding-bottom:.25em;}
#side #expand p {font-style:normal;margin:0 0 .75em;}

/* FOOTER */
#footer {border-top:.4em solid #333333;clear:both;margin:0 10px;min-height:72px;display:none;position:relative;top:.1em;}

/* HACKS */
hr {display:none;}
.clear {clear:left;}
.clearfix:after, .opinion:after, .thumbs:after, .cms .bigimage:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
/* Hides from IE-mac \*/
* html .clearfix, * html .opinion, * html .thumbs, * html .cms .bigimage {height: 1%;}
/* End hide from IE-mac */
img {-ms-interpolation-mode:bicubic;}

/* POSTS */
#post-169 .cms img {margin-bottom:-.25em;}
#post-40 .cms ol li {margin-left:0;}