/* Squizlabs - global.css */

/* clear browser defaults
********************************************************/
* {margin:0; padding: 0;}
html {
    min-width: 980px;
}
body {
	font-size: 76%;
	line-height: 1.3;
	font-family: helvetica, arial, sans-serif;
    background-color: #EEE;
    background: #EEE url(http://www.squizlabs.com/__designs/labs-inside/squizlabscoat.jpg) 50% 0 no-repeat;
    }
h1,h2,h3,h4,h5,h6 {
	margin: 0.5em 0 0.5em 0;
    }
p,ul,ol {
    margin: 0.5em 0 1em 0;
    }
ul,ol {
    margin-left: 2em;
    margin-top: 2em;
    margin-bottom: 2em;
    }
ul ul, ol ol, ul ol, ol ul {
    margin-top: 0.5em;
    margin-bottom: 1em;
}
#content_col li {
    margin: 0 0 1.3em 0;
}
h1 {font-size: 1.7em; margin-top: 1em;}
h2 {font-size: 1.4em; margin-top: 0;}
h3 {font-size: 1.2em; margin-top: 1.4em;}
h4 {font-size: 1em;}
h5 {font-size: 1em;}
h6 {font-size: 1em;}

a img {border: none;}

hr {
    clear: both;
    height: 1px;
    border: none;
    border-bottom: 1px solid #EEE;
    padding-top: 30px;
}

/* generic layout framework
********************************************************/
.fl-right {float: right;}
.fl-left {float: left;}
.cl-right {clear: right;}
.cl-left {clear: left;}
.no-border {border: none !important;}
.mrg-left {margin-left: 1.6em;}
.mrg-right {margin-right: 1.6em;}
.mrg-both {margin-left: 1em; margin-right: 1em;}
.mrg-top {margin-top: 1em;}

a,a:visited {
    color: #5395D8;
}

.screen_hide {
    display: block;
    position: absolute;
    left: -9999px;
}

/* Page Wrappers
*******************************************************/
#page_container {
    position: relative;
    width: 980px;
    margin: 0 auto;
}

/* Logo & Home Link
*******************************************************/
h1.logo {
    position: absolute;
    left: 730px;
    margin: 0;
    top: 116px;
    width: 218px;
    height: 79px;
}
.home-link {
    display: block;
    height: 79px;
    background: transparent url(http://www.squizlabs.com/__designs/labs-inside/logo-hover.png) 0 0 no-repeat;
}
.home-link:hover {
    background-position: 0 -79px;
}

/* RSS Link
*******************************************************/
#rss {
    position: absolute;
    left: 875px;
    top: 219px;
    width: 57px;
    height: 94px;
}
#rss a,
#rss a:visited {
    display: block;
    width: 57px;
    height: 94px;
    background: transparent url(http://www.squizlabs.com/__designs/labs-inside/rss.jpg) 0 0 no-repeat;
}
#rss a:hover {
    background-position: 0 -94px;
}

/* 0rsm Hand
*******************************************************/
#the0rsm-knuckle,
#the0rsm-hand,
#the0rsm-palm {
    position: absolute;
    z-index: 10;
    left: 0px;
    top: 549px;
    width: 73px;
    height: 11px;
    background: transparent url(http://www.squizlabs.com/__designs/labs-inside/the0rsm-knuckle.png) 0 0 no-repeat;
}
#the0rsm-hand {
    top: 560px;
    width: 113px;
    height: 199px;
    background-image: url(http://www.squizlabs.com/__designs/labs-inside/the0rsm-hand.jpg);
}
#the0rsm-palm {
    top: 759px;
    width: 63px;
    height: 99px;
    background-image: url(http://www.squizlabs.com/__designs/labs-inside/the0rsm-palm.jpg);
}

/* Pocket
*******************************************************/
#pocketClip {
    position: absolute;
    left: 817px;
    top: 288px;
    width: 50px;
    height: 26px;
    background: transparent url(http://www.squizlabs.com/__designs/labs-inside/pocketclip.png) 0 0 no-repeat;
}
#pocketTag {
    position: absolute;
    z-index: 1;
    left: 707px;
    top: 314px;
    width: 276px;
    background: transparent url(http://www.squizlabs.com/__designs/labs-inside/pockettag-top.jpg) 0 0 no-repeat;
}
#pocketTagInner {
    padding-top: 61px;
    padding-bottom: 25px;
    background: transparent url(http://www.squizlabs.com/__designs/labs-inside/pockettag-bottom.jpg) 0 100% no-repeat;
}
#pocketTagContent {
    position: relative;
    overflow: hidden;
    background: transparent url(http://www.squizlabs.com/__designs/labs-inside/pockettag-mid.png) 0 0 repeat-y;
    padding: 10px 40px 20px 30px;
    color: #FFF;
}
#pocketTagContent a,
#pocketTagContent a:visited {
    color: #FFF;
}
#pocketTag .product {
    width: 240px;
    margin: 15px 0 15px -13px;
    padding: 52px 0 1px;
    color: #DDD;
    background-position: 50% 0;
    background-repeat: repeat-x;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}
#pocketTag #matrix {
    background-color: #29152b;
    background-image: url(http://www.squizlabs.com/__designs/labs-inside/product_matrix.png);
}
#pocketTag #mini {
    background-color: #2B2B2B;
    background-image: url(http://www.squizlabs.com/__designs/labs-inside/product_mini.png);
}
#pocketTag #phpcs {
    background-color: #102405;
    background-image: url(http://www.squizlabs.com/__designs/labs-inside/product_phpcs.png);
}
#pocketTag .product p {
    padding: 0 15px;
}
#pocketTag .product a,
#pocketTag .product a:visited {
    font-weight: bold;
}

/* Content Area
*******************************************************/
#content {
    position: relative;
    z-index: 2;
    padding-top: 246px;
    width: 727px;
    height: 900px;
}

/* Articles
*******************************************************/
.articleHolder {
    position: relative;
    background: transparent url(http://www.squizlabs.com/__designs/labs-inside/paper-top.png) 0 0 no-repeat;
    padding-top: 54px;
    margin-bottom: 25px;
}
.articleWrapper {
    background: transparent url(http://www.squizlabs.com/__designs/labs-inside/paper-bottom.png) 0 bottom no-repeat;
    padding: 0 13px 50px 63px;
}
.articleContent {
    background-color: #F9F9F9;
    border: 1px solid #E0E0E0;
    border-top: none;
    border-bottom: none;
    padding: 0 55px;
    min-height: 500px;
}
.articleContent h2 {
    font-family: Helvetica, Arial;
    font-size: 2.9em;
    color: #67a6db;
}
.articleLink,
.articleLink:visited {
    display: block;
    color: #67a6db;
    text-decoration: none;
}
.articleLink:hover {
    color: #568ebe;
}
.articleContent ul {
    list-style: none;
    margin-left: 1em;
}
.articleContent li {
    background: transparent url(http://www.squizlabs.com/__designs/labs-inside/list-bullet.gif) 0 3px no-repeat;
    padding-left: 20px;
    margin-bottom: 0.6em;
}
.articleContent li li {
    color: #666;
    background-image: url(http://www.squizlabs.com/__designs/labs-inside/list-bullet2.gif);
}
.articleContent pre {
    background-color: #F1F08F;
    color: #333;
    font-family: courier;
    font-size: 0.9em;
    line-height: 1.8em;
    padding: 1em;
    margin: 2em 0;
    overflow: auto;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
}
.articleContent div.blockquote {
    background: #EEE url(http://www.squizlabs.com/__designs/labs-inside/quote-start.gif) 0 0 no-repeat;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    margin-bottom: 1.1em;
}
.articleContent blockquote {
    color: #76838e;
    font-style: italic;
/*     margin: 0; */
    padding: 25px 45px 15px;
    background: transparent url(http://www.squizlabs.com/__designs/labs-inside/quote-end.gif) 100% 100% no-repeat;
}
.articleDate {
    display: block;
    position: absolute;
    z-index: 10;
    left: 9px;
    top: 81px;
    width: 70px;
    height: 62px;
    background: transparent url(http://www.squizlabs.com/__designs/labs-inside/stickydate.png) 0 0 no-repeat;
}
.articleDatePadder {
    display: block;
    padding: 10px 27px 10px 13px;
    text-align: center;
    text-transform: uppercase;
    font-family: Helvetica, Arial;
    font-size: 15px;
    font-weight: bold;
    color: #444;
}
.articleListCommentsWrap {
    position: absolute;
    width: 231px;
    height: 61px;
    left: 118px;
    bottom: 5px;
    background: transparent url(http://www.squizlabs.com/__designs/labs-inside/comment-bg.png) 0 0 no-repeat;
}
.articleListComments {
    padding: 22px 0 0 40px;
    color: #FFF;
}
.articleListComments a,
.articleListComments a:visited {
    color: #4b7eaa;
    text-decoration: none;
    font-weight: bold;
}
.articleListComments a.articlePermalink {
    color: #67a6db;
}
#articleComments {
    margin-top: 50px;
    padding-top: 10px;
    border-top: 1px solid #ECECEC;
    background: transparent url(http://www.squizlabs.com/__designs/labs-inside/article-spinner.gif) 50% 50% no-repeat;
    min-height: 100px;
}
#idc-container-parent {
    background-color: #F9F9F9;
}
/* Article pagination */
#articleFooter {
    position: relative;
    width: 720px;
    height: 106px;
    margin: 2em auto 0 auto;
    background: transparent url(http://www.squizlabs.com/__designs/labs-inside/paginate-folder.jpg) 0 0 no-repeat;
}
#articleFooter .older {
    display: block;
    width: 125px;
    height: 29px;
    text-indent: -999px;
    position: absolute;
    right: 34px;
    top: 22px;
    background: transparent url(http://www.squizlabs.com/__designs/labs-inside/paginate-buttons.png) -125px -29px no-repeat;
}
#articleFooter .older a {
    display: block;
    width: 125px;
    height: 29px;
    overflow: hidden;
    text-indent: -999px;
    background: transparent url(http://www.squizlabs.com/__designs/labs-inside/paginate-buttons.png) -125px 0 no-repeat;
}
#articleFooter .newer {
    display: block;
    width: 125px;
    height: 29px;
    text-indent: -999px;
    position: absolute;
    right: 188px;
    top: 22px;
    background: transparent url(http://www.squizlabs.com/__designs/labs-inside/paginate-buttons.png) 0 -29px no-repeat;
}
#articleFooter .newer a {
    display: block;
    width: 125px;
    height: 29px;
    overflow: hidden;
    background: transparent url(http://www.squizlabs.com/__designs/labs-inside/paginate-buttons.png) 0 0 no-repeat;
    text-indent: -999px;
}

/* Feeds */
.page-id_1280 .articleDate,
.page-id_1280 #articleComments {
    display: none;
}
.page-id_1280 h3 {
    margin-top: 2em;
}
.subscribeToAll {
    display: block;
    width: 447px;
    height: 84px;
    margin: 2em 0;
    background: transparent url(http://www.squizlabs.com/__designs/labs-inside/button-subscribe.png) 0 0 no-repeat;
}
.subscribeToAll:hover {
    background-position: 0 -84px;
}
.rssLink {
    display: block;
    padding-left: 30px;
    line-height: 30px;
    background: transparent url(http://www.squizlabs.com/__designs/labs-inside/icon-rss.png) 0 3px no-repeat;
}

/* Footer
*******************************************************/

/* Generic Content Items
*******************************************************/
/* content tables */
#content table {
    border: 1px solid #DADADA;
    border-bottom: none;
    border-right: none;    
}
#content td,
#content th {
    border: 1px solid #DADADA;
    border-top: none;
    border-left: none;
    padding: 10px;
    text-align: left;
}
#content th {
    font-size: 0.9em;
    background: #F9F9F9 url(http://www.squizlabs.com/__designs/labs-inside/th-bg.png) 0 100% repeat-x;
}
.moviePlayer {
    background: #000 url(http://www.squizlabs.com/__designs/labs-inside/movie-preloader.gif) 50% 50% no-repeat;
    border: 1px solid #AAA;
}
.moviePlayer .moviePlayer {
    border: none;
}