/*
Theme Name: jamesTbaker 01
Theme URI: http://www.jamestbaker.com/
Description: Custom designed by <a href="http://www.jamestbaker.com/">jamesTbaker</a> for <a href="http://www.citrusquark.com/">CitrusQuark</a>.
Version: 1.0
Author: jamesTbaker
Author URI: http://www.jamestbaker.com/
*/







@charset "utf-8";

/*************************************************/
/**                                             **/
/**               citrusquark.com               **/
/**         http://www.citrusquark.com          **/
/**            © CitrusQuark, 2010              **/
/**                                             **/
/**---------------------------------------------**/
/**                                             **/
/**        Site design and development          **/
/**              by jamesTbaker                 **/
/**         http://www.jamestbaker.com          **/
/**                                             **/
/*************************************************/



/*===============================================*/
/*                   Main                        */
/*===============================================*/

/*-----------------VARIABLES---------------------*/

/*-------------------RESET-----------------------*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin: 0;
	padding: 0;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

fieldset,img { 
	border: 0;
}

address,caption,cite,code,dfn,em,strong,th,var {
	font-style: normal;
	font-weight: normal;
}

ol,ul {
	list-style: none;
}

caption,th {
	text-align: left;
}

h1,h2,h3,h4,h5,h6 {
	font-size: 100%;
	font-weight: normal;
}

q:before,q:after {
	content: '';
}

abbr,acronym {
	border: 0;
}

/*----------------RECONFIGURE--------------------*/

body {
	background-image: url('images/bkgrdTileOuter.png');
	font-family: Arial, Helvetica, Garuda, Utkal, Nimbus Sans L, FreeSans, Mukti Narrow, Malayalam, sans-serif;
	font-size: 13px;
	line-height: 15px;
	color: #444;
	/* begin centering fixed-width layout--also see wrapper style*/
	text-align: center;
	/* end centering fixed-width layout--also see wrapper style */
}

img {
	color: #666;
	font-style: italic;
}

/*----------------ADDITIONAL--------------------*/

#wrapper {
	/* begin centering fixed-width layout--also see body style */
	width: 960px;
	margin-left: auto; 
	margin-right: auto;
	text-align: left;
	background-image: url('images/bkgrdTileMid.png');
	background-repeat: repeat-y;
	/* end centering fixed-width layout--also see body style */
	
	/* begin centering liquid layout */
	/*
	margin-left: 15px; 
	margin-right: 15px;
	*/
	/* end centering liquid layout */
}

#header {
	width: 960px;
}

#middle {
	width: 960px;
	float: left;
}

#footer {
	width: 960px;
	padding: 0 0 20px 20px;
	clear: left;
}

/*===============================================*/
/*         Inner Layout & Display Styles         */
/*===============================================*/

#headerLeft {
	background-color: #fff;
	width: 685px;
	height: 144px;
	padding: 73px 0 0 20px;
	padding-top: 74px\9;
	float: left;
}

	@media screen and (-webkit-min-device-pixel-ratio:0) {
		/* above prepending to target webkit (safari and chrome) */
		#headerLeft {
			padding: 72px 0 0 20px;
		}
	}

	#tagline {
		font-size: 16px;
		color: #e2364c;
		position: relative;
			left: -365px;
	}

	.hrLong {
		background-color: #FFF;
		background-image: url(images/hr.png);
		background-repeat: repeat-x;
		width: 665px;
		height: 2px;
		display: block;
		margin: 16px 0 20px 0;
	}

#headerRight {
	background-color: #444;
	width: 215px;
	height: 195px;
	padding: 20px 20px 0 20px;
	float: right;
}

	.conxnBtnUpper {
		display: block;
		width: 215px;
		padding-bottom: 7px;
		
	}

	.conxnBtnLower {
		width: 215px;
		padding-bottom: -2px;
	}
	
	.hrShort {
		background-color: #444;
		background-image: url(images/hr.png);
		background-repeat: repeat-x;
		width: 215px;
		height: 2px;
		display: block;
		margin: 20px 0 20px 0;
	}

#midLeft {
	background-color: #FFF;
	width: 665px;
	padding: 0 20px;
	float: left;
}

	.quoteTop {
		display: block;
		font-size: 24px;
		color: #A5C84C;
		line-height: 18px;
		margin-bottom: 5px;
	}
	
	.quoteMid {
		display: block;
		font-size: 16px;
		color: #e2364c;
		line-height: 19px;
		margin-top: -5px;
	}
	
	.quoteBtm {
		font-size: 11px;
		color: #F26722;
		line-height: 6px;
	}
	
	.widget_stray_quotes {
		list-style-type: none;
	}
	
	img.alignright {
		float: right;
		margin: 0 0 10px 10px;
	}
	
	img.alignleft {
		float: left;
		margin: 0 10px 10px 0;
	}
	
	img.aligncenter {
		display: block;
		margin: 10px auto 10px auto;
	}
	
	.tweetmeme_button {
		margin-left: 90px;
	}
	
	.alert {
		width: 300px;
		background-color: #F26722;
		border: 5px solid #F26722;
	}
	
		.alertHeader {
			color: #fff;
			font-size: 16px;
			font-weight: 700;
			background-color: #F26722;
			border-bottom: 5px solid #F26722;
		}
	
		.alertBody {
			color: #fff;
			width: 260px;
			float: left;
			padding: 10px 20px;
			background-color: #444;
		}
		
			.alertMsg {
				width: 240px;
			}
		
				.alertIcon {
					float: left;
				}
				
				.alertText {
					padding: 0 0 0 10px;
					width: 200px;
					text-align: center;
					float: right;
				}
			
		.alertBtn {
			text-align: center;
			padding: 7px;
			clear: both;
		}

#midRight {
	background-color: #444;
	width: 215px;
	padding: 0 20px;
	float: right;
}

	#underMenu {
		margin-top: 13px;
	}

	#search {
		background: url('images/searchBox.png') no-repeat;
		width: 215px;
		height: 78px;
		display: block;
	}
		
		#search input#searchBox {
			width: 186px;
			height: 18px;
			border: 0;
			font-size: 11px;
			color: #444;
			background: transparent;
			position: relative;
				left: 2px;
				top: 3px;
		}
		
		#search input#searchSubmit {
			width: 84px;
			height: 24px;
			position: relative;
				top: 15px;
				left: 40px;
		}
	
	#askCQ {
		background: url('images/askBox.png') no-repeat;
		width: 215px;
		height: 193px;
		display: block;
	}
		
		#askCQ textarea#askBox {
			width: 186px;
			height: 155px;
			border: 0;
			font-size: 11px;
			font-family: Arial, Helvetica, Garuda, Utkal, Nimbus Sans L, FreeSans, Mukti Narrow, Malayalam, sans-serif;
			color: #444;
			background: transparent;
			position: relative;
				left: 2px;
				top: 2px;
		}
		
		#askCQ input#askCQSubmit {
			width: 84px;
			height: 24px;
			position: relative;
				top: 13px;
				left: 40px;
		}

/*===============================================*/
/*      Typography, Lists, & Link Styles         */
/*===============================================*/

a {
	color: #e2364c;
	text-decoration: none;
}

	a:hover {
		color: #F26722;
		text-decoration: underline;
	}

ul, ol {
	list-style-position: outside;
	margin: 4px 0 10px 30px;
	padding: 0;
}

	ul {
		list-style-image: url('images/bullet.png');
	}
	
	ol {
		list-style-type: decimal;
	}

h2 {
	font-size: 22px;
	line-height: 22px;
}

h3 {
	font-size: 19px;
	padding: 6px 0 3px 0;
}

	#postComments h2, #postComments h3 {
		font-size: 19px;
		padding: 0 0 3px 0;
	}
	
h4 {
	font-size: 16px;
	padding: 6px 0 3px 0;
	font-style: italic;
}

p {
	margin: 4px 0 10px 0;
}

strong {
	font-weight: 900;
}

em {
	font-style: italic;
}

.quoteGrn {
	color: #A5C84C;
}

.post, .otherPosts {
	margin-bottom: 20px;
}

.postDate {
	font-size: 11px;
	color: #F26722;
}

.wp-caption-text, .wp-caption-dd {
	font-style: italic;
	font-size: 11px;
	line-height: 11px;
	margin: 8px 0 15px 0;
}

.postMore {
	font-size: 15px;
	font-weight: 700;
	padding-bottom: 10px;
}

.postEdit {
	padding-bottom: 6px;
	clear: both;
}

.postComments {
	padding-bottom: 10px;
}

	#postComments ol {
		list-style: none;
		margin: 10px 0 10px 0;
	}

	.recentcomments {
		color: #fff;
	}
		
	.nocomments {
		padding: 0;
	}

	.textBoxArea {
		width: 665px;
		height: 25px;
		display: block;
		margin-top: 5px;
	}
	
		#authorArea {
			background: url('images/boxAuthor.png') no-repeat;
			width: 333px;
			height: 25px;
			display: inline-block;
		}
		
			#postComments input#author {
				width: 305px;
				height: 19px;
				border: 0;
				font-size: 11px;
				color: #444;
				background: transparent;
				position: relative;
					left: 2px;
					top: 3px;
			}
			
		#emailArea {
			background: url('images/boxEmail.png') no-repeat;
			width: 333px;
			height: 25px;
			display: inline-block;
		}
		
			#postComments input#email {
				width: 305px;
				height: 19px;
				border: 0;
				font-size: 11px;
				color: #444;
				background: transparent;
				position: relative;
					left: 2px;
					top: 3px;
			}
			
		#urlArea {
			background: url('images/boxWebsite.png') no-repeat;
			width: 333px;
			height: 25px;
			display: inline-block;
		}
		
			#postComments input#url {
				width: 305px;
				height: 19px;
				border: 0;
				font-size: 11px;
				color: #444;
				background: transparent;
				position: relative;
					left: 2px;
					top: 3px;
			}
		
		.fieldLabel {
			margin-left: 10px;
		}
	
	.textareaArea {
		width: 665px;
		height: 160px;
		display: block;
		margin-top: 5px;
	}
	
		#commentArea {
			background: url('images/boxReply.png') no-repeat;
			width: 665px;
			height: 160px;
			display: block;
		}
	
			#postComments textarea {
				font-family: Arial, Helvetica, Georgia, Sans-serif;
				font-size: 12px;
				width: 636px;
				height: 148px;
				border: 0;
				background: transparent;
				position: relative;
					left: 3px;
					top: 3px;
			}
	
	.reqd {
		color: #F26722	}
	
	#postComments input#commentSubmit {
			width: 102px;
			height: 24px;
			position: relative;
				top: 10px;
				left: 40px;
			margin-bottom: 12px;
	}

	.indexComments, .catComments {
		padding-bottom: 6px;
		clear: both;
	}

	.reqdWrnng {
		padding: 5px 0;
		display: block;
	}

.olderEntries {
	font-size: 16px;
	font-weight: 700;
	float: right;
	margin-bottom: 20px;
}

.newerEntries {
	font-size: 16px;
	font-weight: 700;
	float: left;
	margin-bottom: 20px;
}

.menuMainCurrent, .menuMainLink a {
	font-size: 15px;
	font-weight: 700;
	color: #FFF;
	height: 31px;
	width: 185px;
	padding: 7px 0 0 40px;
}

	.menuMainCurrent {
		background: url('images/menuCurrentPage.png') no-repeat;
	}
	
	.menuMainLink a {
		display: block;
		background: transparent url('images/menuRollover.png') no-repeat;
		background-position: 10px;
	}

		.menuMainLink a:hover {
			background-position: -215px 0;
			text-decoration: none;
		}

.widgettitle {
	font-size: 15px;
	font-weight: 700;
	color: #FFF;
	line-height: 15px;
}

	@media screen and (-webkit-min-device-pixel-ratio:0) {
		/* above prepending to target webkit (safari and chrome) */
		.widgettitle {
			text-indent: -13px;
		}
	}

.textwidget {
	color: #fff;
}

.finePrint {
	font-size: 10px;
	line-height: 8px;
	margin-bottom: 0;
}