/*
Theme Name: Belle
Theme URI: http://www.GetBelle.com/
Description: Simple, Light, clean XHTML web 2.0 Wordpress Theme with Custom header and Theme options witch include a color scheme picker that allow you to pick from your choice of orange, red, blue, green, or yellow color schemes. You can also include custom social links like twitter or facebook.
Version: 1.5
Author: Grigoruta Adrian
Author URI: http://www.pixelstudio.ro/
Tags: blue, silver, custom-header, fixed-width, two-columns, theme-options, light, custom-colors
*/

/*--------------------General Classes---------------*/
body {
	background: #ffffff;
	padding: 0px 0px 40px;
	margin: 0px;
        font-family:"Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
	font-size: small;
	} 
a {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:hover {
        color: #666666;
	text-decoration: underline;
}
a img{
        border: 1px solid #DDDDDD;
        padding: 4px;
}
#page {
	margin: 0 auto;
	width: 800px;

}
h2 {
	font-size:18px;
	margin:0px;
	padding:0px;
}
.center {
	text-align: center;
	}


blockquote {
	margin: 2px 0;
	padding: 0 30px 0 30px;
	color: #333;
	background: none; <!-- removed default: url('images/quote.jpg') no-repeat 10px 0 -->
	border: none;
	}

.aligncenter,
.center {
	text-align: center;
	}

.entry .aligncenter,
img.center,
img[align="center"] {
	display: center;
	margin-top: 10px;
	margin-bottom: 10px;
        border: 1px solid #DDDDDD;
        padding: 4px;
	}
	
.entry .alignright,
img[align="right"] {
	float: right;
	margin: 10px 0px 10px 10px;
	display: block;
        border: 1px solid #DDDDDD;
        padding: 4px;
	}

.entry .alignleft,
img[align="left"] {
	float: left;
	margin:  10px 10px 0px 0px;
	display: block;
        border: 1px solid #DDDDDD;
        padding: 4px;
	}

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

#header{
	position: relative;
	padding:0px;
	height:170px;
}
		
#headerimg {
	position: relative;
	padding: 45px 0px 0px 7px;
	height: 100px;
}

#headerimg a, #headerimg a:visited{
	font-size:25px;
}
#headerimg .blog-title{
	float:left;
	margin-right:10px;
	margin-top:18px;
}
#headerimg .description{
	width:165px;
	float:left;
	font-size: 1em;
	height:30px;
	margin-top:18px;
	padding-left:10px;
	padding-bottom:3px;
}
#headerimg .link1{
	width:130px;
	float:right;
	height:30px;
	top:5px;
	padding-left:10px;
	padding-bottom:3px;
}
#headerimg .link1 a,.link1 a:visited{
   	font-size:1.2em;
}
#headerimg .link2{
	width:130px;
	float:right;
	height:30px;
	top:35px;
	padding-left:10px;
	padding-bottom:3px;
}
#headerimg .link2 a, .link2 a:visited{
	 font-size:1.2em;
}

#nav {
	padding-left:8px;
	list-style: none;
	margin: 0px;
	left: 0px;
}
#nav li {
	float: left;
	margin-left: 1px;
	list-style:none;
}
#nav li a {
	color: #555555;
	text-decoration: none;
	background: #ffffff;
	padding: 5px 7px;
	display: block;
        opacity:.60;
	-moz-opacity: 0.6;
	-khtml-opacity: 0.6;
	-ms-filter: "alpha(opacity=60)";
	filter: alpha(opacity=60);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
}
#nav li a:visited {
	color: #555555;
	text-decoration: none;
}
#nav li a:hover {
       height:16px;
	color: #000000;
	background:#eaf6fb;
}
#nav li.current_page_item{
	background: #ffffff;
}
#nav li.current_page_item a:hover{
	background:#ffffff;
	border-bottom:0px;
	color: #555555;
}

/*---------------------------------Content----------------------------------*/
#content {
	padding: 10px 15px 20px 10px;
	float: left;
	width: 505px;
	overflow: hidden;
	margin:10px 0px 5px 0px;
	border-right:1px solid #dcdcdc;
}

.post {
	clear:both;
	padding-top: 10px;
}
.post-title {
	width: 100%;
	border-bottom:1px solid #dcdcdc;
	font-family: "Trebuchet MS", Verdana, sans-serif;
	font-weight:lighter;
}
.post-tags{

	color: #999999;
}
.post-info {
	float:left;

	letter-spacing: 0.02em;
	margin-bottom: 2em;
	padding-bottom: 10px;
	color: #999999;
}
.post-date {
	position:relative;
	width: 45px;
	height: 39px;
	float:right;
	margin-top:1px;
}
.post-month {
	font-size: 11px;
	text-transform: uppercase;
	color: #999999;
	text-align: center;
	display:block;
	line-height: 11px;
	padding-top: 2px;
	margin-left: -3px;
}
.post-day {
	font-size: 18px;
	text-align: center;
	display:block;
	line-height: 18px;
	padding-top: 2px;
	margin-left: -3px;
}

.entry {
	clear: both;
	padding: 0px 5px 0px 5px;
	font-size: 1.1em;
	line-height: 1.8em;
	text-align: left;
        margin: 1.25em 0 1.25em 0;

}
.entry-title, .entry-title a, .entry-title a:visited,
h2, h2 a, h2 a:visited,
h3, h3 a, h3 a:visited,
h4, h4 a, h4 a:visited {
	text-decoration:none;
	}
.navigation {
	clear: both;
	padding: 10px 0px;
}
.navigation a, .navigation a:visited {
	color: #999999;
}
.previous-entries {
	float: left;
	padding-left: 18px;
}
.next-entries {
	float: right;
	padding-right: 18px;
}

/*----------------------- Search Widget -----------------*/

#searchform {
	background: #f2f2f2;
	width: 177px;
	padding: 13px 13px 13px 13px;
	float:left;
	margin-bottom:15px;
}

#search-label { /* The 'Search for:' label */
	display: none;
	}

#search-label.overlabel-apply { /* Inline label for livesearch */
	display: block;
	position: absolute;
	color: #888;
	cursor: text;
	padding: 3px 5px;
	margin-top:2px;
	z-index: 1;
	background: white;
	}

#search-label.overlabel-apply.hide { /* Hide label when #s isn't empty */
	text-indent: -1000px;
	}

#s, #search-label.overlabel-apply { /* Style #s and label in same way */
	font-size: 1.1em;
	width: 164px;
	line-height: 15px;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	}
#search-label.overlabel-apply.fade { /* Fade label when #s has focus */
	color: #ccc;
	}
#s { /* The actual search input field */
	position: relative;
	padding: 3px;
	border: 1px solid #d0d0d0;
	background: transparent;
	z-index: 2;
	}
.livesearch{
	position:relative;
}
.livesearch #s { /* The search input field w. livesearch enabled */
	padding-right: 20px;
	width: 150px;
	}

#searchreset, #searchload { /* Reset button & loading spinner */
	position: absolute;
	top: 2px;
	opacity: 0;
	right: 2px;
	height: 18px;
	width: 18px;
	}

#searchreset {
	z-index: 4;
	background: url('images/reset-fff.png') center center no-repeat;
	}

#searchload {
	z-index: 3;
	background: url('images/spinner.gif') center center no-repeat;
	}

	
/*------------------------ Side Bar ---------------------------*/
#sidebar {
	float: left;
	margin: 15px 12px 15px 20px;
	width: 235px;
}
#sidebar h3{
	font-size:18px;
	font-weight:normal;
}
.widgettitle{
	font-size: 120%; 
	font-weight:normal;
}
#sidebar li{
	list-style: none;
}
.widget ul{
	list-style: none;
	margin:0px 0px 15px;
	padding:0px;
}

.widget li a, a:visited{
        color: #80A548;
	line-height:1.5em;
	padding:0 0 0 8px;
	background:none;  <!-- removed default: "transparent url("images/arrow.gif") no-repeat center left" -->
	border-bottom: 1px solid #dcdcdc;
}

.widget li a:hover, a:active{
        color: #666666;
	text-decoration: underline;
	line-height:1.5em;
	padding:0 0 0 8px;
	background:none;  <!-- removed default: "transparent url("images/arrow.gif") no-repeat center left" -->
	border-bottom: 1px solid #dcdcdc;
}

.ul-cat {
	list-style: none;
	margin:0px 0px 15px;
	padding:0px;
}
.ul-cat li{
	margin: 0px;
	padding: 2px 0px 2px 5px;
}
.ul-cat li a, .ul-cat li a:visited{
	color: #555555;
	text-decoration: none;
	padding:0 0 0 13px;
	background:none;  <!-- removed default: "transparent url("images/arrow.gif") no-repeat center left" -->
	border-bottom: 1px solid #dcdcdc;
}
.ul-cat li a:hover{
	text-decoration: none;
}
.ul-archives {
	list-style: none;
	margin:0px 0px 15px;
	padding:0px;
}
.ul-archives li{
	margin: 0px;
	padding: 2px 0px 2px 5px;
	border-bottom: 1px solid #dcdcdc;
}
.ul-archives li a, .ul-archives li a:visited{
	color: #555555;
	text-decoration: none;
	padding:0 0 0 13px;
	background:none;  <!-- removed default: "transparent url("images/arrow.gif") no-repeat center left" -->
}
.ul-archives li a:hover{
	text-decoration: none;
}

/*----------------------Comment Form -------------------------------------*/
#commentform {
	margin-top: 10px;
	font: 110% Arial, Helvetica, sans-serif;
}
#commentform p {
	padding: 6px 0px;
	margin: 0px;
}
#commentform label{
	font-weight: bold;
	color: #666666;
	font-size: 100%;
}
#commentform input{
	width: 153px;
	background:#f2f2f2;
	border: 1px solid #d0d0d0;
	padding: 3px;
	margin-top: 3px;
}
#commentform textarea{
	width: 99%;
	height: 115px;
	background:#f2f2f2;
	border: 1px solid #d0d0d0;
	padding: 2px;
	margin-top: 3px;
}

#commentform #submit{
	font: bold 12px Arial, Helvetica, sans-serif;
	border: 1px solid #d0d0d0;
	float:left;
	width: 144px;
	height: 29px;
}


/*------------------- Comment List ------------------------*/
.comments {
	font-size: 1.5em;
	font-weight: normal;
}
.commentmetadata{
	font-size:smaller;
}
.commentlist {
	margin: 10px 0;
	position: relative;
	color: #333333;
	}

.commentlist .children {
	margin-left: 20px;
	}

.commentlist .children li {
	}

.commentlist li {
	margin: 10px 0 0;
	list-style: none;
	}

.commentlist .comment {
	padding: 10px;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	}

.commentlist li.comment {
	padding: 0;
	}

.commentlist li .comment-content {
	font-size: 1.2em;
	line-height: 1.8em;
	}

.comment-content p,
.comment-content ul,
.comment-content ol,
.comment-content div,
.comment-content blockquote {
	margin: 13px 0;
	}

.commentlist li .comment-meta {
	padding: 2px 0;
	display: block;
	}

.commentlist li img {
	padding: 0;
	border: none;
	}

.commentlist .avatar,
.commentlist .gravatar {
	float: right;
	}

.commentlist .comment-author {
	font-size: 1.1em;
	font-weight: normal;
	color: #333333;
	}

.comment-author cite {
	font-style: normal;
	}
.leavecomment, .nocomments {
	text-align: center;
	margin: 30px 0 20px !important;
	color: #ddd;
	font-size: 1.7em;
	}

/*------------------- Error 404 ------------------------------*/

#error404 {
	min-height: 340px;
	background:transparent url(http://terenceulrich.com/blog/wp-content/themes/belle/images/tau_404bg.png) no-repeat scroll right top;
}

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

#footer{
	clear: both;
	position:relative;
	border-top: 2px solid #6E9738;
	padding-top: 10px;
	color: #777777;
	font-size:75%;
}

footer a:hover, a:active {
        color: #666666;
	text-decoration: underline;
}

#footer-logo{
	float:left;
	padding-right:20px;
	padding-left:10px;
	color: #777777;
}

.footer-nav{
	float: center;
	text-align: center;
	color: #121212;
	font-size: 13px;
	padding-bottom: 5px;
}
	

.legal{
	float: left;
	text-align: left;
	font-size: x-small;
}


.credits{
	float:right;
	text-align: right;
	font-size: x-small;
}

#footer-logo a, #footer-logo a:visited{
	font-size:24px;
}