/*  
Theme Name: Freeliance
Theme URI: http://www.freepx.net/
Description: Freeliance is a 3 columns Wordpress theme. It is inspired by Bob's Brilliance theme (http://www.blogohblog.com/). 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. 
Version: 1.0
Author: Amos 
Author URI: http://www.freepx.net/
*/

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

* { margin: 0; padding: 0; }

body
{
		margin:  0px 0 0;
		font: normal 80%/160% tahoma, arial, verdana, sans-serif;
		background: #7c7c7c url(images/slice-bg.gif) repeat-y;
}

.post-entry div.all {
	position:absolute;
	left:50%;
	top:0%;
	margin:0px 0px 0px -502px;
	border-style:none;
}

li
{
		list-style: none;
}

.post-entry div.button
{
  width: 240px;
  height: 2em;
  margin-top: 25px;
  margin-bottom: 15px;
  padding: 5px 16px 3px;
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  border: 0px solid #d20101;
  position: relative;

  /* Label */
  font-family: Helvetica, sans-serif;
  font-weight: bold;
  color: #fff;
  text-shadow: rgba(0, 0, 0, 0.5) 1px 2px 2px;
  text-align: center;
  vertical-align: middle;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.post-entry div.aqua
{
  background-color: #d20101;
  background-image: -webkit-gradient(linear, 0% 0%, 0% 90%, from(rgba(224, 55, 55, 1)), to(rgba(132, 24, 24, 1)));  /*border-top-color: #8ba2c1;*/
  background-image: -moz-linear-gradient(rgba(224, 55, 55, 1) 0%, rgba(132, 24, 24, 1) 90%);
  /*border-right-color: #5890bf;
  border-bottom-color: #4f93ca;
  border-left-color: #768fa5;*/
  -webkit-box-shadow: rgba(0, 0, 0, 0.5) 1px 2px 3px;
  -moz-box-shadow: rgba(0, 0, 0, 0.5) 1px 2px 3px; /* FF 3.5+ */
}

.post-entry div.aqua:hover{
  /*background-color: rgba(60, 132, 198, 0);*/
  background-image: -webkit-gradient(linear, 0% 0%, 0% 90%, from(rgba(255, 55, 55, 1)), to(rgba(160, 24, 24, 1)));  /*border-top-color: #8ba2c1;*/
  background-image: -moz-linear-gradient(rgba(255, 55, 55, 1) 0%, rgba(160, 24, 24, 1) 90%);
  /*border-right-color: #5890bf;
  border-bottom-color: #4f93ca;
  border-left-color: #768fa5;*/
  -webkit-box-shadow: rgba(0, 0, 0, 0.5) 1px 2px 3px;
  -moz-box-shadow: rgba(0, 0, 0, 0.5) 1px 2px 3px; /* FF 3.5+ */
}

.post-entry div.glare 
{
  position: absolute;
  top: 0;
  left: 1.5%;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  height: 1px;
  width: 91%;
  padding: 8px;
  background-color: rgba(255, 255, 255, 0.1);
  background-image: -webkit-gradient(linear, 0% 0%, 0% 95%, from(rgba(255, 255, 255, 0.4)), to(rgba(255, 255, 255, 0)));
  background-image: -moz-linear-gradient(rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 0) 0%);
}

.post-entry a.buttonlabel {
	color: #fff;	
	text-decoration:none;
}

.post-entry a.buttonlabel#hover {
	color: #fff;	
	text-decoration: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;
		color:#d20101;
}

h2
{
		font-size: 1.3em;
		color:#000000;
}

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

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

a:hover
{
		text-decoration: underline;
}

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

#back-top
{
		position:absolute;
		top:0px;
		left:0px;
		width:100%;
		height:303px;
		background-image:url(images/background.png);
		background-repeat:repeat-y;
		z-index:-1;
		z-index:-1;
}

#home
{
		position:absolute;
		top:15px;
		left:93px;
		width:44px;
		height:14px;
		background-image:url(images/home.png);
}

#home:hover
{
		background-image:url(images/home-hover.png);
}

#about
{
		position:absolute;
		top:15px;
		left:160px;
		width:47px;
		height:15px;
		background-image:url(images/about.png);
}

#about:hover
{
		background-image:url(images/about-hover.png);
}

#contact
{
		position:absolute;
		top:15px;
		left:230px;
		width:58px;
		height:14px;
		background-image:url(images/contact.png);
}

#contact:hover
{
		background-image:url(images/contact-hover.png);
}

#headline
{
		position:absolute;
		top:45px;
		left:160px;
}

#wrapper
{
		width: 960px;
		margin-left:80px;
}

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

#header
{
		height: 79px;
}

#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: #d20101;
}

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

#topsearch input
{
		width: 150px;
		height: 21px;
		background: url(images/search-input-bg.gif) no-repeat;
		border: none;
		padding: 9px 8px 5px 27px;
		margin-right: 10px;
		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: #d20101;
}

/*.post-entry a:hover
{
		color: #d20101;
}*/

.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-image:url(images/bullet.png);
		/*border-bottom: 1px solid #f0abab;*/
		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;
}
.trackback
{
		/*list-style-image:url(images/bullet.png);*/
		border-bottom: 1px solid #f0abab;
		/*padding: .2em 0;*/
}

.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: 25px;
		/*text-indent: -9999px;*/
		border: none;
		float: left;
		cursor: pointer;
		font-family: Helvetica, sans-serif;
		font-size:smaller;
		color:#FFF;
  text-shadow: rgba(0, 0, 0, 0.5) 1px 2px 2px;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  background-image: -webkit-gradient(linear, 0% 0%, 0% 90%, from(rgba(224, 55, 55, 1)), to(rgba(132, 24, 24, 1)));  /*border-top-color: #8ba2c1;*/
  background-image: -moz-linear-gradient(rgba(224, 55, 55, 1) 0%, rgba(132, 24, 24, 1) 90%);
  -webkit-box-shadow: rgba(0, 0, 0, 0.5) 1px 2px 3px;
  -moz-box-shadow: rgba(0, 0, 0, 0.5) 1px 2px 3px; /* FF 3.5+ */
}

#respond button:hover{
  background-image: -webkit-gradient(linear, 0% 0%, 0% 90%, from(rgba(255, 55, 55, 1)), to(rgba(160, 24, 24, 1)));  /*border-top-color: #8ba2c1;*/
  background-image: -moz-linear-gradient(rgba(255, 55, 55, 1) 0%, rgba(160, 24, 24, 1) 90%);
}

#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: #7c7c7c url(images/footer-bg.png) /*50% 0%*/ no-repeat;
		text-align: left;
		padding: 100px 90px 30px;
		color: #eee;
}

#footer a
{
		color: #eee;
}