﻿/* HOME  */

/* Home Anim Panel  */

.boxSquare
{
width:437px;
height:437px;
background-color:#1e1d1e;
margin-right:10px;
float:left;
}

/* Home Text Panel  */

.textBox
{
width:350px;
height:437px;
padding-left:20px;
background-color:#1e1d1e;
margin-right:10px;
float:left;
}

.introText
{
width:330px;
height:110px;
padding-top:14px;
padding-right:20px;
}

.twoColumnHolder
{
width:330px;
height:300px;
padding-right:20px;
}

.columnLeft
{
width:150px;
height:300px;
float:left;
}

.columnRight
{
width:150px;
height:300px;
float:right;
}

/* Home Pink Link  */

#pinkLinkHolder
{
width:600px;
height:437px;
background-color:#1e1d1e;
margin-right:10px;
float:left;
}

#pinkLinkImage
{
width:480px;
height:437px;
float:left;
}

#pinkLinkText
{
width:87px;
height:423px;
padding-top:14px;
padding-right:20px;
float:right;
}

/* Home Community links  */

#communityHolder
{
width:480px;
height:437px;
background-color:#1e1d1e;
margin-right:10px;
float:left;
background-image:url('/images/interface/community_bg_shadow.jpg');
background-repeat:repeat-x;
background-position:bottom;
}

#youTubeVideo
{
width:480px;
height:271px;
overflow:hidden;
}

#communityTextHolder
{
width:440px;
height:47px;
padding-top:14px;
padding-left:20px;
}

#communityLinkHolder
{
width:440px;
height:105px;
padding-left:20px;
}

.communityLinks
{
width:68px;
height:25px;
float:left;
margin-right:15px;
padding-top:80px;
text-align:center;
}

#nicksBlog
{
background-image:url('/images/interface/nicks_blog.jpg');
}

#annasBlog
{
background-image:url('/images/interface/annas_blog.jpg');
}

#facebook
{
background-image:url('/images/interface/facebook.jpg');
}

#twitter
{
background-image:url('/images/interface/twitter.jpg');
}

#youTube
{
background-image:url('/images/interface/you_tube.jpg');
}

/* Quick Links  */

#quickLinksHolder
{
width:150px;
height:437px;
padding-left:20px;
float:right;
}

.quickLinkHome
{
border-left:1px solid #666666;
}

#quickLinksHolderLineless
{
width:150px;
height:437px;
float:right;
}


/* Home News  */

#newsTitle
{
min-width:300px;
height:35px;
}

#d101News
{
padding-left:104px;
background-image:url('/images/interface/design101_text.gif');
background-repeat:no-repeat;
}

#d101News span
{
position:absolute;
left:-3000px;
}

.newsArticleHolder
{
width:540px;
height:80px;
border:0px;
padding-right:20px;
border-right:1px solid #444444;
float:left;
margin-right:20px;
}

.newsPicHolder
{
width:180px;
height:80px;
float:left;
}

.newsTextHolder
{
width:340px;
height:80px;
float:right;
}

.newsArchiveText
{
width:180px;
height:80px;
float:left;
}




/* WORK  */

/* Work panels  */

#workContentHolder
{
min-width:700px;
height:585px;
margin-left:18px;
padding-right:10px;
float:left;
}

.workHolder
{
min-width:400px;
height:585px;
border-right:solid 1px #666666;
float:left;
margin-left:10px;
}

.workImageHolder
{
min-width:400px;
height:447px;
margin-right:10px;
border-bottom:solid 1px #444444;
}

.workImageSmall
{
width:80px;
height:437px;
background-color:#1e1d1e;
float:left;
overflow:hidden;
}

.workImageMedium
{
width:240px;
height:437px;
background-color:#1e1d1e;
float:left;
overflow:hidden;
}

.workImageLarge
{
width:437px;
height:437px;
background-color:#1e1d1e;
float:left;
overflow:hidden;
}

.panelPadding
{
margin-right:10px;
}

.workTextHolder
{
margin-top:10px;
width:300px;
height:127px;
margin-right:10px;
}

.workTextHolderLong
{
margin-top:10px;
width:400px;
height:127px;
margin-right:10px;
}


.newsImageHolder
{
min-width:400px;
height:222px;
margin-right:10px;
border-bottom:solid 1px #444444;
}

.newsImageSmall
{
width:80px;
height:212px;
background-color:#1e1d1e;
float:left;
overflow:hidden;
}

.newsImageMedium
{
width:240px;
height:212px;
background-color:#1e1d1e;
float:left;
overflow:hidden;
}

.newsImageLarge
{
width:437px;
height:212px;
background-color:#1e1d1e;
float:left;
overflow:hidden;
}

.newsarticleTextHolder
{
margin-top:10px;
width:400px;
height:340px;
margin-right:10px;
}




/* ABOUT  */

/* About Pic breakers  */

.imagesAboutSmall
{
width:40px;
height:437px;
background-color:#1e1d1e;
margin-right:10px;
float:left;
overflow:hidden;
}

.imagesAboutMedium
{
width:145px;
height:437px;
background-color:#1e1d1e;
margin-right:10px;
float:left;
overflow:hidden;
}

.imagesAboutLarge
{
width:280px;
height:437px;
background-color:#1e1d1e;
margin-right:10px;
float:left;
overflow:hidden;
}

/* About text boxes  */

.textBoxSingle
{
width:220px;
height:437px;
padding-left:20px;
background-color:#1e1d1e;
margin-right:10px;
float:left;
}

.introTextSingle
{
width:200px;
height:110px;
padding-top:14px;
padding-right:20px;
}

.columnSingle
{
width:200px;
height:300px;
float:left;
}

/* Legal  */

.legalHolderSmall
{
width:450px;
height:80px;
border:0px;
padding-right:20px;
border-right:1px solid #444444;
float:left;
margin-right:20px;
}

.legalTextHolderSmall
{
width:450px;
height:80px;
float:left;
}

.legalHolder
{
width:800px;
height:80px;
border:0px;
padding-right:20px;
border-right:1px solid #444444;
float:left;
margin-right:20px;
}

.legalTextHolder
{
width:800px;
height:80px;
float:left;
}

/* bios  */

.biosHolder
{
width:240px;
height:437px;
background-color:#1e1d1e;
margin-right:10px;
float:left;
}

.biosPhoto
{
width:240px;
height:240px;
}

.biosText
{
width:200px;
height:183px;
padding-left:20px;
padding-right:20px;
padding-top:14px;
}


/* Random Backgrounds  */

.aboutBg1
{
background-image:url('/images/random_images/3.jpg');
background-repeat:no-repeat;
}

.aboutBg2
{
background-image:url('/images/random_images/2.jpg');
background-repeat:no-repeat;
}

.aboutBg3
{
background-image:url('/images/random_images/3.jpg');
background-repeat:no-repeat;
}

.aboutBg4
{
background-image:url('/images/random_images/4.jpg');
background-repeat:no-repeat;
}

.aboutBg5
{
background-image:url('/images/pinklinks/pink_water_droplers_NickHarris1.jpg');
background-repeat:no-repeat;
}

.aboutBg6
{
background-image:url('/images/random_images/6.jpg');
background-repeat:no-repeat;
}

.aboutBg7
{
background-image:url('/images/random_images/7.jpg');
background-repeat:no-repeat;
}


/* Pink Links Page  */

#pinkHolder
{
min-width:400px;
height:585px;
margin-left:18px;
padding-right:10px;
float:left;
}

.pinkLinkRow
{
min-width:400px;
height:240px;
}

.pinkLinkHolder
{
min-width:400px;
height:585px;
border-right:solid 1px #666666;
float:left;
margin-left:10px;
padding-right:10px;
}

.pinkLinkTitle
{
width:600px;
height:100px;
}

.pinkLinkThumbnailHolder
{
width:200px;
height:226px;
padding-right:10px;
margin-right:10px;
border-right:solid 1px #444444;
float:left;
}

.pinkLinkThumbnail
{
width:200px;
height:182px;
margin-bottom:3px;
}

.pinkLinkText
{
width:193px;
height:34px;
border:solid 1px #444444;
padding:5px 0px 0px 5px;
}

.pinkLinkTextLeft
{
width:150px;
height:37px;
float:left;
}

.pinkLinkTextRight
{
width:40px;
height:32px;
float:right;
}