@charset "utf-8";
/* 

1. Global Reset
2. Layout
3. Headings & Text
4. Content 
5. Portfolio
6. Sidebar
7. Footer

/*--------------------
CSS RESETS
--------------------*/

html, body, div, span, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0; padding: 0;
	border: 0; outline: 0;
	font-weight: inherit; font-style: inherit; font-family: inherit;
	text-decoration: none;
}

ol, ul { list-style: none; } /* clear styles of lists, must add back manually */

form label { cursor: pointer; }
input, select, textarea { background: none; border: none; font-family: inherit; }

caption, th, td { text-align: left; font-weight: normal; }

.clearfix { clear: both; }
.clearbreak { clear: both; height: 25px; }
.right { float: right; }
.text-right { text-align: right; }
.left { float: left; }
.center { text-align: center; }

.floatcontainer {
	height: 1%;
	overflow: auto;
	position: relative;
}

/*----------------------
       LAYOUT
----------------------*/

body {
	background: #000;
	font: normal 1em Georgia, "Times New Roman", Times, serif;
}

#wrapper {
	margin: 25px auto;
	width: 960px;
}

#header {
	height: 211px;
	margin-bottom: 25px;
	width: 960px;
}

/*----------------------
    HEADINGS & TEXT
----------------------*/

p {
	line-height: 1.9;
	padding: 8px 0 8px 0;
}

i, em {
	color: #8AEA01;
	font-style: italic;
}

b, strong {
	color: #ED00AD;
	font-weight: bold;
}

h1, h2, h3, h4 {
	font-family: 'Franklin Gothic Heavy', Arial Black, Impact;
	padding: 8px 0 8px 0;
}

/*-- Sidebar --*/

#sidebar h2 { color: #fff; }	/* headings within the sidebar */
.sidebarblock-content p { font-size: .8em; }
.sidebarblock-content em { color: #333; }
.sidebarblock-content h3 { color: #909090; padding-top: 0px; text-transform: uppercase; }

/*-- Content --*/

#content h1 { color: #ed00ad; text-transform: uppercase; }
#content h2 { color: #8AEA01; }
.fav { color: #979797; font-style: italic; }
.unit { color: #cacaca; font-style: italic; }
	
.column h3 { color: #000; text-transform: uppercase; } /* headings within the gray columns in the content */
.column em { color: #333; }

/*-- Footer --*/

#footer h4 { color: #979797; text-transform: uppercase; }

/*----------------------
    CONTENT
----------------------*/

#content {
	color: #fff;
	float: left;
	max-width: 625px;
	overflow: hidden;
	padding: 0px 25px 17px 0px;
}

#content a { color: #8AEA01; }
#content a:hover { border-bottom: 1px dotted #8AEA01; color: #ED00AD; }
	
	#content a.top { 	/* Back to Top link class */
		color: #656565;
		font: normal 7pt Verdana, Geneva, sans-serif;
		padding: 6px 8px 0px 3px;
		text-transform: uppercase;
	}
	
	#content a.top:hover { border: none; color: #979797; }		

/*-- Highlight boxes --*/

.column {
	background: #DEDEDE;
	border: 3px solid #fff;
	color: #000;
	margin: 8px 0;
	overflow: hidden;
	padding: 17px 25px;
	position: relative;
}

	#content .column a { color: #ED00AD; }	
	#content .column a:hover { color: #666; }

	.small { width: 244px; }	/* half-width column, use class in conjuction with .column */
	.large { width: 575px; }	/* full-width column, use class in conjuction with .column */
		
	.column blockquote {
		background: #DEDEDE url(./themes/site_themes/home/bq.png) no-repeat;
		color: #333;
		font: normal 1em "Courier New", Courier, monospace;
		line-height: 1.2;
		margin-top: 8px;
		padding: 0 0 8px 55px;
	}

/*--------------------
  PORTFOLIO
--------------------*/

.port-item {
        float: left;
        width: 300px;
}

.port-link a:hover { border: none !important; }

.port-item img { border: 3px solid #fff; }

.port-list {
        line-height: 1.5;
        margin: -35px 0 0 -15px;
        padding: 0;
}
	
/*----------------------
   SIDEBAR
----------------------*/

#sidebar {
	background: #909090;
	float: right;
	margin-bottom: 25px;
	padding: 25px;
	width: 235px;
}

#search {
	background: #DEDEDE url(http://kim-maida.com/themes/site_themes/home/search-bg.png) no-repeat;
	height: 83px;
	width: 235px;
}

/*-- Google Custom Search --*/
	
	#cse {	/* surrounding div */
		background: transparent;
		padding: 33px 0 0 50px;
	}
	
	#searchbutton {
		background: #DEDEDE url(http://kim-maida.com/themes/site_themes/home/searchbutton.png) no-repeat;
		border: none;
		cursor: pointer;
		display: block;
		float: right;
		height: 27px;
		margin-right: 8px;
		width: 40px;
	}
	
	#cse-search-results {	/* div containing results on searchresults.php */
		background: #fff;
		float: left;
		padding: 25px;
		width: 600px;
	}
	
/*-- Navigation --*/

.nav li {
	padding: 3px 0;
}

.nav li a {
	border-left: 6px solid #8AEA01;
	color: #000;
	padding-left: 8px;
}

.nav li a:hover { 
	border-left: 6px solid #ED00AD;
	color: #DEDEDE;
}

/*-- Blocks --*/

.sidebarblock1-top {	/* alternating tape angles */
	background: url(http://kim-maida.com/themes/site_themes/home/sidebarblock1-top.png) no-repeat;
	height: 30px;
	margin-top: 8px;
	width: 235px;
}

.sidebarblock2-top {	/* alternating tape angles */
	background: url(http://kim-maida.com/themes/site_themes/home/sidebarblock2-top.png) no-repeat;
	height: 30px;
	margin-top: 8px;
	width: 235px;
}

.sidebarblock-content {
	background: url(http://kim-maida.com/themes/site_themes/home/sidebarblock-bg.png) repeat-y;
	height: auto;
	overflow: hidden;
	padding: 8px 21px 10px 21px;
	width: 193px;	/* width 235px */
}

	.book {
		float: left;
		margin-right: 8px;
	}
	
.sidebarblock-bottom {
	background: url(http://kim-maida.com/themes/site_themes/home/sidebarblock-bottom.png) no-repeat;
	clear: both;
	height: 19px;
	width: 235px;
}

/*-- Twitter --*/

a.twitter-sprite {
	background: url(http://kim-maida.com/themes/site_themes/home/twitter-sprite.png) no-repeat;
	display: block;
	float: left;
	height: 28px;
	margin-right: 8px;
	width: 22px;
}
	
a.twitter-sprite:hover { background-position: 0 -28px; }
	
#twitter_update_list ul {
	float: right;
}
	
	#twitter_update_list li {
		font: normal .7em Georgia, "Times New Roman", Times, serif;
		line-height: 1.5;
	}
		
	#twitter_update_list a { color: #5F5F5F; font-style: italic; }
	#twitter_update_list a:hover { color: #fff; }

/*----------------------
        FOOTER
----------------------*/

#footer {
	background: #414141;
	border-top: 1px solid #656565;
	clear: both;
	height: 160px;
	overflow: hidden;
	width: 100%;
}

#footer-wrapper {
	margin: 10px auto;
	width: 960px;
}

.footer-col {
	float: left;
	width: 221px;
}

	.footer-margin { margin-right: 25px; }	/* used with the .footer-col class when appropriate */	

#footer ul li a {
	color: #000;
	display: block;
	font-size: .7em;
	padding: 3px 3px;
}

	#footer ul li a:hover {
		background: #909090;
		color: #fff;
	}