/* Layout
==============================================================================================  */

div#main { float: left; width: 300px; }
div#extra { float: left; width: 630px; margin-left: 20px; }

#collection { float: left; width: 630px; }
#context { float: left; width: 300px; margin-left: 20px; }

/* Main Column
==============================================================================================  */

#profile { padding-bottom: 10px; background: url("../images/modules/profile.png") left bottom no-repeat; }
    #profile .inner { padding: 10px 10px 0 10px; background: url("../images/modules/profile.png") left top no-repeat; }
    #profile h2 { margin-bottom: 2px; font-size: 1.1666em; color: #222; }
    #profile .url { display: block; margin-bottom: 5px; }
    #profile .url a { font-weight: normal; color: #999; }
    #profile .url a:hover { border: none; color: #222; }
    #profile .image-link { display: inline; float: left; margin: -2px 5px 5px -2px; padding: 2px; }
    #profile .image-link:hover { padding: 1px; border: 1px solid #CCC; }
    #profile .image-link img { display: block; border: 1px solid #CCC; }
    #profile .description { margin: 10px 0; }
    #profile .rank { font-weight: bold; }
    #profile .rank a { border: none; margin-left: 0.25em; }
    #profile .rank a img { margin-bottom: -3px; }
    #profile form { clear: both; border-top: 1px solid #CCC; }
        #profile form div { padding-top: 10px; border-top: 1px solid #FFF; }
        #profile form #blog-search { width: 200px; font: bold 1.0em "Helvetica Neue", Arial, sans-serif; background: #F0FCE2; color: #046800; }
        #profile form label { display: block; }
    * html #profile .inner { height: 1%; }
    
    #profile .thumbnail { position: relative; display: inline; float: left; margin: -2px 5px 5px -2px; padding: 2px; }
    #profile .thumbnail a { display: block; margin-bottom: 0; }
    #profile .thumbnail .image-link { float: none; display: block;}
    #profile .thumbnail .snap-promo { display: block; width: 134px; text-align: center; font-size: 0.9166em; font-weight: normal; color: #999; border: none; }
    #profile .thumbnail .snap-icon { display: block; position: absolute; right: 12px; top: 83px; width: 11px; height: 12px; border: none; background: url("../images/partners/snap-icon.png") no-repeat 0 0; text-indent: -1000em; }

#main .actions { margin: 5px 0; } /* Identical */
    #main .actions li { float: left; width: 150px; text-align: center; }
    #main .actions li img { margin-bottom: -2px; }
    
#main .module { clear: both; float: left; width: 300px; margin-top: 30px; }
    #main .module .subheader { position: relative; border-bottom: 1px solid #CCC; margin-bottom: 10px; }
    #main .module .subheader h2 { font-size: 1.0833em; font-weight: bold; color: #F60; }
    #main .module .subheader .more { position: absolute; top: 0; right: 0; font-size: 0.9166em; }
    #main .module p { margin: 10px 0; }
    * #main .module .subheader { height: 1%; }
    
#snap-preview { position: absolute; z-index: 10; left: 20px; top: 180px; width: 284px; height: 225px; }
    #main > #snap-preview { padding: 41px 15px 20px 15px; background: url("../images/partners/snap-24.png") no-repeat 0 0; }
    #snap-preview .image-link { display: block; margin: 0 auto; width: 272px; padding: 2px; }
    #snap-preview .image-link:hover { padding: 1px; border: 1px solid #CCC; }
    #snap-preview .image-link img { display: block; border: 1px solid #CCC; }
    #snap-preview .promo { display: block; position: absolute; left: 21px; bottom: 20px; border: none; padding-right: 14px; background: url("../images/partners/snap-icon.png") no-repeat right center; }
    #snap-preview .promo:hover { text-decoration: underline; }
    #snap-preview .snapshots { display: block; position: absolute; right: 21px; bottom: 20px; width: 80px; height: 18px; border: none; background: url("../images/partners/snap-logo.png") no-repeat 0 0; text-indent: -1000em; }
    * html #snap-preview .promo { left: 12px; bottom: 7px; }
    * html #snap-preview .snapshots { right: 12px; bottom: 7px; }
    * html #snap-preview { padding: 39px 7px 7px 7px; background: url("../images/partners/snap-8.png") no-repeat 0 0; }
    

/* Extra Column
==============================================================================================  */

#extra .module {
	clear: both;
	float: left;
	width: 630px;
	margin-bottom: 20px;
	margin-left: 130px;
}
    #extra .module .subheader { position: relative; padding-bottom: 5px; background: url("/images/subheader.png") left bottom no-repeat; }
    #extra .module .subheader .inner { padding: 5px 10px 0 10px; background: url("/images/subheader.png") left top no-repeat; }
    #extra .module .subheader h2 { padding-left: 0; margin: 0; font-weight: bold; }
    #extra .module .subheader .more { position: absolute; top: 5px; right: 10px; }
    #extra .module .subheader ul { position: absolute; bottom: 0; right: 10px;}
        #extra .module .subheader ul li { float: left; height: 17px; padding-left: 10px; margin-left: 5px; line-height: 17px; background: url("/images/subheader-tab.png") left top no-repeat; }
        #extra .module .subheader ul a { display: block; padding-right: 10px; border: none; background: url("/images/subheader-tab.png") right top no-repeat; color: #666; }
        #extra .module .subheader ul .selected { background-position: left bottom; }
        #extra .module .subheader ul .selected span { display: block; padding-right: 10px; background: url("/images/subheader-tab.png") right bottom no-repeat; font-weight: bold; }

    * html #extra .module .subheader { height: 1%; }
    * html #extra .module .subheader ul { bottom: -1px; }

#settings { margin-top: 20px; }

/* Module Styles
==============================================================================================  */

#fans { }
    #fans ul { padding-left: 16px; margin: 10px 0; }
    #fans li { float: left; margin-right: 0; margin-bottom: 0 }
    #fans ul a { display: block; padding: 1px; border: 1px solid #FFF; }
    #fans ul a:hover { border-color: #CCC; }
    #fans ul img { display: block; border: 1px solid #CCC; }

#tagcloud { text-align: justify; overflow: hidden; } /* Identical */
    #tagcloud li { display: inline; margin-right: 0.3em; }
    #tagcloud em { font-size: 1.0833em; }

#recent-activity { } /* Identical */
    #recent-activity .hentry { padding-left: 60px; margin-bottom: 10px; }
    #recent-activity .time { float: left; width: 50px; margin-left: -60px; font-size: 0.8333em; line-height: 1.5; color: #999; }
    #recent-activity img { margin-bottom: -3px; }

#people { }
    #people li { clear: both; min-height: 1%; padding: 10px 0 10px 74px; border-top: 1px solid #CCC; }
    #people li:first-child { border-top: none; }
    #people .image-link { float: left; padding: 1px; border: 1px solid #FFF; margin-top: -2px; margin-left: -74px; margin-bottom: 10px; }
    #people .image-link:hover { border-color: #CCC;  }
    #people .image-link img { display: block; border: 1px solid #CCC; }
    #people .fn { margin-bottom: 5px; font-size: 1.3333em; color: #666; }
    #people p { margin-top: 10px 0; }
    * html #people li { height: 1%; }

#posts { }
    #posts li { margin: 5px 0 20px 0; }
    #posts h3 { font-size: 1.1666em; }
    #posts .published { font-weight: bold; color: #666; }
    #posts p { margin-top: 5px; line-height: 1.4545; }

#reactions { }
    #reactions li { min-height: 1%; padding-left: 32px; margin: 5px 0 20px 0; }
    #reactions h3 { font-size: 1.1666em; }
    #reactions .photo { float: left; margin-left: -32px; }
        #reactions a.photo { padding: 2px; margin-left: -34px; margin-top: -2px; }
        #reactions a.photo:hover { padding: 1px; border: 1px solid #CCC; }
        #reactions a.photo img, #reactions img.photo { display: block; border: 1px solid #CCC; }
    #reactions .details { font-weight: bold; color: #666; }
    #reactions p { margin-top: 5px; line-height: 1.4545; }
    * html #reactions li { height: 1%; }
    
div.box
{
	background-color: #EEEEEE;
	padding: 10px;
	margin-bottom: 20px;
}

div.box p
{
	padding: 0px;
	margin: 0px 0px 10px 0px;
}

div.quote h2
{
	display: inline;
	margin: 0px;
	padding: 0px;
	font-size: 12px;
	line-height: 20px;
	font-weight: bold;
}

div.box h2
{
	display: inline;
	font-family: arial, helvetica, sans-serif;
	font-size: 14px;
	line-height: 40px;
}
.big
{
	font-weight: bold;
	font-family: arial, helvetica, sans-serif;
	font-size: 14px;
	line-height: 25px;
}

table#threadslist td
{
	border-bottom: 1px dashed #BBBBBB;
}

.page
{
	background: #FFFFFF;
	width: 887px;
}
.tborder
{
	border: 1px solid #BBBBBB;
}
.tcat
{
	background: #FFFFFF;
	color: #006666;
	font: bold 15px arial, helvetica, sans-serif;
	line-height: 25px;
}
.tcat a:link, .tcat_alink
{
	color: #006666;
	text-decoration: underline;
}
.tcat a:visited, .tcat_avisited
{
	color: #006666;
	text-decoration: underline;
}
.tcat a:hover, .tcat a:active, .tcat_ahover
{
	color: #006666;
	text-decoration: none;
}
.thead
{
	background: #ECECEC;
	color: #000000;
	font-family: arial, helvetica, sans-serif;
	font-weight: bold;
	padding: 15px;
}
.thead a:link, .thead_alink
{
	color: #000000;
	text-decoration: underline;
}
.thead a:visited, .thead_avisited
{
	color: #000000;
	text-decoration: underline;
}
.thead a:hover, .thead a:active, .thead_ahover
{
	color: #000000;
	text-decoration: none;
}
.alt1, .alt1Active
{
	background: #FFFFFF;
	font-size: 11px;
	padding: 5px;
}
.alt2, .alt2Active
{
	background: #F4F4F4;
	font-size: 11px;
	padding: 5px;
}
td.inlinemod
{
	background: #FAEECE;
	color: #434343;
	font-size: 11px;
	line-height: 20px;
	padding: 5px;
}

/* ***** small padding on 'thead' elements ***** */
td.thead, div.thead { padding: 4px; }

/* ***** basic styles for multi-page nav elements */
.pagenav a { text-decoration: none; }
.pagenav td { padding: 2px 4px 2px 4px; }
ul.bulleted
{
	list-style: url(/images/subforum_new.gif);
	margin: 20px 0px 10px 20px;
	padding: 0px;
	font-size: 11px;
	line-height: 15px;
}