@charset "utf-8";
/* CSS Document */

* {
	margin: 0px;
	padding: 0px;
}

a img {
	border: 0px;
}

body {
	background:#181818;
  color: #FFFFFF;
	font-family: Verdana, Helvetica, sans-serif; 
	font-size: 10px;
	text-align: justified;
}

strong {
font-weight:900;
}

a:link, a:active, a:visited {
	color: #BC0D25;
	font-weight: bold;
	text-decoration: none;}

a:hover {
	color: #3EC0EB;
	font-weight: none;
}

.clear {
	clear:both;
}

.container_main {
	width:980px;
	margin-right:auto;
	margin-left:auto;
	text-align:left;
}

.spacing-horizontal {
	margin-right: 10px;
}

h1 {
	margin-top: 15px;
	padding: 0px;
	float:left;
	width: 980px;
}

.block01 {
	float:left;
	width: 213px;
}

.block02 {
	float:left;
	width: 248px;
}

.block03 {
	float:left;
	width: 239px;
}

.blockmain {
	float: left;
	width: 506px;
}

.box {
	float:left;
	border-bottom: 0px;
	border-right: 1px solid #333333;
	border-left: 1px solid #333333;
	margin-bottom: 10px;
}

h2, h3 {
	float:left;
	margin: 0px;
	background: #333333;
	height: 11px;
	font-size:10px;
	line-height:10px;
	text-transform:uppercase;
}

h2 {
	padding: 10px;
}

h3 {
	text-align:center;
	padding: 5px 10px 5px 10px;
}

.body, .templatebody {
	float:left;
	padding: 10px;
	margin: 0px;
	background:#000000;
}

.body p, .templatebody p {
	padding: 0px;
	margin-bottom: 10px;
}

.submenu {
	height:770px;
	background:#000000;
}

.templatebody {
	height:750px;
}

.block01 .body,
.block01 h2, 
.block01 h3 {
	width: 193px; /* 213 - 10 - 10 */
}

.block01 .body {
	padding: 10px 10px 5px 10px;
}

.block02 .body,
.block02 h2, 
.block02 h3 {
	width: 228px; /* 248 - 10 - 10 */
}

.block03 .body,
.block03 h2, 
.block03 h3 {
	width: 219px; /* 239 - 10 - 10 */
}

.blockmain .body,
.blockmain h2, 
.blockmain h3 {
	width: 486px; /* 506 - 10 - 10 */
}

.extrasheight {
	height: 138px;
}

.topimg {
	margin-bottom:10px;
}

#footer {
	height: 5px;
	background: #0A819A;
	position:relative;
	top:-5px;
	margin-bottom:15px;
}

#menu {
 float:left;
 width: 980px;
 margin-bottom: 10px;
 height: 16px;
 background: #333333;
 list-style:none;
}

#menu ul { 
  top:0px;
	left:0px;
	padding:0px;
	background:url(/images/navbar.png);
	display:block;
	position:relative;
	width:980px;
	height:19px;
}

#menu ul li{margin:0;padding:0;list-style:none;position:absolute;top:0}
#menu ul li,#menu a{height:19px;display:block}
#menu span{display:none}

#menu #main{left:0;width:215px;}
#menu #about{left:215px;width:86px;}
#menu #socpa{left:301px;width:136px;}
#menu #projects{left:437px;width:114px;}
#menu #downloads{left:551px;width:130px;}
#menu #blackbookzone{left:681px;width:163px;}
#menu #contact{left:844px;width:136px;}

#menu #main a:hover{background:transparent url(/images/navbar.png) 0 -19px no-repeat;}
#menu #about a:hover{background:transparent url(/images/navbar.png) -215px -19px no-repeat;}
#menu #socpa a:hover{background:transparent url(/images/navbar.png) -301px -19px no-repeat;}
#menu #projects a:hover{background:transparent url(/images/navbar.png) -437px -19px no-repeat;}
#menu #downloads a:hover{background:transparent url(/images/navbar.png) -551px -19px no-repeat;}
#menu #blackbookzone a:hover{background:transparent url(/images/navbar.png) -681px -19px no-repeat;}
#menu #contact a:hover{background:transparent url(/images/navbar.png) -844px -19px no-repeat;}

#stream {
 float:left;
 width: 191px;
 list-style:none;
}

#stream li {
	float: left;
	width: 191px;
	list-style:none;
	margin-bottom: 5px;
}

#submenu ul {
 float:left;
 width: 213px;
 list-style:none;
}

#submenu ul li {
	float:left;
	width: 213px;
	height:29px;
	border-bottom: 1px solid #333333;
	list-style:none;
	background: #000000;
}

#submenu ul li:hover {
	background:#454545;
}

.summary-listing {
 float:left;
 width: 228px;
 list-style:none;
}

.summary-listing li {
	float: left;
	width: 228px;
	list-style:none;
	height: 110px;
}

.summary-listing li .summary-content-img {
	float: left;
	width: 110px;
	height: 110px;
	margin-right: 10px;
}

.summary-listing li .summary-content-txtblk {
	float: left;
	width: 108px;
	height: 110px;
}

.summary-listing li .summary-content-txtblk p {
	float: left;
	width: 108px;
	height: 93px;
	margin-bottom: 10px;
	text-align:justified;
}

.summary-listing li .summary-content-txtblk .more {
	float: left;
	width: 108px;
	height: 7px;
	text-align:right;
}

.block03 .summary-listing {
 width: 219px;
}

.block03 .summary-listing li {
	width: 219px;
	height: 50px;
}

.block03 .summary-listing li .summary-content-img {
	width: 50px;
	height: 50px;
}

.block03 .summary-listing li .summary-content-txtblk {
	width: 159px;
	height: 50px;
	text-align:justified;
}

.block03 .summary-listing li .summary-content-txtblk p {
	width: 159px;
	height: 33px;
}

.block03 .summary-listing li .summary-content-txtblk .more {
	width: 159px;
}

.summary-content-txtblk p {
	text-align:justified;
}

#quickies .block03 .summary-listing li .summary-content-txtblk p {
	text-align:left;
}


#stories-thumb  {
	width: 480px;
	list-style:none;
	margin:0px;
	padding-left:8px;
	float:left;
}

#stories-thumb li {
	width: 110px;
	float: left;
	display: block;
	margin-bottom: 10px;
}

#stories-thumb  li span {display: none;}

#stories-thumb  li #brian {background: url("/images/socpa/story-brian.png") no-repeat 0 0;display: block;width: 110px;height: 110px;}
#stories-thumb  li #mark {background: url("/images/socpa/story-mark.png") no-repeat 0 0;display: block;width: 110px;height: 110px;}
#stories-thumb  li #cakes {background: url("/images/socpa/story-cakes.png") no-repeat 0 0;display: block;width: 110px;height: 110px;}
#stories-thumb  li #maya {background: url("/images/socpa/story-maya.png") no-repeat 0 0;display: block;width: 110px;height: 110px;}
#stories-thumb  li #neil {background: url("/images/socpa/story-neil.png") no-repeat 0 0;display: block;width: 110px;height: 110px;}
#stories-thumb  li #steve {background: url("/images/socpa/story-steve.png") no-repeat 0 0;display: block;width: 110px;height: 110px;}
#stories-thumb  li #rogue {background: url("/images/socpa/story-rogue.png") no-repeat 0 0;display: block;width: 110px;height: 110px;}
#stories-thumb  li #love {background: url("/images/socpa/story-love.png") no-repeat 0 0;display: block;width: 110px;height: 110px;}

#stories-thumb  li #brian:hover {background-position: 0 -110px; }
#stories-thumb  li #mark:hover {background-position: 0 -110px; }
#stories-thumb  li #cakes:hover {background-position: 0 -110px; }
#stories-thumb  li #maya:hover {background-position: 0 -110px; }
#stories-thumb  li #neil:hover {background-position: 0 -110px; }
#stories-thumb  li #steve:hover {background-position: 0 -110px; }
#stories-thumb  li #rogue:hover {background-position: 0 -110px; }
#stories-thumb  li #love:hover {background-position: 0 -110px; }

#dlmenu { 
	padding:0px;
	margin-left:7px;
	background:url(/images/downloads/dlmenu.png);
	display:block;
	width:470px;
	height:350px;
	position:relative;
	margin-bottom: 10px;
	float:left;
}

#dlmenu li{margin:0;padding:0;list-style:none;position:absolute;top:0}
#dlmenu li, #dlmenu a{height:110px;width:110px;display:block}
#dlmenu span{display:none}

#dlmenu #howtoform{top:0;left:0;width:110px;height:110px;}
#dlmenu #tstencil{top:0;left:120px;width:110px;height:110px;}
#dlmenu #tuts{top:0;left:240px;width:110px;height:110px;}
#dlmenu #bubble{top:0;left:360px;width:110px;height:110px;}
#dlmenu #badge{top:120px;left:0px;width:110px;height:110px;}
#dlmenu #coupon{top:120px;left:120px;width:110px;height:110px;}
#dlmenu #submit{top:120px;left:240px;width:110px;height:110px;}
#dlmenu #alias{top:120px;left:360px;width:110px;height:110px;}
#dlmenu #highresimg{top:240px;left:0px;width:110px;height:110px;}
#dlmenu #fonts{top:240px;left:120px;width:110px;height:110px;}
#dlmenu #glossary{top:240px;left:240px;width:110px;height:110px;}

#dlmenu #howtoform a:hover{background:transparent url(/images/downloads/dlmenu.png) 0 -350px no-repeat;}
#dlmenu #tstencil a:hover{background:transparent url(/images/downloads/dlmenu.png) -120px -350px no-repeat;}
#dlmenu #tuts a:hover{background:transparent url(/images/downloads/dlmenu.png) -240px -350px no-repeat;}
#dlmenu #bubble a:hover{background:transparent url(/images/downloads/dlmenu.png) -360px -350px no-repeat;}
#dlmenu #badge a:hover{background:transparent url(/images/downloads/dlmenu.png) -0px -470px no-repeat;}
#dlmenu #coupon a:hover{background:transparent url(/images/downloads/dlmenu.png) -120px -470px no-repeat;}
#dlmenu #submit a:hover{background:transparent url(/images/downloads/dlmenu.png) -240px -470px no-repeat;}
#dlmenu #alias a:hover{background:transparent url(/images/downloads/dlmenu.png) -360px -470px no-repeat;}
#dlmenu #highresimg a:hover{background:transparent url(/images/downloads/dlmenu.png) -0px -590px no-repeat;}
#dlmenu #fonts a:hover{background:transparent url(/images/downloads/dlmenu.png) -120px -590px no-repeat;}
#dlmenu #glossary a:hover{background:transparent url(/images/downloads/dlmenu.png) -240px -590px no-repeat;}

#tutmenu { 
	padding:0px;
	margin-left:7px;
	background:url(/images/downloads/tutmenu.png) no-repeat;
	display:block;
	width:490px;
	height:110px;
	position:relative;
	margin-bottom: 10px;
	float:left;
}

#tutmenu li{margin:0;padding:0;list-style:none;position:absolute;top:0}
#tutmenu li, #tutmenu a{height:110px;width:110px;display:block}
#tutmenu span{display:none}

#tutmenu #makebadges{top:0;left:0;width:110px;height:110px;}
#tutmenu #makeboards{top:0;left:120px;width:110px;height:110px;}
#tutmenu #makeminiboards{top:0;left:240px;width:110px;height:110px;}
#tutmenu #makestickers{top:0;left:360px;width:110px;height:110px;}

#tutmenu #makebadges a:hover{background:transparent url(/images/downloads/tutmenu.png) 0 -110px no-repeat;}
#tutmenu #makeboards a:hover{background:transparent url(/images/downloads/tutmenu.png) -120px -110px no-repeat;}
#tutmenu #makeminiboards a:hover{background:transparent url(/images/downloads/tutmenu.png) -240px -110px no-repeat;}
#tutmenu #makestickers a:hover{background:transparent url(/images/downloads/tutmenu.png) -360px -110px no-repeat;}

#fontmenu { 
	padding:0px;
	margin-left:15px;
	margin-right:15px;
	background:url(/images/downloads/fontmenu.png);
	display:block;
	width:450px;
	height:290px;
	position:relative;
	margin-bottom: 20px;
	float:left;
}

#fontmenu li{margin:0;padding:0;list-style:none;position:absolute;top:0}
#fontmenu li, #fontmenu a{width:220px;height:90px;display:block}
#fontmenu span{display:none}

#fontmenu #refuse{top:0;left:0px;height:90px;width:220px;}
#fontmenu #timesnewyorker{top:0;left:230px;height:90px;width:220px;}
#fontmenu #gunplay{top:100px;left:0px;height:90px;width:220px;}
#fontmenu #punchlabel{top:100px;left:230px;height:90px;width:220px;}
#fontmenu #fluoxetine{top:200px;left:0px;height:90px;width:110px;}
#fontmenu #urbanhookupz{top:200px;left:230px;height:90px;width:220px;}

#fontmenu #refuse a:hover{background:transparent url(/images/downloads/fontmenu.png) 0 -290px no-repeat;}
#fontmenu #timesnewyorker a:hover{background:transparent url(/images/downloads/fontmenu.png) -230px -290px no-repeat;}
#fontmenu #gunplay a:hover{background:transparent url(/images/downloads/fontmenu.png) 0 -390px no-repeat;}
#fontmenu #punchlabel a:hover{background:transparent url(/images/downloads/fontmenu.png) -230px -390px no-repeat;}
#fontmenu #fluoxetine a:hover{background:transparent url(/images/downloads/fontmenu.png) 0 -490px no-repeat;}
#fontmenu #urbanhookupz a:hover{background:transparent url(/images/downloads/fontmenu.png) -230px -490px no-repeat;}

.tooltip, .prizetooltip {
	background:#333333;
	padding:10px;
}

.tooltip {
	width:250px;
}

#linkslist {
	list-style:square;
	margin-left:13px;
}