/*
Theme Name: Neon
Theme URI: http://blog.voyou.org/
Description: Inspired by 1950s commercial design, with a slightly unusual organization for the front page.
Author: Voyou Désœuvré
Author URI: http://blog.voyou.org/
*/

@import url("black_jack.css");

/* Defaults */
body {
        background-color: white;
        color: black;
        font-family: Trade Gothic LT Std, Trade Gothic, Franklin Gothic Book, Helvetica, Arial, Sans, sans-serif;
}

p {
        margin: 0;
        padding: 0 0 1em 0;
}

a:link {
        color: #00b2cb;
        text-decoration: none;
}                                        

a:visited {
        color: #005965;
        text-decoration: none;
}

a:hover {
        text-decoration: underline;
}

.clearer {
        clear: both;
}

blockquote {
	margin: 0;
	padding-top: 12px;
	padding-left: 12px;
	padding-right: 2em;
	background-color: white;
	background-image: url(images/quote.png);
	background-repeat: no-repeat;
	font-style: italic;
}

blockquote em {
	font-style: normal;
}

ul {
    list-style-image: url(images/bullet.png);
    margin-top: 0;
    padding-top: 0;
    padding-bottom: 1em;
    padding-left: 1em;
}  

ol {
    margin-top: 0;
    padding-top: 0;
    padding-bottom: 1em;
    padding-left: 1.5em;
}

ins {
    display: block;
    background-image: url(images/ins.png);
    background-repeat: no-repeat;
    padding-left: 12px;
    padding-top: 12px;
    min-height: 63px;
    min-width: 66px;
    text-decoration: none;
}

ins[datetime]:after{
	content: "Added " attr(datetime);
	float: right;
	font-size: 80%;
	font-style: italic;
	padding-top: .1em;
	padding-left: 1em;
}

/* Layout */

h1 {
    position: absolute;
    right: 0;
    top: 0;
    width: 225px;
    margin: 0;
    padding: 0;
    /* z-index: -1; */
}

h1 img {
    border-style: none;
}

#strapline {
    margin-left: 30%;
    margin-right: 225px;
    text-align: right;
    margin-top: 0;
    margin-bottom: 0;
    color: #00b2cb;    
}

#posts {
    margin-right: 225px; 
    margin-left: 1em;
    margin-top: 3em;
}


/* Main post */

#featured-post, .archive .post, .search .post {
    padding-top: 0;
    border-top: solid 2px black;
    border-bottom: solid 1px black;
	margin-bottom: 2.5em;
}

#featured-post .metadata, .archive .post .metadata, .search .post .metadata {
    float: left;
    width: 11.5em;
    padding: 1em 1em 5em 0.5em;
}

#featured-post h3, .archive .post h3, .search .post h3 {
    margin: 0;
    padding-top: 0;
    padding-bottom: 1.6em;
    font-size: 150%;
    line-height: 0.8;
    font-weight: bold;
    padding-left: 0.333em;
}

.single #featured-post h3 {
    line-height: 0.933;
    padding-bottom: 1.8667em;
}

.metadata .author-date, .metadata .categories, .metadata .edit-link, .metadata .comments {
    text-align: right;
    margin: 0;
    padding: 0;
    font-size: 80%;
    line-height: 1.5;
}

.single .metadata .author-date, 
.single .metadata .categories, 
.single .metadata .edit-link, 
.single .metadata .comments {
    line-height: 1.75;
}

#featured-post .entry, .archive .entry, .search .entry {
    padding-top: 1em;
    margin-top: 0;
    margin-left: 13em;
    padding-left: 1em;
    padding-bottom: 1.5em;
}

.front .entry img, .archive .entry img, .search .entry img {
    float: right;
    width: 40%;
    clear: right;
    margin-left: 1em;
    margin-bottom: 1em;
}

a.wpaudio img.wpaudio-play { display: inline; float: none; }

.wpaudio-container { display: inline-block; }

.single .entry img, .front .entry img.primary, .archive .entry img.primary, .search.entry img.primary {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 1.4em;
    display: block;
    width: auto;
    float: none;
}

.entry p.video, .entry p.flash, object  {
    margin-left: auto;
    margin-right: auto;
/*    margin-bottom: 1.4em; */
    display: block;
    text-align: center;
/*    width: 400px; */
}

.entry div.video {
	max-width: 33em;
}

.entry iframe {
	margin-left: auto;
	margin-right: auto;
	display: block;
}

div.video .video-js-box {
	margin-left: auto;
	margin-right: auto;
}

.more-link {
	margin-left: 2em;
	margin-top: 0em;
	text-align: right;
	float: right;
}

.entry p {
    max-width: 33em;
}

.entry blockquote, .entry ul, .entry ol {
    max-width: 30em;
}

.single .entry p, .single .entry blockquote, .single .entry ul, .single .entry ol {
    text-align: justify;
}

/* Additional posts or comments */

#additional {
        margin-left: 13em;
	margin-right: -3em;
	line-height: 1.2em;
}

#additional #related-posts, #additional #recent-posts, #additional #recent-comments {
        width: 50%;
}

#additional #related-posts ul, #additional #recent-posts ul, #additional #recent-comments ul, #additional #snippets ul {
	padding-right: 1.5em;
        margin-right: 28px;
}

#additional #recent-posts {
        float: right;
}

#additional #related-posts, #additional #recent-comments {
        float: left;
}

#additional h2 {
        width: 28px; 
        font-size: 180%;
        float: left;
        margin-left: -28px;
        margin-top: 0;
        padding-top: 0;
}

#additional ul, #additional ol, #additional div#comment-form, #additional #twitter-widget, #additional .tumblr-more {
    margin-top: 0;
    padding: 0;
	padding-left: 1em;
	list-style-image: none;
	list-style-type: none;
	margin-left: 0;
	max-width: 33em;
}

#additional #twitter-widget {
    padding-bottom: 1em;
}

#additional ul li {
        padding: 0 0 1.5em 0;
}

#additional ul li.snippet-summary {
    padding-bottom: 0.5em;
}

#additional ul li.snippet-link {
    padding-bottom: 0;
}


#additional h3 {
        margin-top: 0;
        margin-bottom: 0.5em;
        font-size: 100%;
}

#additional li p {
        margin: 0;
        padding: 0;
}

#additional #comments li p, #additional #snippets li p {
    padding-bottom: 1em;
}

img.avatar {
    float: right;
    clear: right;
    padding-left: 1em;
}

#comments img.avatar {
    padding-bottom: 1em;
}

#recent-comments img.avatar {
	width: 24px;
	height: 24px;
	padding-bottom: 0;
}

#additional #comments h3.comment-info {
    float: right;
    padding-left: 3em;
}

#comment-form textarea {
    width: 100%;
}

#comment-form label {
    width: 4em;
    display: inline-block;
}

#flickr_photos {
    list-style-type: none;
    list-style-image: none;
    float: left;
    text-align: center;
    width: 12em;
    margin-top: 2em;
    padding: 0;
}

#lastfm_tracks {
    list-style-type: none;
    list-style-image: none;
    width: 161px; 
/*    margin-top: 133px;
    margin-right: -225px; */
    position: absolute;
    right: 0;
    top: 600px;
}

#lastfm_tracks li {
    padding-bottom: 0.5em;
    margin-left: auto;
    margin-right: auto;
}

/* 404 pages */

.notfound .categories, .notfound .archives {
    width: 45%;
    float: left;
    list-style: none;
    padding-left: 0;
}

/* Menus */

#menus {
        clear: both;
        border-top: solid gray 1px;
        margin-top: 3em;
}

#menus ul {
        margin:0;
        padding: 0;
}

#menus ul ul {
        width: 100%;
}

#menus ul#utility, #menus ul#next-link {
        float: right;
        width: 30%;
}

#menus ul#activity, #menus ul#previous-link {
        float: left;
        width: 30%;
}

#menus ul#navigation {
        margin: 0 30%;
        border-left: 1px dotted gray;
        border-right: 1px dotted gray;
}

#menus ul {
	list-style-image: none;
	list-style-type: none;
}

#menus ul li {
        padding: 1em 1em 1.5em 1em;
}

#menus ul li li {
        padding: 0 0 0.5em 0;
}

#menus h2 {
        font-size: 100%;
        margin: 0 0 0.5em 0;
        padding: 0;
}

#previous-link span {
    float: left;
    padding-right: 0.5em;
}

#next-link span {
    float: right;
    padding-left: 0.5em;
}

#next-link {
    text-align: right;
}

.widget {
	float: left;
}
  
  /* Customization for specific widgets */
.widget_calendar {
	float: none;
}

.widget_calendar h2 {
	display: none;
}

.widget_search {
	float: none;
}

.widget_search br {
    display: none;
}




/* Colors/fonts */

#strapline {
        font-family: Kaufmann Std, Kaufmann, Mistral Std, Mistral, BlackJack, cursive;
}

#featured-post, .archive .post, .search .post {
        background-color: #00b2cb;
        color: black;
}

.entry {
        background-color: white;
        color: black;
 	line-height: 1.2em;
}


.single .entry {
    line-height: 1.4em;
}

.metadata a:link, .metadata a:visited {
        color: black;
        text-decoration: none;
        background-color: inherit;
}                                        

.metadata a:hover {
        text-decoration: underline;
}

#previous-link span, #next-link span {
    color: black;
}

.rsswidget img {
    display: none;
}

.lastfm_sep {
    display: none;
}

span.lastfm_artist, span.lastfm_album, span.lastfm_music {
    display: block;
    font-size: 80%;
    color: black;
}

.ilastfm_display img, #lastfm_tracks img {
/*    margin-bottom: 0.5em; */
}

span.lastfm_artist {
   font-weight: bold;
}

#snippets .rssSummary a {
    font-weight: bold;
}

#snippets .rssSummary p a {
    font-weight: normal;
}

#snippets .permalink {
    display: block;
    margin-top: -2em;
}

#snippets a.read-more, #snippets a.permalink {
    font-weight: normal;
}

/* Type icons */

a[type^="audio/"] {
        background: url(mime/audio-x-generic.png) no-repeat center right;
        padding-right: 18px;
        margin-right: 4px;
}

.wpaudio-container a[type^="audio"] {
	background: inherit;
        padding-right: inherit;
        margin-right: inherit;
}

a[type^="application/pdf"], a[type^="application/msword"], a[type^="application/vnd.oasis.opendocument.text"] {
        background: url(mime/x-office-document.png) no-repeat center right;
        padding-right: 18px;
        margin-right: 4px;
}

sup {
	font-size: 80%;
	line-height: 0;
}

abbr[class*=date] {
    border-bottom: none;
}

h3 abbr {
    font-weight: normal;
    font-size: 80%;
}

a img, .entry img {
	border: 2px solid;
}

h1 a img {
	border: none;
}

.wpaudio-container { vertical-align: top; }

#snippets ul.tumblr li.tumblr-post, #snippets ul.tumblr li.tumblr-mini {
    padding-bottom: 0 !important;
}

li.tumblr-mini h3 {
    font-weight: normal;
    padding-bottom: 0;
}

.tumblr-original {
    margin-top: -1em !important;
    font-size: 80%;
}

a.twitter-link {
    font-size: 80%;
    font-style: italic;
    display: block;
    margin-top: -1em;
}


#comments .tweet {
    font-size: 80%;
    padding-left: 2em;
}