/*
Website Name: 	Brendalogy
Website URL: 	http://www.brendalogy.net
Design Author: 	Brenda Nicole Tan

All design and content on this site is Copyright Brenda Tan, All Rights Reserved.
*/


/* ---------- BODY & CONTAINERS ---------- */

body {
	background : #FFFDFE;
	font-family : Georgia, serif; 
	font-size : 9.5pt;
	color : #1B1B1B; 
	text-align: center; 								/* Auto center positioning in IE (For Firefox, ref container) */
	margin : 0px;
	padding: 0px;
}

.holder {
	background: url(images/header_bg.jpg);						/* Background effects outside container */
	background-repeat : repeat-x;
	width : 100%;
	height : 100%;
	position : relative;
	margin : 0px;
	padding: 0px;
}

.container {
	background: url(images/main_bg.gif);						/* Main container background */
	background-repeat: repeat-y;
	width : 966px;
	overflow: hidden;
	position : relative;
	margin : 0 auto 0 auto;								/* Auto center positioning in Firefox */
	padding: 0px;
	text-align : left;
	clear:left;
}



/* ---------- DEFAULT SETTINGS ---------- */

td , tr , table { 
	font-family : Georgia, serif; 
	font-size : 9.0pt;
	color : #1B1B1B; 
	margin-left : auto;								/* Auto center positioning in Firefox */
	margin-right : auto;								/* Auto center positioning in Firefox */
} 


p {
	
	padding : 0px;
	margin : 12px 0 12px 0;
	line-height: 1.7;
}

br {
	line-height: 1.7;
} 

img {
	border : 0px
}

a:link {
	color : #006699; 
	text-decoration : none; 
} 

a:visited {
	color : #006699; 
	text-decoration : none; 
} 

a:hover {
	color : #003366;
	text-decoration : none; 
} 

input, select, textarea {
	font-family : Georgia, serif; 
	font-size : 9.0pt;
	margin : 0px 2px 8px 2px;
}

abbr {
	font-size : 9.0pt;
	border-bottom: 1px dotted #003333;
}

blockquote {
	background: #333333 url(images/blockquote_bg.gif);
	background-repeat: no-repeat;
	position : relative;
	font-family : verdana, sans-serif;
	font-size : 8.0pt;
	line-height : 1.5;
	left : 9%;
	width : 80%;									/* Auto center positioning in Firefox & IE */
	padding : 35px 10px 10px 10px;
	margin : 10px 0 10px 0;
	color : #CCCCCC;
	text-align : left;
	border-left : 5px solid #666666;
	border-right : 5px solid #666666;
}

	/* Blockquote links */

	blockquote a:link {
		color : #FFFFFF; 
		text-decoration : none; 
	} 

	blockquote a:visited {
		color : #FFFFFF; 
		text-decoration : none; 
	} 

	blockquote a:hover {
		color : #56B7E8; 
		text-decoration : none; 
		border-bottom : 0px
	} 
	

ul {
	padding : 15px 0 15px 0;
	margin : 0px;
	line-height: 1.5;
}

li {
	list-style: none;
	margin : 0px;
	padding : 0px;
	line-height: 1.5;
}


/* ---------- TEXT HEADERS ---------- */

h1 {
	position: absolute;
	visibility: hidden
}


/* ---------- HEADER ---------- */

/* Header container */

.header {										/* DEFINED FIXED WIDTH: Layout structure */
	background: url(images/header.jpg);
	position : relative;
	float : left;
	width : 966px;
	height : 377px;
	margin : 0px;
}


/* Header content */

.twitter {										/* DEFINED FIXED WIDTH: Layout structure */
	position : relative; 	
	top : 42px; 									/* Relative to origin and further offset height of navigation (if below and right of navi) */
	left : 604px;									/* Relative to origin and further offset width of navigation (if left of navi) */
	width : 280px;
	height : 100px;
	margin : 0px;
	padding : 0px;
	text-align: left;
	float : left;
	z-index : 200;
	line-height: 25px;
	color: #A5A5A5;
	font-family : verdana, sans-serif;
	font-size : 8.0pt;
}

   	.twitterinfo {
   		font-weight : bold;
   		text-align: right;
  	}
  	
	
  	

/* ---------- NAVIGATION ---------- */

/* Navigation container */

.map {											/* DEFINED FIXED WIDTH: Layout structure */
	position: relative; 	
	top : 338px;									/* Relative to origin and further offset height of twitter (if below and right of twitter) */
	left : 40px;									/* Relative to origin and further offset width of twitter (if left of twitter) */
	float : left;
}	

/* Navigation imagemap */

.map ul {
	list-style-type: none;
	margin : 0px;
	padding : 0px;
}

.map li {
	display: inline;
}

.map a {
	position: relative;
	float : left;
	height : 39px;
	margin : 0px;
	padding : 0px;
	text-decoration: none;
	z-index : 200;
}

	.map a em { 
		visibility: hidden;
	}

	
a.brenda { 										/* DEFINED FIXED WIDTH: Layout structure */
	width : 169px;
}


	a.brenda:hover { 
		background: url(images/rollover_01.gif); 
		background-repeat: no-repeat;
		border : none;

	}

a.about { 										/* DEFINED FIXED WIDTH: Layout structure */
	width : 146px;
}


	a.about:hover { 
		background: url(images/rollover_02.gif); 
		background-repeat: no-repeat;
		border : none;

	}

	
a.links { 										/* DEFINED FIXED WIDTH: Layout structure */
	width : 90px;
}


	a.links:hover { 
		background: url(images/rollover_03.gif); 
		background-repeat: no-repeat;
		border : none;

	}
	
a.main { 										/* DEFINED FIXED WIDTH: Layout structure */
	width : 159px;
}


	a.main:hover { 
		background: url(images/rollover_04.gif); 
		background-repeat: no-repeat;
		border : none;

	}

/* ---------- CONTENT BASE CONTAINER ---------- */

.contentcontainer {									/* DEFINED FIXED WIDTH: Layout structure */
	position : relative;  	
	top :  0px; 									/* Relative to header */
	left : 0px;									/* Relative to header */
	width : 966px;		
	float : left;
	margin : 15px 0 0 0;
	padding : 0px;
}


/* ---------- SIDEBAR ---------- */

/* Sidebar container */

.sidebar {										/* DEFINED FIXED WIDTH: Layout structure */
	position : relative;  
	width : 242px;
	float : left;
	text-align : justify;
	margin : 0 0 15px 24px;								/* From left side of content container to sidebar */
	padding : 0px;
}


	/* Sidebar Components */

	.sidebarbox {
		background: url(images/sidebar_bg.gif); 
		width : 100%;
		margin : 0 0 12px 0;
		padding : 0px;
	}

	.sidebarbox-top {
		background: url(images/sidebar_top.jpg);
		width : 100%;
		height : 16px;
		margin : 0px;
		padding : 0px;
	}

	.sidebarbox-bottom {
		background: url(images/sidebar_bottom.jpg);
		width : 100%;
		height : 16px;
		margin : 0px;
		padding : 0px;
	}

	.sidebarbox-body {								/* DEFINED FIXED WIDTH: Sub-object */
		width : 210px;
		margin : 0 16px 0 16px;
		color : #2E2D2D; 
		font-family : verdana, sans-serif;
		font-size : 8.0pt;
		text-align : left;
	}

		/* Other Sidebar Attributes */
	
		.sidebarbox-body h2 {
			text-align : left;
			text-transform : uppercase;
			font-family : georgia, serif;
			font-size : 12pt; 
			font-weight : bold;
			border-bottom : 1px solid #999999;
			color : #0E2BA0;
			margin : 0 0 12px 0;
			padding : 0px;
		}

		.sidebarbox-body p {
			line-height : 1.5;
		}
			
		.sidebarbox-body br {
			line-height : 1.5;
		}

		.sidebarbox-body ul {
			padding : 0 0 12px 0;
		}
		
		.sidebarbox-body li {
			font-size : 8.0pt;
		}	

		.sidebarbox-body a:link {
			color : #006666; 
			text-decoration : none; 
		} 		

		.sidebarbox-body a:visited {
			color : #006666; 
			text-decoration : none; 
		} 

		.sidebarbox-body a:hover {
			color : #000000; 
			text-decoration : none; 
			border-bottom : 0px
		} 
		
	
	
/* ---------- MAIN CONTENT ---------- */

.maincontent {
	position : relative; 
	width : 660px;		
	float : left;
	text-align : justify;
	margin : 0 0 15px 15px;
	padding : 0px;
}

	.maincontent h2 {
		text-align : right;
		font-family : georgia, serif;
		font-size : 16pt; 
		font-weight : bold;
		text-transform:uppercase;
		color : #006666;
		margin : 0 0 10px 0;
	}
	
	.maincontent h3 {
		text-align : left;
		font-family : georgia, serif;
		font-size : 12pt;
		font-weight : bold;
		text-transform : uppercase;
		color : #7B7B7B;
		margin : 20px 0 10px 0;
	}
		

	
/* ---------- FOOTER (SEPARATE COMPONENT NESTED WITHIN HOLDER NOT CONTAINER) ---------- */


.footer {
	background: url(images/footer_bg.gif);	
	background-repeat: repeat-x;
	width : 100%;
	height : 120px;
}


.footer-container {									/* DEFINED FIXED WIDTH: Layout structure */
	background: url(images/footer.gif);						/* Footer container background */
	background-repeat: repeat-y;
	width : 966px;	
	height : 120px;
	position : relative;
	margin-top : 0px;
	margin-bottom : 0px;
	margin-left : auto;								/* Auto center positioning in Firefox */
	margin-right : auto;
	padding: 0px;
	clear:left;
}

.footer-content {									/* DEFINED FIXED WIDTH: Sub-object */
	width : 570px;
	height : 55px;
	margin : 35px 0 0 25px;
	font-family : verdana, sans-serif; 
	font-size : 8.0pt;
	color : #CCCCCC;
	text-align : left;
	text-transform : uppercase;
	float : left;
}




/* ---------- WORDPRESS WEBLOG ---------- */

/* Entries */

.entrycontainer {
	margin : 0 0 30px 0;
}

.entryheader {
	width : 100%;
	margin-bottom : 15px;
	overflow : hidden;
}

	.entrydatebox {
		background : #003366;
		width : 15%;
		float : left;
		color : #FFFFFF;
		font-weight : bold;
		text-align : center;
		padding-top : 2px;
		padding-bottom : 2px;
	}

		.entrydate-line1 {
			margin : 0px;
			padding : 0px;
			font-size : 18pt;
		}

		.entrydate-line2 {
			margin : 0px;
			padding : 0px;
			font-size : 9pt;
			text-transform : uppercase;
		}
	
	.entryinfo {
		width : 73%;
		float : left;
		margin : 3px 0 0 1.5%;
	}


		.entrytitle {
			text-align : left;
			font-family : georgia, serif;
			font-size : 12pt; 
			font-weight : bold;
			color : #636363;
			vertical-align:bottom;
			padding : 0 0 2px 0;
			text-transform : uppercase;
			border-bottom: 1px solid #AEAEAE;
		}
		
			.entrytitle a:link {
				color : #636363;
				text-decoration : none; 
			} 		
				
			.entrytitle a:visited {
				color : #636363;
				text-decoration : none; 
					} 
				
			.entrytitle a:hover {
				color : #006699; 
				text-decoration : none; 
			} 

		.entrylinks {
			padding-top : 2px;
			text-align : left;
		}

	.entrycommentcount {								/* DEFINED FIXED WIDTH: Sub-object */
		background : url(images/blog_commentbubble.png);
		width : 51px;
		height : 34px;
		margin : 10px 0 0 0;
		float : right;
	}

		.entrycommentcount p {
			margin : 0px;
			padding : 0px;
			font-family : verdana, sans-serif;
			font-size : 12.0pt;
			font-weight : bold;
			width : 100%;
			height : 15px;
			color : #FFFFFF;
			text-align : center;
		}
	
		.entrycommentcount a:link {
			color : #FFFFFF; 
			text-decoration : none; 
		} 		
	
		.entrycommentcount a:visited {
			color : #FFFFFF; 
			text-decoration : none; 
		} 
	
		.entrycommentcount a:hover {
			color : #000000; 
			text-decoration : none; 
		} 
	

.entrycontent {
	width : 100%;
	margin: 5px 0 5px 0;
	text-align : justify;
}

	.entrycontent img {
		background : #FFFFFF;
		border: 8px solid #FFFFFF;
                margin-top : 7px;
	}

	
.more-link {
	width:100%;
	height: 25px;
	margin : 0px;
	padding : 0px;
}

	.more-link a {
		background: url(images/blog_readmore.png) no-repeat;
		float : right;
		width: 125px;
		height: 25px;
	}

		.more-link a em { 
			visibility: hidden;
		}

		.more-link a:hover {
			background: url(images/blog_readmoreroll.png) no-repeat;
		}
		
.entryfooter {
	width : 100px;
}
	

/* Password Protected posts */

.protectedpost {
	background : #AFADAE url(images/blog_passwordbg.gif);
	background-repeat : no-repeat;
	color : #000000;
	width : 75%;
	margin : 15px 0 0 12%;
	padding : 10px 0 10px 0;
}

	.protectedpost p {
		margin : 5px 6px 5px 6px;
		text-align : center ;
	}
	
	.protectedpost input {
		color : #323232;  
		background-color : #E2E2E2;
		border : 4px solid #E2E2E2;
	}
	
	.protectedpost input:focus {
		background-color : #FFFFFF;
		border : 4px solid #FFFFFF;
	}
	
	.protectedpost input.password-submit {
		color : #FFFFFF;  
		background-color : #006699;
		border : 4px solid #006699;
		}
		
	.protectedpost input.password-submit:hover {
		background-color : #015884;
		border : 4px solid #015884;
	}


/* Comments */


.commentnotice {
	text-align : justify
}



.comments {
	width : 595px;									/* DEFINED FIXED WIDTH: Sub-object */
	margin: 0 0 25px 4%;
	padding : 0px;
}
	
	.commentcontainer {
		background : #4699CD url(images/blog_commentbg.jpg);
		background-repeat : no-repeat;
		width : 100%;
		margin : 0 0 10px 0;
	}
	
	.commentbody {									/* DEFINED FIXED WIDTH: Sub-object */
		width : 555px;
		margin : 5px 20px 0 20px;
		padding : 0px;
	}
	
	
	.commenttop {
		background : url(images/blog_commenttop.jpg);
		width : 100%;
		height : 16px;
		margin : 0px;
		padding : 0px;
	}
	
	.commentbottom {
		background : url(images/blog_commentbottom.jpg);
		width: 100%;
		height : 16px;
		margin : 0px;
		padding : 0px;
	}			
	
	.commentauthor {
		font-style : normal;
		font-weight : bold;
		font-size : 12pt;
		text-transform : uppercase;
	}
	
		.commentauthor a:link {
			color : #003366; 
			text-decoration : none; 
		} 		
	
		.commentauthor a:visited {
			color : #003366;  
			text-decoration : none; 
		} 
	
		.commentauthor a:hover {
			color : #FFFFFF; 
			text-decoration : none; 
		} 
		
	.commentfunctions {
		width : 100%;
		text-align : left;
		margin : 10px 0 0 0;
	}
	
		.commentfunctions a {
			background : #17719F;
			padding : 5px;
			margin : 0 5px 0 0;
			color : #FFFFFF;
			text-transform : uppercase;
		}
		
		.commentfunctions a:visited {
			color : #FFFFFF;			
		}
		
		.commentfunctions a:hover {
			color : #6FCEFF;				
		}
			
	
	.commentmeta {
		width : 100%;
		text-align : right;
		font-style : italic;
		font-weight : bold;
		font-size : 12pt;
		color : #FFFFFF;
		margin : 0px
	}
	
	.commentmoderation {
		font-style : italic;
		margin : 0 0 12px 0;
	}
	
	
/* Threaded comments */

.children {
	width : 560px;									/* DEFINED FIXED WIDTH: Sub-object */
	margin: 0 0 0 8px;
	padding : 0 0 10px 0;								/* Add some extra space after every comment thread */
}
	
	.children .commentcontainer {
		background : #5FB0E5 url(images/blog_threadedcommentbg.jpg);
		background-repeat : no-repeat;
		width : 100%;
		margin : 0 0 10px 0;
	}
	
	
	.children .commentbody {							/* DEFINED FIXED WIDTH: Sub-object */
		width : 520px;
		margin : 5px 20px 0 20px;
		padding : 0px;
	}
	
	
	.children .commenttop {
		background : url(images/blog_threadedcommenttop.jpg);
		width : 100%;
		height : 16px;
		margin : 0px;
		padding : 0px;
	}
	
	.children .commentbottom {
		background : url(images/blog_threadedcommentbottom.jpg);
		width: 100%;
		height : 16px;
		margin : 0px;
		padding : 0px;
	}


/* Comment Form */

.commentformbox {									/* DEFINED FIXED WIDTH: Sub-object */
	background: #323232 url(images/blog_commentformbg.gif);
	background-repeat : no-repeat;
	width : 540px;
	margin : 13px 0 20px 8%;
}


	.commentformbox-top {
		background: url(images/blog_commentformtop.jpg);
		width : 100%;
		height : 38px;
		margin : 0px;
		padding : 0px;
	}

	.commentformbox-bottom {
		background: url(images/blog_commentformbottom.jpg);
		width : 100%;
		height : 15px;
		margin : 0px;
		padding : 0px;
	}

	.commentformbox-body {								/* DEFINED FIXED WIDTH: Sub-object */
		width : 500px;
		margin : 0 20px 0 20px;
		color : #FFFFFF;
		text-align : left;
	}
		
		.commentformbox-body input, textarea {
			color : #323232;  
			margin-right : 10px;
			background : #E2E2E2;
			border : 4px solid #E2E2E2;
		}
		
		.commentformbox-body input:focus, textarea:focus {
			background : #FFFFFF;
			border : 4px solid #FFFFFF;
		}
			
			
		.commentformbox-body input.commentformbox-submit {
			color : #FFFFFF;  
			background : #006699;
			border : 4px solid #006699;
		}
		
		.commentformbox-body input.commentformbox-submit:hover {
			background : #015884;
			border : 4px solid #015884;
		}
		
		.commentformbox-body p {
			vertical-align : middle;
		}
		
		.commentformbox-body label {
			font-style : italic;
			font-size : 8pt;
		}
			


/* Blog Comment Navigation */

.blogcommentnavigation {								/* DEFINED FIXED WIDTH: Sub-object */
	background : url(images/blog_commentnavigationbar.png);
	width : 525px;
	height : 30px;
	margin : 15px 0 10px 10%;
	padding : 0px;
}

	.blogcommentnavigation p {
		margin : 0 4% 0 4%;
		padding : 4px 0 4px 0;
		font-family : verdana, sans-serif;
		font-size : 8.0pt;
		color : #FFFFFF;
		width : 90%;
		height : 15px;
		text-align : center;
	}


		.blogcommentnavigation a:link {
			color : #FFFFFF;
			text-decoration : none; 
		} 		
				
		.blogcommentnavigation a:visited {
			color : #FFFFFF;
			text-decoration : none; 
					} 
				
		.blogcommentnavigation a:hover {
			color : #56B7E8; 
			text-decoration : none; 
		}
	
/* Blog Navigation */

.blognavigation {
	background : url(images/blog_navigationbar.png);
	width : 100%;
	height : 30px;
	margin : 0 0 15px 0;
	padding : 0px;
}

	.blognavigation a:link {
		color : #FFFFFF;
		text-decoration : none; 
	} 	
				
	.blognavigation a:visited {
		color : #FFFFFF;
		text-decoration : none; 
	} 
				
	.blognavigation a:hover {
		color : #56B7E8; 
		text-decoration : none; 
	}
		
	/* For Individual post pages indicating previous and next posts */
	
	.blognavigation p {
		margin : 0 2% 0 2%;
		padding : 4px 0 4px 0;
		font-family : verdana, sans-serif;
		font-size : 8.0pt;
		color : #FFFFFF;
		width : 95%;
		height : 15px;
		text-align : center;
	}
	
	/* For Page Navigation plugin */
	
	.blognavigation .wp-pagenavi {
		margin : 0 2% 0 2%;
		padding : 7px 0 7px 0;
		font-family : verdana, sans-serif;
		font-size : 8.0pt;
		color : #FFFFFF;
		width : 95%;
		height : 15px;
		text-align : center;
	}
	
	.blognavigation span {
		margin : 0px;
		padding : 0px;
	}
	
	.blognavigation .pages {
		font-weight : bold;
		margin : 0 20px 0 0;
	}
	
	.blognavigation .current {
		font-weight : bold;
		margin : 0 2px 0 2px;
	}
	
	.blognavigation .page {
		margin : 0 2px 0 2px;
	}
	
	.blognavigation .nextpostslink, .previouspostslink, .first, .last {
		font-weight : bold;
		margin : 0 5px 0 5px;
	}
	
	.blognavigation .extend {
		margin : 0 5px 0 5px;
	}
		

/* Contact Form Plugin */

.contactform {
	overflow: hidden;
	width: 80%;
	margin : 10px 0 0 9%;
}

	.contactform p {
		vertical-align : middle;
	}

	.contactform input, textarea {
		color : #323232;  
		background : #C9C7C8;
		border : 4px solid #C9C7C8;
	}
	
	.contactform input:focus, textarea:focus {
		background : #FFFFFF;
		border : 4px solid #FFFFFF;
	}

	.contactform input.contactsubmit {
		color : #FFFFFF; 
		background : #006699;
		border : 4px solid #006699;
	}

	
	.contactform input.contactsubmit:hover {
		background : #015884;
		border : 4px solid #015884;
	}
	

/* CSS Override: Contact Form Plugin */

div.wpcf7-response-output {
	margin : 0px !important;
	padding : 0px !important;
}

div.wpcf7-mail-sent-ok {
	color : #398f14;
	border : 0px !important;
}

div.wpcf7-mail-sent-ng {
	color : #ff0000;
	border : 0px !important;
}

div.wpcf7-spam-blocked {
	color : #CC0000;
	border : 0px !important;
}

div.wpcf7-validation-errors {
	color : #CC0000;
	border : 0px !important;
}

span.wpcf7-not-valid-tip {
	visibility: hidden;
}

span.wpcf7-not-valid-tip-no-ajax {
	visibility: hidden;
}

/* CSS Override: Clean Archives Reloaded Plugin */

.car-toggler {
	float : right;
}

.car-yearmonth {
	font-weight : bold;
	margin : 0px;
	padding : 0px;
}

/* ---------- ET-CETERA ---------- */

/* Custom Alignments */

.alignleft {
	border : 0px;
	padding-left : 6px;
	float : left;
}

.alignright {
	border : 0px;
	padding-right : 6px;
	float : right;
}

.center-content {
	text-align : center; 								/* Auto center positioning in IE and Firefox */
	margin : 10px 0 10px 0;
}

.center {
	text-align : center;
}

.hidden {
	visibility: hidden
}


/* ---------- CODE NOTES ---------- */
/* IMPT: ul, li and p tags collapse top margins, so use padding to define top and bottom margins for these elements */
/* IE BUG: Percentage width quirky on IE. Renders differently from Firefox. Some classes still using percentages as they are not breaking the layout too badly. */
/* Plugin CSS Overrides: If attribute definition duplicated in plugin CSS and this stylesheet, plugin CSS will still load. To override, use !important. */