/* CSS Document */

/* 50px padding left */


a:link {color: #FFFFFF; text-decoration: none;}
a:visited {color: #FFFFFF; text-decoration: none;}
a:active {color: #FFFFFF; text-decoration: none;}
a:hover {color: #666666; text-decoration: none;}

.linkList a:link {color: #FFFFFF; text-decoration: none; padding-left: 10px; background: url(../images/arrow-pink.gif) left center no-repeat;}
.linkList a:visited {color: #FFFFFF; text-decoration: none; padding-left: 10px; background: url(../images/arrow-pink.gif) left center no-repeat;}
.linkList a:active {color: #FFFFFF; text-decoration: none; padding-left: 10px; background: url(../images/arrow-pink.gif) left center no-repeat;}
.linkList a:hover {color: #666666; text-decoration: none; padding-left: 10px; background: url(../images/arrow-pink-50.gif) left center no-repeat;}

.siteTab a:link {color: #FFFFFF; text-decoration: none;}
.siteTab a:visited {color: #FFFFFF; text-decoration: none;}
.siteTab a:active {color: #FFFFFF; text-decoration: none;}
.siteTab a:hover {color: #7FB2E5; text-decoration: none;}

.personalSiteTab a:link {color: #FFFFFF; text-decoration: none;}
.personalSiteTab a:visited {color: #FFFFFF; text-decoration: none;}
.personalSiteTab a:active {color: #FFFFFF; text-decoration: none;}
.personalSiteTab a:hover {color: #7FB2E5; text-decoration: none;}

.contact a:link {color: #FFFFFF; text-decoration: none;}
.contact a:visited {color: #FFFFFF; text-decoration: none;}
.contact a:active {color: #FFFFFF; text-decoration: none;}
.contact a:hover {color: #FF0066; text-decoration: none;}

.blog a:link {color: #FFFFFF; text-decoration: none;}
.blog a:visited {color: #FFFFFF; text-decoration: none;}
.blog a:active {color: #FFFFFF; text-decoration: none;}
.blog a:hover {color: #FF0066; text-decoration: none;}

.blogMore a:link {color: #919191; text-decoration: none;}
.blogMore a:visited {color: #919191; text-decoration: none;}
.blogMore a:active {color: #919191; text-decoration: none;}
.blogMore a:hover {color: #FF0066; text-decoration: none;}

.linkGreen a:link {color: #FFFFFF; text-decoration: none;}
.linkGreen a:visited {color: #FFFFFF; text-decoration: none;}
.linkGreen a:active {color: #FFFFFF; text-decoration: none;}
.linkGreen a:hover {color: #66CC00; text-decoration: none;}

.linkPink a:link {color: #FFFFFF; text-decoration: none;}
.linkPink a:visited {color: #FFFFFF; text-decoration: none;}
.linkPink a:active {color: #FFFFFF; text-decoration: none;}
.linkPink a:hover {color: #FF0066; text-decoration: none;}

.linkYellow a:link {color: #FFFFFF; text-decoration: none;}
.linkYellow a:visited {color: #FFFFFF; text-decoration: none;}
.linkYellow a:active {color: #FFFFFF; text-decoration: none;}
.linkYellow a:hover {color: #FFCC00; text-decoration: none;}








body {
	margin: 0px;
	background-color: #242424;
	color: #FFFFFF;
}

.cellL {
   float: left;
}

.cellR {
   float: right; 
}
   
.cellB {
   clear: both;
}



/************ HEADER ***********/


#headerBlue {
	background: #0066CC url(../images/header-blue.gif) repeat-x;
}

#headerBlueSub {
	background: #0066CC url(../images/header-sub-blue.gif) repeat-x;
}

#headerGreen {
	background: #66CC00  url(../images/header-green.gif) repeat-x;
}

#headerPink {
	background: #FF0066 url(../images/header-pink.gif) repeat-x;
}

#headerYellow {
	background: #FFCC00 url(../images/header-yellow.gif) repeat-x;
}

#footer {
	background: #333333 url(../images/panel-main.gif) repeat-x;
}

.headerPadding {
	padding: 140px 0px 44px 49px;
}

.footerPadding {
	padding: 40px 0px 20px 49px;
}



/************ MENU ***********/


#menu {
	background: #242424 url(../images/menubar.gif) repeat-x;
	padding: 0px 0px 0px 50px;
}

#menu ul {
	margin: 0px;
	padding: 0px;
}

#menu li {
	float: left;
	list-style: none;
	padding: 6px 13px 3px 13px;
	height: 15px;
	margin: 0px;
}

#menu li a {
	border-right: 1px solid #242424;
	border-left: 1px solid #242424;
}

#menuSelected {
	color: #FFFFFF;
	background: url(../images/background-menu.gif) repeat-x;
	border-right: 1px solid #FF0066;
	border-left: 1px solid #FF0066;
}

#menuArrow {
	position: absolute;
	z-index: 1;
	width: 11px;
	height: 6px;
	margin-top: 18px;
	background: url(../images/arrow-menu.gif) top center no-repeat;
}

.arrowHome {
	margin-left: 10px;
}

.arrowAbout {
	margin-left: 19px;
}

.arrowIdentity {
	margin-left: 34px;
}

.arrowWebsite {
	margin-left: 35px;
}

.arrowPrint {
	margin-left: 25px;
}

.arrowBlog {
	margin-left: 7px;
}

.arrowContact {
	margin-left: 24px;
}






/*#menu a:hover {
	padding: 5px 12px 4px 12px;
	border: 1px solid #FF0066;
	background: url(../images/background-menu.gif) repeat-x;
}*/



/************ QUOTE ***********/


#quoteAbout {
	background-color: #FFCC00;
}

#quoteBottom {
	background-color: #0066CC;
}

.quoteEven {
	width: 600px;
	border-top: 1px dotted #003366;
	margin: 17px 0px 17px 0px;
	padding: 17px 0px 0px 0px;
}



/************ CONTENT ***********/


#mainPanel {
	background: #333333 url(../images/panel-main.gif) repeat-x;
}

#subPanel {
	background-color: #242424;
	/*padding-bottom: 100px;*/
}

#subPanelAbout {
	background: #242424 url(../images/nomar-team-reflection.gif) 140px 15px no-repeat;
}

.portfolioPanel {
	background-color: #242424;
	border-top: 4px solid #333333;
}

.identityPanel {
	background: #242424 url(../images/panel-identity-bottom.jpg) repeat-x;
	padding: 45px 0px 45px 50px;
}

.panelPadding {
	padding: 45px 0px 0px 50px;
}

.portfolioPadding {
	padding: 25px 0px 10px 50px;
}

.printPadding {
	padding: 25px 0px 30px 50px;
}

.quotePadding {
	padding: 25px 0px 30px 50px;
}

.aboutPadding {
	padding: 90px 0px 45px 50px;
}

.aboutPaddingCharacter {
	padding: 45px 0px 325px 50px;
}

.columnLeft {
	width: 190px;
	padding: 10px 25px 10px 0px;
	font-size: 10px;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	line-height: 18px;
	color: #FFFFFF;
}

.columnRight {
	width: 330px;
	padding: 10px 25px 10px 25px;
	border-left: 1px dotted #515151;
	font-size: 10px;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	line-height: 18px;
	color: #FFFFFF;
	margin-bottom: 45px;
}

.columnLeftAlt {
	width: 330px;
	padding: 10px 25px 10px 0px;
	border-right: 1px dotted #515151;
	font-size: 10px;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	line-height: 18px;
	color: #FFFFFF;
	margin-bottom: 45px;
}

.columnRightAlt {
	width: 190px;
	padding: 10px 25px 10px 25px;
	font-size: 10px;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	line-height: 18px;
	color: #FFFFFF;
}

.columnLeftPortfolio {
	width: 349px;
	padding: 10px 0px 10px 0px;
	font-size: 10px;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	line-height: 18px;
	color: #FFFFFF;
}

.columnRightPortfolio {
	width: 190px;
	padding: 10px 25px 10px 32px;
	font-size: 10px;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	line-height: 18px;
	color: #FFFFFF;
}

.columnAbout {
	width: 190px;
	font-size: 10px;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	line-height: 18px;
	color: #FFFFFF;
}

.columnAboutMiddle {
	width: 190px;
	padding: 0px 25px 0px 25px;
	border-left: 1px dotted #515151;
	border-right: 1px dotted #515151;
	margin-left: 25px;
	margin-right: 25px;
	font-size: 10px;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	line-height: 18px;
	color: #FFFFFF;
}

.date {
	color: #919191;
	font-size: 10px;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	background: #1B1B1B url(../images/date-left.gif) left center no-repeat;
	padding: 1px 0px 2px 18px;
}

.newWork {
	position: absolute;
	width: 54px;
	height: 54px;
	margin-left: 315px;
	margin-top: -15px;
}

.siteTab {
	position: absolute;
	margin-top: 200px;
	background: url(../images/tab-site.gif) no-repeat;
	height: 19px;
	width: 79px;
	font-size: 10px;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	line-height: 18px;
	color: #FFFFFF;
	padding: 0px 0px 0px 7px;
}

.personalSiteTab {
	background: url(../images/tab-personal-site.gif) no-repeat;
	height: 20px;
	width: 102px;
	font-size: 10px;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	color: #FFFFFF;
	padding: 0px 0px 0px 7px;
	margin-top: 30px;
}

#characters {
	position: absolute;
	float: left;
	z-index: 2;
	margin-top: -407px;
	margin-left: 70px;
	width: 456px;
}

#eyesAlangator {
	position: absolute;
	z-index: 3;
	float: left;
	margin-top: -297px;
	margin-left: 121px;
}

#eyesBenBot {
	position: absolute;
	z-index: 4;
	float: left;
	margin-top: -314px;
	margin-left: 318px;
}

#eyesStewbear {
	position: absolute;
	z-index: 5;
	float: left;
	margin-top: -247px;
	margin-left: 444px;
}

#contactAlangator {
	position: absolute;
	z-index: 2;
	margin-top: -15px;
	margin-left: 110px;
}

#contactBenBot {
	position: absolute;
	z-index: 3;
	margin-top: -35px;
	margin-left: 120px;
}

#contactStewbear {
	position: absolute;
	z-index: 4;
	margin-top: 0px;
	margin-left: 135px;
}

ul.summary {
	margin: 0px;
	padding: 0px;
}

ul.summary li {
	list-style: none;
}

ul.superpower {
	margin: 0px;
	padding: 0px;
}

ul.superpower li {
	list-style: none;
	display: inline;
}


.thumbContainer {
	width: 600px;
}

.identityThumb {
	float: left;
	padding: 4px;
}

.imglink img { border: 2px solid #1B1B1B; }
.imglink:hover img { border: 2px solid #4C4C4C; }
.imglink:hover { color: #4C4C4C; }



/************ FONT STYLES ***********/


.textMenu {
	font-size: 11px;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-weight: bold;
}

.textMain {
	color: #FFFFFF;
	font-size: 10px;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-weight: normal;
}

.textFooter {
	color: #FFFFFF;
	font-size: 10px;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-weight: normal;
	line-height: 25px;
}

.textBold {
	font-weight: bold;
}

.textPink {
	color: #FF0066;
}

h1 {
	font-size: 25px;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-weight: bold;
	color: #FFFFFF;
	line-height: 25px;
	margin: 10px 0px;
	padding: 0px;
	/*text-shadow: #242424 2px 2px 0px; /* X Position - Y Position - Blur */
}

h2 {
	font-size: 18px;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-weight: bold;
	color: #FFFFFF;
	margin: 10px 0px;
	line-height: 20px;
}

h3 {
	width: 600px;
	font-size: 25px;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-weight: normal;
	color: #FFFFFF;
	line-height: 33px;
	margin: 0px 0px 6px 0px;
}

h4 {
	width: 600px;
	font-size: 20px;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-weight: normal;
	color: #FFFFFF;
	line-height: 26px;
	margin: 0px 0px 2px 0px;
}

.list ul {
	padding: 0px;
	border-top: 1px dotted #515151;
	margin-top: 10px;
	margin-left: 0px;
}

.list li {
	color: #919191;
	list-style: none;
	padding: 3px 0px 3px 18px;
	border-bottom: 1px dotted #515151;
}

.listIdentity {
	background: url(../images/arrow-green.gif) 8px center no-repeat;
}

.listWeb {
	background: url(../images/arrow-pink.gif) 8px center no-repeat;
}

.listPrint {
	background: url(../images/arrow-yellow.gif) 8px center no-repeat;
}

.quoteName {
	color: #003366;
	font-size: 13px;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-weight: normal;
	/*filter: alpha(opacity=50); -moz-opacity:.50; opacity:.50;*/
}

.quoteNameSub {
	background: url(../images/quote-bubble.gif) no-repeat;
	padding: 13px 5px 9px 13px;
	color: #FFFFFF;
	font-size: 11px;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-weight: normal;
}

.portfolioTitle {
	color: #FFFFFF;
	font-size: 20px;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-weight: normal;
	line-height: 22px;
}

.portfolioTitleSub {
	color: #707070;
	font-size: 10px;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-weight: normal;
}