/* @override http://platformdesign.org/core/wp-content/themes/pd/style.css */

/*  
Theme Name: Platform Design
Theme URI: http://platformdesign.org/
Description: The completely new and reworked PD theme for wordpress. Based on the beauty of Sandbox.
Version: 0.2
Author: Ken Olling
Author URI: http://kenblaue.com/
*/

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, 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-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; vertical-align:baseline}
div#wrapper{margin:0; padding:0; list-style-type:none; background:#ff2d51}
div#section-top{padding:0 0 10px; width:100%; float:left; display:block; background:#FFF; margin:0}
div#section-bottom{margin:0; padding:0; width:100%; background-color:#3c3c3c; float:left; display:block}
div#header{margin:0 auto; width:920px; padding:0; height:130px}
div#access{margin:0; padding:0; background:#fafcff}
div#container{margin:0 auto; width:920px; padding:0; display:block; clear:both}
div#container2{margin:0 auto; width:920px; padding:0; display:block; clear:both}
div#content{margin:0; padding:0; width:600px; display:block; float:left}
div#content2{margin:0; padding:0; width:600px; display:block; float:left}
div#primary{width:275px; display:block}
div#secondary{width:275px; display:block}
div.sidebar{width:275px; clear:right; float:left; margin-left:45px}
div#footer{background-color:#3c3c3c; height:120px; clear:both}
:focus{outline:0}
body{color:#3c3c3c; font:100.01%/1.2 "Hiragino Maru Gothic Pro","ヒ ラ ギ ノ 丸 ゴ Pro W4","MS PGothic",Helvetica,Arial,Geneva, "MS Pゴ シ ッ ク ",sans-serif}
body div#section-bottom{color:#7e7e7e; font:100.01%/1.2 "Hiragino Maru Gothic Pro","ヒ ラ ギ ノ 丸 ゴ Pro W4","MS PGothic",Helvetica,Arial,Geneva, "MS Pゴ シ ッ ク ",sans-serif}
ol, ul{list-style:none}
table{border-collapse:separate; border-spacing:0}
caption, th, td{text-align:left; font-weight:normal}
blockquote:before, blockquote:after, q:before, q:after{content:""}
blockquote, q{quotes:""""}
a:link{color:#ff004f; text-decoration:none}
a:visited{color:#ff004f; text-decoration:none}
a:hover{color:#cae200; text-decoration:none}
div#section-bottom a:link{color:#e5ff00; text-decoration:none}
div#section-bottom a:visited{color:#e5ff00; text-decoration:none}
div#section-bottom a:hover{color:#000; text-decoration:none}
img{margin:0; padding:0; border:1px solid #A9A9A9}
img a, a.thickbox img{margin:0; padding:0; border:1px solid #000}
img a:hover, a.thickbox img:hover{margin:0; padding:0; border:1px solid #ff004f}
div#section-bottom img a{margin:0; padding:0; border:1px solid #e5ff00}
h1, h2, h3, h4, h5, h6{font-weight:normal; font-family:"Hiragino Maru Gothic Pro","ヒ ラ ギ ノ 丸 ゴ Pro W4","MS PGothic",Helvetica,Arial,Geneva, "MS Pゴ シ ッ ク ",sans-serif}
h1{font:2.3em "Hiragino Maru Gothic Pro","ヒ ラ ギ ノ 丸 ゴ Pro W4","MS PGothic",Helvetica,Arial,Geneva, "MS Pゴ シ ッ ク ",sans-serif}
h2{font-size:1.4em}
h3{font-size:1.3em}
h4{font-size:1.2em}
h5{font-size:1.1em}
h6{font-weight:bold}
blockquote{padding:15px; margin:10px 0; background-image:url(images/s_grey.gif); text-align:center; color:#0094fb; font:1.6em/1em "Arial Rounded MT Bold","Hiragino Maru Gothic Pro"; text-shadow:#e5ff00 0 1px 3px}
pre{background:#EEE; font-size:0.7em; font-style:normal; padding:15px; margin:10px 0; font-family:courier; line-height:1.7em}
code{font-family:courier; padding:3px; background:#e5ff00; line-height:1.3em}
pre code{padding:0; background:none}
small{font-size:75%; line-height:140%}
strong{font-weight:bold}
i, em{font-style:italic}
div#image-cache{width:1px; height:1px; margin-left:-1000px}
div#access ul{display:block; width:920px; height:36px; margin:0 auto}
div#access ul li{float:left; margin-right:43px; background:url(images/access_icon.gif) no-repeat 0 0; padding-top:13px; padding-left:23px; padding-bottom:6px; text-transform:lowercase; font-size:.7em; font-weight:bold; margin-top:3px}
div#access ul li.search{float:right; margin-right:5px}
div#access ul li a{font-size:1em; text-shadow:#cae200 0 0 2px}
div#access ul li.rss-feed{float:right; margin-right:34px; background:url(images/icon_rss.gif) no-repeat 0 0}
div#access ul li.rss-feed a{color:#ff8314; text-shadow:#e5ff00 0 0 2px}
div#header .headline{padding-top:12px}
h1#blog-title a{color:#3c3c3c; float:left; width:170px; line-height:1em; padding-bottom:10px; margin-left:-2px; text-shadow:#3c3c3c 0 0 3px; margin-top:10px}
div#blog-description{width:192px; height:81px; float:left; display:block; font-size:.8em; border-right:1px dotted #e5ff00; padding:12px 24px 12px 0}
div#pd-faq{width:192px; height:81px; float:left; display:block; font-size:.8em; border-right:1px dotted #e5ff00; padding:12px}
div#pd-faq a img{border-style:none; margin-right:134px; margin-bottom:14px; margin-top:-5px; float:left; clear:both}
div#artist-area{width:273px; height:81px; float:left; display:block; font-size:.8em; padding:12px 0 12px 42px}
div#artist-area a, div#pd-faq a{color:#fff}
div#artist-area a:hover, div#pd-faq a:hover{color:#000}
div#artist-area ul{width:100%}
div#artist-area ul li img{float:left; margin-right:12px; margin-top:-5px; display:block}
div#artist-area a ul li p{color:#3c3c3c; font-size:.8em; margin-top:3px}
span.post-meta-key{display:none}
.post{clear:both; display:block}
#normal-posts .entry-content a{color:#3c3c3c}
#home-post-top a:hover{color:#cae200; padding:0px}
#home-post-top h2.entry-title a:hover{color:#000; background-color:#fff; padding:0px}
h2.entry-title{background-image:url(images/s_lime.gif); padding-top:5px; padding-bottom:6px; margin-top:16px; background-color:#e5ff00; width:601px; margin-bottom:10px}
.title-frame{margin:0 0 0 168px; display:block}
h2.entry-title a{background-color:#fff; padding:2px 0 3px; line-height:1.2em}
h2.entry-title a:hover{color:#000; background-color:#fff}
.entry-content{width:432px; float:right; font-size:.8em; line-height:1.5em; margin-bottom:30px; display:block}
.entry-content p{margin-bottom:10px}
.entry-content p, span.edit-link{margin-bottom:10px; float:right; width:432px; text-align:left}
.entry-date{font-weight:bold; font-size:11px; margin-top:-34px; color:#7e7e7e; float:left}
.entry-meta{font-weight:bold; font-size:11px; color:#7e7e7e; width:159px}
.entry-meta .comments-link{display:block; margin-top:40px}
div#section-bottom h2.entry-title{background-image:url(images/s_cyan.gif); padding-top:5px; padding-bottom:6px; margin-top:16px; background-color:#0095fc}
div#section-bottom .title-frame{margin:0 0 0 168px; display:block}
div#section-bottom h2.entry-title a{background-color:#0095fc; padding:2px 0 3px; line-height:1.2em}
div#section-bottom .entry-content, div#section-bottom .entry-content a, div#section-bottom .entry-content a:hover, div#section-bottom .entry-content a:visited{color:#ccc}
div#section-bottom .entry-date{color:#3c3c3c}
div#j-related{margin-top:15px}
div#j-related h3{margin-bottom:3px}
div#j-related li{margin-bottom:3px}
ul.xoxo .widget{margin-top:15px; margin-bottom:40px}
ul.xoxo .widget .ngg-widget{margin-top:15px; margin-bottom:40px; width:291px; background-color:#fff; float:left; display:block; clear:both}
ul.xoxo .ngg-widget a img{margin:0 14px 14px 0; padding:0; float:left; display:block}
.sidebar h3{text-align:right; border-top:1px solid #e5ff00; border-bottom:1px solid #e5ff00; padding-top:5px; padding-bottom:6px; color:#7e7e7e}
div#secondary.sidebar h3, div#secondary.sidebar ul li a{border-color:#0095fc}
ul.xoxo ul li a{font-size:.8em; font-weight:bold; border-bottom:1px solid #e5ff00; display:block; padding-top:5px; padding-bottom:3px}
ul.xoxo .textwidget{font-size:.7em; margin-top:10px}
.sidebar .searchform, select, .sidebar input{width:100%; margin-top:8px}
.sidebar #searchsubmit{display:none}
div#respond{height:250px; background-image:url(images/s_black.gif); clear:both; border-style:none}
div#respond h3{margin-left:167px}
#commentform .comment-form-left{float:left; display:block; width:163px}
#commentform .comment-form-right{float:right; display:block; width:433px}
div#respond p#comment-notes{margin-left:167px; font-size:.7em; margin-bottom:20px; color:#7e7e7e}
#commentform .form-label{width:160px; font-size:.8em; float:left; clear:left; padding:0; margin:0}
#commentform .form-input input{width:160px; font-size:.7em; margin-bottom:10px; float:left; clear:left; border-style:solid; border-width:1px; padding-bottom:2px; padding-top:2px}
#commentform .form-label-comment label{font-size:.8em; margin-left:2px}
#commentform .form-textarea textarea{width:425px; padding:0; text-align:left; height:107px; border-style:solid; border-width:1px; margin:15px 0 15px 7px}
body.loggedin #commentform .form-textarea textarea{width:425px; padding:0; text-align:left; height:107px; border-style:solid; border-width:1px; margin:15px 6px 15px 7px; float:right}
#commentform .form-submit input{width:433px; float:right; margin-right:2px}
div#comments li .comment{clear:both}
div#comments h3{margin-left:167px; margin-top:21px; margin-bottom:7px}
div#comments .comment-author, div#comments .comment-meta{width:160px; font-size:.7em; font-weight:bold; float:left; display:block; margin:0; padding:0; clear:left}
div#comments p{color:#fff; width:432px; margin:0 0 20px; padding:0; float:right}
div#comments .comment{clear:both; margin-bottom:20px; float:left; padding:0; width:100%}
div#comments .alt{background-image:url(images/s_black.gif)}
div#nav-below{height:480px; float:left; width:600px}
div#nav-below .paging{border-top:1px solid; height:36px; margin-top:40px; clear:both; background-image:url(images/s_black.gif)}
div#section-bottom .paging{margin-top:15px}
div#nav-below .nav-previous a{text-transform:lowercase; float:left; padding-top:8px; padding-bottom:9px; margin:0; width:50%}
div#nav-below .nav-next a{text-transform:lowercase; float:right; padding-top:8px; padding-bottom:9px; margin:0; width:50%; text-align:right}
div#nav-below .nav-previous a:hover{background-image:url(images/s_pink.gif); padding-top:8px; padding-bottom:9px; margin:0; width:50%; color:#e5ff00}
div#nav-below .nav-next a:hover{background-image:url(images/s_pink.gif); padding-top:8px; padding-bottom:9px; margin:0; width:50%; color:#e5ff00}
div#nav-below h3{font-size:1.1em; font-weight:bold; border-top:1px solid; border-bottom:1px solid; padding-top:7px; height:29px; float:left; width:600px; color:#ccc; border-color:#7e7e7e}
div#nav-below ul.categories{width:600px; height:172px}
div#nav-below ul.categories li{float:left; width:150px}
div#nav-below ul.categories li a{width:150px; font-size:.8em; font-weight:bold; line-height:1.7em; display:block}
div#nav-below ul.categories li a:hover{background-image:url(images/s_pink.gif); display:block; color:#e5ff00}
div#nav-below ul.links{width:600px; float:left}
div#nav-below ul.links li{float:left; width:60px; margin-top:10px; margin-bottom:15px}
div#nav-below ul.links li a{width:48px; height:48px; display:block}
div#nav-below img, div#nav-below img a{border-style:none}
div#nav-below ul.links li a:hover{background-image:url(images/s_pink.gif); width:48px; height:48px; display:block}
div#footer{color:#7e7e7e}
div#footer a{color:#e5ff00}
div#footnotes{width:920px; margin-right:auto; margin-left:auto; display:block}
.footer_desc{border-top:1px solid; font-size:.6em; width:600px; float:left; padding-top:10px}
.cc_license{border-top:1px solid; width:275px; height:31px; float:right; padding-top:10px; text-align:left}
.e-mail{color:#ff004f; display:inline}
p.akst_link{clear:both; padding-top:10px}
#akst_social ul li{font-size:.8em; line-height:1.5em; font-weight:bold; float:left; width:150px; margin-bottom:11px}
#akst_social ul li a{background-position:0px 4px}
#akst_email{display:block; font-size:.8em; line-height:1.5em}
#akst_email ul li{margin-bottom:10px; margin-top:20px}
#akst_email ul li input{width:100%}
body.share-this-page{background:#ff004f url(images/s_pink.gif); ?>/wp-content/plugins/share-this/page_back.gif) repeat-x; font:11px Verdana,sans-serif; padding:20px; text-align:center;  font:100.01%/1.2 "Hiragino Maru Gothic Pro","ヒ ラ ギ ノ 丸 ゴ Pro W4","MS PGothic",Helvetica,Arial,Geneva, "MS Pゴ シ ッ ク ",sans-serif}
body.share-this-page #body{background:#fff; border:1px solid #ff004f; border-width:5px 1px 2px 1px; margin:0 auto; text-align:left; width:700px}
body.share-this-page #info{border-bottom:1px solid #ddd; line-height:150%; padding:10px}
body.share-this-page #info p{margin:0; padding:0; font-size:.8em; line-height:1.5em}
body.share-this-page #social{float:left; padding:10px 0 10px 10px; width:350px}
body.share-this-page #email{float:left; padding:10px; width:300px}
body.share-this-page #content{border-top:1px solid #ddd; padding:20px 50px}
body.share-this-page #content .akst_date{color:#666; float:right; padding-top:4px}
body.share-this-page #content .akst_title{margin:0 150px 10px 0; padding:0; font-size:1.5em; line-height:1.5em}
body.share-this-page #content .akst_category{color:#333}
body.share-this-page #content .akst_entry{font-size:12px; line-height:150%; margin-bottom:20px}
#content .akst_entry p, #content .akst_entry li, #content .akst_entry dt, #content .akst_entry dd, #content .akst_entry div, #content .akst_entry blockquote{margin-bottom:10px; padding:0}
#content .akst_entry blockquote{background:#eee; border-left:2px solid #ccc; padding:10px}
#content .akst_entry blockquote p{margin:0 0 10px 0}
#content .akst_entry p, #content .akst_entry li, #content .akst_entry dt, #content .akst_entry dd, #content .akst_entry td, #content .akst_entry blockquote, #content .akst_entry blockquote p{line-height:150%}
#content .akst_return{font-size:11px; margin:0; padding:20px; text-align:center}
body.share-this-page #footer{background:#eee; border-top:1px solid #ddd; padding:10px}
body.share-this-page #footer p{color:#555; margin:0; padding:0; text-align:center; font-size:.8em; line-height:1.5em}
body.share-this-page #footer p a, #footer p a:visited{color:#444}
body.share-this-page h2{color:#333; font:bold 14px "Lucida Sans Unicode","Lucida Grande","Trebuchet MS",sans-serif; margin:0 0; padding:0}
body.share-this-page div.clear{float:none; clear:both}
body.share-this-page hr{border:0; border-bottom:1px solid #ccc}
#section-top h2.page-title{background-color:#fff; height:32px; margin-top:15px; padding-top:5px; padding-left:3px; background-image:url(images/s_pink.gif); font-size:.9em}
#section-top h2.page-title span{background-color:#ff004f; color:#fff; padding-top:3px; padding-bottom:4px; font-size:1.5em; margin-left:29px; line-height:1.25em}
body.archive.date #section-top h2.page-title span{background-color:#ff004f; color:#fff; padding-top:3px; padding-bottom:4px; font-size:1.5em; margin-left:39px; line-height:1.25em}
#normal-posts .entry-content a{color:#3c3c3c}
#section-top h2.page-title span.vcard{margin-left:45px}
#section-top h2.page-title a{color:#fff; line-height:1.25em; padding-top:3px; padding-bottom:4px}
body.page .entry-content{width:600px; margin:0; padding:0}
body.page .entry-content li{width: 200px; float:left}
body.page.pageid-2 .entry-content ul{width:415px; float: left; margin-left: 168px;}
body.page.pageid-2 .entry-content li{width: 416px; margin-bottom:10px; text-indent:-16px; margin-left:15px}
body.page .entry-content h3{clear:both; display:block; padding-top:20px}
body.page .entry-content h2{margin-bottom:8px; float:right; text-align:left; width:435px}
blockquote.page-left{font:1.1em/1em "Arial Rounded MT Bold","Hiragino Maru Gothic Pro"; background-color:#fff; text-shadow:#000 0px 0px 0; color:#000; background-image:url(images/s_grey.gif); text-align:left; margin:3px 11px 140% 0; padding:0; float:left; width:154px; display:block}
blockquote.page-left p{padding:5px}
#noresults-searchform, #error404_searchform{margin-left:169px}
.entry-content .ngg-albumoverview, .entry-content .ngg-galleryoverview{margin:0; padding:0}
.ngg-albumoverview, .ngg-galleryoverview{float:left; clear:both; display:block; width:100%}
.ngg-album-compact{float:left; display:block; width:100px}
.ngg-gallery-thumbnail{width:80px; height:80px; display:block; float:left; margin-right:10px; margin-left:10px; margin-bottom:20px}
a img.Thumb, img.Thumb{width:80px; height:80px; border:1px solid #000}
a:hover img.Thumb{border:1px solid #ff004f}
body.page.pageid-18 li#nextgen-random-image.widget{display:none}
*{padding:0; margin:0}
#TB_window{font-size:.7em}
#TB_secondLine{float:right; display:block}
#TB_window a:focus{color:#666}
#TB_overlay{position:fixed; z-index:100; top:0px; left:0px; height:100%; width:100%}
.TB_overlayMacFFBGHack{background:url(images/macFFBgHack.png) repeat}
.TB_overlayBG{background-color:#000; filter:alpha(opacity=75); -moz-opacity:0.75; opacity:0.75}
* html #TB_overlay{ position:absolute; height:expression(document.body.scrollHeight >document.body.offsetHeight ? document.body.scrollHeight:document.body.offsetHeight+'px')}
#TB_window{position:fixed; background:#fff; z-index:102; color:#000; display:none; border:4px solid #525252; text-align:left; top:50%; left:50%}
* html #TB_window{position:absolute; margin-top:expression(0 - parseInt(this.offsetHeight / 2)+(TBWindowMargin = document.documentElement &&document.documentElement.scrollTop || document.body.scrollTop)+'px')}
#TB_window img#TB_Image{display:block; margin:15px 0 0 15px; border:1px solid #ccc}
#TB_caption{height:75px; padding:4px 14px 0 16px; float:left; clear:both; display:block; width:94%}
#TB_closeWindow{height:12px; padding:0 14px 0 0; float:right; margin-top:-24px}
#TB_closeAjaxWindow{padding:7px 10px 5px 0; margin-bottom:1px; text-align:right; float:right}
#TB_ajaxWindowTitle{float:left; padding:7px 0 5px 10px; margin-bottom:1px}
#TB_title{background-color:#e8e8e8; height:27px}
#TB_ajaxContent{clear:both; padding:2px 15px 15px 15px; overflow:auto; text-align:left; line-height:1.4em}
#TB_ajaxContent.TB_modal{padding:15px}
#TB_ajaxContent p{padding:5px 0px 5px 0px}
#TB_load{position:fixed; display:none; height:13px; width:208px; z-index:103; top:50%; left:40%; margin:-6px 0 0 -10 4px}
* html #TB_load{position:absolute; margin-top:expression(0 - parseInt(this.offsetHeight / 2)+(TBWindowMargin = document.documentElement &&document.documentElement.scrollTop || document.body.scrollTop)+'px')}
#TB_HideSelect{z-index:99; position:fixed; top:0; left:0; background-color:#fff; border:none; filter:alpha(opacity=0); -moz-opacity:0; opacity:0; height:100%; width:100%}
* html #TB_HideSelect{ position:absolute; height:expression(document.body.scrollHeight >document.body.offsetHeight ? document.body.scrollHeight:document.body.offsetHeight+'px')}
#TB_iframeContent{clear:both; border:none; margin-bottom:-1px; margin-top:1px; _margin-bottom:1px}
body.paged div#home-post-bottom{display:none}
body.paged div#home-post-top{display:none}
body.home div#normal-posts{display:none}
body.paged div#normal-posts{display:inline}
body.home li#recent-posts.widget{display:none}
div#social-b{margin-top:11px; float:left; clear:both}
div#social-b h3{margin-bottom:5px}
div#social-b a img{padding:2px; border-style:none; width:16px; height:16px; border:2px solid #fff; margin-right:9px}
div#social-b a:hover img{border:2px solid #ff2d51}