/*
Theme Name: Veracode 
Theme URI: http://veracode.com/
Description: A nice looking blog for Veracode
Version: 1.0
Author: Tank

*/

* { margin: 0; padding: 0; }
img { border: none; }

body { 
	font: 68.75% Tahoma, Arial, Helvetica, sans-serif;
	text-align: center;
	color: #222;
	background: url(./img/bg-body.gif) repeat;
	}

#contentArea {
	font-family: Verdana; 
}

#envelope {
	position: relative;
	width: 1034px;
	margin: 0 auto;
	text-align: left;
	background: #ececed url(./img/bg-envelope.gif) repeat-y;
	}
	
	#topDropShadow {
		height: 57px;
		background: url(./img/bg-top-drop-shadow.gif) no-repeat;
		}
	#bottomDropShadow {
		height: 38px;
/*		background: url(./img/bg-bottom-drop-shadow.gif) no-repeat; */
		}
		
	#topBar {
		margin: 0 0 8px 13px;
		width: 753px;
		height: 173px;
		position: relative;
		background: url(./img/top-bar.jpg) no-repeat;
		}
		
		#logo {
			position: absolute;
			top: 93px;
			left: 25px;
			}
		#blogHeader {
			position: absolute;
			top: 109px;
			right: 43px;
			
			}
		#rssIcon {
			position: absolute;
			top: 99px;
			right: 10px;
			}
		
		#blogNavigation {
			position: absolute;
			top: 146px;
			left: 0;
			z-index: 10;
			color: #fff;
			width: 753px;
				w\idth: 661px;
			height: 27px;
				he\ight: 17px;
			padding: 5px 67px 5px 25px;
				p\adding: 5px 0 5px 92px;
			background: #6db610;
			}
			#blogNavigation a {
				color: #fff;
				font-size: 1.2em;
				text-decoration: none;
				}
				#blogNavigation a:hover, #blogNavigation a#selectedNavigation { color: #082b63; }
				
		
	
	#contentArea {
		width: 753px;
			w\idth: 664px;
		padding: 0 20px 0 70px;
		}
		
		.blogDetails {
			height: 30px;
				he\ight: 17px;
			margin-bottom: 15px;
			padding: 6px 27px 3px 27px;
			text-transform: uppercase;
			border: 1px dotted #d0d0d0;
			}
			.blogDetails .postDate {
				float: left;
				padding-left: 18px;
				background: url(./img/bg-icon-post-date.gif) 0px 0px no-repeat;
				}
			.blogDetails .numberOfComments {
				float: left;
				padding-left: 23px;
				background: url(./img/bg-icon-comments.gif) 0px 0px no-repeat;
				}
		
		#relatedLinks {
			padding: 0 30px;
			margin-bottom: 15px;
			}
			#relatedLinks a { color: #4f7f0a; }
		
		.post, .comment {
			margin-bottom: 20px;
			padding: 0 30px 10px 30px;
			background: url(./img/bg-dotted-line.gif) bottom repeat-x;
			}
		.post ul { list-style: square;
			   margin-left:30px;
                           margin-bottom: 15px; }

		.post ol { margin-left:30px;
                           margin-bottom: 15px; }
		.post a {
			\color: #0a3880;
			\color: #0e4eb3;
			color: #0c459d;
		}

		.commentlist ol {margin-left:100px;}
			
			ul.postOptions { height: 35px; }
				ul.postOptions li { float: left; }
					ul.postOptions li a {
						display: block;
						padding: 0 17px;
						text-transform: uppercase;
						}
						ul.postOptions li a#sendToAFriend {
							padding-left: 19px;
							background: url(./img/bg-icon-send-to-a-friend.gif) 0px 2px no-repeat;
							}
						ul.postOptions li a#postAComment {
							padding-left: ;
							background: url(./img/bg-icon-post-a-comment.gif) 0px 2px no-repeat;
							}
						ul.postOptions li a#printPost {
							padding-left: ;
							background: url(./img/bg-icon-print.gif) 0px 2px no-repeat;
							}
						ul.postOptions li a#readAll {
							padding-left: ;
							background: url(./img/bg-icon-read-all.gif) 0px 2px no-repeat;
							}
	
	#postCommentsForm { padding-left: 30px; }
		
		form label {
			display: block;
			padding: 4px 0px;
			}
					
		#postCommentsForm input, #postCommentsForm select, #postCommentsForm textarea {
			width: 232px;
			height: 24px;
			font-size: 1.2em;
			background: #ecf4f8;
			border: 1px solid #b1b7ba;
			font: 1.2em Tahoma, Arial, Helvetica, sans-serif;
			}
			#postCommentsForm textarea {
				width: 488px;
				height: 190px;
				margin-top: 22px;
				}
		
		#postCommentsForm input#submitComment {
			display: block;
			width: auto;
			height: auto;
			border: none;
			margin: 20px 0;
			background: none;
			}
	h5.comments { font-size:18px;
		margin-left:-30px;}
	li.comment { margin-left:0px;}
	#postcomment { font-size:18px;
		margin-left:-30px;}
	
	#rightColumn {
		width: 241px;
		float: right;
		margin-right: 12px;
		*margin-right: 6px;
		}
		
		#globalSearch {
			width: 241px;
				w\idth: 213px;
			height: 146px;
				he\ight: 94px;
			padding: 26px 14px;
			background: url(./img/bg-global-search.gif) no-repeat;
			}
			input#globalSearchInput {
				width: 150px;
				height: 24px;
				background: #ecf4f8;
				border: 1px solid #b1b7ba;
				font: 1.2em Tahoma, Arial, Helvetica, sans-serif;
				}
			#globalSearchSubmit {
				width: auto;
				height: auto;
				border: none;
				margin-top: 7px;
				background: none;
				}
		
		.rightColumnFocusBox {
			padding: 0 14px 20px 14px;
			background: url(./img/bg-right-focus-box.gif) bottom no-repeat;
			}
			
		.rightColumnFocusBox h2 {
			font: 105% Tahoma, Arial, Helvetica, sans-serif;
			font-weight:bold;
			text-decoration:none;
			margin-left: -24px;
			margin-bottom: 1px;
			}

		#requestMembership {  }
		#categories {  }
		.calendar {  }
		#bloggers {  }
		#postsByMonth {  }
		
		.rightColumnHeader { padding-top: 24px; }
				
			ul.linkList { padding: 10px 0; }
				ul.linkList li { display: inline; }
					ul.linkList li a {
						display: block;
						text-transform: uppercase;
						padding: 6px 0 6px 16px;
						background: url(./img/bg-focus-arrow.gif) 0px 11px no-repeat;
						}
					ul.linkList li a:hover, ul.linkList li a.selectedLink {
						background-position: 0px -27px;
						}
					ul.linkList li a h2 {
						font-weight: normal;
						display: block;
						text-transform: uppercase;
						padding: 6px 0 6px 16px;
						background: url(./img/bg-focus-arrow.gif) 0px 11px no-repeat;
						}
					ul.linkList li a:hover, ul.linkList li a.selectedLink h2 {
						background-position: 0px -27px;
						}
	
h1   {
	color: #559cbe;
	\font-size: 2.4em;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 2.2em;
	width: 671px;
		w\idth: 641px;
	margin: 25px 0 5px 0px;
	padding: 0 0 0 30px;
	font-weight: normal;
	background: url(./img/bg-blog-heading.gif) 0px 3px no-repeat;
	}
h2 {
	color: #082b63;
	\font-size: 2.4em;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 2em;
	font-weight: normal;
	margin: 0 0 15px 0;
	padding: 0 0 0 30px;
	text-decoration: underline;
	}
h3 {
	font-size: 1em;
	color: #666666;
	margin: 0 0 15px 0;
	padding: 0 0 0 30px;
	}

/* h4 is used for selected links on the right sidebar */
h4 {
	font-weight: normal;
	font-size: 1em;
}

/* changed comments from h2 to h5 */
h5 {
	color: #082b63;
	\font-size: 2.4em;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 2em;
	font-weight: normal;
	margin: 0 0 15px 0;
	padding: 0 0 0 30px;
	text-decoration: underline;
	}
	
p  {
	color: #222;
	font-size: 1em;
	line-height: 16px;
	margin: 0 0 15px 0;
	}

ul { list-style: none; }

li { 
	font-size: 1em; 
	line-height: 16px; 
	margin: 2px 0;
}

li li { 
	font-size: 1em; 
	line-height: 16px; 
}

hr {
	border: 0; 
	height: 1px; 
	background: #ccc; 
	*color: #ccc; 
	margin: 15px 0;
	}

a {
	color: #082b63;
	text-decoration: none;
	}
	a:hover, a:active { text-decoration: underline; }

.cleaner { 
     clear:both; 
     height:1px; 
     font-size:1px; 
     border:none;
     margin:0; padding:0;
     background:transparent;
}

blockquote, blockquote p {
	font-style: italic;
	color: #444;
	margin: 15px 20px;
}

#indent, #indent p {
	margin: 15px 20px;
}

/* pre {
	color: #444;
	margin: 15px 20px;
	font-family: Courier New, Courier, monospace;
	font-size: 1em;
} */

pre {
	font-family: Courier New, Courier, monospace;
	font-size: 1em;
        border: 1px dashed #bbb;
	margin: 15px 15px;
        padding: 5px;
        color: #444;
        background: #f1f1f1;
        overflow: auto;
}

/* code {
        font-family: Courier New, Courier, monospace;
        font-size: 1em;
} */

code {
	color: #900;
	margin: 15px 20px;
        font-family: Courier New, Courier, monospace;
        font-size: 1em;
}

.photoborder {
	margin-bottom: 10px; 
	border: 1px solid #999; 
	padding: 2px;
}

.photonoborder {
	margin-bottom: 10px; 
	border: 0;
	padding: 2px;
}

.byline {
	padding: 0 0 0 30px;
}