/*



Theme Name: GlossBlog



Theme URI: http://www.themeforest.com



Description: GlossBlog is a simple & sleek WordPress theme. Enjoy!



Version: 1.0



Author: Justin Scheetz



Author URI: http://www.scheetzdesigns.com/



Tags: glossy, black, silver, sleek, simple, clean, smooth, sharp



*/



















/* All color changes are right here! ------------------------------- */



/* ----------------------------------------------------------------- */







body { background:#000000 url('images/body_bg.gif') repeat-x }



#content { background:#F2F6F8 url('images/main_content_bg.gif') }



a { color:#3E789F }



a:hover { color:#555 }







#header h1 span { color:#ddd } 							/* tagline color */







.search-area .textbox, #searchform .textbox { 			/* SEARCH TEXTBOX */



	color:#555; 										/* text color */



	border:1px solid #000;								/* border color */



	background:#FFF }									/* background color */



	



#nav ul li a {											/* NAVIGATION */



	color:#FFF;											/* text color */



	border-right:1px solid #8BA2B2 }					/* link seperator color (the little line) */



	



#nav ul li a:hover {



	background:#6D889B;									/* hover background color */



	color:#FFF }										/* text hover color */







#nav li:hover ul,



#nav li.over ul { background:#6D889B }					/* dropdown rollover background color */



#nav ul ul li a:hover { background:#B2C5D3 }			/* dropdown link rollover color */







.widecolumn { background:#F2F6F8 }						/* Should be same as above */







.post .date { color:#555 }								/* Date number color */



.post .date .top { color:#fff }							/* Date month color */







.post h2 { border-bottom:1px solid #788E9C }			/* Post bottom border color */



.post h2 a { color:#3E789F }							/* Post title link color */



.post h2 a:hover { color:#555 }							/* Post title link hover color */







.full h2 { color:#6D889B }								/* Post page - title color */



	



.full .postmetadata {



	background:#FFFFFF;									/* Meta data background color */



	border-top:1px solid #DEE7ED }						/* Meta data top border color */







h2.pagetitle {



	background:#FFF;									/* Page - title background color */



	border-bottom:2px solid #788E9C;					/* Page - title border color */



	color:#788E9C }										/* Page - title text color */







blockquote p { bcolor:#5B5143 }							/* Blockquote text color */



		



h3 { color:#19376D }									/* H3 title text color */



	



ul.commentlist li {



	background:#f6f2ed url('images/comment_bg.gif') no-repeat }	/* Comment background color */



			



ul.commentlist .rightside { border-left:1px solid #A5C3D3 }		/* Comment line seperator color */



		



#sidebar h2 { color:#19376D }							/* Sidebar title color */



#sidebar p { color:#555 }								/* Sidebar text color */







#footer {



	border-top:5px solid #D2E0EA;						/* Footer border colors */



	border-right:1px solid #D2E0EA;



	border-left:1px solid #D2E0EA;



	background:#869EAF }								/* Footer background color */



	



#footer p { color:#FFF }								/* Footer text color */



#footer a { color: #F2F6F8 }							/* Footer link color */



#footer a:hover { color: #FFF }							/* Footer link hover color */







/* ----------------------------------------------------------------- */



/* END COLOR CHANGES ----------------------------------------------- */



















/* DEFAULT WORDPRESS CSS FOR IMAGES */



.aligncenter,



div.aligncenter {



   display: block;



   margin-left: auto;



   margin-right: auto;



}







.alignleft {



   float: left;



}







.alignright {



   float: right;



}







.wp-caption {



   border: 1px solid #ddd;



   text-align: center;



   background-color: #f3f3f3;



   padding-top: 4px;



   margin: 10px;



   /* optional rounded corners for browsers that support it */



   -moz-border-radius: 3px;



   -khtml-border-radius: 3px;



   -webkit-border-radius: 3px;



   border-radius: 3px;



}







.wp-caption img {



   margin: 0;



   padding: 0;



   border: 0 none;



}







.wp-caption p.wp-caption-text {



   font-size: 11px;



   line-height: 17px;



   padding: 0 4px 5px;



   margin: 0;



}



















/* Main Styles ----------------------------------------------------- */



/* ----------------------------------------------------------------- */







body {



	font-family:Arial, Helvetica, sans-serif;



	margin:0; padding:0 }



	



a:active, a:focus { outline:none }



.clear { clear:both; font-size:1px; display:block }







#content {



	width:840px;



	margin:10px auto 0 auto }



	



a { text-decoration:underline }	



a:hover { text-decoration:none }



	



/* Header ---------------------------------------------------------- */



/* ----------------------------------------------------------------- */



	



#header {



	width:840px;



	height:111px;



	position:relative;



	background:url('images/header_bg.jpg') no-repeat }



	



	#header h1 {



		position:absolute;



		top:10px;



		left:20px;



		width:500px;



		height:80px;

		

		bottom:1px



		margin:0; padding:0;



		font-size:1px }



		



		#header h1 a {



			display:block;



			width:500px;



			height:80px;



			text-indent:-2000px;



			background:url('images/logo.gif') no-repeat }



			



		#header h1 span {



			font-size:16px;



			font-weight:normal;



			position:absolute;



			bottom:-22px;



			left:0 }



			



	#header .search-area {



		display:block;



		margin:0; padding:0;



		width:400px;



		text-align:right;



		position:absolute;



		right:20px;



		top:64px }



		



		.search-area p, #searchform p {



			margin:0; padding:0;



			display:inline }



		



		.search-area form, #searchform form {



			margin:0; padding:0 }



		



		.search-area .textbox, #searchform .textbox {



			padding:5px;



			font-size:12px;



			font-family:Arial, Helvetica, sans-serif }



		



		.search-area .button, #searchform .button {



			border:none;



			padding:0; margin:0;



			position:relative;



			top:2px;



			background:url('images/button_search.gif') no-repeat;



			width:30px;



			height:26px }







/* Navigation ------------------------------------------------------ */



/* ----------------------------------------------------------------- */



			



#nav {



	width:840px;



	height:42px;



	background:url('images/nav_bg.gif') no-repeat;



	margin:0; padding:0 }



	



	#nav ul {



		list-style:none;



		margin:0; padding:0;



		width:800px;



		height:42px }



		



	#nav ul li {



		position:relative;



		display:block;



		float:left;



		height:42px;



		margin:0;



		padding:0 }



		



		#nav ul li a {



			text-decoration:none;



			display:block;



			padding:13px 20px 13px 20px;



			font-size:14px;



			font-weight:bold }



			



		#nav ul li a:hover { text-decoration:none }



			



		#nav ul ul {



			display: none;



			width:200px;



			height:auto;



			position:absolute;



			top:42px;



			left:0 }



			



			#nav li > ul {



				top: auto;



				left: auto }



			



			#nav li:hover ul, #nav li.over ul { z-index:2000px; display: block; width:200px; height:auto; top:42px; left:0 }



			



			#nav ul ul li {



				height:auto;



				display:block;



				float:none;



				margin:0; padding:0 }



				



				#nav ul ul li a {



					font-size:12px;



					height:auto;



					padding:8px 10px;



					border:none }



					



/* Main Content ---------------------------------------------------- */



/* ----------------------------------------------------------------- */







#main-content {



	width:800px;



	margin:0; padding:20px }



	



.narrowcolumn { width:579px !important; float:left; }







.post { clear:both; margin:0; padding:0 }







.post .date {



	display:block;



	float:left;



	position:relative;



	width:46px;



	height:30px;



	padding:18px 0 0 0;



	font-size:22px;



	font-weight:bold;



	text-align:center;



	background:url('images/date_bg.gif') no-repeat;



	margin:4px 10px 0 0 }



	



	.post .date .top {



		font-size:11px;



		font-weight:bold;



		text-transform:uppercase;



		text-align:center;



		display:block;



		width:46px;



		position:absolute;



		top:1px; left:0 }







.post h2 {



	width:523px;



	float:right;



	font-size:22px;



	font-weight:normal;



	margin:0 0 7px 0;



	padding:0 0 5px 0 }



	



.post h2 a { text-decoration:none }



.post h2 a:hover { text-decoration:none }







.entry { clear:both; }



.entry p { line-height:21px; font-size:14px; margin:0 0 25px 0 }







.full h2 {



	font-weight:bold;



	border:none !important;



	margin:0 0 15px 0 !important;



	padding:0 !important;



	width:auto !important;



	float:none !important }



	



.post .postmetadata {



	float:left;



	width:523px;



	font-size:12px;



	font-style:italic;



	padding:0;



	margin:0 0 15px 0 }



	



.full .postmetadata {



	float:none;



	width:auto;



	line-height:18px;



	font-size:12px;



	font-style:italic;



	padding:10px;



	margin:0 0 15px 0 }



	



	.post .postmetadata .category {



		display:block;



		width:323px;



		float:left; }



	



	.post .postmetadata .comments {



		display:block;



		width:200px;



		text-align:right;



		float:right; }







h2.pagetitle {



	margin:0 0 20px 0;



	padding:3px 10px 3px 10px;



	font-size:22px;



	font-weight:bold;



	letter-spacing:-1px }



		



.navigation { width:100%; font-size:12px; margin:0 }	



.navigation .alignleft { display:block; float:left; width:49% }



.navigation .alignright { display:block; float:right; width:49%; text-align:right }







blockquote {



	display:block;



	padding:0 60px 0 60px;



	margin:0;



	background:url('images/quotes_left.gif') 30px 0 no-repeat }



	



	blockquote p {



		margin:0;



		padding:0;



		font-style:italic;



		background:url('images/quotes_right.gif') bottom right no-repeat }



		



h3 {



	font-size:16px;



	font-weight:bold }



		



ul.commentlist {



	list-style:none;



	width:742px;



	margin:0;



	padding:0 }



	



	ul.commentlist li {



		display:block;



		width:742px;



		margin:0 0 15px 0 }



		



		ul.commentlist li div {



			display:block;



			padding:15px 15px 15px 26px;



			margin:0;



			width:701px;



			background:url('images/comment_bottom.gif') bottom no-repeat }



			



ul.commentlist .leftside { display:block; width:211px; float:left }



ul.commentlist .rightside { display:block; width:489px; float:right }



ul.commentlist img { float:left; margin:0 10px 0 0 }



ul.commentlist cite { font-size:16px; font-weight:bold; font-style:normal; position:relative; top:-2px }



ul.commentlist small { font-size:11px; font-weight:normal; font-style:italic; display:block }



ul.commentlist p { margin:0; padding:0 0 0 15px; line-height:20px; font-size:12px }







#commentform { margin:0; padding:0 }



#commentform p { margin:0 0 15px 0; padding:0 }



#commentform .textarea {



	width:600px }







/* Sidebar --------------------------------------------------------- */



/* ----------------------------------------------------------------- */







#sidebar {



	font-size:14px;



	line-height:20px;



	float:left;



	width:180px; padding:20px }



	



	#sidebar ul {



		list-style:none;



		margin:0; padding:0 }


	#sidebar ul li.widget {
	margin-bottom:10px;
}



	#sidebar h2 {



		padding:0;



		margin:0 0 10px 0;



		font-size:16px }



		



	#sidebar p {



		padding:0;



		margin:0 0 0px 0 }







#sidebar .archives li {



	margin:0 0 4px 0;



	display:block;



	/*height:18px;*/



	padding:0 0 0 20px;



	background:url('images/cal_icon.gif') 0 4px no-repeat }







#sidebar .categories ul li {



	margin:0 0 4px 0;



	display:block;



	/*height:18px;*/



	padding:0 0 0 20px;



	background:url('images/folder_icon.gif') 0 4px no-repeat }



	



/* Footer ---------------------------------------------------------- */



/* ----------------------------------------------------------------- */







#footer {



	width:798px;



	margin:0 auto;



	display:block;



	padding:20px }



	



#footer p { padding:0; margin:0; font-size:12px; line-height:20px }



#rss {

	width: 150px;

	height: 80px;

	padding: 10px;

	background: url('images/rss.gif') no-repeat 4px 0px;

	background-color: #ff9600;

	border: 1px solid #e4892b;

	}

	

#rss h2 {

	margin: 0 0 0 60px;

	color: #fff;

	font-family: Arial;

	cursor: default;

	font-size: 18px;

	}

	

#rss form {

	margin: 30px 0 0 0;

	float: left;

	width: 150px;

	}

	

#rss .email {

	padding: 3px;

	background: #ffe4bd;

	border: 0px solid #dd8c20;

	width: 85px;

	font-size: 11px;

	margin: 0;

	float: left;

	}

	

#rss .submit {

	padding: 0px 2px 0px 2px;

	line-height: 18px;

	background: #814c00;

	color: #fff;

	border: 1px solid #ffba61;

	font-size: 11px;

	width: 45px;

	margin: 0px;

	float: left;

	}

	

html>body #rss .submit {

	padding: 1px 2px;

	}

	

#rss small {

	float: right;

	font-size: 10px;

	text-transform: uppercase;

	margin-top: 2px;

	margin-bottom: 0;

	line-height: 11px;

	width: 140px;

	text-align: left;

	color: #814c00;

	}



#rss a {

	color: #fff;

	border-bottom: 1px dotted #fff;

	}

	

#rss a:hover {

	background: none;

	color: #000;

	}