/*
Theme Name: Prologue Computer Center
Theme URI: http://www.prologuecomputers.com.ph/
Description: The default WordPress theme for <a href="http://www.prologuecomputers.com.ph/">Prologue Computer Center</a>.
Version: 1.0
Author: Wilfred Reyes
Author URI: http://kumod.akoniya.com/
*/

/* ///// color guides
#0163bd - blue (used for headers)

///// */

/* ///// header ///// */
#header { background:url(images/gradient-title-h.jpg) bottom left no-repeat; }
	#headerCompany h1 {
		background:url(images/company-logo.gif) top left no-repeat;
		width:209px;
		height:83px;
		overflow:hidden;
		margin:13px 0 16px 38px;
	}
	#headerCompany span, .adSpace p span { position:relative; left:-99999px; }
	#headerCompany a {
		text-decoration:none;
		display:block;
		width:209px;
		height:83px;
	}
	.adSpace p {
		background:url(images/celebrating.gif) top left no-repeat;
		width:175px;
		height:64px;
		margin-top:24px;
	}

	#welcome { margin-bottom:1em; }
	.largeBlockHeader { background:url(images/welcome-h.png) top left no-repeat; }
	.largeBlockFooter { background:url(images/welcome-f.png) bottom left no-repeat; padding:1em; min-height:182px; }	
	
	#welcome h2 {font-size:3em;line-height:1;margin-bottom:0.5em; margin-left:.5em; margin-top:.5em;}

	#welcome h2 span {
		display:block;
		text-transform:uppercase;
		font-size:.3em;
	}
	
	#welcome p {
		margin-left:18px;
		font-size:12px;
		line-height:1.5em;
		font-family:Verdana,Arial,Helvetica,sans-serif;
		color:#5B5B5B;
	}
	p img.welcomeGraphic { margin-top:-4em; margin-right:18px;  margin-bottom:0;}
	
/* ///// navigation ///// */
#navigation { background:url(images/gradient-nav.gif) top left repeat-x;}	

	#navigation ul { margin:0; padding:0; list-style-type:none; }
	#navigation li {
		margin:0;
		padding:0;
		float:left;
	}
	
	#navigation li a:focus, #navigation li a:hover {color:#0063be;}
	
	#navigation li a {
		display:block;
		font-weight:700;
		padding:.7em 2em;
		border:0px dotted #003399;
		color:#fff;
		text-decoration:none;
	}
	
/* ///// content ///// */
#content { margin-bottom:1.5em;}
	#content h1 {
		border:0px dotted #006633;
	}

	.contentBlockHeader { background:url(images/content-h.png) top left no-repeat; }
	.contentBlockFooter { background:url(images/content-f.png) bottom left no-repeat; padding:1em; }
	.entry { border:0px dotted #006633; }
	
	ul.productList,
	ul.logoDownloads { margin:0; padding:0; list-style-type:none; }
	
	ul.productList li,
	ul.logoDownloads { margin:0; padding:0; float:left; border:0px dotted #009999; }
	ul.logoDownloads { display:block; width:100%; }
	
	.productDesc { width:480px; }
	.productImg { width:176px; text-align:center; }
	.productImg img { margin-bottom:18px; }
	
	ul.productList h2 {font-size:1.5em;line-height:1;margin-bottom:1em;}
	ul.logoDownloads li { margin-bottom:1em; margin-right:1em;}
	


/* ///// sidebar ///// */
#sidebar ul { margin:0; padding:0; list-style-type:none; }
#sidebar ul li { margin:0 0 1em 0; padding:0; }
	.sideBlockHeader { background:url(images/block-h.png) top left no-repeat; }
	.sideBlockFooter { background:url(images/block-f.gif) bottom left no-repeat; padding-bottom:1em; }
	.sideBlock { border:0px dotted #99FF33; padding:1em 1em 0; }
	.sideBlock h2 {
		font-size:1.5em;
		line-height:1em;
		margin-bottom:1em;
	}
	
	.partners span { display:block; text-align:center; margin-bottom:1em; }
	.services { background:url(images/service-icon.gif) 0% 50% no-repeat; padding:.5em 0 .5em 2em; }
	.store { background:url(images/hours-icon.gif) 0% 50% no-repeat; padding:.5em 0 .5em 2em; }
	.serviceList li { background:url(images/arrow.gif) 0 6px no-repeat; }
#sidebar .serviceList li { padding-left:1em; }
	

/* ///// footer ///// */
#footer { background:url(images/gradient-bck-f.gif) top left repeat-x; }

	.footerDetails { padding-top:24px; }
	.footerDetails span { display:block; color:#FFF; }
	.footerDetails .powered { text-align:right; margin-top:-1.5em; }

/* ///// custom ///// */
body { background:#dbd7d9 url(images/gradient-bck-h.gif) top left repeat-x; }

* {	margin: 0; }

html, body { height: 100%; }

/* the bottom margin is the negative value of the footer's height */
#page {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -76px;
}

/* .push must be the same height as .footer */
#footer, #push { height: 76px; }

/*
Sticky Footer by Ryan Fait
http://ryanfait.com/
*/
.credits{
display:none;}