/*
Theme Name:		Afternoon Delight
Theme URI: 		http://www.jbwebdev.com
Version: 		1.1
Description: 	Custom designed WordPress theme from JBWEBDEV
Author: 		JONxBLAZE
Author URI:		http://twitter.com/JONXBLAZE
Tags:			two-columns, fixed-width, sticky-post, threaded-comments, microformats

Copyright 2010 - All rights reserved.

*/

/* Reset Browser Defaults */
@import url( 'library/media/css/reset.css' );

/* Apply base theme styles and colors */
@import url( 'library/media/css/base.css' );

/* Basic 2 Column Layout */
@import url( 'library/media/layouts/2col-l.css' );

/* Stylistic CSS Styles */
@import url( 'library/media/css/screen.css' );

/* These empty css selectors are temporarily here for compatiability with the WordPress theme repository checklist. */
.aligncenter {} .alignleft {} .alignright {} .wp-caption {} .wp-caption-text {}

body{background:url(library/media/images/darkwood_bg.jpg) top center;background-attachment:fixed;background-position: 0 100px}
div.container{width:1002px}
.header{position:relative;top:-200px;width:1002px;height:327px;margin:0;padding:0;background:url(library/media/images/headerBg.png) no-repeat}

.header img{padding:0;margin:0}

.topBar{height:220px;background:url(library/media/images/topBar.png);border-bottom:1px solid #fff}

div#above{height:20px;background:#3a3939 url(library/media/images/top.png) top center}

h1.archive-title{font-size:1.8em}

#cu3er-container {width:600px; outline:0;}

/* Top Menu */
.menu{position:relative;top:263px;left:10px;width:88%;margin:0 auto}
li#menu-item-574 a{border:none}
#menu-header-menu{background:#ECEBEB;border:none}
.menu ul li a{font-size:1.500em}
.menu ul li{margin-right:1px}
.menu ul li:nth-child(8) a{border-right:none}
div.menu li.current_page_item{color:#333;background:#CFCFCF}
div.menu a:hover{color:#333;background:#CFCFCF}

div#content{position:relative;top:-200px}

div#content{background:url(library/media/images/contentBg.png) repeat-y;
width:1002px;
display: inline-block; /*sets hasLayout - required for IE*/
display: block; /*resets to proper property value without resetting layout*/
overflow: hidden; /*causes modern browsers to enclose child floats*/}

.entry-content{margin-bottom:15px}

textarea#comment{width:90%}

/* Sidebar Stuff */
div.searchDiv{width:263px;height:50px;background: url(library/media/images/search-bg.jpg) no-repeat;margin-bottom:10px}
input#s{background:none;width:263px;font-size:1.3em;margin:10px 0 0 13px;border:none;color:#333;}

#secondary{margin-left:25px}
div.top{width:263px;background:url(library/media/images/sideTop.png) no-repeat;height:18px}
div.middle{width:263px;background:url(library/media/images/sideMiddle.png) repeat-y;margin-bottom:0}
div.sideBottom{width:263px;background:url(library/media/images/sideBottom.png) no-repeat;height:18px}

div.widget{width:263px;background:url(library/media/images/sideMiddle.png) repeat-y;margin-bottom:10px}
h3.widget-title{margin:0;font-size:1.75em;color:#3A3939}
div.around-widgets{padding:0 16px;margin-bottom:0}
div.around-widgets ul{margin-left:20px;margin-top:10px}
div.around-widgets ul li{list-style-image:url(library/media/images/listBg.png);margin-bottom:.375em;border-bottom:1px dotted #333}
div.around-widgets ul li a{display:block}
div.around-widgets ul li a:hover{color:#5B5955;background:#E2E2E2;text-decoration:none}

table.social{border:none;width:100%;text-align:center}
table.social td{width:150px;font-size:.875em;font-family:Tahoma;text-align:center}

/* Footer stuff */
.footer{width:1002px;background:url(library/media/images/bottom.png) no-repeat;margin-top:-200px;height:105px}
p#copyright{position:relative;text-align:center;top:50px}
div#bottom{border-top:1px solid #fff;background:#979797 url(library/media/images/bottomBar.png) repeat-x top center;padding-bottom:10px}
div#insideBottom{width:1002px;margin:0 auto}
#insideBottom table{border:none;margin-top:10px}
div#insideBottom table tr td{vertical-align:top}
.under-footer-boxes{
border:1px solid #ccc;width:250px;padding:10px 10px 0 10px;color:#fff;margin-bottom:0;height:270px;background: rgba(0, 0, 0, 0.4);
-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px; 
/* For IE 5.5 - 7*/
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
/* For IE 8*/
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
}

.under-footer-boxes-middle{
	text-align: center;
	width:400px;
	border:1px solid #ccc;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px; 
	padding:10px 10px 0 10px;
	color:#fff;
	margin-bottom:0;
	height:270px;
	background: rgba(0, 0, 0, 0.4);
	/* For IE 5.5 - 7*/
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
/* For IE 8*/
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";}

.under-footer-boxes ul{padding-left:10px;list-style:circle}

img#middle-image{padding:3px;border:1px solid #fff}
img#middle-image:hover{border:1px solid #c69c6d}

.under-footer-boxes h3{color:#fff;font-size:1.675em;margin-bottom:5px}
.under-footer-boxes ul li a{color:#fff}



div.separator{background:url(library/media/images/separator.png) no-repeat;width:650px;height:69px}
div.separator div{padding-top:25px;text-align:center}

/* Calendar */
#wp-calendar{width:230px;border:none}
#wp-calendar caption{font-weight:bold;margin:5px 0}

/* Portfolio page */

.article p.portfolio-divider{color:#B7B7B7;margin:0;font-family:Arial;text-align:center;font-size:1.875em}

.boxgrid{ 
width: 635px; 
height: 260px; 
margin:10px; 
color:#fff;
background:#161613; 
border: solid 2px #595653; 
overflow: hidden; 
position: relative}

.boxgrid h3{margin-right:10px;color:#fff}
.cover {text-align:right;color:#fff}

.boxgrid img{ 
position: absolute; 
top: 0; 
left: 0; 
border: 0}

.boxgrid p{ 
padding: 0 10px; 
color:#afafaf; 
font-weight:bold; 
font:10pt "Lucida Grande", Arial, sans-serif}
				
.boxcaption{
color:#fff; 
float: left; 
position: absolute; 
background: #000; 
height: 100px; 
width: 100%; 
opacity: .8; 
/* For IE 5-7 */
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
/* For IE 8 */
-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"}

.captionfull .boxcaption {top: 260px;left: 0}

.caption .boxcaption {top: 220px;left: 0}

.scrolltop {
	 position: fixed;
	 top: 0px;
	 border-right-width: thin;
	 border-bottom-width: thin;
	 border-left-width: thin;
	 border-right-style: solid;
	 border-bottom-style: solid;
	 border-left-style: solid;
	 border-right-color: #333;
	 border-bottom-color: #333;
	 border-left-color: #333;
	 padding: 5px;
	 margin:0px;
	 background-color: #CCC;
	 color: #333;
	 font-weight: bold;
	 right: 80px;
	 cursor:pointer;
	}
	
/* Comment Form */
input#author, input#email, input#url{width:195px}	
textarea#comment{margin-left:1px;width:98%}
#form-section-actions{margin-left:3px}
button#submit:hover{background:#ccc;color:#333}
button#submit{border-width: small; border-style: outset;}


/* Comments section */

h2.comments-header{text-align:center}

img.avatar{margin-top:5px;padding:3px;border:1px solid #ccc;float:left}
ol#comments{margin-top:10px}
.comment{margin-bottom:10px}
.comment-text{padding:10px}
.comment-author{font-weight:bold;margin-left:10px}

div.bubble div.rounded {
	margin-bottom: 10px;
	
	background-color: #ccc;
}
div.bubble div.rounded blockquote {
	border: 0;
	background-color: transparent;
}
div.bubble div.rounded blockquote p {
	margin: 0;
}
div.bubble cite.rounded {
	position: relative;
	margin: 0px;
	padding-left: 15px;
	padding-top: 12px;
	top: 11px;
	background: transparent url(library/media/images/tip-rounded.gif) no-repeat 30px 0;
}

/* Homepage Slider */
#slider{background: #fff; height: 227px; overflow: hidden;
		position: relative; margin: 0; }
								  
/* DEFAULT is for three panels in width, adjust as needed
 This only matters if JS is OFF, otherwise JS sets this. */								  
#mover{ width: 2880px; position: relative; }

.slide{ padding: 20px 10px; width: 900px; float: left; position: relative; }
.slide h1{ font-size:2em;letter-spacing: 1px;color: #ac0000; }
.slide p	{ color: #333; font-size: 1em; width: 330px; }
.slide img{ position: absolute; top: 0; left: 360px; }
#slider-stopper{ display:none;position: absolute; top: 1px; right: 20px; background: #ac0000; color: white;padding: 3px 8px; font-size: 10px; text-transform: uppercase; z-index: 1000; }

/* Facebook Like */
.fbLikeContainer{text-align:right}

/* Comment Reply */
.editComment, .editableComment, .textComment{
	display: inline;
}
.comment-childs{
	border: 1px solid #333;
	margin: 5px 2px 2px 4px;
	padding: 4px 8px 2px 8px;
	background-color: EFEFEF;
}
.comment-childs img.avatar{width:30px;height:auto;margin: 0 10px 0 0}
.chalt{
	background-color: #EFEFEF;
}
#newcomment{
	border:1px dashed #777;width:90%;
}
#newcommentsubmit{
	color:red;
}
.adminreplycomment{
	border:1px dashed #777;
	width:99%;
	margin:4px;
	padding:4px;
}
.mvccls{
	color: #999;
}

/* Pagination */
.navigation-links{text-align:center}

.divider{width:650px;height:24px;background:url(library/media/images/divider.jpg) no-repeat;margin:0 auto}
.divider2{width:650px;height:24px;background:url(library/media/images/divider2.jpg) no-repeat;margin:0 auto}
.divider3{margin-bottom:10px}

table#wazala{border:none}
table#wazala tr td{padding-bottom:15px}
table#wazala img{border:none;padding-top:10px;padding-bottom:15px;margin-left:16px}

.social{height:30px;clear:both}

div.wp_syntax{border:none;background:#fff}	

img.avatar{border:none;width:60px;height:60px}

/* CSS tooltip tutorial */
.article p a.tooltip {
	color: #092052;
	text-decoration: underline
	}

.article p a.tooltip:hover {
	position: relative;
	text-decoration: none
	}

.article p a.tooltip span {
	display: none
	}

.article p a.tooltip:hover span {
	display: block;
   	position: absolute; 
	top: 0px; left: 40px;
	width: 200px;
    padding: 5px; 
	margin: 10px; 
	z-index: 100;
    background: #f0f2f6; 
	border: 1px solid #333;
	opacity: 0.9;
	text-align: center
	}
	
/* JQuery zebra stripe tutorial */
table.stripe{border-collapse:collapse}
.stripedeven{background:#ccc}	


/* Google AdSense */

div.headerAdSense{width:728px;height:90px;margin:0 auto;}

#recaptcha_widget_div{margin-bottom:15px}

/* Post Thumbnails */
img.attachment-post-thumbnail{float:left ;padding:2px;border:1px solid #ccc;margin-right:10px}

input.submit, input.reset-button{
	padding: 0 5px;
	-moz-border-radius: 6px;
	border-radius: 6px;}