/*  
Theme Name: Brilliance
Theme URI: http://www.blogohblog.com/
Description: Brilliance is a 3 columns Wordpress theme. I would surely love to hear your feedback :). This work is licensed under a <a href="http://creativecommons.org/licenses/by-sa/3.0/">Creative Commons Attribution-Share Alike 3.0 License</a>. This means you may use it for any purpose, and make any changes you like. Just leave my link under your footer :)
Version: 1.0
Author: Bob 
Author URI: http://www.blogohblog.com/
*/

/* GLOBAL SITE ELEMENTS
- - - - - - - - - - - - - - - - - - - - - - - - - - - - */

* { margin: 0; padding: 0; }

body
{
		margin:  6px 0 0;
		font: normal 80%/160% tahoma, arial, verdana, san-serif;
		background: #fff url(images/page-bg.jpg) 50% 0% no-repeat;
}

li
{
		list-style: none;
}

hr
{
		clear: both;
		height: 1px;
		line-height: 1px;
		font-size: 1px;
		visibility: hidden;
		margin: 0;
		padding: 0;
}

/* HEADINGS
- - - - - - - - - - - - - - - - - - - - - - - - - - - - */

h1, h2, h3, h4, h5
{
		font-family: georgia, 'times new roman', times, serif;
		font-weight: normal;
}

h1
{
		height: 79px;
		line-height: 79px;
		padding-left: 20px;
		font-size: 2em;
		float: left;
		width: 520px;
}

h2
{
		font-size: 1.3em;
}

/* LINKS
- - - - - - - - - - - - - - - - - - - - - - - - - - - - */

a
{
		color: #000;
		text-decoration: none;
}

a:hover
{
		text-decoration: underline;
}

/* MAIN SITE ELEMENTS
- - - - - - - - - - - - - - - - - - - - - - - - - - - - */

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

#wrapper:after, #header:after, .post:after, .post-date:after
{
		content:  ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
}

#header
{
		height: 225px;
}

#content
{
		width: 500px;
		float: left;
		padding: 36px 20px 0 20px;
}

#sidebar
{
		width: 235px;
		float: left;
		padding: 51px 20px 0 25px;
}

#main-ad
{
		width: 135px;
		float: left;
		padding: 56px 0 0 5px;
		text-align: right;
}

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

h1 a
{
		color: #eee;
}

#topsearch
{
		float: left;
		width: 338px;
		height: 42px;
		padding-top: 200px;
		text-align: center;
		padding-left: 40px;
}

#topsearch input
{
		width: 190px;
		height: 21px;
		background: url(images/search-input-bg.gif) no-repeat;
		border: none;
		padding: 9px 2px 5px 10px;		
		margin-right: 0px;
		float: left;
		font: normal 1em tahoma, arial, san-serif;
}

#topsearch button
{
		width: 75px;
		height: 35px;
		background: url(images/search-button-bg.gif) no-repeat;
		border: none;
		text-indent: -9999px;
		float: left;
		cursor: pointer;
}

/* POST SECTION ELEMENTS
- - - - - - - - - - - - - - - - - - - - - - - - - - - - */

.post
{
		margin: 0 0 2em;
		background: url(images/post-bg.gif) 0% 100% no-repeat;
		padding: 0 0 2em;
}

.post h2
{
		margin: 0 0 .2em;
		font-size: 1.6em;
}

.post h2 a
{
		color: #000;
}

.post-info
{
		border-bottom: 1px solid #f5f5f5;
		padding: 0 0 .5em;
		font-size: 90%;
		margin: 0 0 .5em;
		color: #999;
}

.post-info a
{
		color: #999;
}

.post-entry p
{
		margin: 0 0 .5em;
}

.post-entry a
{
		color: #4f6373;
}

.post-entry a:hover
{
		color: #8f8164;
}

.post-entry h3
{
		font-size: 1.25em;
		padding: 0 0 .5em;
		margin: 0 0 .5em;
		border-bottom: 1px solid #f5f5f5;
}

.post-entry ul, .post-entry ol
{
		margin: 0 0 1em;
}

.post-entry ul
{
		margin-left: 1.5em;
}

.post-entry ul li, .post-entry ol li
{
		list-style: square;
		border-bottom: 1px solid #fafafa;
		padding: .2em 0;
}

.post-entry ol
{
		margin-left: 2em;
}

.post-entry ol li
{
		list-style: decimal;
}

.post-entry blockquote
{
		margin: 1.5em 2em 1em;
		padding: .5em 0;
		color: #999;
		font-style: italic;
		border-top: 1px solid #f5f5f5;
		border-bottom: 1px solid #f5f5f5;
}

.post-entry img.align-right
{
		float: right;
		margin: .4em 0 0 1em;
		padding: 3px;
		border: 1px solid #f5f5f5;
}

.post-entry img.align-left
{
		float: left;
		margin: .4em 1em 0 0;
		padding: 3px;
		border: 1px solid #f5f5f5;
}

.post-entry img.align-center
{
		display: block;
		margin: .4em auto;
		padding: 3px;
		border: 1px solid #f5f5f5;
}

.post-meta
{
		font-size: 95%;
		color: #999;
}

.post-meta a
{
		color: #999;
}

.post-arch-info
{
		font-size: 95%;
		color: #999;
		margin: 0 0 2em;
		padding: 0 0 1em;
		border-bottom: 1px solid #f5f5f5;
}

/* COMMENT ELEMENTS
- - - - - - - - - - - - - - - - - - - - - - - - - - - - */

#comments h2, #respond h2
{
		margin: 0 0 .5em;
		padding: 0 0 .5em;
		border-bottom: 1px solid #f5f5f5;
}

#comments
{
		margin: 0 0 1em;
		background: url(images/post-bg.gif) 0% 100% no-repeat;
		padding: 0 0 1em;
}

#comments h3
{
		font-size: 1.2em;
}

.commentlist li
{
		margin: 0 0 .5em;
		padding: 0 0 .5em;
		border-bottom: 1px solid #f5f5f5;
}

#respond input, #respond textarea
{
		width: 492px;
		border-top: 1px solid #ccc;
		border-right: 1px solid #eee;
		border-bottom: 1px solid #eee;
		border-left: 1px solid #ccc;
		padding: 3px;
		margin: .1em 0 .5em;
}

#respond button
{
		width: 75px;
		height: 35px;
		text-indent: -9999px;
		border: none;
		float: left;
		cursor: pointer;
}

#respond button#submit
{
		background: url(images/comment-submit-bg.gif) no-repeat;
		margin-right: 10px;
}

#respond button#reset
{
		background: url(images/comment-reset-bg.gif) no-repeat;
}

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

#sidebar h2
{
		margin: 0 0 .2em;
		/*padding: 0 0 .2em;*/
		/*border-bottom: 2px solid #f4f4e8;*/
}

#sidebar li ul
{
		margin: 0 0 1em;
}

#sidebar li ul li
{
		border-bottom: 1px solid #fafafa;
		padding: 3px 0;
		/*list-style-image: url(images/sidebar-list-img.gif);*/
}

#sidebar li ul li
{
		color: #222;
}

#sidebar li a
{
		color: #222;
}

#sidebar li a:hover
{
		color: #8f8164;
}

/* MAIN AD ELEMENTS
- - - - - - - - - - - - - - - - - - - - - - - - - - - - */

#main-ad a
{
		display: block;
		width: 120px;
		height: 600px;
		line-height: 600px;
		background: #f5f5f5;
		float: right;
		text-align: center;
}

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

#footer
{
		clear: both;
		background: #000 url(images/footer-bg.gif) 50% 0% no-repeat;
		text-align: center;
		padding: 100px 0 30px;
		color: #eee;
}

#footer a
{
		color: #eee;
}