/*

Theme Name: TFD

Theme URI: http://www.behance.net/maryamalfahim

Version: 1.0

Author: Maryam AlFahim

Author URI: http://www.behance.net/maryamalfahim

*/



html, body {

	margin: 0;

	padding: 0;

	height: 100%;

	background-color: #fff;

	font: 0.9em "Theano Didot";

	color: #000;

}

@font-face {

    font-family: 'TheanoDidotRegular';

    src: url('font/TheanoDidot-Regular-webfont.eot');

    src: url('font/TheanoDidot-Regular-webfont.eot?#iefix') format('embedded-opentype'),

         url('font/TheanoDidot-Regular-webfont.woff') format('woff'),

         url('font/TheanoDidot-Regular-webfont.ttf') format('truetype'),

         url('font/TheanoDidot-Regular-webfont.svg#TheanoDidotRegular') format('svg');

    font-weight: normal;

    font-style: normal;

}



@font-face { 

	font-family: 'MyCentury';

	src: url('font/c.eot');

	src: url('font/c.eot?#iefix') format('embedded-opentype'),

	     url('font/c.woff') format('woff'),

	     url('font/c.ttf') format('truetype'),

	     url('font/c.svg#webfont') format('svg');

}

.clear {

	clear:both;

}

p {

	color: #242324;

	font-family: MyCentury;

	line-height: 1.7em;

	font-size: 110%;

	text-align: justify;

}

textarea {
	font-family: MyCentury;
}

h1, h2, h3, h4, h5, h6, h7 {

	color: #080c0e;
	font-family: "Theano Didot";
	font-weight: normal;

}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, h7 a {

	color: #080c0e;

}



h1 {

	font-size: 2.7em;

}



.aligncenter,

div.aligncenter {

	display: block;

	margin-left: auto;

	margin-right: auto;

}



a {

	text-decoration: none;

	color: #000;

}



a:hover {

	text-decoration: underline;

}



img {

	border: 0;

}



input {

	height: 22px;

	font: 0.9em 'MyCentury';

	border: 1px solid #908f8f;

	padding: 0 5px;

}



#wrapper {

	min-height: 100%;

	position: relative;

}



#container {

	width: 915px;

	margin: auto;

}



#header {

	height: 200px;

	margin-bottom: 55px;

}



#h-logo {

	background: url(images/logo.png);

	width: 570px;

	height: 130px;

	margin: 40px auto 30px auto;

	display: block;

}



#nav {

	margin: 0 auto;

	padding: 0;

	list-style: none;

	width: 620px;

}



#nav li {

	display: block;

	position: relative;

	z-index: 500;

	float: left;

	margin-right: 50px;

}



#nav li a {

	display: block;

	padding: 2px;

	width: 80px;

	color: #464546;

	text-align: center;

	font-size: 110%;

}



#nav li a:hover, #nav a.selected {

	background-color: #000;

	text-decoration: none;

	color: #fff;

}



#nav ul {

	position: absolute; 

	left: 0; 

	display: none; 

	margin: 0; 

	padding: 0;

	padding-bottom: 5px;

	list-style: none;

	background-color: #000;

	width: 145px;

}



#nav ul li {

	float: left;

	width: 140px;

}



#nav ul a {

	display: block;

	height: 15px;

	width: 100%;

	color: #ffffff;

	text-align: center;

}

	 

#nav ul a:hover {

	color: #e94aa0;

}



#content {

	padding-bottom: 100px;

	overflow: hidden;

}



#content-left {

	float: left;

	width: 510px;

}



.post {

	overflow: hidden;

	margin-bottom: 70px;
	font-family: MyCentury;

}

.post img {
	max-width: 100%;
}

.archives {

	float: left;

	width: 250px;

}



.archives li {

	float: left;

	width: 250px;

	line-height: 2em;

}



.post small {

	color: #e94aa0;

	text-transform: uppercase;

}

.post-time {
	text-align: center;
	display: block;
	font-family: "Theano Didot";
}

.cat-tag {

	font-size: 90%;

}



.post h2, h1 {

	margin-top: 0;

}

.post h2 {
	text-align: center;
}

.post_more {

	background: url(images/content_more.png) center;

	height: 62px;

	width: 510px;

	display: block;

	margin-top: 35px;

}



#post_pagination {

	overflow: hidden;

}



#post_pagination-before a {

	float: left;

	display: block;

	text-transform: uppercase;

}



#post_pagination-before a span {

	color: #e94aa0;

	font-size: 2.3em;

}



#post_pagination-after a {

	float: right;

	display: block;

	display: block;

	text-transform: uppercase;

}



#post_pagination-after a span {

	color: #e94aa0;

	font-size: 2.3em;

}


.ncode_imageresizer_warning {
	display: none;
}

.commentlist {

	list-style: none;

	font-family: "MyCentury";

	padding-left: 0;

}



.commentlist li ul {

	list-style: none;

}



.commentlist li {

	margin-bottom: 30px;

}



.commentlist li cite {

	font-style: normal;

	font-size: 120%;

	color: #e94aa0;

}



.commentlist li cite a {

	color: #e94aa0;

}



.commentmetadata, .reply {

	font-size: 80%;

}



.avatar {

	display: none;

}



.says {

	display: none;

}



#content-right {

	float: left;

	width: 265px;

	margin-left: 140px;

}



#search-input {

	width: 197px;

}



#search-button {

	margin-left: 4px;

	height: 24px;

	width: 42px;

	background-color: #000;

	border: 1px solid #d3d3d3;

	text-transform: uppercase;

	color: #fff;

	font: 1.1em "Theano Didot";

	padding-top: 1px;

}



#search-below {

	background: url(images/side_search.png) no-repeat 6px;

	height: 154px;

	width: 265px;

}



#social {

	background: url(images/side_social.png) no-repeat;

	height: 80px;

	width: 252px;

	margin: 5px 0 20px 0;

	padding: 128px 0 0 13px;

}



#social div {

	width: 148px;

	overflow: hidden;

}



#social div a {

	display: block;

	margin-right: 1px;

	height: 27px;

	width: 28px;

	float: left;

}



#twitter {

	background: url(images/side_social-buttons.png) left top;

}



#twitter:hover {

	background: url(images/side_social-buttons.png) left bottom;

}



#facebook {

	background: url(images/side_social-buttons.png) -28px top;

}



#facebook:hover {

	background: url(images/side_social-buttons.png) -28px bottom;

}



#pin {

	background: url(images/side_social-buttons.png) -57px top;

}



#pin:hover {

	background: url(images/side_social-buttons.png) -57px bottom;

}



#instagram {

	background: url(images/side_social-buttons.png) -86px top;

}



#instagram:hover {

	background: url(images/side_social-buttons.png) -86px bottom;

}



#tumblr {

	background: url(images/side_social-buttons.png) right top;

}



#tumblr:hover {

	background: url(images/side_social-buttons.png) right bottom;

}



#newsletter-subscribe {

	margin-left: 4px;

	height: 24px;

	width: 81px;

	background-color: #000;

	border: 1px solid #d3d3d3;

	text-transform: uppercase;

	color: #fff;

	font: 0.8em "Theano Didot";

	padding-top: 2px;

}



/* Contact Starts */



#contact-inputs {

	direction: rtl;

	width: 400px;

	margin-top: 40px;

}



.wpcf7-form p label {

	font: 0.8em "Theano Didot";

	text-transform: uppercase;

}



.wpcf7-form p input {

	border: 1px solid #000;

	direction: ltr;

	width: 320px;

}



#contact-textarea {

	margin: 0;

	padding: 0;

}



.wpcf7-form textarea {

	border: 1px solid #000;

	height: 240px;

	width: 390px;

	margin-left: 63px;

	padding: 5px;

}



#contact-submit {

	margin: 0;

	padding: 0;

}



#contact-submit input {

	background-color: #e94aa0;

	height: 20px;

	width: 60px;

	color: #fff;

	font: 0.9em "Theano Didot";

	text-transform: uppercase;

	border: 0;

	margin-left: 405px;

}



/* Contact Ends */



#footer {

	background-color: #000;

	height: 55px;

	width: 100%;

	position: absolute;

	bottom: 0;

	left: 0;

	margin-top: 45px;

}



#footer p {

	text-align: center;

	color: #fff;

	line-height: 0.9em;

	letter-spacing: 3px;

	text-transform: uppercase;

	font-family: Theano Didot;

	font-size: 100%;

	margin-top: 17px;

}





#footer p span {

	font-size: 80%;

}



#footer p a {

	color: #fff;

}