/*	SimpleGrid - a fork of CSSGrid by Crowd Favorite (https://github.com/crowdfavorite/css-grid)
 *	http://simplegrid.info
 *	by Conor Muirhead (http://conor.cc) of Early LLC (http://earlymade.com)	
 *  License: http://creativecommons.org/licenses/MIT/	*/

/* Containers */
body { font-size: 0.875em; padding: 0; }
.grid{ margin:0 auto; width:720px; }
.row{ clear:left; }





/* Slots Setup */
.channel,  .blurb,  .awab, 
.contentleft, .contentright,
.contenthalfleft, .contenthalfright, .contentfull
{ display:block; float:left; }


/* Custom Grid Sizes */
#headercom {display:none;}
#headertab {display:block;} 
#headermob {display:none;}

.channel {float:left; width:24%; text-align:left;} 
.blurb {float:left; width:50%;  padding: 0% 0% 0% 2%; text-align:center}
.awab {float:right; width:24%; background-color:#FFE; text-align:right;}

.blurb h3 {margin-top:5px;}

#buttons {display:none;}




#titlecom {display:none;}
#titletab {display:inline;} 
#titlemob {display:none;}

#banneradcom  {text-align:center; display:block; float:left; width:99%; height:90px; margin-bottom:20px;}
#banneradmob  {text-align:center; display:none; float:left; width:99%; min-height:100px; margin-bottom:10px;}

#maincontent {float:left; width:99%; background-color:#FFF;}

.contentfull {width:98%;}

.listbox {margin-right: 5px; float: left; text-align: left; width:49%; height:85px; }

#sideskyad {display:none;}

#rectads2 {width:98%;}
#rectads3 {width:98%;}

#rectad2A {height:250px; float:left;}
#rectad2B {height:250px; float:left;}

#rectad3A {height:250px; float:right; clear:right;}
#rectad3B {height:250px; float:right; clear:right;}


/*  div sizes for various AWAB boxes and pics*/

.videobox {width:29%; height:135px; float: left; padding: 1%; margin: 1%; background-color:#F6F2FE}
.videopic {width:120px; float:left; margin-right:15px; border:0px thin black;}

.picbox {width:29%; height:115px; float: left; padding: 1%; margin: 1%; background-color:#F6F2FE}
.picpic {max-height:100px; max-width:100px; float:left; margin-right:15px; border:0px thin black;}

.jokebox {width:29%; height:100px; float: left; padding: 1%; margin: 1%; background-color:#F6F2FE}
.jokepic {max-height:100px; max-width:100px; float:left; margin-right:15px; border:0px thin black;}

.gamebox {width:15%; height:110px; margin: 1%; float: left; text-align: center; font-size: 14px; line-height: 17px; padding: 1.5%; background-color: #DDEEEE; }

.gameboxintro {width:35%;}

.jigsawbox {margin: 5px; float: left; text-align: center;  padding: 5px; background-color: #DDEEEE; width:47%; height:100px;}


.quickiebox {width:47%; height:110px; float:left; padding:0.5%; margin:1%; background-color:#FFFFE5;}
.quickiepic {width:120px; height:90px; float:left; margin-right:15px; border:0px thin black;}

.cartoonbox {width:48%; height:80px; float:left}

.horobox {width:24%; height:70px; margin-right:5px; float:left;}
.horopic {width:28%; max-height:50px; margin-right:6%; float:left; background-color:#000026; padding:3px;}

.soulscapebox {width:97%; padding:0.5%; text-align:left; float:left; height:auto;}