/*
Theme Name: Jokes Wordpress Theme
Theme URI: http://www.jokes.com.au
Description: Custom Wordpress Theme made by <a href="http://www.madebyguerrilla.com">Guerrilla</a>.
Tags: jokes, funny, blue, black, brown
Version: 1.0
Author: Guerrilla
Author URI: http://www.madebyguerrilla.com
*/

body {
	font-family: Helvetica, Tahoma, Arial;
	color: #252525;
	font-size: 13px;
	line-height: 20px;
	background: #C7D6E0 url(images/bg_website.jpg) repeat-x top center;
	background-attachment: fixed;
}


/* MAIN WEBSITE CODES HERE
------------------------------------------------------------------*/

#wrapper {
	margin: 0 auto;
	padding: 0;
	width: 980px;
}

#sitewrap {
	position: relative;
	float: left;
	margin: 0;
	padding: 0 19px;
	width: 942px;
	background: url(images/bg_container.png) repeat-y top center;
}

a, a:visited { color: #464646; text-decoration: underline; outline: none; }
a:hover { color: #252525; text-decoration: none; }

img { border: 0; }

blockquote {
margin: 22px 40px;
color:#252525;
padding: 10px 20px 0 20px;
background: #F0F0F0;
border: 1px solid #E3E3E3;
}

pre, code {
font-family: "Courier New", Courier, Monospace;
line-height: 1.5;
}

pre, code {
background: #F0F0F0;
display: block;
border-top: 1px solid #E3E3E3;
white-space: pre;
overflow: auto;
margin: 0 15px;
padding: 10px 15px;
max-height: 300px;
}

h1{ color: #464646; padding: 0; margin: 0 0 10px 0; font: 24px normal; line-height: 24px; font-family: Helvetica, Tahoma, Arial; }
h2{ color: #464646; padding: 0; margin: 0 0 10px 0; font: 20px normal; line-height: 20px; font-family: Helvetica, Tahoma, Arial; }
h3{ color: #464646; padding: 0; margin: 0 0 10px 0; font: 18px normal; line-height: 18px; font-family: Helvetica, Tahoma, Arial; }
h4{ color: #464646; padding: 0; margin: 0 0 10px 0; font: 16px normal; line-height: 16px; font-family: Helvetica, Tahoma, Arial; }
h5{ color: #464646; padding: 0; margin: 0 0 10px 0; font: 14px normal; line-height: 14px; font-family: Helvetica, Tahoma, Arial; }
h6{ color: #464646; padding: 0; margin: 0 0 10px 0; font: 12px normal; line-height: 12px; font-family: Helvetica, Tahoma, Arial; }

.alignleft { float: left; margin: 0 5px 5px 0; }
.alignright { float: right; margin: 0 0 5px 5px; }
.aligncenter { display: block; margin: 0 auto; }

.img_small { background: url(images/bg_img-small.png) no-repeat top center; padding: 3px 3px 5px 3px; width: 74px; height: 50px; float: left; margin: 0 10px 0 0; }
.img_medium { background: url(images/bg_img-featured-small.png) no-repeat top center; padding: 3px 3px 5px 3px; width: 136px; height: 91px; float: left; margin: 0 10px 0 0; }
.img_large { background: url(images/bg_img-featured-big.png) no-repeat top center; padding: 5px 5px 8px 5px; width: 263px; height: 178px; float: left; margin: 0 10px 0 0; }


/* HEADER CODES HERE
------------------------------------------------------------------*/

.headerwide {
	position: relative;
	float: left;
	margin: 0;
	padding: 0;
	width: 100%;
}

.headerwrap {
	position: relative;
	margin: 0 auto;
	padding: 20px 0 0 10px;
	width: 932px;
	height: 129px;
}

.headerwrap h1 a {
	text-indent: -9999px;
	background: url(images/logo.png) no-repeat top left;
	display: block;
	width: 255px;
	height: 129px;
}

.headerwrap h2 a {
	text-indent: -9999px;
	background: url(images/logo.png) no-repeat top left;
	display: block;
	width: 255px;
	height: 129px;
}

.loginbar {
	position: relative;
	float: left;
	margin: 0;
	padding: 0;
	background: #252525;
	width: 100%;
	color: #C3DCE8;
	height: 26px;
}

.loginwrap {
	position: relative;
	margin: 0 auto;
	padding: 2px 0;
	width: 942px;
	text-align: right;
}

.loginwrap a, .loginwrap a:visited { color: #C3DCE8; text-decoration: underline; }
.loginwrap a:hover { color: #FFF; text-decoration: underline; }

.headerad { position: absolute; top: 40px; right: 0; }

/* NAVIGATION CODES HERE
------------------------------------------------------------------*/

.navigationwide {
	float: left;
	margin: 0;
	padding: 0;
	width: 100%;
	background: transparent;
}

.navigationwrap {
	position: relative;
	margin: 0 auto;
	padding: 0 19px;
	width: 942px;
	height: 46px;
	background: url(images/bg_navigation.png) no-repeat top center;
}

/* Basic List Styling (First/Base Level) */

.navigationwrap ul {padding:0; margin:0 10px; list-style: none;}

.navigationwrap ul li {float:left; position:relative; }
.navigationwrap ul li.navright {float:right; position:relative; }


.navigationwrap ul li a.home { 
   display:block;
   height:46px; width:97px;
   background:transparent url(images/nav_home.png) no-repeat bottom left;
   text-indent:-9999px;
}

.navigationwrap ul li a.home:hover { 
   background:transparent url(images/nav_home.png) no-repeat top left;
}

.navigationwrap ul li a.videos { 
   display:block;
   height:46px; width:104px;
   background:transparent url(images/nav_videos.png) no-repeat bottom left;
   text-indent:-9999px;
}

.navigationwrap ul li a.videos:hover { 
   background:transparent url(images/nav_videos.png) no-repeat top left;
}

.navigationwrap ul li a.pics { 
   display:block;
   height:46px; width:74px;
   background:transparent url(images/nav_pics.png) no-repeat bottom left;
   text-indent:-9999px;
}

.navigationwrap ul li a.pics:hover { 
   background:transparent url(images/nav_pics.png) no-repeat top left;
}

.navigationwrap ul li a.jokes { 
   display:block;
   height:46px; width:92px;
   background:transparent url(images/nav_jokes.png) no-repeat bottom left;
   text-indent:-9999px;
}

.navigationwrap ul li a.jokes:hover { 
   background:transparent url(images/nav_jokes.png) no-repeat top left;
}

.navigationwrap ul li a.games { 
   display:block;
   height:46px; width:103px;
   background:transparent url(images/nav_games.png) no-repeat bottom left;
   text-indent:-9999px;
}

.navigationwrap ul li a.games:hover { 
   background:transparent url(images/nav_games.png) no-repeat top left;
}

.navigationwrap ul li a.suggest { 
   display:block;
   height:46px; width:183px;
   background:transparent url(images/nav_suggest.png) no-repeat bottom left;
   text-indent:-9999px;
}

.navigationwrap ul li a.suggest:hover { 
   background:transparent url(images/nav_suggest.png) no-repeat top left;
}

.navigationwrap ul li a.archive { 
   display:block;
   height:46px; width:118px;
   background:transparent url(images/nav_archive.png) no-repeat bottom left;
   text-indent:-9999px;
}

.navigationwrap ul li a.archive:hover { 
   background:transparent url(images/nav_archive.png) no-repeat top left;
}



/* CONTENT CODES HERE
------------------------------------------------------------------*/

#contentwrap {
	position: relative;
	float: left;
	margin: 0;
	padding: 0;
	width: 942px;
	background: url(images/bg_content.png) repeat-y top center;
}

.contentwrap {
	float: left;
	margin: 0;
	padding: 20px 20px;
	width: 580px;
}


/* FEATURED POST STYLING HERE */

.featuredwrap {
	float: left;
	margin: 0 0 0 -30px;
	padding: 10px 20px;
	width: 570px;
	background: #FFF;
	border-top: 5px solid #663300;
}

.featuredwrap-bottom { float: left; margin: 0 0 20px -30px; padding: 0; width: 610px; height: 17px; background: url(images/bg_post-bottom.png) no-repeat top center; }

.featuredwrap h1 { color: #464646; padding: 0; margin: 0 0 10px 0; font: 24px normal; line-height: 24px; font-family: Tahoma, Arial; }
.featuredwrap h1 a, .featuredwrap h1 a:visited { color: #464646; text-decoration: none; }
.featuredwrap h1 a:hover { color: #464646; text-decoration: underline; }
.featuredwrap h2 { color: #464646; padding: 0; margin: 0 0 10px 0; font: 24px normal; line-height: 24px; font-family: Tahoma, Arial; }
.featuredwrap h2 a, .featuredwrap h2 a:visited { color: #464646; text-decoration: none; }
.featuredwrap h2 a:hover { color: #464646; text-decoration: underline; }

.featuredwrap p { padding: 0 0 10px 0; margin: 0; }

.postimage { border: 1px solid #c1c1c1; float: left; margin: 0 10px 10px 0; }

.featuredwrap ul, .postwrap ol { margin: 10px 10px 10px 30px; }
.featuredwrap ul{ list-style-type:disc; }
.featuredwrap ol{ list-style-type:decimal; }

/* POST BOTTOM CODES */

.postinfo {
	float: left;
	margin: 5px 0;
	padding: 5px 0;
	width: 570px;
	color: #464646;
	font-size: 11px;
	border-top: 1px solid #dadada;
	border-bottom: 1px solid #dadada;
}

.postinfo a, .postinfo a:visited { color: #464646; text-decoration: none; font-weight: bold; }
.postinfo a:hover { color: #464646; text-decoration: underline; }

.comment-bubble { float: left; margin: 0 10px 0 0; width: 20px; height: 14px; color: #FFF; padding: 0 0 6px 0; background: url(images/bg_comment-bubble.png) no-repeat top center; text-align: center; font-weight: bold; font-size: 12px; }
.comment-bubble a, .comment-bubble a:visited { color: #FFF; text-decoration: none; font-size: 12px; font-weight: bold; }
.comment-bubble a:hover { color: #FFF; text-decoration: none; }

.postshare{
	float: left;
	margin: 5px 0;
	padding: 5px 0;
	width: 570px;
	color: #464646;
}

.sharethis { float: left; margin: 0 10px 0 0; }
ul.socialwrap {margin: 0; padding: 0; list-style-type: none;  border: 0;  }
ul.socialwrap li { float: left; height: 48px; margin: 0; }
ul.socialwrap img { border: 0; padding: 0; margin: 0;}

.embedthis { float: left; margin: 0 10px 0 0; }

.ratebox { float: left; margin: 0 10px 0 0; }

.ad468 { text-align: center; }
.archivetitle { padding: 10px 20px; background: #f1f1f1; }
.archivetitle h2 { margin: 0; text-transform: uppercase; font-size: 18px; line-height: 18px;}


/* HOME PAGE FEATURED POST STYLING HERE */

.featuredleft { float: left; width: 273px; }

.featured-left {
	float: left;
	width: 273px;
	border-top: 0;
}

.featuredleft h3 a, .featuredleft h3 a:visited { text-decoration: none; }
.featuredleft h3 a:hover { text-decoration: underline; }

.featured-left-text { font-size: 11px; color: #363636; }



.featuredrightwrap { float: left; width: 297px; margin: 25px 0 0 20px; padding: 0; }
.featuredright { float: left; width: 142px; height: 140px; overflow: hidden; margin: 2px; padding: 0;}
.featured-right-text { font-size: 12px; color: #363636; }
.featured-right-text a, .featured-right-text a:visited { text-decoration: none; }
.featured-right-text a:hover { text-decoration: underline; }

.margin10 { position: relative; padding: 10px; width: 590px; }

.mondaymania { position: absolute; top: -15px; right: -11px; }


/* HOME LEFT CODES HERE */

.home-left{
	position: relative;
	float: left;
	width: 213px;
	padding: 0;
	margin: 0 0 0 -20px;
}

.top-pics-wrap { float: left; margin: 0; position: relative; padding: 30px 0 20px 0; text-align: center; }
.top-pics { position: absolute; top: -15px; left: -15px; }
.top-pics-wrap img { float: none; margin: 5px; }

.funny-news-wrap { width: 213px; float: left; margin: 0; position: relative; padding: 50px 0 20px 0; text-align: center; }
.funny-news { position: absolute; top: 0; left: -10px; }

.tags-wrap { width: 203px; float: left; margin: 0; position: relative; padding: 50px 0 20px 10px; text-align: left; }


/* LATEST POSTS WRAP CODES */

.home-right {
	position: relative;
	float: left;
	margin: 0;
	padding: 0;
	width: 387px;
}

.latestwrap-top { float: left; margin: 0; padding: 0; width: 387px; height: 15px; background: url(images/bg_latest-posts-top.png) no-repeat top center; }
.latestwrap-bottom { float: left; margin: 0 0 20px 0; padding: 0; width: 387px; height: 16px; background: url(images/bg_latest-posts-bottom.png) no-repeat top center; }

.latestwrap {
	position: relative;
	float: left;
	margin: 0;
	padding: 20px 10px;
	width: 367px;
	background: url(images/bg_latest-posts.png) repeat-y top center;
}

.latest-posts { position: absolute; top: -25px; right: -8px; }

.latestpostwrap { float: left; width: 367px; border-bottom: 1px solid #CFDADC; padding: 5px 0; }
.latestpostwrap h4 { font-weight: bold; margin: 0; padding: 0; }
.latestpostwrap h4 a, .latestpostwrap h4 a:visited { text-decoration: none; }

/* ------------------------------------ */
/********** SIDEBAR CODES HERE **********/
/* ------------------------------------ */

.sidebarwrap {
	float: left;
	margin: 0;
	padding: 0 0 20px 0;
	width: 302px;
}

.twitterfollow {
	float: left;
	margin: 0 10px 20px 10px;
	padding: 0 10px;
	width: 280px;
	background: transparent;
}

.sidebox-top { float: left; margin: 0 10px; padding: 0; width: 300px; height: 9px; background: url(images/bg_sidebox-top.png) no-repeat top center; }
.sidebox-bottom { float: left; margin: 0 10px 20px 10px; padding: 0; width: 300px; height: 9px; background: url(images/bg_sidebox-bottom.png) no-repeat top center; }

.sidebox {
	position: relative;
	float: left;
	margin: 0 10px;
	padding: 10px 0;
	width: 300px;
	background: url(images/bg_sidebox.png) repeat-y top center;
}

.ad300 { float: left; margin: 0 10px 30px 10px; width: 300px;}
.ad125 { float: left; margin: 0 10px 30px 10px; width: 300px; text-align: center;}
.ad125 img { border: 1px solid #dadada; padding: 2px; margin: 5px; }

.margin-bottom { margin: 0 0 10px 0; }

.joestop4 { position: absolute; top: -25px; left: -20px; }

.joestop4-odd {
	float: left;
	padding: 5px 10px;
	width: 278px;
	margin: 0 1px;
	background: #F0F1F4;
}

.joestop4-odd a, .joestop4-odd a:visited { font-weight: bold; text-decoration: none; }
.joestop4-odd a:hover { text-decoration: underline; }

.joestop4-even{
	float: left;
	padding: 5px 10px;
	width: 278px;
	margin: 0 1px;
	background: transparent;
}

.joestop4-even a, .joestop4-even a:visited { font-weight: bold; text-decoration: none; }
.joestop4-even a:hover { text-decoration: underline; }

.searchwrap { float: left; margin: 0 0 20px 0; width: 301px; padding: 10px; background: #EFF7FA; border-bottom: 1px solid #C3CEDB; }
.searchwrap form { width: 220px; float: left; margin: 0 10px 0 0; padding: 0 10px 0 0; border-right: 1px solid #C3CEDB; }
.text_input { width: 165px; height: 16px; padding: 2px; margin: 0 10px 0 0; background: #FFF; border: 1px solid #c1c1c1; color: #464646; float: left; }

.subscribebox { padding: 10px; width: 280px; }
.subscribebox form { width: 280px; border: 0; margin: 0; padding: 0; }
.rss_input { width: 195px; height: 16px; padding: 2px; margin: 0 10px 0 0; background: #FFF; border: 1px solid #c1c1c1; color: #464646; float: left; }


.domtabs { text-align: center; width: 300px; }
.domtabs img { float: none; margin: 2px 5px; }

h3.relatedposts { margin: 0 0 0 10px; font-weight: bold; }



/* ----------------------------------- */
/********** FOOTER CODES HERE **********/
/* ----------------------------------- */

.footerwide {
	float: left;
	margin: 0;
	padding: 0;
	width: 100%;
	background: url(images/bg_footer.png) repeat-y top center;
}

.footerwrap {
	position: relative;
	margin: 0 auto;
	padding: 0;
	width: 942px;
	color: #666;
}

.footerwrap a, .footerwrap a:visited { color: #666; text-decoration: none; }
.footerwrap a:hover { color: #666; text-decoration: underline; }

.footertop { float: left; width: 922px; border-top: 5px solid #333; padding: 10px; color: #666; }
.footerbottom { float: left; width: 922px; border-top: 5px solid #333; padding: 5px 10px; color: #666; }

.footerblock { float: left; width: 230px; }
.footerblock ul { list-style-type: none; margin: 0; padding: 0; }
.footerblock ul li { padding: 0; list-style: inline; margin: 0; } 
.footerblock ul li a, .footerblock ul li a:visited { padding: 5px 0; color: #666; text-decoration: none; }
.footerblock ul li a:hover { color: #666; text-decoration: underline; }


/* COMMENT BOX STYLING HERE */

.title_comments { position: absolute; top: -30px; right: -5px; }

.commentwrap-top { float: left; margin: 0; padding: 0; width: 580px; height: 17px; background: url(images/bg_comments-top.png) no-repeat top center; }
.commentwrap-bottom { float: left; margin: 0 0 20px 0; padding: 0; width: 580px; height: 17px; background: url(images/bg_comments-bottom.png) no-repeat top center; }

.commentwrap {
	position: relative;
	float: left;
	margin: 0;
	padding: 20px;
	width: 540px;
	background: url(images/bg_comments.png) repeat-y top center;
}

ol.commentlist { list-style:none; margin:0 0 1em; padding:0; text-indent:0; }
ol.commentlist li { }
ol.commentlist li.alt { }
ol.commentlist li.byuser {}
ol.commentlist li.comment-author-admin {}
ol.commentlist li.comment { border-bottom:1px dotted #666; padding:1em; }
ol.commentlist li div.comment-author { color: #464646; }
ol.commentlist li div.vcard { font:normal 16px; }
ol.commentlist li div.vcard cite.fn { font-style:normal; }
ol.commentlist li div.vcard cite.fn a.url {}
ol.commentlist li div.vcard img.avatar { border:5px solid #ccc; float:right; width: 50px; height: 50px; margin:0 0 1em 1em; }
ol.commentlist li div.vcard img.avatar-32 {}
ol.commentlist li div.vcard img.photo {}
ol.commentlist li div.vcard span.says {}
ol.commentlist li div.commentmetadata {}
ol.commentlist li div.comment-meta { font-size:9px; }
ol.commentlist li div.comment-meta a { color:#ccc; }
ol.commentlist li p { font-size:12px; margin:0 0 1em; }
ol.commentlist li ul { font-size:12px; list-style:square; margin:0 0 1em 2em; }
ol.commentlist li div.reply { font-size:11px; }
ol.commentlist li div.reply a { font-weight:bold; }
ol.commentlist li ul.children { list-style:none; margin:1em 0 0; text-indent:0; }
ol.commentlist li ul.children li {}
ol.commentlist li ul.children li.alt {}
ol.commentlist li ul.children li.bypostauthor {}
ol.commentlist li ul.children li.byuser {}
ol.commentlist li ul.children li.comment {}
ol.commentlist li ul.children li.comment-author-admin {}
ol.commentlist li ul.children li.depth-2 { border-left:5px solid #555; margin:0 0 .25em .25em; }
ol.commentlist li ul.children li.depth-3 { border-left:5px solid #999; margin:0 0 .25em .25em; }
ol.commentlist li ul.children li.depth-4 { border-left:5px solid #bbb; margin:0 0 .25em .25em; }
ol.commentlist li ul.children li.depth-5 {}
ol.commentlist li ul.children li.odd {}
ol.commentlist li.even { background:#fff; }
ol.commentlist li.odd { background:#f6f6f6; }
ol.commentlist li.parent { border-left:5px solid #111; }

ol.commentlist li.pingback { border-bottom:1px dotted #666; padding:1em; }
ol.commentlist li.pingback .reply, ol.commentlist li.pingback .comment-meta, ol.commentlist li.pingback .says, ol.commentlist li.pingback p { display: none; }

ol.commentlist li.thread-alt { }
ol.commentlist li.thread-even {}
ol.commentlist li.thread-odd {}

ol.commentlist li.bypostauthor { background: #898989; color: #FFF; }
ol.commentlist li.bypostauthor a, ol.commentlist li.bypostauthor a:visited { color: #FFF; text-decoration: underline; }
ol.commentlist li.bypostauthor a:hover { text-decoration: none; color: #FFF; }
ol.commentlist li.bypostauthor pre, ol.commentlist li.bypostauthor code { color: #252525; }

/********** PAGE NAVIGATION LAYOUT CODES HERE **********/

.wp-pagenavi { float: right; text-align: right; margin: 0 18px 0 0;}

.wp-pagenavi a, .wp-pagenavi a:link {
	padding: 5px 7px;
	margin: 2px;
	text-decoration: none;
	border: 1px solid #c1c1c1;
	color: #c1c1c1;
	background-color: #FFFFFF;	
}
.wp-pagenavi a:visited {
	padding: 5px 7px;
	margin: 2px;
	text-decoration: none;
	border: 1px solid #c1c1c1;
	color: #c1c1c1;
	background-color: #FFFFFF;	
}
.wp-pagenavi a:hover {	
	border: 1px solid #464646;
	color: #464646;
	background-color: #FFFFFF;
}
.wp-pagenavi a:active {
	padding: 5px 7px;
	margin: 2px;
	text-decoration: none;
	border: 1px solid #252525;
	color: #252525;
	background-color: #FFFFFF;	
}
.wp-pagenavi span.pages {
	padding: 5px 7px;
	margin: 2px 2px 2px 2px;
	color: #c1c1c1;
	border: 1px solid #c1c1c1;
	background-color: #FFFFFF;
}
.wp-pagenavi span.current {
	padding: 5px 7px; 
	margin: 2px;
	font-weight: bold;
	border: 1px solid #c1c1c1;
	color: #c1c1c1;
	background-color: #FFFFFF;
}
.wp-pagenavi span.extend {
	padding: 5px 7px;	
	margin: 2px;	
	border: 1px solid #c1c1c1;
	color: #c1c1c1;
	background-color: #FFFFFF;
}