/*  
Theme Name: mod7 Journal
Theme URI: http://journal.mod7.com/
Description: Built on top of the Wordpress Default theme.
Version: 1.0
Author: mod7
Author URI: http://mod7.com/

	*** REGARDING IMAGES ***
	All CSS that involves the use of images, can be found in the 'index.php' file.
	This is to ease installation inside subdirectories of a server.

*/



body { 
/*these rules will apply to the body tag itself*/
font-family: Arial, Helvetica, sans-serif;
margin:0; /*remove default margins*/
padding:0; /*remove default padding*/
background-color: #FFFFFF;
/*background-image: url(media/images/tile.jpg);background-repeat: repeat-y;*/
}

body * { 
/*effect every element within the body tag!*/
margin:0; /*remove all default margins!*/
padding:0; /*remove all default padding!*/
text-decoration: none; /*remove default underline from links*/
border:none; /*remove default borders on images*/
list-style-type: none; /*no bullets on lists*/
background-color:transparent; /*IE rollover/div fix*/
}

#wrapper {
/*here's our whole-page containment box*/
text-align:left; /*reverse the effect of the centering*/
width:960px; /*fixed width*/
position:relative;
}


.center {
text-align: center;
}

acronym, abbr, span.caps {
	cursor: help;
	}

acronym, abbr {
	border-bottom: 1px dashed #999;
	}

blockquote {
	margin: 15px 30px 0 10px;
	padding-left: 20px;
	border-left: 5px solid #ddd;
	}

blockquote cite {
	margin: 5px 0 0;
	display: block;
	}



/* NAVIGATION =topnav
----------------------------------------------- */
/* this is the back/next, etc. above and below
   search result lists */

#topNav {
/*background-image: url(media/images/top_bar.jpg);*/
background-repeat: no-repeat;
padding: 0px;
margin: 0px;
height: 70px;
}

	.searchDiv {
	width: 385px;
	margin: 0px 0px 0px 205px;
	margin: 0px 0px 0px 85px;
	padding-top: 30px;	
	text-align: left;
	}
	.searchBar {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	width: 120px;
	height: 15px;
	border: 1px solid #999999;
	background-color: #FFFFFF;
	}
	
	.GObtn {
	position: absolute;
	left: 328px;
	left: 185px;
	top: 42px;
	}
	
	.topPin {
	float: left;
	margin: 0px 0px 0px 0px;
	}

/* NAVIGATION =flashNav
----------------------------------------------- */
/* this is the back/next, etc. above and below
   search result lists */
   
#flashNav {
width: 180px;
width: 60px;
float: left;
}

.flashPlaceholder {
/*background-image: url(media/images/flashPlaceholder.gif);*/
background-repeat: no-repeat; 
height: 800px;
}

	.journalIMG {
	position: absolute;
	top: -35px;
	left: 25px;
	}



/* NAVIGATION =navigation
----------------------------------------------- */
/* this is the back/next, etc. above and below
   search result lists */

#navigation {
padding: 20px 25px 0px 25px;
margin: 0px 0px 0px 0px;
width: 142px;
line-height: 14px;
float: left;
}

	#navigation .section ul {
	font-size: 11px;
	line-height: 13px;
	margin: 0px 0px 20px 0px;
	}
	
		#navigation li {
		font-family: Arial, Helvetica, sans-serif;
		font-family: Arial, Helvetica, sans-serif;
		background-image: url(media/images/plusSymbol.gif);
		background-repeat: no-repeat; /* ONE bullet only please */
		background-position: 0 .45em; /* .45em from top (vertical) */
		padding-left:12px; /* space between bullet and text */
		/* styling options below */
		}
	
	#navigation ul a:hover{
	text-decoration: none;
	background-color: #111;
	color:#eeeeee;
	}
	
			.h2section {
			font-family: Arial, Helvetica, sans-serif;
			font-size: 12px;
			line-height: 12px;
			height: 22px;
			padding: 10px 0px 0px 0px;
			font-weight: bold;
			background-image: url(media/images/archiveCroplines.gif);
			background-repeat: no-repeat;
			color: #000;
			text-transform: lowercase;
			
			-moz-opacity:.75;
			opacity:.75;
			}
			
			#navigation .section ul a:hover {
			text-decoration: none;
			background-color: #111;
			color:#eeeeee;
			}
			
			#navigation .section ul a {
			color: #094A6B;
			}
	

/* LINK NAV =linkNavigation
----------------------------------------------- */
/* this is the back/next, etc. above and below
   search result lists */


#linkNavigation {
margin: 0px 0px 0px 14px;
width: 155px;
line-height: 14px;
float: left;
visibility:hidden;
display:none;
}

.linkNavigationContent {
}

	#linkNavigation .linkNavigationContent ul {
	font-size: 11px;
	line-height: 13px;
	margin: 0px 0px 10px 0px;
	}
			
			.linkNavigationContent ul a {
			color: #094A6B;
			}
			
			#linkNavigation a:hover {
			text-decoration: none;
			background-color: #111;
			color:#eee;
			}

			
#linkNavigation li {
font-family: Arial, Helvetica, sans-serif;
font-family: Arial, Helvetica, sans-serif;
background-image: url(media/images/plusSymbol.gif);
background-repeat: no-repeat; /* ONE bullet only please */
background-position: 0 .45em; /* .45em from top (vertical) */
padding-left:12px; /* space between bullet and text */
/* styling options below */
}

.postit {
visibility:hidden;
display:none;
padding: 0px;
margin: 0px;
}





/* CONTENT =content
----------------------------------------------- */
/* this is the back/next, etc. above and below
   search result lists */
   
#content {
text-align: left;
margin: 0px 0px 0px 25px;
color: #000;
line-height: 24px;
font-size: 14px;
float: left;
}

		#content a:hover {
		color: #fff;
		background-color: #FD8700;
		text-decoration: none;
		}
		
	#content li a {
	color: #094A6B;
	/*font-size: 11px;*/
	font-weight: bold;
	}
	
	#content p a {
	color: #094A6B;
	/*font-size: 10px;*/
	font-weight: bold;
	}
	
	.twoColumn {
	width: 450px;
	}
	
	.singleColumn {
	width: 450px;
	}
		.singleColumn p a {
		/*font-size: 10px;*/
		}
	
	.twoColumnContent {
	text-align: left;
	margin: 8px 0px 0px 0px;
	/*font-size: 10pt;*/
	}
	
	.singleColumnContent {
	text-align: left;
	margin: 8px 0px 0px 0px;
	/*font-size: 10pt;*/
	}
	
.biLine {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
color: #000000;
padding-top: 15px;
}

	.biLine a {
	color: #FD8702;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	padding-top: 15px;
	margin 0px;
	font-weight: lighter;
	}

.imageInsert {
margin: 20px 0px 0px 0px;
}


.readMore {
font-family:Arial, Helvetica, sans-serif;
font-size: 12px;
color: #FD8702;
}

.prevnext {
margin: 20px 0px 20px 0px;
}

.next {
font-family:Arial, Helvetica, sans-serif;
font-size: 12px;
text-align: right;
color: #000000;
}

	.next a {
	color: #FD8702;
	}
	
.previous {
font-family:Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000000;
text-align: left;
}

	.previous a {
	color: #FD8702;
	}
	
.entryFooter {
font: Arial, Helvetica, sans-serif;
font-size: 10px;
color: #000000;
margin: 20px 0px 0px 0px;
padding: 10px 10px 10px 10px;
background-color: #f8f8f8;
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd;
}

	.entryFooter a {
	color: #FD8702;
	}

	.previousEntries {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	float : left;
	}
		.previousEntries a {
		color: #094A6B;
		}
		
	.nextEntries {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	float: right;
	}
		.nextEntries a {
		color: #094A6B;
		}
		
.replyBox {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 16px;
margin: 10px 0px 10px 0px;
height: 150px;
background-color: #ffffff;
border-top: 2px solid #bbb;
border-left: 2px solid #bbb;
border-bottom: 1px solid #ccc;
border-right: 1px solid #ccc;
width: 100%;
padding: 2px
}
	.submitButton {
	font-family:Arial, Helvetica, sans-serif;
	background-image: url(media/images/hatchTile.gif);
	color:#FFFFFF;
	font-weight: bold;
	text-transform: lowercase;
	height: 24px;
	}

#commentform #author, 
#commentform #email, 
#commentform #url
 {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 16px;
margin: 10px 4px 10px 0px;
background-color: #ffffff;
border-top: 2px solid #bbb;
border-left: 2px solid #bbb;
border-bottom: 1px solid #ccc;
border-right: 1px solid #ccc;
padding: 2px
}

#commentform #author:focus, 
#commentform #email:focus, 
#commentform #url:focus,
.replyBox:focus {
-webkit-box-shadow: 0 0 4px #ccc;
-moz-box-shadow: 0 0 4px #ccc;
box-shadow: 0 0 4px #ccc;
}



/* FOOTER =footer
------------------------------------------*/
/* START footer styles */

#footer {
width: 100%;
float: left;
margin-top: 50px;
background-image: url(media/images/footertop.gif);
background-repeat: repeat-x;
}
	.footerContent {
	background-image: url(media/images/footerTile.gif);
	background-repeat: repeat;
	}

	.footerContent p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
	margin: 20px 0px 0px 222px;
	padding: 20px 0px 20px 0px;
	width: 714px;
	}

/* SURROUNDING CONTENT =surroundContent */

#surroundingContent {
padding: 0px 0px 0px 0px;
width: 700px;
float: left;
}



/* TEXT STYLES =h
----------------------------------------------- */
/* START text display styles */

h1 {
visibility:hidden;
display:none;
}

.h1TitleBox {
font-family: Arial, Helvetica, sans-serif;
font-family:Arial, Helvetica, sans-serif;
font-size: 16px;
letter-spacing:-1px;
font-weight: bold;
text-transform: lowercase;
color: #FFFFFF;
margin: 21px 0px 0px 32px;
position: absolute;
left: 360px;
top: 0px; 
height: 30px;
width: 544px;
background-image: url(media/images/hatchTile.gif);
background-repeat: repeat-x;
}
	
	.h1Title {
	margin: 0px 0px 0px 5px;
	line-height: 23px;
	}
	
	.h1Title a {
	color: #FFFFFF;
	}
	

.posttitle {
font-family: Arial, Helvetica, sans-serif;
font-family: Arial, Helvetica, sans-serif;
text-transform: lowercase;
font-size: 18px;
font-weight: bold;
color: #000;
line-height:23px;
margin: 18px 0px 0px 0px;
vertical-align: middle;
}

	.h3styleBG {
	background-image: url(media/images/H3titleCroplines.gif);
	background-repeat: no-repeat;
	margin: 0px 0xp 0px 0px;
	padding: 0px;
	position: relative;
	vertical-align: middle;
	/*border: 1px solid #000000;*/
	}
	
	.posttitle a:link, 
	.posttitle a:visited {
	width: 100%;
	display:block;
	color: #000;
	background-color: #FD8702;
	text-decoration: none;
	}
	
	#content .posttitle a:link:hover,
	#content .posttitle a:visited:hover  {
	color: #FD8702;
	background-color: #fff;
	text-decoration: none;
	}


h2 {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 22px;
font-weight: bold;
background-image: url(media/images/archiveCroplines.gif);
background-repeat: no-repeat;
color: #000;
text-transform: lowercase;

-moz-opacity:.75;
opacity:.75;
}

p {
padding-top: 15px;
}

s, strike {
text-decoration: line-through;
}



/* NEW THIS WEEK =new
----------------------------------------------- */
/* START new this week nav module */


#nav #navnew {
margin:0px 0px 0px 0px;
clear:both;
}
	
	#navnew .listcolumnone {
	margin:0px 0px 0px 0px;
	padding:0px 0px 10px 0px;
	float:left;
	width:122px;
	}
	
	#navnew .listcolumntwo {
	margin:0px 0px 0px 0px;
	padding:0px 0px 10px 0px;
	float:left;
	width:122px;
	}
	
	#navnew ul {
	margin:0px 0px 0px 0px;
	}
		
		#navnew li {
		position:relative;
		list-style-type:none; /* removes default bullet */
		background-image:url(../media/images-skin/bulletpoints.jpg); 
		background-repeat: no-repeat; /* ONE bullet only please */
		background-position: 0 .7em; /* .5em from top (vertical) */ 
		padding-left:25px; /* space between bullet and text */ 
		line-height:1.5em; 
		text-decoration:none;
		}
/* END new this week nav module */

ol {
padding-top: 5px;
padding-left: 23px;
}

ol li
  {
    /*list-style-type: none;*/
	list-style-type:decimal-leading-zero;
  }
  
  li
  {
    /*line-height: 1.2em;*/
	padding-bottom: 10px;
  }
