/* ===== YOLKFOLK.com :: BOXES.CSS ===== */

/* === CSS BOXES === */
.box580top 		{ height:16px; width:580px; background-image:url(/media/images/layout/box_580_top.png); }
.box580mid 		{ width:580px; background-image:url(/media/images/layout/box_580_center.png); background-repeat:repeat-y; }
.box580bot 		{ height:16px; width:580px; background-image:url(/media/images/layout/box_580_bottom.png); }
.box580content 	{ display: inline; width:548px; margin-left:16px; background-color: silver; padding-top:10px; }
.box580content .close	{ position:absolute; left:533px; top:20px; }


div .boxExLarge			{ width: 992px; padding:0; margin:0 0 10px 0; background: url(/media/images/boxes/box_960_center.png) repeat-y; }
div .boxExLarge .top	{ height:16px; width:992px; background: url(/media/images/boxes/box_960_top.png) no-repeat; }
div .boxExLarge .middle	{ margin-left:16px; width:960px; }	 
div .boxExLarge .bottom	{ height:16px; width:992px; background: url(/media/images/boxes/box_960_bottom.png) no-repeat; }

div .boxLarge			{ width: 792px; padding:0; margin:0 0 10px 0; background: url(/media/images/boxes/box_792_center.png) repeat-y; }
div .boxLarge .top		{ height:16px; width:792px; background: url(/media/images/boxes/box_792_top.png) no-repeat; }
div .boxLarge .middle	{ margin-left:16px; width:760px; }	 
div .boxLarge .bottom	{ height:16px; width:792px; background: url(/media/images/boxes/box_792_bottom.png) no-repeat; }

div .boxContent			{ width: 616px; padding:0; margin:0 0 10px 0; background: url(/media/images/boxes/box_616_center.png) repeat-y; }
div .boxContent .top		{ height:16px; width:616px; background: url(/media/images/boxes/box_616_top.png) no-repeat; }
div .boxContent .middle	{ margin-left:16px; width:584px; }	 
div .boxContent .bottom	{ height:16px; width:616px; background: url(/media/images/boxes/box_616_bottom.png) no-repeat; }

div .boxMedium			{ width: 580px; padding:0; margin:0 0 10px 0; background: url(/media/images/boxes/box_580_center.png) repeat-y; }
div .boxMedium .top		{ height:16px; width:580px; background: url(/media/images/boxes/box_580_top.png) no-repeat; }
div .boxMedium .middle	{ margin-left:16px; width:548px; }	 
div .boxMedium .bottom	{ height:16px; width:580px; background: url(/media/images/boxes/box_580_bottom.png) no-repeat; }

div .boxSmall			{ width: 160px; padding:0; margin:0 0 10px 0; background: url(/media/images/boxes/box_160_center.png) repeat-y; }
div .boxSmall .top		{ height:16px; width:160px; background: url(/media/images/boxes/box_160_top.png) no-repeat; }
div .boxSmall .middle	{ margin-left:16px; width:128px; }	 
div .boxSmall .menuBox	{ margin-left:16px; width:120px; background-color:#C0C0C0; color:#000000; text-align:center; padding:4px; }
div .boxSmall .bottom	{ height:16px; width:160px; background: url(/media/images/boxes/box_160_bottom.png) no-repeat; }

.menuBox UL			{ list-style: none; }
.menuBox LI			{ text-align: center; }
.menuBox 			{ padding: 8px; background:silver;}

.GreyBox 				{ background-color:silver; color:black; text-align:left; }
.lightBoxBG				{ background-image:url(/media/images/backgrounds/backgrounds/bluesky.png); background-repeat:repeat-x; padding-top:10px; }