/*  
Theme Name: partiql
Theme URI: http://partiql.com/
Description: partiql2
Version: 2.0
Author: partiql
Author URI: http://partiql.com/
*/
/*


  ppp                                                                   pppp             
 pppp                                         pp                        pppp             
 pppp                                        ppp                        pppp             
                                             ppp                        pppp             
          pppppppppp    ppppppp   pppppppp  ppppppp  pppp     ppppppp   pppp             
          ppppppppppp  ppppppppp  pppppppp  ppppppp ppppp    ppppppppp  pppp             
           pppp  pppp  ppp   ppp   ppppppp   ppp      ppp   pppp  pppp  pppp             
           pppp   ppp        ppp   pppp      ppp      ppp   ppp   pppp  pppp             
           pppp   ppp   pppppppp   pppp      ppp      ppp   ppp   pppp  pppp             
           pppp   ppp  pppp pppp   pppp      ppp      ppp   ppp   pppp  pppp             
           pppp  pppp  ppp   ppp   pppp      ppp      ppp   ppp   pppp  pppp             
           ppppppppp   pppppppppp  pppp      pppppp   ppp   pppppppppp  ppppp            
           pppppppp    ppppp pppp  pppp      pppppp   ppp    ppppppppp  ppppp            
           pppp                                                   pppp                   
           pppp                                                   pppp                   
           pppp                                                   pppp                   
           pppp                                                   pppp                   
           
           

*SCNR* */         
/* css reset */
tml, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p,
a, abbr, acronym, address, big, cite, code,
 dfn, font, img, ins, kbd, q, s, samp,
small, 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;
}
/* remember to define focus styles! */
a:active {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
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: "" "";
}
/* globals */
a img {border:0;}
a {color: #000;}
li {
	list-style: none;
}
h1, h2, h3, h4, h5, h6 {font-size: 1em;}
/* the mess */
html {overflow-y: scroll;}
body {
	font:14px/18px helvetica, arial, verdana, sans-serif;
	background: #f3f3f3 url(img/noise-bg.jpg) repeat top left;
	color: #222;
	height: 100%;
}
#wrap {
    text-align: center;/* IE */
}
#headerinner, #content, #footer {
    text-align: left;/* IE */
    margin: 0 auto;
    width: 940px;
	position: relative;
}
#header {
	background: #000 url(img/head-stars-bg.jpg) repeat top left;
	width: 100%;
	height: 128px;
}
/* .headerbig */
#headerinner {
}
#header a.logo {
	float: left;
	display: block;
	width: 300px;
	height: 128px;
	background: url(img/logo-sprite.png) no-repeat 0 0;
	margin: -64px 0 0 0;
}
.home #header a.logo {
    background: url(img/logo-sprite.png) no-repeat 0 -128px;
}
#header a.logo:hover {
	background: url(img/logo-sprite.png) no-repeat 0 -128px;
}
#mnav {
	right: 0;
	width: 480px;
	height: 128px;
	padding: 0 0 0 240px;
	overflow: hidden;
}
#mnav a {
	display: block;
	float: left;
	width: 160px;
	height: 128px;
	background: url(img/nav-sprite.png) no-repeat 0 0;
	text-align: center;
	font-size: 20px;
	line-height: 128px;
	letter-spacing: 1px;
	text-transform: uppercase;
	text-decoration: none;
	color: #eee;
	opacity: 0.8;
	text-shadow: 1px 1px 2px #000;
}
#mnav a:hover {
	background: url(img/nav-sprite.png) no-repeat 0 -128px;
	opacity: 1.0;
	text-shadow: 2px 2px 2px #000;
}
.apps #mnav .appslink, .blog #mnav .bloglink, .about #mnav .aboutlink {
	background: url(img/nav-sprite.png) no-repeat 0 -256px;
	opacity: 1.0;
	text-shadow: 2px 2px 2px #000;
}
.parallax {
	overflow: hidden;
	position: relative;
}
#header .parallax {
	width: 940px;
	height: 128px;
}
#content .parallax {
	width: 940px;
	height: 320px;
	-moz-box-shadow: 0px 0px 15px #666; /* Firefox */
	-webkit-box-shadow: 0px 0px 15px #666; /* Safari, Chrome */
	box-shadow: 0px 0px 15px #666; /* CSS3 */
}
#content .parallax a#showtimelink {
	display: block;
	width: 940px;
	height: 320px;
}
/* about */
#aboutus {
	width: 700px;
}
#aboutus div {
	width: 250px;
	background: rgba(255,255,255,0.2);
	background:-moz-linear-gradient(19% 75% 90deg, rgba(255,255,255,0.25), rgba(255,255,255,0.15) 80%);
    background:-webkit-gradient(linear, 0% 0%, 0% 80%, from(rgba(255,255,255,0.15)), to(rgba(255,255,255,0.25)));
	color: #fff;
	height: 220px;
	margin: -115px 0 0 0;
	padding: 10px 10px 0 10px;
	-moz-box-shadow: 0px 0px 15px rgba(255,255,255,0.3); /* Firefox */
	-webkit-box-shadow: 0px 0px 15px rgba(255,255,255,0.3); /* Safari, Chrome */
	box-shadow: 0px 0px 15px rgba(255,255,255,0.3); /* CSS3 */
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	border: 1px solid rgba(255,255,255,0.1);
    text-shadow: 1px 1px 1px rgba(0,0,0,0.9);
}
#aboutus div h3, #aboutus div .title, #aboutus div p {
	margin: 10px 10px 0 10px;	
}
#aboutus div img {
	float: left;
	margin: 10px 10px 0 10px;
}
#aboutus div h3 {
	font-size: 24px;
	line-height: 24px;
	margin: 20px 0 1px 0;
    text-shadow: 1px 1px 2px rgba(0,0,0,0.9);
}
#aboutus div .title {
	display: block;
	font-family: georgia, times, serif;
	font-style: italic;
	opacity: 0.8;
	margin: 0 0 0 0;
}
#aboutus div p {
	clear: both;
	padding: 5px 0 0 0;
}
#aboutus div a {
	color: #fff;
}
#aboutus #marc {
	float: left;
}
#aboutus #stef {
	float: right;
}
.contact {
    text-align: center;
    font: 14px/18px georgia, times, serif;
    text-transform: uppercase;
    font-weight: bold;
    padding: 20px 0 0 0;
}
/* content */
#content {
	text-align: left;
	margin: 20px auto;
	width: 940px;
}
.blog #content {
	width: 960px;
}
#contxt {
    padding: 0 0 40px 0;
    width: auto;
    overflow: hidden;
}
/* footer */
#footer {
	clear: both;
	color: #ddd;
	font-size: 18px;
	padding: 10px 0 4px 20px;
    text-shadow: 1px 1px 2px rgba(255,255,255,1.0);
}
#footer a {
	color: #ddd;
	font-size: 18px;
}
/* newsletter */
#subscribe {
	clear: both;
	width: auto;
	overflow: hidden;
    position: relative;
    margin: 20px 0;
	padding: 8px 20px;
    border: 1px solid #ccc;
    background: rgba(155,155,155,0.2);
    text-shadow: 1px 1px 2px rgba(255,255,255,1.0);
	color: #222; 
	font-size: 13px;
	text-transform: uppercase;
    -moz-box-shadow: 0 1px 10px rgba(0,0,0,0.1);
    -webkit-box-shadow: 0 1px 10px rgba(0,0,0,0.1);   
	box-shadow: 0px 0px 15px rgba(0,0,0,0.1); /* CSS3 */
}
#subscribe:hover {
    border: 1px solid #bbb;
    background: rgba(155,155,155,0.1);
    -moz-box-shadow: 0 1px 10px rgba(0,0,0,0.2);
    -webkit-box-shadow: 0 1px 10px rgba(0,0,0,0.2);   
	box-shadow: 0px 0px 15px rgba(0,0,0,0.2); /* CSS3 */
}
#subscribe a {
    text-decoration: none;
}
#subscribe:hover a {
    text-decoration: underline;
}
#subscribe .curious {
	float: left;
	width: 270px;
	padding: 12px 0 0 0;
	letter-spacing: 1px;
}
#subscribe .connect {
	float: right;
	padding: 12px 0 0 0;
	letter-spacing: 1px;
}
#mc_signup_container {
	width: 400px;
	float: left;
}
#mc_signup_container legend {
    display: none;
}
#mc_signup_container label {
	display: none;
    font-style: italic;
    font-family: georgia, times, serif;
    color: #666;
    font-size: 12px;
}
#subscribe div {
	display: inline;
} 
.mc_merge_var {
}
#subscribe .mc_input {
    width: 250px;
    padding: 3px 2px 2px 2px;
    margin: 0;
	border: 5px solid #aaa;
	background: #eee;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
#mc_signup_submit {
    width: 111px;
	height: 30px;
	background: url(img/submit-footer.jpg) no-repeat top left;
	padding: 0;
    margin: 0 0 0 3px;
	text-indent: -9999.9em;
	border:0;
	opacity: 0.9;
}
#mc_signup_submit:hover {
	cursor: pointer;
	-moz-box-shadow: 0 1px 8px rgba(0,0,0,0.35);
	-webkit-box-shadow: 0 1px 8px rgba(0,0,0,0.35);
	opacity: 1.0;
}
.mc_error_msg, .mc_success_msg  {
    display: block;
    position: absolute;
    top:7px;
    left: 50%;
    font-size: 14px;
    padding: 8px 15px 6px 15px;
    width: 246px;
	margin: 0 0 0 -190px;
    background: #fff;
    border-radius: 5px;
    -moz-border-radius: 5px; 
    -webkit-border-radius: 5px;
    -moz-box-shadow: 0 1px 10px rgba(0,0,0,0.5);
    -webkit-box-shadow: 0 1px 10px rgba(0,0,0,0.5);
	font-size: 10px;
	line-height: 14px;
}
.mc_error_msg {
	top: 0;
}
/* blog */
.blog #items {
	clear: both;
    padding: 0;
	float: left;
	width: 680px;
}
.blog .item {
	clear: both;
	padding: 0 0 80px 40px;
}
.blog .postmeta {
	font-size: 15px;
    font-style: italic;
    font-family: georgia, times, serif;
    color: #888;
    margin: 6px 0 4px 0;
}
.postmeta .comments, .postmeta .retweet {
    float: right;
    background: url(img/comment-small.png) no-repeat top left;
    padding: 0 0 0 16px;
    margin: 0 0 0 12px;
    color: #666;
    text-decoration: none;
    text-shadow: 1px 1px 1px rgba(255,255,255,0.9);
}
.postmeta .retweet {
    background: url(img/retweet.png) no-repeat top left;
    padding: 0 0 0 19px;
}
.blog .postmeta .date {
    color: #666;
}
.blog .txt p {
    padding: 9px 0;
	font-size: 16px;
	line-height: 22px;
}
.txt blockquote {
    margin: 9px;
    padding: 0 20px;
    background: url(img/quote.png) no-repeat 0 6px;
    font-family: georgia, serif;
    font-style: italic;
    color: #444;
}
.txt code, .txt pre {
    margin: 9px 0 9px -6px;
    padding: 15px;
    font-size: 12px;
    line-height: 14px;
    background: #f4f4f4;
    border-left: 5px dotted #ccc;
    font-family: "monaco", "courier new";
    overflow-x: auto;
    overflow-y: hidden;
}
.txt ul, .txt ol {
    padding: 13px;
}
.txt ul li {
    list-style: disc;
    margin: 3px 18px;
}
.txt ol li {
    list-style: decimal-leading-zero;
    margin: 3px 18px;
}
.blog .item h2 {
    font-size: 36px;
    line-height: 36px;
    padding: 16px 0 9px 30px;
	margin: 0 0 0 -40px;
	border-left: 10px solid #000;
    text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
}
.blog .item h3 {
    font-size: 24px;
    line-height: 24px;
    padding: 22px 0 0 0;
    text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
}
.blog .item h4 {
    font-size: 20px;
    line-height: 20px;
    padding: 18px 0 0 0;
    text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
}
.blog .item h2 a {
    text-decoration: none;
}
.blog .item h2 a:hover {
    color: #000;
    text-shadow: 0 0 8px rgba(0,0,0,0.5);
}
.blog .spacer {
    clear: both;
    padding: 0 5px 0 0;
    font-size: 144px;
    line-height: 40px;
    height: 120px;
    font-family: georgia;
    font-weight: bold;
    color: #ccc;
    text-align: center;
    overflow: hidden;
    text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
}
.blog #items .txt a, .blog #items .com a {
    font-weight: bold;
}
.blog #items a:hover, .about a:hover {
	text-shadow: 0 0 8px rgba(0,0,0,0.5);
}
small {
    font-size: 12px;
    line-height: 16px;
    color: #888;
}
.item img {
	border-top: 1px solid #aaa;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	border-left: 1px solid #aaa;
}
.item img.noborder {
	border: 0;
}
.item a:hover img {
	-moz-box-shadow: 0 1px 8px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 1px 8px rgba(0,0,0,0.5);
}
.alignleft {
    float: left;
    margin: 5px 10px 0 0;
}

.alignright {
    float: right;
    margin: 5px 0 0 10px;
}
.edit a {
    position: absolute;
    margin: 0 0 0 -60px;
    color: #888;
    text-decoration: none;
}
.comment .edit a {
    margin: 0 0 0 -140px;
}
.sidebar {
	float: right;
	width: 240px;
	border-left: 1px solid #ccc;
	padding: 20px 0 97px 0;
}
.sidebar h3 {
	font-size: 15px;
    font-style: italic;
    font-family: georgia, times, serif;
    color: #888;
    margin: 47px 0 4px 20px;
}
.sidebar ul {
	margin: 9px 0 0 0;
}
.sidebar li a {
	display: block;
	padding: 3px 20px;
	border-bottom: 1px solid #ddd;
	text-decoration: none;
}
.sidebar li a:hover {
	border-bottom: 1px solid #ccc;
	background: #eaeaea;
	text-decoration: none;
}
.prevnext {
	clear: both;
    margin: 0 0 0 40px;
    padding: 10px 4px;
    overflow: hidden;
    border-top: 1px dotted #ccc;
    border-bottom: 1px dotted #ccc;
}
.prevnext .prev {
    float: left;
}
.prevnext .next {
    float: right;
}
.prevnext a {
    padding: 10px;
    text-decoration: none;
    font-family: georgia, times, serif;
    font-variant: small-caps;
    color: #444;
    text-shadow: 1px 1px 2px rgba(255,255,255,0.9);
}
/* blog comments */
#comments {
	clear: both;
	width: 680px;
}
#comments h2.line {
    font-size: 18px;
    padding: 20px 4px;
	margin: 0 0 0 40px;
}
#commentlist {
	margin: 0 0 0 40px;
    border-top: 1px dotted #ccc;
}
li.comment {
    clear: both;
    padding: 10px;
    border-top: 1px dotted #fafafa;
    border-bottom: 1px dotted #ccc;
    width: auto;
    overflow: hidden;
}
.comment .counter {
    float: right;
    text-decoration: none;
    font-family: georgia, times, serif;
    font-size: 24px;
    color: #ccc;
}
.gravatar {
    float: left;
    position: relative;
    width: 45px;
    height: 45px;
    margin: 10px 0 6px 10px;
}
.gravatar .avatar {
    margin: 0 0 0 1px;
}
.gravatar .overlay {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 62px;
    height: 62px;
    background: url(img/appicon-overlay-45.png) no-repeat top left;
}
.comment .com {
    margin: 10px 0 4px 80px;
    font-size: 14px;
    line-height: 18px;
}
.com p {
    margin: 0px 0 16px 0;
}
.comperma {
    float: right;
    text-decoration: none;
    font-family: georgia, times, serif;
    font-style: italic;
    font-weight: normal !important;
    color: #aaa;
    margin: -6px 0 0 0;
}
/* comment form */
#commentform {
    background: url(img/formbg.png) repeat-x bottom left;
    padding: 11px;
	margin: 0 0 0 40px;
}
#comdetails {
	float: left;
	width: 190px;
}
#commentform p {
    padding: 3px 0;
}
#commentform label {
    padding-left: 6px;
    font-weight: normal;
    font-size: 12px;
}
#commentform input, #commentform textarea, .mc_input {
    font-weight: normal;
    font-size: 12px;
    width:160px;
    color:#999;
    background:#eee;
    border-top:1px solid #aaa;
    border-right:1px solid #c3c3c3;
    border-bottom:1px solid #ddd;
    border-left:1px solid #c3c3c3;
    padding:2px;
}
#commentform textarea {
    width: 420px;
}
#commentform input:focus, #commentform textarea:focus, .mc_input:focus {
    color:#444;
    border:1px solid #fff;
    background:#f2f2f2;
    border-top:1px solid #888;
    border-right:1px solid #aaa;
    border-bottom:1px solid #ccc;
    border-left:1px solid #aaa;
	-moz-box-shadow: 0 1px 8px rgba(0,0,0,0.3);
	-webkit-box-shadow: 0 1px 8px rgba(0,0,0,0.3);
}

#commentform input#submit {
    background: #222 url(img/bttn-overlay.png) repeat-x; 
	display: inline-block; 
	padding: 5px 10px 6px;
	margin: 0 0 0 190px;
    width: 425px;
    font-size: 18px;
    font-weight: bold;
    font-variant: small-caps;
    font-family: georgia, serif;
    color: #ddd;
	text-decoration: none;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	-moz-box-shadow: 0 1px 2px rgba(255,255,255,0.6);
	-webkit-box-shadow: 0 1px 2px rgba(255,255,255,0.5);
	text-shadow: 0 -1px 2px rgba(0,0,0,0.8);
	border-bottom: 1px solid rgba(0,0,0,0.25);
	position: relative;
	cursor: pointer;
}
#commentform input#submit:hover {
    background: #111 url(img/bttn-overlay.png) repeat-x; 
    color: #eee;
	-moz-box-shadow: 0 1px 2px rgba(255,255,255,0.8);
	-webkit-box-shadow: 0 1px 2px rgba(255,255,255,0.8);
}