.ilink /*Invisible Link*/
{
    border:none
}

/* used so we can retain the div stylings for headings but we need h1 tags for SEO */
.h1-nostyle-joke-title
{
   font-size: 48px;
   
   font-family: 'Paytone One', sans-serif;   
   font-style: normal;
   
   margin: 0px;
}

.fc-container
{
    
}

.fc-block
{
    text-align:center;
    display:table-cell;
    width:223px;
}

.ajhead
{
    margin:auto;
    font-family: arial;
    width:800px;
}

.ad_top
{
    margin:auto;
    width:728px;
    height:90px;
    margin-bottom:15px;
}

.navlink
{
    display:inline-block;
    width:195px;
    text-align:center;
    position:relative;
    top:-20px;
}


.navlink a
{
    font-size:14pt;
    font-family:sans-serif;
    text-decoration:none;
    color:blue;
}

a.nav {
    padding-right: 15px;
    background: #fff url(/funnyvids/assets/images/sepbar.png) right 5px no-repeat;
}

.sep{
    border-bottom: 1px solid #F0F0F0;
    display: block;
    padding-top: 10px;
    width: 100%;
}

#top_nav, #container {
    width: 900px;
    margin: 0 auto;
}

.top_nav_viral
{
    display: inline-block;
    background-image:url(/assets/images/like_us.png);
    background-position: bottom;
    background-repeat: no-repeat;
    width: 300px;
	height:42px;
}

div.top_nav a,div.bottom_nav a,.previous_page a,.next_page a
{
    text-decoration:none;color:#000;display:inline-block;width:100px;text-align:center;border:1px solid #fff;text-shadow:none;margin:10px 0;padding:10px;background:#ccc
}

body {
    width: 960px;
    margin: -50px auto;
}

div.clr {
    clear: both;
}

.main-body
{
    width:1024px;
    margin:auto;
    min-height:100px;
}

.left-nav
{
    width:132px;
    background-color:#006699;
    display:table-cell;
    vertical-align:top;
    padding-top:15px;
    font-family: sans-serif;
    
    display: inline-block;

    border-radius: 15px;
}

.fb-like-div
{
    width:125px;
    padding-bottom:5px;
    margin:auto;
    text-align:center;
}

.subnav
{
    width:120px;
    margin:auto;
    border:1px solid #000;
    margin-bottom:15px;
    font-family:sans-serif;
    font-weight:bold;
    border-radius: 15px;
	padding-left:2px;
	padding-right:2px;
}

.subnav h3
{
    background-color:#000;
    margin-top:0px;
    margin-bottom:2px;
    color:#fff;
    font-size:10pt;
    text-align:center;
    border-radius: 15px;
}


.subnav a
{
    font-size:10pt;
    text-decoration:none;
}

.content
{
    width:632px;
    background-color:#D3D3D3;
    padding-left:15px;
    padding-right:10px;
    vertical-align:top;
    padding-top:25px;
}

.contentIndex
{
    width:600px;
    background-color:#CCCCCC;
    padding-left:15px;
    padding-right:10px;
    vertical-align:top;
    padding-top:5px;
	padding-bottom:20px;
	/*min-height:475px;*/
    
    display: inline-block;
    
    border-bottom-right-radius: 25px;
    border-bottom-left-radius: 25px;
}

.site-title
{
	font-family: 'Paytone One', sans-serif;   
	font-size: 72px;
    text-align: center;
}

.site-title a
{
    text-decoration: none;
}

.site-blurb
{
    font-size: 32px;
    font-family: 'Paytone One', sans-serif;   
    font-style: normal;
    text-align: center;
    /*color: #990066;
    text-shadow: 1px 1px 0 #006699, 1px 2px 0 #B1B1B2;*/
	color: #FFFF00;
	/* text-shadow: 1px 1px 0 #000099, 1px 2px 0 #000099; */
	text-shadow: -1px 0 black, 0 1px #000099, 1px 0 black, 0 -1px #000099;
}

.joke-title
{
   font-size: 48px;
   
   font-family: 'Paytone One', sans-serif;   
    font-style: normal;
   
   width:600px;
    padding-left:15px;
    padding-right:10px;
    vertical-align:top;
    
    display: inline-block;
    
    
    color: #FFFFFF;
    background-color: #006699;
    
    border-top-right-radius: 25px;
    border-top-left-radius: 25px;
    
	/* 00004C */
    /* text-shadow: 1px 1px 0 	black, 1px 2px 0 #B1B1B2; */
    text-shadow: -2px 0 black, 0 2px black, 2px 0 black, 0 -2px black;
}

.joke-title a
{
    color:#FFF;
    text-decoration:none;
}

.sep-smoke
{
    border-bottom: 1px solid whiteSmoke;
}

.joke, .post
{
    margin-left:15px;
    /* font-family: 'Love Ya Like A Sister', cursive, sans-serif; */
    font-size: 24px;
    /* font-family: 'Ranchers', Helvetica, sans-serif; */
    /* font-family: 'Galindo', cursive; */
    /* font-family: "Comic Sans MS", cursive, sans-serif; */ 
}

.joke:first-letter
{
	float: left; 
    color: #FFFF00; /* 903 */
    font-size: 75px; 
    line-height: 60px; 
    padding-top: 4px; 
    padding-right: 8px; 
    padding-left: 3px; 
    font-family: "Comic Sans MS", cursive, sans-serif;
    text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
}

.firstcharacter 
{ 
    float: left; 
    color: #FFFF00; /* 903 */
    font-size: 75px; 
    line-height: 60px; 
    padding-top: 4px; 
    padding-right: 8px; 
    padding-left: 3px; 
    font-family: "Comic Sans MS", cursive, sans-serif;
    text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
}

.ad_right
{
    width:160px;
    display: inline-block;
    <!--[if lte IE 8]>
        display:inline;
    <![endif]-->
}

.curve
{
    background-color:#006699;
    border-bottom-right-radius:10px;
    border-bottom-left-radius:10px;
    min-height:15px;
    width:789px;
    margin:auto;
    position:relative;
    left:-118px;
}

.footer
{
    font-size:10pt;
    text-align:center;
}

h2.index
{
    font-weight:bold;
    font-size:16px;
    font-family:sans-serif;
    border:1px solid #000;
    margin-top:0px;
    margin-bottom:0px; 
}

h2
{
    color:#fff;
    font-weight:bold;
    font-size:16px;
    font-family:sans-serif;
    margin-top:0px;
    margin-bottom:0px;
	padding-left:30px;
}

.jokecats
{
margin:auto;
text-align:center;
}

.jokecats td
{
padding-left:10px;
padding-right:10px;
border:1px solid #888;
}


.jokecats a
{
    font-size:14pt;   
}


#jokesearch
{
width:99%;
border:1px solid black;
background-color:#CCCC00;
margin-top:10px;
margin-bottom:10px;
margin-left:auto;
margin-right:auto;
padding-top:20px;
padding-bottom:20px;
}

#ext-links
{
    width:100%;
}

a:visited
{
    color:#00f;
}

.pic
{
    width: 330px;
    height: 315px;
    
    padding-top: 15px;
    /* padding-left: 15px; */
    
    background-color: #0099FF;
    
    margin-left: 20px;
    
    display: inline-block;
    
    box-shadow: 10px 10px 5px #888888;
    
    border-radius: 25px;
}

.pic:hover
{
    cursor: pointer;
    background-color: #FFD700;
}

.bottom-container
{
    width: 100%;
    /* display: inline-block; */
    text-align: center;
    font-family: 'Paytone One', sans-serif;  
    font-size: 26px;
    color: #FFFF00; 
    text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
    text-decoration: none;
}

.bottom-container a
{
    color: #FFFF00;
}

.bottom-container img
{
    border-style: none;
    text-align: center;
}

.elsewhere
{
    padding-bottom: 10px;
}

.joke_link_categories
{
    font-family: 'Paytone One', sans-serif;  
    font-size: 18px;
}

.joke_link_categories a
{
    color: white;
    
    /* text-shadow: -1px 0 #CCCCCC, 0 1px #CCCCCC, 1px 0 #CCCCCC, 0 -1px #CCCCCC; */
    
    /* letter-spacing: 2px; */
    
    /* text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black; */
}

.joke_link_categories a:hover
{
    color: #FFFF00;
    text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
}

.joke_link_categories h1
{
    text-align: center;
    font-family: 'Paytone One', sans-serif;  
    font-size: 22px;
    color: #FFCC00;
    
    padding-left: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
    /*give it a popped out look*/
    /*
    border-top: 1px solid #FFFFFF;
    border-left: 1px solid #FFFFFF;
    border-bottom: 1px solid #999999;
    border-right: 1px solid #999999;
    */
    /*
    text-shadow: -1px 0 #FFFF00, 0 1px #FFFF00, 1px 0 #FFFF00, 0 -1px #FFFF00;
    */
    
    text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
}

.cat_row
{
    
}

.cat
{
    width: 160px;
    
    vertical-align: top;
    
    text-align: center;
    
    background-color: #0066CC;
    
    display: inline-block;
    padding-bottom: 1px;
    /* give it the same color border as the background so that when you hover over it it doesnt shift*/
    
    border: 1px solid #999999;
    text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
    
    margin-left: 10px;
    margin-top: 5px;
    
    border-radius: 25px;
    
    font-size:12pt;
}

.cat:hover
{
    margin-left : 8px;
    margin-top: 3px; 
    
    border-top: 2px solid #333333;
    border-left: 2px solid #333333;
    border-bottom: 2px solid #333333;
    border-right: 2px solid #333333;
     
}

.category_ad
{
    float: right;
    padding-right: 45px;
}

.send_it
{
    font-family: 'Paytone One', sans-serif;  
    font-size: 26px;
    color: #FFFF00; 
    text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
}

.fun_arrow
{
    font-size: 52px;
    font-family: "Comic Sans MS", cursive, sans-serif;
    text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
    text-align: right;
}

.title
{
	font-size:24pt;
	text-align:center;
	font-family: 'Paytone One', sans-serif;
}

.credit
{
	font-family:sans-serif;
	font-style:italic;
}

.joke_column
{
	display:inline-block;
	width:48%;
	vertical-align:top;
}

/* These facebook things are related to the formatting of facebook based jokes and not our actual social media sharing! */
.fb_frame
{
	width:95%;
	background-color:#FFF;
	margin:auto;
	margin-top:25px;
	margin-bottom:25px;
	padding:4px;
}

.fb_frame a
{
	color:#3B5998;
	text-decoration:none;
}

.fb_frame a:hover
{
	text-decoration:underline;
}
/* End said facebook things */

.new_frame
{
    display:inline-block;
    width:24%;
    border:1px solid #000;
    vertical-align:top;
}

.breadcrumbs
{
    background-color:#000;
    color:#FFF;
    width:610px;
    padding-left:15px;
    padding-bottom:2px;
}

.breadcrumbs a
{
    color:#FF0;
    text-decoration:none;
    font-weight:bold;
}

.breadcrumbs a:hover
{
    text-decoration:underline;
}

.joke_of_the_day
{
    text-align:center;
    font-family:Paytone One;
    font-size:14pt;
}