/****************************************************************************************************/
/*	HTML RESET																						*/
/****************************************************************************************************/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, left, 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-size: 100%; vertical-align: baseline; background: transparent; }

body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
:focus { outline: 0; }
ins { text-decoration: none; }
del { text-decoration: line-through; }
table { border-collapse: collapse; border-spacing: 0; }

/****************************************************************************************************/
/*	UNIVERSAL STUFF																					*/
/****************************************************************************************************/

body { font: 11px Verdana; color: #fff; line-height: 15px; background: #000; margin: 20px; }
a { color: #fff; text-decoration: underline; }
a:hover { text-decoration: none; }

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

.top-curve-960 { height: 5px; background: url(images/curve_960_01.png) bottom center no-repeat; clear: both; }
.bottom-curve-960 { height: 5px; background: url(images/curve_960_02.png) bottom center no-repeat; margin-bottom: 10px; clear:both; }

.top-curve-650 { height: 5px; background: url(images/curve_650_01.png) bottom center no-repeat; clear:both; }
.bottom-curve-650 { height: 5px; background: url(images/curve_650_02.png) bottom center no-repeat; clear:both; }

.blank { height: 15px; margin: 0; padding: 0; border: none; background: #000; }

img { background: url(images/spinner.gif) center center no-repeat; }

/****************************************************************************************************/
/*	HEADER																							*/
/****************************************************************************************************/

#header { position: relative; padding: 0 20px; margin-bottom: 10px; }

/***** TOP LINKS ******/
#links { position: absolute; right: 20px; top: 30px; }
#links .page_item { float: left; margin-left: 20px; }
#links .page_item a { float: left; font: bold 11px Arial; padding: 5px 2px 5px 20px; text-decoration: none; text-transform: uppercase; border-bottom: 2px solid transparent; }
#links .page_item a:hover { border-bottom: 2px solid #fff; }
#links .current_page_item a { border-bottom: 2px solid #fff; }
#links .page-item-115 { background: url(images/information.png) 0px 5px no-repeat; }
#links .page-item-119 { background: url(images/portfolio.png) 0px 5px no-repeat; }
#links .page-item-122 { background: url(images/email.png) 0px 5px no-repeat; }
#links .page-item-121 { background: url(images/cog.png) 0px 5px no-repeat; }
#links .page-item-116 { background: url(images/briefcase.png) 0px 5px no-repeat; }


/****************************************************************************************************/
/*	FEATURED ITEM																					*/
/****************************************************************************************************/

#latest { background: #456; overflow: auto; }
#latest .latest-title { border-bottom: 1px solid #789; background: #345; padding: 8px 15px 7px 15px; margin-bottom: 15px; }
#latest .latest-title a { font: 197% Arial; text-decoration: none; }
#latest a { font-weight: bold; }
#latest object { width: 425px; float: left; background: #456 url(images/spinner.gif) center center no-repeat; margin: 0 15px 0 0;}

/***** FEATURED META *****/

.meta { padding-top: 15px; }
.entry-date { background: url(images/calendar.png) left center no-repeat; padding-left: 20px; }
.comments-link { background: url(images/comments.png) left center no-repeat; padding-left: 20px; margin-left: 20px; }
.categories-link { background: url(images/folder.png) left center no-repeat; padding-left: 20px; margin-left: 20px; }




/****************************************************************************************************/
/*	BOTTOM BAR																						*/
/****************************************************************************************************/

#bottombar { overflow: auto; }
#bottombar .column { float: left; width: 300px; margin: 0 10px; padding: 5px 0 0 0; }
#bottombar ul, #bottombar p { background: #456 url(images/curve_300_02.png) center bottom no-repeat; padding-bottom: 5px; }
#bottombar .column div { background: url(images/curve_300_01.png) center top no-repeat; padding-top: 5px; margin-bottom: 15px;}
#bottombar li { border-bottom: 1px solid #789; }
#bottombar a { text-decoration: none; display: block; padding: 5px 10px 5px 25px; }

/*	RECENT POSTS	*/
#recent-title { font: 18px Arial; padding: 10px 0 10px 10px; border-bottom: 1px solid #789; background: #345 url(images/recent-posts-widget.jpg) right top no-repeat; }
#recent-posts a { background: url(images/bullet_green.png) 5px center no-repeat; }
#recent-posts a:hover { background: #000 url(images/bullet_green.png) 5px center no-repeat; }

/*	CATEGORIES	*/
#categories-title { font: 18px Arial; padding: 10px 0 10px 10px; border-bottom: 1px solid #789; background: #345 url(images/category-widget.jpg) right top no-repeat; }
#categories a { background: url(images/bullet_orange.png) 5px center no-repeat; }
#categories a:hover { background: #000 url(images/bullet_orange.png) 5px center no-repeat; }

/*	ABOUT ME	*/
#about-title { font: 18px Arial; padding: 10px 0 10px 10px; border-bottom: 1px solid #789; background: #345 url(images/about-widget.jpg) right top no-repeat; }
#about-me p { padding: 10px 10px 15px 10px; }
#about-me a { display: inline; padding: 0; text-decoration: underline; }
#about-me a:hover { text-decoration: none; }

/*	BLOGROLL	*/
#blogroll-title { font: 18px Arial; padding: 10px 0 10px 10px; border-bottom: 1px solid #789; background: #345 url(images/blogroll-widget.jpg) right top no-repeat; }
#blogroll a { background: url(images/bullet_red.png) 5px center no-repeat; }
#blogroll a:hover { background: #000 url(images/bullet_red.png) 5px center no-repeat; }




/****************************************************************************************************/
/*	SINGLE ITEM																						*/
/****************************************************************************************************/

#page { float: left; background: #456; width: 650px; margin: 0 10px 10px 0; }
#page .page-title { font: bold 197% Arial; background: #345; margin-bottom: 15px; border-bottom: 1px solid #789; padding: 8px 15px 7px 15px; }
#page h2.page-51 { background: #345 url(images/about-heading.jpg) right top no-repeat; }
#page h2.page-136 { background: #345 url(images/services-heading.jpg) right top no-repeat; }
#page h2.page-13 { background: #345 url(images/portfolio-heading.jpg) right top no-repeat; }
#page h2.page-137 { background: #345 url(images/resume-heading.jpg) right top no-repeat; }
#page h2.page-53 { background: #345 url(images/contact-heading.jpg) right top no-repeat; }
#page h2.category { background: #345 url(images/category-heading.jpg) right top no-repeat; }
#page h2.single-post { background: #345 url(images/single-post-heading.jpg) right top no-repeat; }


#content { background: #456; padding: 0 15px 15px 15px; overflow: auto; }
#content h1, h2, h3, h4, h5, h6 { clear: left; }
#content h1, 
#content h2, 
#content h3, 
#content h4, 
#content h5, 
#content h6,
#content p, 
#content ul, 
#content ol, 
#content table,
#content blockquote,
#content pre,
#content dl { margin-bottom: 15px; }


#content h1 { font: 197% Arial; border-bottom: 1px solid #789;}
#content h2 { font: 182% Arial; }
#content h3 { font: 167% Arial;  }
#content h4 { font: bold 153.9% Arial; }
#content h5 { font: 138.5% Arial; }
#content h6 { font: 123.1% Arial; }


#content ul, 
#content ol, 
#content dl { margin-top: 15px; }

#content ol { list-style-type: decimal; }
#content ul { list-style-type: disc; list-style-position: inside; }
#content img { float: none; max-width: 620px; margin: 0 0 15px 0; border: 2px solid transparent; }
#content img.alignleft { margin-right: 10px; float: left; }
#content img.alignright { margin-left: 10px; float: right; }
#content img.aligncenter { margin: 0 auto; }
#content img.size-full { width: 620px; }
#content img.size-medium { width: 310px; }
#content img.size-thumbnail { width: 110px; }

#content a:hover img { border: 2px solid #fff; }

#content object { width: 620px; }


#content li, 
#content dd { margin-left: 30px; }

#content blockquote { background: #567; border-top: 1px dashed #89a; border-bottom: 1px dashed #89a; padding: 10px 10px 0px 10px; }
#content pre { background: #567; border-top: 1px solid #89a; border-bottom: 1px solid #89a; padding: 5px 10px; }

#content abbr, 
#content acronym, 
#content q { border-bottom: 1px dotted #fff; }

#content sup { vertical-align: super; font-size: smaller; }
#content sub { vertical-align: sub; font-size: smaller; }

#content big { font-size: larger; }

#content fieldset { border: 1px solid #fff; padding: 10px; overflow: hidden; }
#content legend { padding: 0 5px; }
#content label { display: inline; }

#content table { width: 100%;  }
#content thead { background: #345; }
#content caption { background: #789; border: 1px solid #789; font-weight: bold; padding: 5px; }

#content th { font-weight: bold; padding: 2px 5px; margin:1px;  }
#content td { background: #567; padding: 2px 5px; margin: 1px; }
#content td,
#content th { border: 1px solid #789; }



/****************************************************************************************************/
/*	COMMENTS																						*/
/****************************************************************************************************/

#comments { background: #456; }
#comments-title { font: bold 167% Arial; background: #345 url(images/comments-heading.jpg) right top no-repeat; border-bottom: 1px solid #789; padding: 9px 15px 6px 15px; }
#commentform { padding: 15px; }
ol.commentlist {  }
ol.commentlist li { padding: 10px 10px 10px 30px; border-bottom: 1px solid #789; background: url(images/comment.png) 12px 12px no-repeat; }
ol.commentlist strong { padding-left: 5px; margin-right: 20px; }
ol.commentlist li p { padding: 5px 5px 0px 5px;  }
#comment { width: 99%; }

#respond-title { font: bold 167% Arial; background: #345 url(images/respond-heading.jpg) right top no-repeat; border-bottom: 1px solid #789; padding: 9px 15px 6px 15px; }
#commentform p { margin-bottom: 5px; }
#commentform input[type=text],
#commentform textarea { background: #345; border: 1px solid #789; padding: 2px; color: #fff; }
#commentform input[type=text] { width: 50%; }	



/****************************************************************************************************/
/*	ARCHIVES																						*/
/****************************************************************************************************/

#page .entry { padding: 0 15px; clear: both; margin-bottom: 10px;}
#page .entry-title { font: 167% Arial; margin-bottom: 10px; border-bottom: 1px solid #789; }
#page .entry img { max-width: 125px; max-height: 100px; margin-right: 10px; }
#page .entry .content { padding-left: 0; }
#page .entry a { margin-right:0; text-decoration: none; }


/****************************************************************************************************/
/*	SIDEBAR																							*/
/****************************************************************************************************/

#sidebar { float: left; width: 300px; }
#sidebar ul, #sidebar p { background: #456 url(images/curve_300_02.png) center bottom no-repeat; padding-bottom: 5px; }
#sidebar div { background: url(images/curve_300_01.png) center top no-repeat; padding-top: 5px; margin-bottom: 15px;}
#sidebar li { border-bottom: 1px solid #789; }
#sidebar a { text-decoration: none; display: block; padding: 5px 10px 5px 25px;  }
#about-me a { padding: 0; text-decoration: underline; }
#about-me p { padding-bottom: 15px; }


/****************************************************************************************************/
/*	NAVIGATION BAR																					*/
/****************************************************************************************************/

.wp-pagenavi { text-align: center; margin-top: 20px; background: #345; padding: 12px; border-top: 1px solid #789;}
.wp-pagenavi a { padding: 3px 7px; border: 1px solid #789; background: #456; margin: 0 2px; text-decoration: none; font-weight: bold; }
.wp-pagenavi a:hover { background: #123; }
.wp-pagenavi span.current { padding: 3px 7px; border: 1px solid #789; background: #789; margin: 0 2px; text-decoration: none; font-weight: bold; }
.wp-pagenavi span.pages { font-weight: bold; margin-right:10px; }
.wp-pagenavi span.extend { margin: 0 5px; }


/****************************************************************************************************/
/*	FOOTER																							*/
/****************************************************************************************************/

#footer { clear: both; overflow: auto; background: #456; padding: 10px; }
#footer p.alignleft { float: left; margin: 0; }
#footer p.alignright { float: right; margin: 0; }
#footer a { margin-left: 10px; padding: 8px; display: block; float: left; }
#footer a span { display: none; }

/*	FOOTER LINKS	*/
#admin-icon { background: url(images/lock.png) right center no-repeat; }
#feed-icon { background: url(images/feed.png) right center no-repeat; }
#wp-icon { background: url(images/wordpress.png) right center no-repeat; }
#fb-icon { background: url(images/facebook.png) right center no-repeat; }
#li-icon { background: url(images/linkedin.png) right center no-repeat; }
#fam-icon { background: url(images/fam.png) right center no-repeat; }
#yi-icon { background: url(images/yellow.png) right center no-repeat; }