/*  
Theme Name: homecomingwp
Theme URI: http://wordpress.bytesforall.com
Description: Fluid width, 3 column theme with changeable header and logo image. Widget-ready, Auto SEO & options page. Valid and browser-safe. This Theme is optimized for WP 2.3.x but works also in 2.2.x and 2.1.x. 
Version: 1.0
Author: Bytesforall/ re VA Works

*/
/*
*
*
YOUR OWN HEADER IMAGE HOW-TO: Upload a "headerimage.jpg" 
to the directory "/wp-content/themes/atahualpa/images/" in the wordpress 
installation directory on your server. This is a fluid layout, meaning that 
the visible width of the header image will depend on the visitor's screen 
resolution. To account for bigger screens incl. 1280 pixels, the 
headerimage.jpg should be 1280 pixels wide or even wider. You can set
the visible height of the image on the options page. 
*
*
YOUR OWN LOGO ICON IMAGE HOWTO: Upload a "logosymbol.gif" 
with the size of 50x50 pixels and white background to 
"/wp-content/themes/atahualpa/images/".
*
*
*
Credits:
Layout and browser compatibility hacks based on Ruthsarian's Skidoo Redux 
http://webhost.bridgew.edu/etribou/layouts/ - ruthsarian@gmail.com
*/
ul, ol, dl, p, h1, h2, h3, h4, h5, h6 {margin-top: 10px; margin-bottom: 0px; padding-top: 0; padding-bottom: 0; }
h2 {margin-top: 0px; margin-bottom: 0px; padding-top: 0; padding-bottom: 0; }
ul ul, ul ol, ol ul, ol ol {margin-top: 0; margin-bottom: 0; }
h1 {font-size: 240%; }
h2 {font-size: 180%; }
h3 {font-size: 140%; }
h4 {font-size: 100%; }
h5 {font-size: 70%; }
h6 {font-size: 50%; }
.entry h1, .entry h2, .entry h3, .entry h4 {clear:both;}
a, a:link, a:visited, a:active {text-decoration: none; }
a:hover {text-decoration: none; }
code, pre {font-family: "Tahoma",sans-serif; }
label {cursor: pointer; }
table {font-size: 100%; }
td, th {vertical-align: top; }
body {font-size: 100.1%; }



/*********************************************************/
.clear-columns {clear: both; }
#outer-column-container {border-left: solid 13em #fff; border-right: solid 13em #fff; }
#inner-column-container {width: 100%; }
#source-order-container {float: left; width: 100%; margin-right: -1px; }
#left-column {float: left; margin-left: -13em; width: 13em; margin-right: 1px; }
#middle-column {float: right; width: 100%; margin-left: -1px; }
#right-column {float: right; margin-right: -13em; width: 13em; margin-left: 1px; }




/*****BASE THEME**************************************/
body {
background-color: #ccc; 
color: #000; 
padding: 0; 
margin: 14px 0;
font-family: "Tahoma",sans-serif;
 }
#masthead {padding-top: 1px; border-bottom: solid 1px #000; }




/**************** change middle column left and right borders *****************/
#inner-column-container
{border: solid 0px #000; border-width: 0 0px; margin: 0 -0px; }
#middle-column div.rMenu-center {border-bottom: solid 1px #000; }
#footer {border-top: solid 1px #000; padding-bottom: 1px;}
.inside {margin: 10px; }



/******HACKS***************************************************/
.clear-columns
{ /* hide from IE/Mac \*/ padding-bottom: 1px; margin-bottom: -1px;	}
* html #page-container { /* \*/ height: 0.1%; position: relative; }
* html #middle-column, * html #left-column, * html #right-column, * html #source-order-container {	/* hide from IE/Mac \*/ overflow: visible; /* hide from IE/Mac \*/ position: relative; }
* html #middle-column {margin-right: -4px; margin-right/* */: 0; }
* html #middle-column .inside
{ margin-right: 14px; margin-right/* */: 10px;}
* html #masthead, * html #footer { /* hide from IE/Mac \*/ height: 0.1%; height/**/: auto;	 }
* html #masthead .inside, * html #footer .inside {	margin-top: 0; margin-bottom: 0; margin/* */: 10px; }
* html .inside {margin: 10px 0.75em; margin/* */: 10px; }
* html #inner-column-container {display: block; }
* html #source-order-container {margin-right: -100%; /* \*/ margin-right: -1px; }
#left-column, #right-column {position: relative; }




/******************************************************************************/
#page-container {font-size: 80%; font-family: "Tahoma",sans-serif; }
#page-container, #inner-column-container, #masthead, #footer {border-color: #99a;}
#outer-column-container {border-left-color: #f6f6f6; border-right-color: #e6e6e6;	}
#masthead {background-color: #f6f6f6;	}
#footer {background-color: #e6e6e6;}
#inner-column-container {background-color: #fcfcfc; }
#left-column h3, #right-column h3 {margin-bottom: 0; }
#right-column p, #right-column ul {margin-top: 0; }
p.fontsize-set {text-align: center;}
p.fontsize-set input {margin: 0 2px;}
/**** Highlight current subpage *******/
li.current_page_item a:link, li.current_page_item a:active, li.current_page_item a:visited, li.current_page_item a:hover { color: black; font-weight: bold; }




/***********************************/
#left-column .inside ul, #right-column .inside ul {list-style-type: none; margin: 0; padding: 0; }
#left-column .inside ul li, #right-column .inside ul li {margin: 2px 5px; 2px 5px; }
a:link, a:visited, a:active {color: #004b9f; text-decoration: none; }
a:hover {text-decoration: none; }
.inside h1{ font-family: "Tahoma",sans-serif; letter-spacing:-3px; line-height: 1.0em; font-size:2.5em; float:left; /*width: 49%;*/ margin: 10px 5px 0 0; }
a.header:link, a.header:visited, a.header:active, a.header:hover {color: #999; text-decoration: none; }
div#search {float: right; width: 15em; text-align: right; padding: 0.6em 0 0.2em 0; margin: 0 1em; }


#onecontent p:first-child:first-letter {
	float: left;
	margin: .2em .3em .1em 0;
	font-size: 220%;
	font-weight: bold;
	font-style:normal;
	color:#006600;
 }


#onecontent p {
font-size:120%;
word-spacing:1px;
line-height:1.3em;

}

#onecontent a:link, #onecontent a {
	color:#006600;
	font-weight: normal;
	font-style:normal;
}

#onecontent a:hover {
	color:#444444;
	font-weight: normal;
	font-style:normal;
}






/***************** wordpress defaults *****************/
.navigation {display: block; margin: 0; padding: 0; width: 100%; /*height: 15px;*/ } 
.older{float: left; width: 49%; text-align: left; margin:0; padding:0;}
.newer{float:right; width: 49%; text-align: right; margin:0; padding:0; }
.postmetadata{clear:both; margin: 15px 0 15px 0; color: #999; background: #f4f4f4; padding: 5px; }
.postmetadata2{float: left; padding: 0; margin: 0px 0 0px 0; color: #666; font-size: 90%}
.postmetadata2 a:link, .postmetadata2 a:active, .postmetadata2 a:visited {color: #666; text-decoration: none}
.post-last {margin-bottom: 20px; } /*different style for last post on page*/
.post-page {margin-top: 20px; margin-bottom: 20px; }
.pagetitle {margin-bottom: 15px;}
.entry {margin: 0px;}



/* CSS for forms -------------------------------------- */
form {margin: 0; padding: 0; }
form p {margin: 5px 0 0 0; padding: 0; }
label {margin-right: 0.5em; /*display: block;*/ font-family: "Tahoma",sans-serif;}
.submit input {margin-left: 4.5em; }
form input {color: #000; background: #efd3de; /*border: 1px solid #c2547d;*/ }
.submit input {color: #000; background: #fff; border: 2px outset #999; height: 18px; padding:0}
fieldset {border: 1px solid #781351; width: 45em; }
legend { color: #000; background: #FFB0B3; border: 1px solid #781351; padding: 2px 6px; margin-bottom: 15px; }
.comment-textarea{width: 96%; padding: 0; margin: 0; }
#s{width: 75%;}




/**********************************************/
.vert1 {display: table; height: 56px;  #position: relative; overflow: hidden; }
.vert2 { #position: absolute;  #top: 50%;display: table-cell; vertical-align: middle;}
.vert3 { #position: relative;  #top: -50%}




/***********category line***********************************/

#greyline{clear:both; margin: 5px 0 5px 0; color: #999; background: #F2F2F2; padding: 2px; }



/******************clearfix********************/
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix {min-width: 0; display: inline-block; /* \*/	display: block; }
* html .clearfix {/* \*/  height: 1%;}






/***************************************************/
body {background: #ffffff; color: #000000; margin: 0 0;}





/**********************************************************/
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */
/*#modernbricksmenu{ font-family: "Tahoma",sans-serif;  float: right; color:#006600;margin-right: 0px; margin-bottom: 0; padding: 0; width: auto; background: transparent; */

#modernbricksmenu{padding: 0; width: auto; background: transparent; float: right;border-bottom: solid 0px #cccccc; border-left: solid 0px #eeeeee; 
voice-family: "\"}\"";
voice-family: inherit;}

#modernbricksmenu ul{ font-family: "Tahoma",sans-serif; margin:0; margin-right: 0px; padding: 0; list-style: none;}

#modernbricksmenu li{display: inline; margin: 0 0 0 0; padding: 0;  }
#modernbricksmenu li:first-child {margin-right: 1px; }
#modernbricksmenu a{font-weight: bold;float: left; display: block; color: #006600; margin: 0 0 0 0; /*Margin between each menu item*/ padding: 2px 6px; text-decoration: none; /*letter-spacing: 1px;*/background-color: #ffffff; border: solid 1px #cccccc; border-width: 0 1px 0 0}
#modernbricksmenu a:hover{color: #666666; background-color: #eeeeee; }
#modernbricksmenu #current a{color: #000000; background-color: #eeeeee; }
#modernbricksmenuline{ clear: both; height: 1px; padding: 0; width: 100%; background: #ffffff; border-top: solid 0px #cccccc; }
#modernbricksmenuline2{ clear: both; height: 1px; padding: 0; width: 100%; background: #ffffff; border-bottom: solid 1px #cccccc }





/**********************************************/
.calendar {float:left; width: 46px; height: 54px; margin: 0 10px 0 0;} 
.calendar1, .calendar2, .calendar3 {text-align: center; font-weight: bold; width: 46px; float:left; font-family: tahoma, sans-serif;}
.calendar1{border-top: solid 1px #666; border-right: solid 1px #666; border-left: solid 1px #666; line-height: 16px; vertical-align: bottom; margin-bottom: 0; padding-bottom: 0; font-weight: bold; color: #666; font-size: 95%; height: 16px; text-transform:uppercase; background: #ddd;}
.calendar2{border-right: solid 1px #666; border-left: solid 1px #666; font-family: tahoma, sans-serif; padding-top:0; line-height: 23px; vertical-align: top; color: #ddd; font-size: 160%; height: 23px; background: #666;}
.calendar3{border-bottom: solid 1px #666; border-right: solid 1px #666; border-left: solid 1px #666; line-height: 16px; /*margin-top: 0; padding-top: 2px;*/ color: #666; font-size: 90%; height: 16px; background: #ddd;}










/************************************************/
.line1pix { width: 100%; height: 1px; margin: 0px; border-top: 1px solid #cccccc; padding: 0; margin: 5px 0 5px 0; display: block; font-size: 1px; }
.headerleft{float: left; /*width: 49%;*/ text-align: left;  margin-bottom:0; margin-top: 0px; position: relative; padding-bottom:0;}

.headerright{float:right; width: 800px; text-align: right; padding: 0; margin: 2px -1px 0 0; background: #ffffff; border: 0px solid #cccccc; border-width: 1px 1px 0 1px}


.searchform{width: 12em; margin-top:20px; padding:0}
/*img {margin: 10px; border: none}*/
.entry img {
	padding:5px;
	background:#ffffff;
	border-top:0px solid #f0f0f0;
	border-left:0px solid #f0f0f0;
	border-bottom:0px solid #eeeeee;
	border-right:0px solid #eeeeee;
	margin:2px 5px 5px 0px;
	}
	








.entry ul, .entry ol {clear:both}
.entry ul li, .entry ol li {clear: both}
/*.entry p {clear:both} */
.postmetadata {clear:both}
.post {/*border-bottom: dotted 1px #ccc;*/ margin-bottom: 10px; }


/*blockquote{height: 1%; color: #555; /*margin-left: 20px*/; /*border-left: solid 10px #ccc;*/ padding: 1em 1em; background: #f4f4f4; border: solid 1px #e1e1e1;  /* hack for IE6 and older*/ }
blockquote blockquote{height: 1%; color: #444; /*margin-left: 20px*/; /*border-left: solid 10px #ccc;*/ padding: 1em 1em; background: #e1e1e1; border: solid 1px #d3d3d3;  /* hack for IE6 and older*/ }
blockquote p {margin-top: 0}*/



#left-column .inside ul li, #right-column .inside ul li {margin: 2px 0 2px 0;  }

#left-column .inside ul li ul li, #right-column .inside ul li ul li {margin: 2px 0 2px 5px;  }

#left-column .inside ul li a, #right-column .inside ul li a {text-decoration: none; font-weight: normal; color: #000000; padding: 0 0 0 5px; border-left: solid 7px #dddddd; display:block}

* html #left-column .inside ul li a, #right-column .inside ul li a {display:inline-block} /* IE6 needs inline-block */

* + html #left-column .inside ul li a, #right-column .inside ul li a {display:inline-block} /* IE7 needs inline-block */

#left-column .inside ul li a:hover, #right-column .inside ul li a:hover {text-decoration: none; color: #006600; padding: 0 0 0 5px; border-left: solid 7px #006600; }

#footer .inside a{color: #666; font-weight: normal}

#footer .inside {color: #666}


/***************************************************/

#asideblue {border: solid 1px #006666; padding:4px; }








/************************************************/
#sidebardesign{margin:20px 2px 20px 2px;}

#sidebardesign ul li {margin:1px;}





/************************************************/

blockquote {
	margin: 20px;
	padding: 5px 20px 5px 20px;
	border-left: 5px solid #006600;
	border-right: 5px solid #006600;
	background-color: #fbfbfb;
	background: transparent url(http://www.homecoming.org.hk/wp-content/uploads/homecomingquoteb.gif) right bottom no-repeat;
 }

blockquote p {
	font-size:100%;
	font-weight: normal;
	margin: auto;
	word-spacing:.5em;
	line-height:1.2em;
 }

/*blockquote p:before {
	font-size:100%;
	font-weight: bold;
}

blockquote p:after {
	font-size:130%;
	font-weight: bold;
}*/

/*blockquote p:first-child:first-letter {
	float: left;
	margin: .1em .1em 0 0;
	font-size: 130%;
	font-weight: bold;
	font-style:normal;
	color:#006600;
 }*/

blockquote  a:link{
	text-decoration:none;
}

blockquote  a{
	text-decoration:none;
}



/*blockquote p:first-line:first-letter {
	float: left;
	font-size: 100%;
	font-weight: 300;
	font-style: normal;
	color:#006600;
 }*/