/* CSS Document */

/*  
Theme Name: Farid Hadi
Theme URI: http://www.faridhadi.com
Description: Theme for www.faridhadi.com
Version: 1.0
Author: Farid Abdulhadi
Author URI: http://www.faridhadi.com/

*/

html {
	height:100%;
}
body {
	height:100%;
	margin:0px;
	padding:0px;
	font:12px/20px Verdana;
	color:#363636;
}
h1 {
	font:bold 24px Arial;
	margin:0px 0px 0px 0px;
	padding:0px;
}
h1 a {
	color:#363636;
	text-decoration:none;
}
h1 a:hover {
	text-decoration:underline;
}
h2 {
	font:bold 24px Arial;
	margin:0px 0px 0px 0px;
	padding:0px;
}
h2 a {
	color:#363636;
	text-decoration:none;
}
h2 a:hover {
	text-decoration:underline;
}
h3 {
	font:bold 16px Arial;
	margin:0px 0px 5px 0px;
	padding:0px;
}
h4 {
	font:bold 14px Arial;
	height:25px;
	width:498px;
	padding:5px 0px 0px 7px;
	margin:0px 0px 5px 0px;
	background-color:#999999;
	background-image:url(images/content-h4-header.gif);
}
h5 {
	font:bold 14px Arial;
	color:#363636;
	margin:0px 0px 10px 0px;
	padding:0px;
}
small {
	font:10px Arial;
	color:#aaaaaa;
	margin:0px 0px 10px 0px;
	display:block;
}
p {
	margin:0px 0px 25px 0px;
	padding:0px;
}
a {
	color:#363636;
}
.wrapper {
	float:left;
	min-height:100%;
	height:auto !important;
	height:100%;
	width:100%;
	margin-bottom:-100px;
}
.headerWrapper {
	float:left;
	height:171px;
	width:100%;
	background-color:#363636;
}
.header {
	height:140px;
	width:960px;
	margin-left:auto;
	margin-right:auto;
}
.header ul {
	float:right;
	height:60px;
	width:460px;
	margin:50px 0px 0px 0px;
	padding:0px;
	list-style:none;
	background-image:url(images/navigation.gif);
}
.header li {
	float:left;
	height:42px;
	margin:0px;
	padding:18px 0px 0px 0px;
	text-align:center;
	font:bold 14px Arial;
	display:inline;
}
.header li a {
	color:#232323;
	text-decoration:none;
	display:block;
}
.header .navBlog {
	width:70px;
	margin-left:10px;
	margin-right:2px;
}
.header .navBlogActive {
	width:70px;
	margin-left:10px;
	margin-right:2px;
	background-image:url(images/navigation-active.gif);
	background-repeat:no-repeat;
	background-position:bottom center;
}
.header .navXHTML {
	width:136px;
	margin-right:2px;
}
.header .navXHTMLActive {
	width:136px;
	margin-right:2px;
	background-image:url(images/navigation-active.gif);
	background-repeat:no-repeat;
	background-position:bottom center;
}
.header .navAbout {
	width:105px;
	margin-right:2px;
}
.header .navAboutActive {
	width:105px;
	margin-right:2px;
	background-image:url(images/navigation-active.gif);
	background-repeat:no-repeat;
	background-position:bottom center;
}
.header .navContact {
	width:121px;
}
.header .navContactActive {
	width:121px;
	background-image:url(images/navigation-active.gif);
	background-repeat:no-repeat;
	background-position:bottom center;
}
.header .navBlogActive a, .header .navXHTMLActive a, .header .navAboutActive a, .header .navContactActive a {
	color:#444444;
}
.logo {
	float:left;
	margin-top:37px;
	border:0px;
}
.contentWrapper {
	margin-left:auto;
	margin-right:auto;
	height:auto !important;
	width:960px;
}
.content {
	float:left;
	min-height:100px;
	height:auto !important;
	height:100px;
	width:500px;
	margin:20px 0px 20px 0px;
}
.content img {
	margin:0px 0px 30px 0px;
	padding:4px;
	border:1px solid #aaaaaa;
}
.sidebar {
	float:right;
	height:auto !important;
	width:260px;
	margin:20px 0px 20px 0px;
	padding:0px 0px 0px 20px;
	background-image:url(images/sidebar-border.gif);
	background-position:top left;
	background-repeat:repeat-y;
}
.push {
	float:left;
	height:100px;
	width:100%;
}
.footerWrapper {
	float:left;
	height:100px;
	width:100%;
	background-color:#363636;
}
.footer {
	height:100px;
	width:960px;
	margin-left:auto;
	margin-right:auto;
	color:#ffffff;
}
.sidebar h3 {
	height:25px;
	width:253px;
	padding:5px 0px 0px 7px;
	margin:0px 0px 2px 0px;
	background-color:#999999;
	font:bold 14px Arial;
	background-image:url(images/sidebar-header.gif);
}
.sidebar ul {
	list-style:none;
	margin:0px 0px 20px 0px;
	padding:0px;
}
.sidebarLinks li {
	padding:2px 0px;
}
.sidebarLinks a {
	display:block;
	color:#363636;
}
.sidebarLinks a:hover {
	background-color:#dddddd;
	color:#363636;
}
.w3cWrapper {
	float:right;
	height:100px;
	width:145px;
}
.w3cXHTML {
	float:left;
	margin:64px 10px 0px 0px;
	border:0px;
}
.w3cCSS {
	float:left;
	margin:64px 0px 0px 0px;
	border:0px;
}
.comments {
	float:left;
	width:500px;
	margin:0px 0px 30px 0px;
	padding:0px;
	list-style:none;
	border-top:1px solid #aaaaaa;
}
.comments li {
	float:left;
	border-bottom:1px solid #aaaaaa;
	padding:5px 5px 15px 5px;
}
.comments li.alt {
	float:left;
	border-bottom:1px solid #aaaaaa;
	padding:5px 5px 15px 5px;
	background-color:#efefef;
}
.comments li.authorComment {
	float:left;
	border-bottom:1px solid #aaaaaa;
	padding:5px;
	background-color:#363636;
	color:#CCCCCC;
}
.comments li.authorComment a {
	color:#CCCCCC;
}
.comments .avatar {
	float:left;
	margin:0px 10px 0px 0px;
	padding:2px;
	border:1px solid #aaaaaa;
}
.commentHeader {
	float:left;
	width:394px;
	border-bottom:1px solid #aaaaaa;
}
.commentText {
	float:left;
	width:394px;
	margin:0px 0px 20px 0px;
}
.commentForm label {
	float:left;
	height:20px;
	width:300px;
	font:12px Arial;
	color:#363636;
	margin:0px 0px 5px 5px;
	padding:7px 0px 0px 0px;
}
.commentForm .txtFld {
	float:left;
	height:20px;
	width:160px;
	font:12px Arial;
	color:#363636;
	margin:0px 0px 5px 0px;
	padding:5px 5px 0px 5px;
	border-left:1px solid #969696;
	border-top:1px solid #969696;
	border-right:1px solid #dddddd;
	border-bottom:1px solid #dddddd;
}
.commentForm .txtArea {
	height:140px;
	width:390px;
	padding:5px;
	margin:0px 0px 10px 0px;
}
.commentForm {
	margin:0px;
	padding:0px;
}
.content .inlineRSS {
	float:none;
	margin:0px;
	padding:0px;
	border:0px;
	display:inline;
}
.rssLink {
	color:#f38e36;
}
.socialList {
	float:left;
	margin:-20px 0px 20px 0px;
	padding:0px;
	list-style:none;
}
.socialList li {
	float:left;
	margin-right:20px;
}
.headerBarWrapper {
	float:left;
	height:31px;
	width:100%;
	background-color:#999999;
	background-image:url(images/header-bar.gif);
}
.headerBar {
	height:31px;
	width:960px;
	margin-left:auto;
	margin-right:auto;
}
.headerBar div {
	float:left;
}
code {
	font:12px Courier;
	background-color:#EEEEEE;
	border:1px solid #666666;
	padding:0px 5px 10px 5px;
	display:block;
}
.more-link {
	font-weight:bold;
}
.searchTxtFld {
	float:left;
	height:17px;
	width:160px;
	margin:4px 5px 0px 30px;
	padding:3px 5px 0px 5px;
	background-image:url(images/searchfield.gif);
	border:1px solid;
	border-left-color:#222222;
	border-top-color:#222222;
	border-right-color:#444444;
	border-bottom-color:#444444;
	font:12px Arial;
	color:#363636;
}
.searchSubmit {
	float:left;
	margin-top:3px;
}
.searchTxtFld2 {
	float:left;
	height:17px;
	width:160px;
	margin:4px 5px 0px 0px;
	padding:3px 5px 0px 5px;
	border:1px solid;
	border-left-color:#222222;
	border-top-color:#222222;
	border-right-color:#444444;
	border-bottom-color:#444444;
	font:12px Arial;
	color:#363636;
}
.searchSubmit2 {
	float:left;
	margin-top:3px;
}
.searchForm {
	float:left;
}
.post ul {
	margin:0px 0px 10px 10px;
	padding:0px;
	list-style-position:inside;
}
.tweet-this {
	margin:20px 0px;
	text-align:center;
}
.tweet-this img {
	padding:0px;
	margin:0px;
	border:0px;
}
.tweet-this a {
	color:#3bb9d7;
	font-weight:bold;
}
#quoteSubmission {
	margin:0px;
	padding:0px;
}
#quoteSubmission legend, #quoteSubmission label {
	font-weight:bold;
}
#quoteSubmission li {
	margin-bottom:10px;
}
div.wpcf7 {
	width:500px;
}
span.wpcf7-form-control-wrap {
	display:inline-block;
}
div.wpcf7-response-output {
	margin-top:-90px !important;
}
.subscribe-to-comments label {
	float:none;
}