/* PhotoVillage FrontPage Default Layout  */
*{padding: 0; margin: 0;}

a { color:#111; text-decoration: none }

body 
{ 
 min-width:800px;
 width:100%;
 margin: 0;
 padding: 0;
 border: 0;
 font: 10px Tahoma;
 background:#363d45;
}

#wrapper 
{
 text-align: left;
 width: 100%;
 margin-left: auto;
 margin-right: auto;
 padding: 0;
}

.imgShadow
{
 background:url(/gfx/shadow2.png) no-repeat bottom right !important;
 background:url(/gfx/shadow2.png) no-repeat bottom right;
 clear: right;
 float: left;
 text-align:center;
}

.imgShadow img
{
 background-color:#fff;
 border: 1px solid #a9a9a9;
 padding:4px;
 margin: 0px 5px 5px 0px;
}

#footer
{
 clear:both;
 padding-top:5px;
 text-align:center;
 font-size:10px;
 font-weight:normal;
}

.menuHeadline
{
 float:left;
 font-size:14px;
 color:#eee;
 font-weight:bold;
 padding-top:5px;
}

.menuHeadline a
{
 color:#eee;
}

.menuHeadline a:hover
{
 border-bottom:dotted 1px #aaa;
}

/****************************************
 **                                    **
 **         HEADER FIELDS              **
 **                                    **
 ****************************************/

#topHeader
{ 
 text-align: left;
 height:36px;
 width:100%;
 margin: 0 0 0 0px;
 padding: 0 0 0 0px;
 color:white;
 background:#363d45 url('/skins/macskin_silver/gfx/t3.jpg');
 font-family:Arial;
 font-style:normal;
 font-size:9pt;
 color:#eee;
 font-weight:bold;
}

#topHeader a
{
 color:#eee;
}

#topHeader a:hover
{
 color:#333;
}

#topHeader .leftTxt
{
 position:absolute;
 left:0px;
 top:0px;
 padding-top:10px;
 background:#363d45 url('/skins/macskin_silver/gfx/t1.jpg');
 height:26px;
 width:200px;
}

#topHeader .leftSide
{
 position:absolute;
 left:200px;
 top:0px;
 width:102px;
 text-align:center;
 background:#363d45 url('/skins/macskin_silver/gfx/t2.jpg') no-repeat right;
 height:36px;
}

#topHeader .midTxt
{
 width:100%;
 text-align:center;
 padding-top:10px;
 background:#363d45 url('/skins/macskin_silver/gfx/t3.jpg');
 height:39px;
}

#topHeader .rightSide
{
 position:absolute;
 right:100px;
 top:0px;
 width:102px;
 background:#363d45 url('/skins/macskin_silver/gfx/t4.jpg') no-repeat right;
 height:36px;
}

#topHeader .rightTxt
{
 position:absolute;
 top:0px;
 right:0px;
 padding-top:10px;
 text-align:center;
 background:#363d45 url('/skins/macskin_silver/gfx/t1.jpg');
 width:100px;
 height:26px;
 
}

#header
{ 
 text-align: left;
 height:120px;
 width:100%;
 margin: 0 0 0 0px;
 padding: 0 0 0 0px;
 color:white;
 background:#363d45 url('/skins/macskin_silver/gfx/banner_back.jpg') repeat-x;
}

#header .mainLogo
{
/* cursor:pointer; */
 font-family:Tahoma;
 font-size:0px;
 margin:0px;
 background:url('/skins/macskin_silver/gfx/sb_logo2.gif') no-repeat;
 width:288px;
 height:75px; 
}

#header .mainPix
{
 width:288px;
 height:75px;
}

#header a
{
 color:#fff;
 font-weight:bold;
}

.banner468x60_top
{
 position:absolute;
 top:49px;
 right:20px;
 float:right;
}

#header h1
{
 font-family:Tahoma;
 font-size:0px;
 margin:0px;
 background:transparent url('/skins/macskin_silver/gfx/sb_logo2.gif') no-repeat;
 width:288px;
 height:75px;
 }
 
#login input
{
 border:0px;
 background:url(/skins/macskin_silver/gfx/input_field.gif) no-repeat;
 width:128px;
 height:17px;
}


/****************************************
 **                                    **
 **        NAVIGATION FIELDS           **
 **                                    **
 ****************************************/
#mainNav
{
  font-family:Tahoma;
  font-size:11px;
	position:absolute;
	left:0px;
	width:140px;
  background:transparent url('/skins/macskin_silver/gfx/l_back.jpg') repeat-y;
}

#rightNav
{
 font-family:Tahoma;
 font-size:11px;
 position: absolute;
 right:0px;
 width:140px;
 background:transparent url('/skins/macskin_silver/gfx/l_back.jpg') repeat-y;
}

#mainNav h2, #rightNav h2
{
 background:url('/skins/macskin_silver/gfx/l_bot.jpg');
 width:140px;
 height:39px;
 margin:0px;
}

#mainNav h3, #rightNav h3
{
 margin:0px;
 background:transparent url('/skins/macskin_silver/gfx/l_sep.jpg') no-repeat;
 width:140px;
 height:22px;
 color:#fff;
 padding-top:8px;
 padding-left:4px;
 font-size:120%;
 font-weight:bold;
 cursor:pointer;
}

#mainNav h4, #rightNav h4
{
 background: url('/skins/macskin_silver/gfx/l_sep.jpg') no-repeat;
 width: 140px;
 height:28px;
 padding-left:8px;
 padding-top:5px;
 margin:0px;
 color:#fff;
}

#mainNav h5, #rightNav h5
{
 margin:0px;
 margin-top:3px;
 margin-left:3px;
 margin-right:3px;
 width:130px;
 color:#000;
 border-bottom:1px dotted #999 !important;
 border-bottom:1px solid #999;
 padding-bottom:2px;
 padding-left:2px;
 margin-bottom:.25em;
 background:#dbe9fb;
}

#mainNav .odd, #rightNav .odd
{
 display:block;
 background-color: #eef3f9;
 width:130px;
}

#mainNav h6, #rightNav h6
{
 font-weight:normal;
 margin:0px;
 margin-left:7px;
 padding-left:5px;
 margin-right:2px;
 width:130px;
 margin:0px;
}

#mainNav a, #rightNav a
{
 color:#333;
 margin:0px;
}

#mainNav a:hover, #rightNav a:hover
{
 text-decoration:none;
 color:#c00;
}

#mainNav ul, #rightNav ul
{
 list-style:none;
 padding-left:4px;
 padding-top:0px;
 margin:0px;
}

#mainNav li, #rightNav li
{
 margin-bottom:2px;
}

#mainNav p, #rightNav p
{
 margin:0px;
 padding-left:4px;
 padding-right:2px;
}

/****************************************
 **                                    **
 **           MAIN CONTENT             **
 **                                    **
 ****************************************/

#mainContent
{
 font-family:Tahoma;
 font-size:10px;
	position:relative; /* Position is declared "relative" to gain control of stacking order (z-index). */
	width:auto;
	min-width:500px;
	margin:0px 150px 0px 150px;
	padding:0px;
}

#mainContent h1
{
 margin:0px;
 font-size:18px;
 color:#333;
}

#mainContent h2
{
 font-size:12px;
 color:#333;
 margin:0px;
 font-weight:normal;
 background:#fff;
}

#mainContent hr
{
 height:1px;
 color:#555;
 background:#fff;
}


#contentBox
{
 background:#fff;
 width:100%;
} 

#mainContent table
{
 font-family:Arial;
 font-size:12px;
}

.mainTable
{
 font-size:10px;
}

.mainTable thead
{
 background:#eee;
}

.mainTable .odd
{
 background:#eef3f9;
}

#mainTopMenu h2
{
 margin:0px;
}
/****************************************
 **                                    **
 **           MAIN CONTENT BOX         **
 **                                    **
 ****************************************/
.box
{
 width: 100%;
 background:#fff url('/skins/macskin_silver/gfx/m11.jpg') repeat-y;
}

.box2
{
}

.mojP
{
 margin:0px;
 padding:0px;
 padding-left:5px;
 padding-right:5px;
 background: url('/skins/macskin_silver/gfx/m12.jpg') repeat-y right;
}

.box_right
{
 margin:0px;
 background: url('/skins/macskin_silver/gfx/m12.jpg') repeat-y right;
}

.box-01
{
 background: url('/skins/macskin_silver/gfx/m2.jpg') repeat-x;
 height:31px;
}

.box-11
{
 float:left;
 background: url('/skins/macskin_silver/gfx/m1.jpg') no-repeat;
 width:91px;
 height:31px;
}

.box-13
{
 float:right;
 background: url('/skins/macskin_silver/gfx/m3.jpg') no-repeat;
 width:49px;
 height:31px;
}

.box-03
{
 background: url('/skins/macskin_silver/gfx/m22.jpg') repeat-x;
 height:16px;
 clear:both;
}

.box-31
{
 float:left;
 background: url('/skins/macskin_silver/gfx/m21.jpg') no-repeat;
 width:11px;
 height:16px;
}

.box-33
{
 float:right;
 background: url('/skins/macskin_silver/gfx/m23.jpg') no-repeat;
 width:11px;
 height:16px;
}

.box-left
{
 float:left;
 background: url('/skins/macskin_silver/gfx/m11.jpg') repeat-y;
 width:11px;
}

.box h2
{
 margin:0px;
 background: url('/skins/macskin_silver/gfx/m11.jpg') repeat-y;
}

.box-right
{
 float:right;
 background: url('/skins/macskin_silver/gfx/m12.jpg') repeat-y;
 width:11px;
}

/****************************************
 **                                    **
 **           NEWS FIELDS              **
 **                                    **
 ****************************************/

#newsList
{
 color:#111;
 font-family:"Trebuchet MS";
}

#newsList a
{
 padding-bottom:2px;
 margin-bottom:.25em;
 color:#044474;
 font-weight:normal;
}

#newsList a:hover
{
 text-decoration:none;
 color:#c00;
}

#newsList h1 
{
 font-family:"Trebuchet MS";
 font-size:20px;
 font-weight:bold;
 color:#333;
 border-bottom:1px dotted #999 !important;
 border-bottom:1px solid #ccc;
 padding-bottom:2px;
 margin:0px;
 /*margin-top:30px;*/
 margin-left:0px;
 padding-left:0px;
}

#newsList .separator
{
 height:30px;
}

#newsList .h1news
{
 font-family:"Trebuchet MS";
 font-size:20px;
 font-weight:bold;
 color:#333;
 border-bottom:1px dotted #999 !important;
 border-bottom:1px solid #ccc;
 padding-bottom:2px;
 margin:0px;
}


#newsList h2
{
 margin:0px;
 font:100%/1.5em Verdana,Arial,Sans-serif;
 font-weight:bold;
 color:#444;
 margin: 0px;
 padding:0px;
 text-decoration: none;
}

#newsList h3 
{
 border-bottom:1px dotted #999 !important;
 border-bottom:1px solid #ccc;
 padding-top:2px;
 margin:0px;
 font:90%/1.2em Georgia,Serif;
 color:#444;
 background:#f4f8fd;
}

#newsList p 
{
 font-size:12px;
 color:#333;
}

#newsList input,select,textarea
{
 background:#f4f8fd;
 border:solid 1px #aaa;
}

/****************************************
 **                                    **
 **      MESSAGEBOARD FIELDS           **
 **                                    **
 ****************************************/

#msgBoard
{
 color:#111;
 font-family:"Trebuchet MS";
}

#msgBoard a
{
 padding-bottom:2px;
 margin-bottom:.25em;
 color:#333;
 font-weight:normal;
}

#msgBoard a:hover
{
 text-decoration:none;
 color:#c00;
}

#msgBoard h1 
{
 font-family:"Trebuchet MS";
 font-size:20px;
 font-weight:bold;
 color:#333;
 border-bottom:1px dotted #999 !important;
 border-bottom:1px solid #ccc;
 padding-bottom:2px;
 margin:0px;
}

#msgBoard .h1news
{
 font-family:"Trebuchet MS";
 font-size:20px;
 font-weight:bold;
 color:#333;
 border-bottom:1px dotted #999 !important;
 border-bottom:1px solid #ccc;
 padding-bottom:2px;
 margin:0px;
}


#msgBoard h2
{
 margin:0px;
 font:100%/1.5em Verdana,Arial,Sans-serif;
 font-weight:bold;
 color:#444;
 margin: 0px;
 padding:0px;
 text-decoration: none;
}

#msgBoard .data
{
 background:#eee;
 margin-bottom:5px;
}

#msgBoard .updated
{
 border:1px dotted #999 !important;
 border:1px dotted #ccc;
 margin:5px;
 padding:5px;
 background:#eee;
 
}

#msgBoard h3 
{
 border-bottom:1px dotted #999 !important;
 border-bottom:1px solid #ccc;
 padding-top:2px;
 margin:0px;
 font:110%/1.2em Georgia,Serif;
 color:#444;
 background:#f4f8fd;
}

#msgBoard h4
{
 font-family:"Trebuchet MS";
 font-size:20px;
 font-weight:bold;
 color:#433;
 padding-bottom:2px;
 padding-left:4px;
 margin:0px;
}

#msgBoard .highlight
{
 color:#900;
 background: url(/skins/macskin_silver/gfx/highlight_28px-3.png) repeat-x;
}

#msgBoard .highlight2
{
 color:#900;
 background: url(/skins/macskin_silver/gfx/highlight_28px-2.png) repeat-x;
}


#msgBoard .odd2
{
 background: url(/skins/macskin_silver/gfx/highlight_28px.png) repeat-x;
}

#msgBoard .odd3
{
 background: url(/skins/macskin_silver/gfx/highlight_15px.png) repeat-x;
}

#msgBoard p 
{
 font-size:13px;
 color:#333;
}

#msgBoard .myDesc
{
 background:#fafaff;
 color:#444;
 padding-bottom:8px;
 padding-top:4px;
 padding-left:5px;
}

#msgBoard input,select,textarea
{
 background:#f4f8fd;
 border:solid 1px #aaa;
}


/****************************************
 **                                    **
 **   EDIT MEMBERS FIELDS              **
 **                                    **
 ****************************************/

#editList
{
 color:#111;
 font-family:"Trebuchet MS";
 font-size:12px;
}

#editList a
{
 padding-bottom:2px;
 margin-bottom:.25em;
 color:#044474;
 font-weight:normal;
}

#editList a:hover
{
 text-decoration:none;
 color:#c00;
}

#editList h1 
{
 font-family:"Trebuchet MS";
 font-size:20px;
 font-weight:bold;
 color:#333;
 border-bottom:1px dotted #999 !important;
 border-bottom:1px solid #ccc;
 padding-bottom:2px;
 margin:0px;
 margin-left:0px;
 padding-left:0px;
}

#editList h2
{
 margin:0px;
 font:120%/1.5em Verdana,Arial,Sans-serif;
 font-weight:bold;
 color:#444;
 margin: 0px;
 padding:0px;
 text-decoration: none;
}

#editList label 
{
	display: block;
	width: 150px;
	float: left;
	margin-bottom: 10px;
	text-align: right;
	padding-right: 20px;
}

#editList br
{
 clear:left;
}

#editList p 
{
 font-size:13px;
 color:#333;
}

#editList input:hover, textarea:hover, select:hover
{
 background:#ffd;
}

#editList input,select,textarea
{
 background:#f4f8fd;
 border:solid 1px #aaa;
}

#editList textarea
{
 background:#f4f8fd;
 border:solid 0px #aaa;
}


#editList form
{
 padding:10px;
}

#editList fieldset
{
 border:solid 1px #aaa;
}

/****************************************
 **                                    **
 **  SKIN LIST TOP FIELDS              **
 **                                    **
 ****************************************/

#skinList
{
 color:#111;
 font-family:"Trebuchet MS";
 height:265px;
}

#skinList a
{
 padding-bottom:2px;
 margin-bottom:.25em;
 font-weight:normal;
 color:#333;
}

#skinList a:hover
{
 text-decoration:none;
 color:#c00;
}

#skinList h1 
{
 font-size:20px;
 font-weight:bold;
 color:#333;
 border-bottom:1px dotted #999 !important;
 border-bottom:1px solid #ccc;
 padding-bottom:2px;
 margin:0px;
}

#skinList h2
{
 font:100%/1.5em Verdana,Arial,Sans-serif;
 color:#444;
 margin: 0px;
 padding:0px;
 text-decoration: none;
}

#skinList h2>a
{
 color:#444;
 text-decoration: underline;
}

#skinList h2>a:hover
{
 color:#933;
 text-decoration: underline;
}

#skinList form
{
 margin:0px;
}

#skinList fieldset
{
 height:45px;
 background:#f9f9f9;
 font-size:120%/1.5em;
 color:#444;
 padding:0px;
 margin:0px;
 text-decoration: none;
 border:solid 1px #ccc;
 padding-top:3px;
}

#skinList p 
{
 font-size:13px;
 color:#333;
 height:158px;
 buffer:158px;
 overflow:auto;
}


#skinList p.full
{
 font-size:13px;
 color:#333;
 height:258px;
 buffer:258px;
 overflow:auto;
}


#skinList ul
{
 list-style:none;
 padding-left:4px;
 padding-top:0px;
 margin:0px;
}

#skinList li
{
 margin-bottom:2px;
 font-size:18px;
 padding-bottom:4px;
 font-family:"Trebuchet MS";
}

/****************************************
 **                                    **
 **  APPLIST LIST TOP FIELDS           **
 **                                    **
 ****************************************/

#appList
{
 color:#111;
 font-family:"Trebuchet MS";
}

#appList a
{
 padding-bottom:2px;
 margin-bottom:.25em;
 font-weight:normal;
 color:#333;
}

#appList a:hover
{
 text-decoration:none;
 color:#c00;
}

#appList h1 
{
 font-size:20px;
 font-weight:bold;
 color:#333;
 border-bottom:1px dotted #999 !important;
 border-bottom:1px solid #ccc;
 padding-bottom:2px;
 margin:0px;
}

#appList h2
{
 font:100%/1.5em Verdana,Arial,Sans-serif;
 color:#444;
 margin: 0px;
 padding:0px;
 text-decoration: none;
}

#appList h2>a
{
 color:#444;
 text-decoration: underline;
}

#appList h2>a:hover
{
 color:#933;
 text-decoration: underline;
}

#appList form
{
 margin:0px;
}

#appList fieldset
{
 height:45px;
 background:#f9f9f9;
 font-size:120%/1.5em;
 color:#444;
 padding:0px;
 margin:0px;
 text-decoration: none;
 border:solid 1px #ccc;
 padding-top:3px;
}

#appList p 
{
 font-size:13px;
 color:#333;
}

#appList ul
{
 list-style:none;
 padding-left:4px;
 padding-top:0px;
 margin:0px;
}

#appList li
{
 margin-bottom:2px;
 font-size:18px;
 padding-bottom:4px;
 font-family:"Trebuchet MS";
}


/****************************************
 **                                    **
 **  APPLIST LIST TOP FIELDS           **
 **                                    **
 ****************************************/

#profileList
{
 color:#111;
 font-family:"Trebuchet MS";
}

#profileList a
{
 padding-bottom:2px;
 margin-bottom:.25em;
 font-weight:normal;
 color:#333;
}

#profileList a:hover
{
 text-decoration:none;
 color:#c00;
}

#profileList h1 
{
 font-size:20px;
 font-weight:bold;
 color:#333;
 border-bottom:1px dotted #999 !important;
 border-bottom:1px solid #ccc;
 padding-bottom:2px;
 margin:0px;
}

#profileList h2
{
 font:100%/1.5em Verdana,Arial,Sans-serif;
 color:#444;
 margin: 0px;
 padding:0px;
 text-decoration: none;
}

#profileList h2>a
{
 color:#444;
 text-decoration: underline;
}

#profileList h2>a:hover
{
 color:#933;
 text-decoration: underline;
}

#profileList form
{
 margin:0px;
}

#profileList fieldset
{
 height:45px;
 background:#f9f9f9;
 font-size:120%/1.5em;
 color:#444;
 padding:0px;
 margin:0px;
 text-decoration: none;
 border:solid 1px #ccc;
 padding-top:3px;
}

#profileList p 
{
 font-size:13px;
 color:#333;
}

#profileList ul
{
 list-style:none;
 padding-left:4px;
 padding-top:0px;
 margin:0px;
}

#profileList li
{
 margin-bottom:2px;
 font-size:14px;
 padding-bottom:1px;
 font-family:"Trebuchet MS";
}

#skinList .smalTxt
{
 font-size:10px;
}
#skinNav
{
 text-align:center;
 float:right;
 padding-right:10px;
 }

#skinNav h5
{
 margin:0px;
 display:inline;
 font-size:12px;
 vertical-align:middle;
}
#skinNav img
{
vertical-align:bottom;
}

#showSkin
{
}

#showSkin input,select
{
 background:#f4f8fd;
 border:solid 1px #aaa;
}

#showSkin ul
{
 list-style:none;
 padding-left:4px;
 padding-top:0px;
 margin:0px;
}

#showSkin li
{
 margin-bottom:1px;
 font-size:12px;
 padding-bottom:2px;
 font-family:"Trebuchet MS";
}

#showSkin h1
{
 margin:0px;
 margin-top:0px;
 font-size:16px; 
 font-family:"Trebuchet MS";
 color:#000;
 border-bottom:1px dotted #999 !important;
 border-bottom:1px solid #ccc;
 padding-top:2px;
 padding-bottom:2px;
 padding-left:2px;
 margin-bottom:.25em;
 background:#dbe9fb;
}

#showSkin .showDetails
{
 padding-top:10px;
 padding-left:10px;
 display:block;
}

#showSkin .showButtons
{
 clear:both;
 margin-top:5px;
 margin-bottom:5px;
}

#showSkin .skinPic img
{
 background-color:#fff;
 border: 1px solid #a9a9a9;
 padding:4px;
 margin: 0px 5px 5px 0px;
}

#showSkin .showPicture
{
 /*position:absolute;*/
 display:block;
 float:left;
 width:330px;
 height:330px;
 padding-top:10px;
}

#showPicture
{
 /*position:absolute;*/
 display:block;
 float:left;
 width:330px;
 padding-top:10px;
}

#showSkin .showDescription
{
 position:absolute;
 left:320px;
 top:200px;
 display:block;
}

#showSkin h2
{
 font:100%/1.5em Verdana,Arial,Sans-serif;
 color:#444;
 margin: 0px;
 padding:0px;
 text-decoration: none;
}

#showSkin h2>a
{
 color:#444;
 text-decoration: underline;
}

#showSkin h2>a:hover
{
 color:#933;
 text-decoration: underline;
}


#showSkin .odd
{
 display:block;
 background-color: #eef3f9;
}

.odd
{
 background-color: #eef3f9;
}

#topSkinBrowser
{
 font-size:12px;
 float:left;
 margin:0px;
}

#topSkinBrowser a
{
 color:#333;
}

#showComments
{
 width:100%;
 border-left:dotted 1px #aaa !important;
 border-left:1px solid #ccc;
 border-right:dotted 1px #aaa !important;
 border-right:solid 1px #ccc;
 height:470px;
 buffer:470px;
 overflow:auto;
}

#showComments .myBox
{
 clear:both;
 border-top:dotted 1px #aaa !important;
 border-top:solid 1px #ccc;
 padding:2px;
 margin:2px;
 margin-top:0px;
 padding-top:0px;
}

#showComments .myBox:hover
{
}

#showComments .topBox
{
 font-size:12px;
 text-align:right;
 border-bottom:dotted 1px #eee !important;
 border-bottom:solid 1px #eee;
}

#showComments .leftBox
{
 padding-right:5px;
 text-align:center;
 width:100px;
 float:left;
 background:#eee;
 vertical-align:middle;
}

#showComments .rightBox
{
 text-align:left;
 float:right;
 background:#ffa;
 margin-right:5px;
}

#showComments .signature
{
 border:dotted 1px #aaa !important;
 border:solid 1px #ccc;
 background:#eee;
 vertical-align:bottom;
 text-align:center;
 clear:both;
}

#showComments p
{
 padding:5px;
 margin-left:5px;
}

.message
{
 font-size:11px;
 padding:5px;
 margin-left:5px;
}



 dl.comment
{
 clear:both;
 width: 100%;
 margin: 2em 0;
 padding: 2px;
}

.comment dt
{
 width: 100px;
 float: left;
 margin: 0 0 0 0;
 text-align:center;
}

/* commented backslash hack for mac-ie5 \*/
dt { clear: both; }
/* end hack */

.comment dd
{
 float: left;
 margin: 0 0 0 0;
 border-top:dotted 1px #eee !important;
 border-bottom:dotted 1px #eee !important;
 border-right:dotted 1px #eee !important;

 border-top:solid 1px #eee;
 border-bottom:solid 1px #eee;
 border-right:solid 1px #eee;

 width:80%;

}

#showPosts
{

}

#showPosts .myBox
{
 clear:both;
 border-top:dotted 1px #aaa !important;
 border-top:solid 1px #ccc;
 padding:2px;
 margin:2px;
 margin-top:0px;
 padding-top:0px;
}

#showPosts .myBox:hover
{
}

#showPosts .topBox
{
 font-size:12px;
 text-align:right;
 border-bottom:dotted 1px #aaa !important;
 border-bottom:solidd 1px #ccc;
 color:#999;
}

#showPosts .leftBox
{
 padding-right:5px;
 margin-right:5px;
 text-align:center;
 width:100px;
 height:140px;
 float:left;
 background:#eee;
 vertical-align:middle;
}

#showPosts .rightBox
{
 text-align:left;
 float:right;
 background:#ffa;
 margin-right:5px;
}

#showPosts .signature
{
 border:dotted 1px #aaa !important;
 border:solid 1px #ccc;
 background:#eee;
 vertical-align:bottom;
 text-align:center;
 clear:both;
}

#showPosts p
{
 padding:5px;
 margin-left:5px;
}



#addComment
{
 clear:both;
}

#addComment textarea
{
 width:100%;
 height:150px;
 border:solid 1px #ccc;
}

#browsing dl
{
 clear:both;
 margin: 2em 0;
 padding: 0;
}

#browsing dt
{
 font-size:18px;
 border: 1px dotted #eee !important;
 border: 1px solid #eee;
 text-align:center;
}

#browsing dd
{
 float: left;
 margin: 0 0 0 0;
 border: 1px dotted #eee !important;
 border: 1px solid #eee;
}

#showBrowser
{
 position:absolute;
 top:25px;
 right:240px;
 width:200px;
 height:240px;
 buffer:240px;
 overflow:auto;
 background:#ccc;
 color:#000;
 border: 1px solid #000;
 opacity: .95;
 filter: alpha(opacity=95);
 z-index:200;
 visibility: hidden;
}

#showBrowser ul
{
 width:180px;
 list-style:none;
 padding-left:4px;
 padding-top:0px;
 margin:0px;
}

#showBrowser li
{
 width:400px;
 margin-bottom:2px;
 font-size:13px;
 padding-bottom:4px;
 font-family:"Trebuchet MS";
}

#showBrowser li:hover
{
 background:#eee;
}

#showBrowser a
{
 color:#000;
}

#showBrowser .odd
{
 display:block;
 background-color: #bbb;
}
#showBrowser .odd2
{
 display:block;
 background-color: #988;
}


/****************************************/
/**                                    **/
/** Main Browser                       **/
/**                                    **/
/****************************************/

#mainBrowser
{
 clear:both;
 position:absolute; 
 height:50px;
 text-align:center;
}

#mainBrowser .previous
{
 position:absolute;
 left:0px;
 width: 102px;
 height: 36px;
 background: url(/skins/macskin_silver/gfx/prev.png) no-repeat;
}

#mainBrowser .previous:hover
{
 background: url(/skins/macskin_silver/gfx/prev_over.png) no-repeat;
}

#mainBrowser .directory
{
 position:absolute;
 left:103px;
 width: 126px;
 height: 36px;
 background: url(/skins/macskin_silver/gfx/SkinDirectory.jpg) no-repeat;
}

#mainBrowser .directory:hover
{
 background: url(/skins/macskin_silver/gfx/SkinDirectory_over.jpg) no-repeat;
}

#mainBrowser .next
{
 position:absolute;
 left:228px;
 width: 102px;
 height: 36px;
 background: url(/skins/macskin_silver/gfx/next.jpg) no-repeat;
}

#mainBrowser .next:hover
{
 background: url(/skins/macskin_silver/gfx/next_over.jpg) no-repeat;
}



.rollover a {
display:block;
width: 90px;
padding:10px 10px 10px 7px;
font: bold 13px sans-serif;;
color:#333;
background: url("rollover-image.gif") 0 0 no-repeat;
text-decoration: none;
}
.rollover a:hover { 
background-position: 0 -35px;
color: #049;
}
.rollover a:active {
background-position: 0 -70px;
color:#fff;
}

#mainBrowser2
{
 text-align:center;
}

.previous
{
 padding:0px;
 margin:0px;
 display:block;
 width: 102px;
 height: 36px;
 background: url(/skins/macskin_silver/gfx/prev.png) 0 0 no-repeat;
}

.previous:hover
{
 background: url(/skins/macskin_silver/gfx/prev_over.png) no-repeat;
 width: 102px;
 height: 36px;
}


.directory
{
 width: 126px;
 height: 36px;
 background: url(/skins/macskin_silver/gfx/SkinDirectory.jpg) no-repeat;
}

.directory:hover
{
 background: url(/skins/macskin_silver/gfx/SkinDirectory_over.jpg) no-repeat;
}

.next
{
 width: 102px;
 height: 36px;
 background: url(/skins/macskin_silver/gfx/next.jpg) no-repeat;
}

.next:hover
{
 background: url(/skins/macskin_silver/gfx/next_over.jpg) no-repeat;
}

#topNav .clock
{
/*
 float:right;
 padding-top:10px;
 margin-right:2px;
*/
 float:left;
 margin-right:5px;
 color:#e0e0e0;
}

#topNav .toolbar
{
 position:absolute;
 text-align:right;
 top:110px !important;
 top:123px;
 right:5px;
}


#topNav 
{
 margin:0px;
 padding-top:0px !important;
 padding-top:4px;
 height:34px;
 line-height:28px;
 text-align:top;
 color:#aaa;
 background:url('/skins/macskin_silver/gfx/toolbar.jpg') repeat-x;
 font-size:12px;
}

#topNav a:hover, #topNav a:focus 
{
 text-decoration:underline;
}

#topNav a
{
 color:#999;
}

#topNav input
{
}

#topNav .loginField
{
 border:0px !important;
 border:1px solid #111;
 background:url(/skins/macskin_silver/gfx/login_input3.png) no-repeat !important;
 background:#666;
 width:114px;
 height:24px !important;
 height:16px;
 color:#ccc;
 font-size:10px;
 padding-left:10px;
 padding-top:5px;
 font-family:tahoma;
}

#topNav .submitField
{
 border:0px !important;
 border:1px solid #111;
 background:url(/skins/macskin_silver/gfx/login_button.png) no-repeat !important;
 background:#888;
 background-position: 0px 5px !important; 
 width:87px !important;
 height:29px !important;
 height:23px;
 color:#aaa;
 cursor:pointer;
 font-size:10px;
 color:#f9f9f9;
 font-family:tahoma;
}

#topNav .submitField:hover
{
 background:url(/skins/macskin_silver/gfx/login_button_over.png) no-repeat;
 background-position: 0px 5px; 
}

#mainGallery
{
 margin-top:30px;
 text-align:center;
}

#mainGallery ul
{
 list-style:none;
 padding-left:4px;
 padding-top:0px;
 margin:0px;
 vertical-align:middle;
 text-align:center;
}

#mainGallery li
{
 border:solid 1px #eee;
 float:left;
 width:170px;
 height:190px;
 vertical-align:middle;
 text-align:center;
 padding-left:12px;
}

#mainGallery img:hover
{
 background:#ffa;
}

.pixSubs
{
 clear:both;
 text-align:center;
 font-size:9px;
 font: "Trebuchet MS";
}


div #latestStuff
{
 width:100%;
 height:110px;
 overflow: hidden;
}




div.streamBuddy
{
 padding-top:30px;
 padding-bottom:30px;
 /*text-align:center;*/
 vertical-align:middle;
}

div.streamBuddy p,div.streamBuddy p a
{
 text-align:center;
 color:#888;
}

div.streamBuddy div span 
{
 display:table-cell;
 display:inline-block;
 width:80px;
 vertical-align:bottom;
}

div.streamBuddy div 
{
 display:inline;
}




div.stream 
{
 padding-top:30px;
 padding-bottom:30px;
 text-align:center;
 vertical-align:middle;
}



div.stream div span 
{
 display:table-cell;
 display:inline-block;
 width:190px;
 vertical-align:bottom;
}

div.stream div 
{
 display:inline;
}

div.stream2
{
 text-align:center;
 vertical-align:middle;
 height:170px;
 buffer:100px;
 overflow:none;
}

div.stream2 div span 
{
 display:table-cell;
 display:inline-block;
 width:110px;
 height:110px;
 vertical-align:bottom;
}

div.stream2 div 
{
 display:inline;
}


div #latestStuff2
{
 margin:0px;
 padding:0px;
 width:100%;
 height:154px;
 *height:152px;
 overflow: hidden;
}

div #latestStuff3
{
 margin:0px;
 padding:0px;
 width:100%;
 height:160px;
 overflow: hidden;
}

div.stream4
{
 text-align:center;
 vertical-align:middle;
 height:150px;
 buffer:110px;
 overflow:none;
}

div.stream4 div span 
{
 display:table-cell;
 display:inline-block;
 width:130px;
 height:150px;
 vertical-align:bottom;
}

div.stream4 div 
{
 display:inline;
}

div.stream4 p
{
 margin: 0px;
 margin-bottom:40px;
}

div.stream3
{
 text-align:center;
 vertical-align:middle;
 height:140px;
 buffer:110px;
 overflow:none;
}

div.stream3 div span 
{
 display:table-cell;
 display:inline-block;
 width:130px;
 height:140px;
 vertical-align:bottom;
}

div.stream3 div 
{
 display:inline;
}

div.stream3 p
{
 margin: 0px;
 margin-bottom:40px;
}

.imgBox
{
 width:190px;
 /* height:190px;*/
 vertical-align:middle;
}

.imgBoxBuddy
{
 width:60px;
 /* height:190px;*/
 vertical-align:middle;
}


.shadow {
    display:block;
    text-align:center;
    background-position:center;
    background-repeat:no-repeat;
    padding:3px 4px 5px 4px !important;
    border:1px solid red;
}

.myShadow
{
 display:block;
 text-align:center;
 background-position:center;
 background-repeat:no-repeat;
 padding:3px 4px 5px 4px !important;
}

.myShadow img
{
 background-color:#fff;
 border: 1px solid #a9a9a9;
 padding:4px;
 margin: 0px 5px 5px 0px;
}

.myShadow img:hover
{
 background-color:#ff9;
}

/****************************************/
/**                                    **/
/** Private Messages                   **/
/**                                    **/
/****************************************/

#privateMessage
{
}

#privateMessage ul
{
 list-style:none;
 padding-top:0px;
 margin:0px;
 padding:2px;
}

#privateMessage li
{
 display:block;
 width:200px;
 height:20px;
 margin-bottom:2px;
 font-size:12px;
 float:left;
 background:#ffe;
}

#privateMessage li a
{
 color:#000;
}

#privateMessage li:hover
{
 background:#ffa;
}

#msgList
{
 clear:both;
 height:360px;
 buffer:360px;
 overflow:auto;
 border-bottom:3px solid #999;
}

#msgShow
{
 color:#333;
}

#privateMessage p
{
 font-family: "Trebuchet MS";
 line-height:110%;
 font-size: 14px;
}

#privateMessage .msgHeader
{
 display: block;
 background:#eee;
 width:99%;
 padding:3px;
 border-bottom:3px solid #999;
}

#privateMessage h5
{
 margin:0px;
 font-family: "Trebuchet MS";
 line-height:120%;
 font-size: 14px;
 font-weight:bold;
 color:#555;
}

#privateMessage h4
{
 margin:0px;
 padding-top:10px;
 font-family: "Trebuchet MS";
 line-height:120%;
 font-size: 19px;
 font-weight:bold;
}

#privateMessage table
{
 width:100%;
}

#privateMessage thead
{
 border-bottom: dotted 1px #999 !important;
 border-bottom: solid 1px #aaa;
 background:#eee;
}

#privateMessage th
{
 font-size:13px;
 color:#333;
 text-align:center;
}

#privateMessage .unread
{
 font-weight:bold;
}

#privateMessage .read
{
 font-weight:normal;
 background:transparent;
 color:#900;
}

/****************************************/
/**                                    **/
/** Upload Manager                     **/
/**                                    **/
/****************************************/

#uploadsManager
{
}

#uploadsManager ul
{
 list-style:none;
 padding-top:0px;
 margin:0px;
 padding:2px;
}

#uploadsManager li
{
 display:block;
 width:200px;
 height:20px;
 margin-bottom:2px;
 font-size:12px;
 float:left;
 background:#ffe;
}

#uploadsManager li a
{
 color:#000;
}

#uploadsManager li:hover
{
 background:#ffa;
}

#msgList
{
 clear:both;
 height:272px;
 buffer:272px;
 overflow:auto;
 border-bottom:3px solid #999;
}

#msgShow
{
 color:#333;
}

#uploadsManager p
{
 font-family: "Trebuchet MS";
 line-height:110%;
 font-size: 14px;
}

#uploadsManager .msgHeader
{
 display: block;
 background:#eee;
 width:99%;
 padding:3px;
 border-bottom:3px solid #999;
}

#uploadsManager h5
{
 margin:0px;
 font-family: "Trebuchet MS";
 line-height:120%;
 font-size: 14px;
 font-weight:bold;
 color:#555;
}

#uploadsManager h4
{
 margin:0px;
 padding-top:10px;
 font-family: "Trebuchet MS";
 line-height:120%;
 font-size: 19px;
 font-weight:bold;
}

#uploadsManager table
{
 width:100%;
}

#uploadsManager thead
{
 border-bottom: dotted 1px #999 !important;
 border-bottom: solid 1px #ccc;
 background:#eee;
}

#uploadsManager th
{
 font-size:13px;
 color:#333;
 text-align:center;
}

#uploadsManager .unread
{
 font-weight:bold;
}

#uploadsManager .read
{
 font-weight:normal;
 background:transparent;
 color:#900;
}

#uploadsManager fieldset
{
 border:dotted 1px #ccc !important;
 border:solid 1px #999;
 background:#ddd;
 padding-left:5px;
 padding-top:5px;
 padding-right:5px;
 padding-bottom:5px;
}

#uploadsManager textarea
{
 border:0px;
 background:#eee;
 font-size:12px;
 color:#555;
}

#uploadsManager input
{
 width:250px;
 border:1px solid #ccc;
 background:#eee;
 font-size:18px;
 color:#555;
}

#uploadsManager select
{
 width:250px;
 border:0px;
 background:#eee;
 font-size:12px;
 color:#555;
}

#uploadsManager .mySubmit
{
 margin:3px;
 width:80px;
 border:dotted 1px #571818 !important;
 border:solid 1px #571818;
 background:#943535;
 color:#f9f9f9;
 font-size:14px;
}

#recentTab
{
 list-style:none;
 padding-top:0px;
 margin:0px;
 padding-bottom:0px;
 margin-bottom:0px;
}

#recentTab li
{
 float:left;
 display:block;
 border:solid 1px #eee;
 margin-bottom:2px;
 height:20px;
 padding:4px;
 font-size:11px;
 padding-right:4px;
 margin-right:2px;
 margin-bottom:0px;
 padding-bottom:0px;
 font-family:"Trebuchet MS";
 cursor:pointer;
}

#recentTab li:hover
{
 background:#ee9;
}

#myContent
{
 margin:0px;
 padding:0px;
 clear:both;
 border:solid 1px #eee;
}

#myContent p
{
 font-size:11px;
 color:#666;
}

#butCategories
{
 cursor:pointer;
 width:95px;
 height:27px;
 background:url('/gfx/arrows/CategoriesButton.png') !important;
 background:url('/gfx/arrows/CategoriesButton.jpg');
}

#butCategories:hover
{
 background:url('/gfx/arrows/CategoriesButton-MouseOver.png') !important;
 background:url('/gfx/arrows/CategoriesButton-MouseOver.jpg');
}

#skinDesc
{
}

#mainDisplay
{
 position:relative !important;
 position:absolute;
 width:200px;
 height:252px;
 background:url(/skins/macskin_silver/gfx/myBrowser.png) no-repeat;
 left:10px;
 top:-8px !important;
 top:285px;
 opacity: .90;
 filter: alpha(opacity=90);
 z-index:200;
 visibility: hidden;
 padding-top:30px;
}

#displayCategories
{
 margin-left:2px;
 width:196px;
 height:218px;
 buffer:200px;
 overflow:auto;
}

#displayCategories ul
{
 width:170px;
 list-style:none;
 padding-left:0px;
 padding-top:0px;
 margin:0px;
}

#displayCategories li
{
 width:170px;
 margin-bottom:2px;
 font-size:13px;
 padding-bottom:4px;
 font-family:"Trebuchet MS";
}

#displayCategories li:hover
{
 background:#eee;
}

#displayCategories a
{
 color:#000;
}

#displayCategories .odd
{
 display:block;
 background-color: #eee;
}
#displayCategories .odd2
{
 display:block;
 background-color: #aab;
}

#displayCategories h1
{
 font-size:15px;
 color:#666;
}
/****************************************/
/**    Sort List                       **/
/****************************************/

#sortList ul
{
 list-style:none;
 margin:0px;
 padding:0px;
 width:350px;
 padding-left:0px;
}

#sortList li
{
 cursor:n-resize;
 width:350px;
 height:36px;
 display:block;
 padding-left:15px;
 padding-top:10px;
 margin:0px;
 background:transparent url('/gfx/AddIndexView.jpg') no-repeat;;
 font:180%/1.2em "Trebuchet MS", Sans-serif;
 color:#eee;
}



/****************************************/
/**    Blog List                       **/
/****************************************/
#blogList
{
 text-align: left;
 margin-top: 0px;
 margin-left:5px;
 margin-right:0px;
}

#blogList img
{
 /*max-width:100%;*/
}


#blogList h1
{
 border-bottom:1px dotted #999 !important;
 border-bottom:1px solid #999;
 padding-bottom:2px;
 margin-bottom:.25em;
 padding-left:5px;
 font:190% "lucida grande",tahoma,arial,helvetica,sans-serif;
 font-weight:normal;
 letter-spacing:-1px;
 color:#333;
}

#blogList h2 
{
 padding-bottom:2px;
 margin-bottom:.25em;
 font:120%/1.2em Georgia,Serif;
 color:#333;
 font-style:italic;
 font-weight:bold;
}

#blogList h3
{
 margin:.5em 0 0;
 font:90%/1.5em Verdana,Arial,Sans-serif;
 color:#666000;
}

#blogList .postDate
{
	padding: 2px 0 2px 20px ;
	background: url('/gfx/16x16/time.png') left center no-repeat;
}

#blogList .articleAuthor
{
	padding: 2px 0 2px 20px ;
	background: url('/gfx/16x16/user.png') left center no-repeat;
}

#blogList .ArticleEdit
{
	padding: 2px 0 2px 17px ;
	background: url('/gfx/16x16/note_edit.png') left center no-repeat;

}


#blogList .commentsNum 
{
	padding: 2px 0 2px 20px;
	background: url('/gfx/16x16/comment_2.png') left center no-repeat;
	margin-right: 10px;
}

#blogList h4
{
 margin:0;
 font:bold 100% Verdana,Arial,Sans-serif;
}

#blogList p 
{
 margin:1em;
 margin-left: 0px;
 margin-right: 0px;
 color:#444;
}

#blogList a
{
 padding-bottom:2px;
 margin-bottom:.25em;
 color:#900000;
}

#blogList a:hover
{
 text-decoration:none;
 color:#c00000;
}

#blogList input, select
{
 border: solid 1px #ccc;
 background:#eee;
}

#blogList .more
{
 position: absolute;
 background: url('/gfx/more2.gif') left top repeat-x;
 background-color: transparent;
 width:23px;
 height:12px;
 font-size:0px;
 margin-left:5px;
 margin-top:2px;
}


#blogList blockquote 
{
 margin: 20px 0 20px 10px;
 padding: 0 20px 0 50px;
 background: #fafafa url('/gfx/quote.png') left top no-repeat;
 border: none;
 font-style:italic;
 color:#666;
}

#featPhoto
{
 padding:2px;
 width:32%;
 float:right;
 text-align:center;
}

#featSkin
{
 padding:2px;
 width:32%;
 float:left;
 text-align:center;
}

#featWallz
{
 padding:2px;
 float:left;
 width:32%;
 text-align:center;
 border-left:1px dotted #999 !important;
 border-right:1px dotted #999 !important;
 border-left:1px solid #ccc;
 border-right:1px solid #ccc;
}

#featPhoto h2 ,#featWallz h2, #featSkin h2
{ 
 font-size:15px;
 font-weight:bold;
 font-family:arial;
}

#featPhoto h3 ,#featWallz h3, #featSkin h3
{ 
 font-size:11px;
 font-weight:normal;
 font-family:arial;
}


#featPhoto p ,#featWallz p, #featSkin p
{
 text-align:left;
 color:#666;
 font-size:9px;
}

#featStuff
{
 clear:both;
 border-top:1px dotted #999 !important;
 border-top:1px solid #ccc;
 padding-top:5px;
 color:#999;
}

#featApp
{
 width:49%; 
 float:left;
 border-right: 1px dotted #999 !important;
 border-right: 1px solid #ccc;
}

#featAuthor
{
 width:49%; 
 float:right;
}

#featAuthor h1, #featApp h1
{
 font-family:"Trebuchet MS";
 font-size:20px;
 font-weight:bold;
 color:#333;
 border-bottom:1px dotted #999 !important;
 border-bottom:1px solid #ccc;
 padding-bottom:2px;
 margin:0px;
 margin-left:0px;
 padding-left:0px;
}

#featAuthor p, #featApp p
{
 margin:2px;
 font-size:11px;
 color:#333;
}

#latestShow
{
 
}

#myOpinion
{
 width:280px;
 background: #ffe;
 display: block;
 margin: 2px;
 padding: 5px;
 margin-bottom:4px;
 border: 1px dotted #aaa !important;
 border: 1px solid #999;
}