/*   
Theme Name: Jinked V3
Theme URI: http://jinked.net
Description: The third Jinked theme, brought to you by lots of paper and ZINES!
Author: Nichole
Author URI: http://illvision.net

This theme is not available for public use at this time.

*/


/* GLOBAL STYLES */
body {color:#333; background:#fff url(images/top-bg.gif) repeat-x; font:14px "Helvetica Neue", Helvetica, Arial, sans-serif;}
a {color:#db1dab; text-decoration:none; outline:none; font-weight:bold;} 
a:hover {color:#9fda17;}
h1, h2, h3, h4, h5, h6 {color:#333; font-family:Helvetica, "Helvetica Neue", Arial, sans-serif; font-weight:bold; padding:0 0 5px;}
h1 {font-size:28px;}
h2 {font-size:26px;}
h3 {font-size:24px;}
h4 {font-size:18px;}
h5 {font-size:16px;}
h6 {font-size:12px;}
ol {list-style:outside decimal; margin:0 0 15px 25px;}
ul {list-style:outside square; margin:0 0 15px 25px;}
blockquote {margin:15px 25px; padding:15px 15px 1px 15px; border-left:7px #0093cb solid; background:#f1f1f1 url(images/blockquote-bg.gif) repeat; color:#666; font-size:14px; font-style:italic;}


/* WRAPPERS */

#wrapper {width:950px; margin:0 auto;}


/* HEADER */

#header {width:950px; height:145px; background:url(images/header-bg.gif) no-repeat;}
#header h1 {width:445px; height:55px; background:url(images/jinked-logo.gif) 0 70px no-repeat; text-indent:-6666px; padding:60px 0 0; float:left;}
#header h1 a {width:445px; height:45px; display:block;}
#zines {width:317px; height:132px; background:url(images/zines.png) 0 13px no-repeat; text-indent:-6666px; padding:13px 0 0; float:right;}
#zines a {width:317px; height:132px; display:block;}


/* MENU */

#menu {width:950px; height:30px; background:#efefef; border:1px #e1e1e1 solid; margin:10px 0 0;}
#menu ul {display:inline; float:right;}
#menu ul li {display:inline;}
#menu ul li a {height:18px; color:#333; text-transform:uppercase; display:block; float:left; padding:6px 15px;}
#menu ul li a:hover {color:#fff;}
#menu ul li a.about:hover {background:#9fda17; text-shadow:#8cc30e 2px 2px;}
#menu ul li a.zines:hover {background:#de15b1; text-shadow:#bf0b97 2px 2px;}
#menu ul li a.projects:hover {background:#0093cb; text-shadow:#0078a6 2px 2px;}


/* POST */

#leftSide {width:640px; float:left;}
.notfound {width:950px; height:425px; background:url(images/404-bg.gif) no-repeat; margin:20px 0 80px; position:relative;} 
.notfound .notfoundBttn {position:absolute; top:350px; left:680px;}
.postWrap {width:600px; min-height:100px; padding:20px 20px 70px; margin:0 0 20px;}
.odd {background:url(images/bottom-post-odd.jpg) left bottom no-repeat;}
.even {background:url(images/bottom-post-even.jpg) left bottom no-repeat;}

.postWrap hr {width:100%; border:none; border-bottom:5px #de15b1 solid; margin:0 0 5px;}
.postWrap ul li, .postWrap ol li {line-height:20px;}

.postWrap h1.head {font-family:"MomsTypewriterRegular", Helvetica, "Helvetica Neue", Arial, sans-serif; font-size:20px; margin:0 0 7px;}
.postWrap h1.head a {color:#333;}
.postWrap h1.head a:hover {color:#de15b1;}

.postWrap h2.head {color:#777; font-size:12px; border:none; text-transform:uppercase; margin:4px 0 3px;}
.postWrap h2.head a {color:#0093cb;}
.postWrap h2.head a:hover {color:#333;}

.postWrap h3.head {color:#333; font-size:12px; font-weight:normal; margin:0 0 20px;}
.postWrap h3.head .blue {color:#0093cb; font-weight:bold;}
.postWrap h3.head .pink {color:#de15b1; font-weight:bold;}

.postWrap p {line-height:22px; margin:0 0 15px;}
.postWrap p .readmore {background:url(images/arrows.gif) left no-repeat; padding:0 0 0 17px;}
.postWrap blockquote p {line-height:20px;}
.postWrap .wp-caption {margin:0 auto; text-align:center;}
.postWrap .wp-caption-text {background:url(images/blockquote-bg.gif) repeat; color:#999; font-size:12px; font-style:italic; text-align:center; padding:5px 3px; margin:8px 0 15px;}
.postWrap h1 {color:#de15b1; font-size:24px; padding:0; margin:15px 0 0;}
.postWrap h2 {color:#0093cb; font-size:18px; text-transform:none; border-bottom:1px #d7d7d7 solid; padding:0; margin:30px 0 3px;}
.postWrap h3 {color:#de15b1; font-size:18px; padding:0; margin:0 0 5px;}

.postWrap ul.entry {display:inline; margin:0;}
.postWrap ul.entry li {display:inline; text-indent:-6666px; margin:10px 0 0;}
.postWrap ul.entry li a {width:151px; height:13px; background:url(images/read-entry.png) no-repeat; display:block; margin:20px 0 0;}
.postWrap ul.entry li a:hover {background-position:0 -13px;}

#postNavigation {width:620px; height:25px; background:url(images/nav-bg.jpg) no-repeat; padding:15px 0 10px; text-align:center;}
#postNavigation .prevLink {width:196px; height:20px; float:right; text-indent:-6666px; padding:0 50px 0 0}
#postNavigation .prevLink a {width:196px; height:20px; background:url(images/early-posts.png) no-repeat; display:block;}
#postNavigation .laterLink {width:200px; height:20px; float:left; text-indent:-6666px; padding:0 0 0 50px;}
#postNavigation .laterLink a {width:200px; height:20px; background:url(images/later-posts.png) no-repeat; display:block;}


/* SIDEBAR */

#rightSide {width:280px; float:right;}
#rightSide #sidebar {width:280px; padding:10px 0 0;}
#rightSide #sidebar ul {margin:0; padding:0;}
#rightSide #sidebar ul li {margin:0 0 15px;}
#rightSide #sidebar ul, #rightSide #sidebar ul li.widget {list-style:none outside;}

#rightSide #sidebar ul li#youtube-with-fancy-zoom h2 {width:260px; height:51px; background:url(images/sidebar-youtube.gif) no-repeat; text-indent:-6666px; margin:0 0 5px;}

#rightSide #sidebar ul li.widget_text h2 {width:260px; height:51px; background:url(images/sidebar-stand.gif) no-repeat; text-indent:-6666px; margin:0 0 5px;}

#rightSide #sidebar ul li.spw_widget h2 {width:260px; height:51px; background:url(images/sidebar-ocremix.gif) no-repeat; text-indent:-6666px; margin:0 0 5px;}
#rightSide #sidebar ul li.spw_widget p.ocremix {font-size:11px; margin:0 0 3px;}
#rightSide #sidebar ul li.spw_widget p.ocremix a {color:#0093cb;}
#rightSide #sidebar ul li.spw_widget p.ocremixDL a {font-size:12px; letter-spacing:3px; text-transform:uppercase;}

#rightSide #sidebar ul li.widget_links h2 {width:260px; height:51px; background:url(images/sidebar-links.gif) no-repeat; text-indent:-6666px; margin:0 0 5px;}
#rightSide #sidebar ul li.widget_links ul {list-style:inside; margin:0 0 0 5px;}
#rightSide #sidebar ul li.widget_links ul li {list-style:none outside; background:url(images/star.gif) no-repeat 0 2px; line-height:18px; border-bottom:1px #f9f9f9 solid; padding:0 0 7px 23px; margin:0 0 8px;}
#rightSide #sidebar ul li.widget_links ul li a {color:#333; font-weight:normal;}
#rightSide #sidebar ul li.widget_links ul li a:hover {color:#de15b1;}

#rightSide #sidebar ul li.widget_tag_cloud h2 {width:260px; height:51px; background:url(images/sidebar-tags.gif) no-repeat; text-indent:-6666px; margin:0 0 5px;}
#rightSide #sidebar ul li.widget_tag_cloud div {padding:0 0 0 5px;}
#rightSide #sidebar ul li.widget_tag_cloud div a {color:#cecece; line-height:20px;}
#rightSide #sidebar ul li.widget_tag_cloud div a:hover {color:#de15b1;}

#rightSide #sidebar ul li.widget_archive h2 {width:260px; height:51px; background:url(images/sidebar-archives.gif) no-repeat; text-indent:-6666px; margin:0 0 5px;}
#rightSide #sidebar ul li.widget_archive ul {margin:0 0 0 5px;}
#rightSide #sidebar ul li.widget_archive ul li {list-style:none outside; background:url(images/star.gif) no-repeat left center; line-height:28px; border-bottom:1px #f9f9f9 solid; padding:0 0 0 23px; margin:0 0 3px;}
#rightSide #sidebar ul li.widget_archive ul li a {color:#333; font-weight:normal;}
#rightSide #sidebar ul li.widget_archive ul li a:hover {color:#de15b1;}

#rightSide #sidebar ul li.searchbar h2 {width:260px; height:51px; background:url(images/sidebar-search.gif) no-repeat; text-indent:-6666px; margin:0 0 5px;}
#rightSide #sidebar ul li.searchbar #searchform #s, #rightSide #sidebar ul #searchform #searchsubmit {vertical-align:middle; margin:0 0 10px;}
#rightSide #sidebar ul li.searchbar #searchform #s {width:187px; height:25px; background:#efefef; border:1px solid #e1e1e1; color:#999; font-size:16px; padding:5px 5px 0;}
#rightSide #sidebar ul li.searchbar #searchform #searchsubmit {width:54px; height:32px; background:url(images/search-find.gif) no-repeat; border:none; cursor:pointer;}



/* COMMENTS - THE BANE OF MY EXISTENCE */

ol.commentlist {width:100%; margin:0; padding:0;}
ol.commentlist ul {margin:0 0 0 30px;}

ol.commentlist li.comment {border-bottom:3px #efefef dotted; margin:15px 0 30px;}
ol.commentlist li.comment ul.children li {border:none;}

ol.commentlist li.comment .commentCage {margin:0 0 30px;}
ol.commentlist li.comment .commentCage .top,
ol.commentlist li.comment-author-admin li.comment .commentCage .top
{width:93%; height:75px; background:#666 url(images/comment-paper-top.jpg) repeat; border-bottom:#ededed 2px solid; padding:20px; position:relative; z-index:900;}
ol.commentlist li.comment-author-admin .commentCage .top,
ol.commentlist li.comment-author-admin li.comment-author-admin .commentCage .top 
{width:93%; height:75px; background:#666 url(images/admin-response.jpg) no-repeat top right; padding:20px; position:relative;}
ol.commentlist li.comment .commentCage .top .floatleft img {border:#e4e4e4 5px solid;}
ol.commentlist li.comment .commentCage .top .floatleft img.shadow {border:none; position:absolute; top:90px; left:10px;}
ol.commentlist li.comment .commentCage .top .floatleft img.pin {border:none; position:absolute; top:5px; left:40px;}
ol.commentlist li.comment .commentCage .top .floatleft .topshdw {width:100%; position:absolute; top:115px; left:0; overflow:hidden;}
ol.commentlist li.comment .commentCage .top .floatleft .topshdw img {border:none;}
ol.commentlist li.comment .commentCage .top .moderation {width:200px; height:100px; color:#999; background:url(images/comment-moderation.png) no-repeat; position:absolute; top:5px; left:420px; text-indent:-6666px; z-index:999;}
ol.commentlist li.comment .commentCage .date {font-size:12px; line-height:20px; padding:17px 0 0 10px;}
ol.commentlist li.comment .commentCage .date a {color:#888; font-weight:normal;}
ol.commentlist li.comment .commentCage .date .fn {color:#333; font-family:"MomsTypewriterRegular", Helvetica, "Helvetica Neue", Arial, sans-serif; font-size:20px; font-weight:bold;}
ol.commentlist li.comment .commentCage .date .fn a {color:#de15b1; font-weight:bold;}

ol.commentlist li.comment .commentCage .commentTxt {width:91%; background:#cecece url(images/comment-paper-bg.jpg) repeat; padding:10px 15px 30px; margin:0 0 0 10px; position:relative; z-index:100;}
*+html ol.commentlist li.comment .commentCage .commentTxt {margin-top:-5px;}
ol.commentlist li.comment .commentCage .commentTxt .torn {width:100%; height:19px; position:absolute; bottom:0; left:0; overflow:hidden;}
ol.commentlist li.comment .commentCage .commentTxt p {line-height:20px; margin:0 0 15px;}

ol.commentlist li.odd, ol.commentlist li.even {background:none; list-style:none;}

h3#pings {margin:0 0 0 25px;}
ol.trackbacks {margin:0 0 35px 25px;}
ol.trackbacks li {background:#fff; list-style:none; border-bottom:#eee 2px dotted; padding:0 0 15px; margin:0 0 15px;}
ol.trackbacks li img, ol.trackbacks li .reply {display:none;}
ol.trackbacks li .date {font-size:11px; padding:0 0 5px;}
ol.trackbacks li .fn {font-size:16px;}


.comments-template {border-top:7px #999 solid; padding:15px 0 0; margin:40px 0 0;}
.comments-template h3#comments {width:600px; height:30px; background:url(images/comment-arrow.gif) no-repeat right; font-size:22px; font-style:italic; padding:20px 0 0;}

#respond {width:100%; padding:0 0 0 10px;}
#respond h3 {font-family:"MomsTypewriterRegular", Helvetica, "Helvetica Neue", Arial, sans-serif; margin:0 0 5px;}
#respond .subscribe-to-comments {margin:10px 0 0;}
#respond .subscribe-to-comments label {font-size:12px;}
#respond .subscribe-to-comments label, #respond .subscribe-to-comments input {vertical-align:middle;}
form#commentform textarea, form#commentform input {background:#efefef; border:1px solid #e1e1e1; color:#999; font-size:16px; padding:5px 5px 0;}
form#commentform textarea {font-family:"Helvetica Neue", Helvetica, Arial, sans-serif; margin:5px 0;}
form#commentform input {width:187px; height:25px; margin:0 5px 5px 0;}
form#commentform input#author {color:#de15b1;}
form#commentform input#email {color:#0093cb;}
form#commentform input#url {color:#9fda17;}
form#commentform label {color:#999; font-size:17px;}
form#commentform #submit {width:136px; height:34px; background:url(images/comment-sumbit.gif) no-repeat; border:none; cursor:pointer; margin:5px 0 0;}


/* FOOTER */

#footer {width:950px; background:url(images/footer-bg.jpg) repeat-y; position:relative; margin:50px 0 0;}
#footer .top {position:absolute; top:-29px; left:0;}

#footer #left {width:480px; float:left;}
#footer #left h1 {width:383px; height:39px; background:url(images/about-header.png) no-repeat; text-indent:-6666px; margin:0 0 0 20px;}
#footer #left .photos {margin:0 0 0 10px;}
#footer #left #words {width:480px; background:url(images/about-bg-line.png) top left no-repeat; margin:0 0 0 15px;}
#footer #left #words p {color:#666; font-size:13px; line-height:17px; padding:5px 40px 0 0; margin:0 0 5px 30px;}
#footer #left #words p a {color:#de15b1; font-weight:bold;}
#footer #left #words p a:hover {color:#333;}

#footer #right {width:470px; float:right;}
#footer #right .tweets {width:470px; background:url(images/twitter-bg-top.png) top left no-repeat;}
#footer #right .tweets .follow {width:92px; margin:84px 0 0 18px; float:left;}
#footer #right .tweets p {width:310px; color:#333; padding:55px 40px 13px 0; float:right;}
#footer #right .tweets a {color:#0093cb; font-weight:bold;}
#footer #right .tweets a:hover {color:#333;}
#footer #right .tweets a.aktt_tweet_reply,
#footer #right .tweets a.aktt_tweet_time {font-size:12px;}

#footer #social {width:470px; height:209px; background:url(images/social-bg.png) top left no-repeat; margin:10px 0 0;}
#footer #social #cage {width:360px; padding:70px 0 0 67px;}
#footer #social #cage img {padding:0 22px 13px 0;}

#footer #disclaimer {width:950px; height:141px; background:url(images/footer-bg-disclaimer.jpg) no-repeat;}
#footer #disclaimer p {color:#666; font-size:9px; padding:60px 36px 0; line-height:13px;}
#footer #disclaimer p a {color:#666; font-weight:normal;}



/* UTILITIES */

.floatleft {width:auto; float:left;}
.block {display:block;}
.clear {clear:both;}