﻿/*  --------------------------------------------------------------

    Theme Name: ثيم تنفُس
    Theme URI:  http://nofah.com/wordpress/
    Description:  ثيم مدونة تنفُس لا أكثر ... تصميم :  <a href="http://www.mo3aser.com/">UTech</a> - تكويد :  <a href="http://www.takwed.com">Takwed</a>.
    Version: 1.0
    Author: UTech
    Author URI: http://www.utech.com.sa/
    
    Xhtml & CSS By : Takwed.com | Fouad Badawy
    -------------------------------------------------------------   */
 
*
{
		margin:  0;
		padding: 0;
		border:  0 none;
		list-style-type: none;
}
/*	Body
	- - - - - - - - - - */
body
{
		background:#3C3C3C url(images/bg.jpg) repeat-y top center fixed;
		direction: rtl;
		font: 9pt Tahoma, Arial, Helvetica, sans-serif;
		text-align: right;
		color:#FFF;
}
/*	Wrapper
	- - - - - - - - - - */ 
.wrapper
{
		background:url(images/wrapper-bg.jpg) repeat-y top;
		overflow:hidden;
		margin:0 auto;
		width:777px;
}
/*	Header
	- - - - - - - - - - */
.header
{
		background:#FFF url(images/header.jpg) no-repeat center top;
		height: 339px;
		overflow:hidden;
		margin: 0 auto;
		position:relative;
		color:#000;
		font-weight:bold;
}
.logo
{
		position:absolute;
		display:block;
		height:140px;
		text-indent:-9999px;
		overflow:hidden;
		width:340px;
		right:140px;
		top:5px;
}
.buttons
{
		text-align:center;
		height:30px;
		position:absolute;
		top:150px;
		right:150px;
		width:350px;
}
.buttons li
{
		float:right;
		padding:0 5px;
		overflow:hidden;
		width:90px;
		margin-left:15px;
}
.buttons li a
{
		display:block;
		height:50px;
		text-indent:-9999px;
		overflow:hidden;
}
.rss-icon
{
		width:100px;
		height:100px;
		display:block;
		position:absolute;
		right:25px;
		top:185px;
		overflow:hidden;
		text-indent:-99999px;
}
/*-------------Modified Header Buttons ///////////*/
.support a:link,
.support a:visited,
.support a:active,
.support a:hover
{
		position:absolute;
		display:block;
		width:90px;
		height:50px;
		top:60px;
		left:125px;
		overflow:hidden;
		text-indent:-9999px;
}
.ads-me a:link,
.ads-me a:visited,
.ads-me a:active,
.ads-me a:hover
{
		position:absolute;
		display:block;
		width:90px;
		height:50px;
		top:20px;
		left:5px;
		overflow:hidden;
		text-indent:-9999px;
}
.facebook a:link,
.facebook a:visited,
.facebook a:active,
.facebook a:hover
{
		position:absolute;
		display:block;
		width:90px;
		height:50px;
		top:260px;
		left:5px;
		overflow:hidden;
		text-indent:-9999px;
}
/*-------------Modified Header Buttons ///////////*/
/*	Sidebar
	- - - - - - - - - - */
.sidebar
{
		width:176px;
		float:right;
		padding-left:5px;
		overflow:hidden;
		margin-bottom:10px;
}
.side-ads
{
		width:160px;
		height:50px;
		margin:0 auto 8px auto;
}
.widget { background:url(images/widget-bg.jpg) repeat-y center top; }
.widget-container
{
		background:url(images/widget-title.jpg) no-repeat center top;
		padding:0 15px;
}
.widget h2
{
		font-size: 12pt;
		color:#6B0A1D;
		padding:8px 10px 0;
		text-align:center;
		margin-bottom:20px;
}
.widget-footer
{
		background:url(images/widget-footer.jpg) no-repeat center top;
		height:50px;
		margin-bottom:10px
}
.widget h2 a:active,
.widget h2 a:link,
.widget h2 a:visited { color:#FFF; }
.sidebar ul li
{
		display:block;
		border-bottom: 1px solid #999;
		padding:5px 3px;
}
.sidebar ul li:hover { border-bottom: 1px solid #AFAFAF; }
.sidebar a:link,
.sidebar a:active,
.sidebar a:visited { color: #222; }
.sidebar a:hover { color: #555; }
/*	Narrowcolumn
	- - - - - - - - - - */
.container
{
		margin:0 auto;
		overflow:hidden;
		padding:10px;
		height:100%;
		width:740px;
		padding-left:15px;
}
.narrowcolumn
{
		width:540px;
		margin:10px 0;
		float:left;
}
.title
{
		background:url(images/title.jpg) no-repeat bottom;
		height:66px;
}
.title h2
{
		font-size: 16pt;
		padding:20px 0 12px;
		_margin-top:25px;
		_padding:0;
}
.postmetadata
{
		background:#323232;
		padding:0 8px;
		font-size:90%;
		height:20px;
		float:left;
		-moz-border-radius-bottomleft : 8px;
		-webkit-border-bottom-left-radius: 8px;
		-moz-border-radius-bottomright : 8px;
		-webkit-border-bottom-right-radius : 8px;
		margin-left:10px;
		overflow:hidden;
		/* IE 6 Fix */
		display:inline;
		_width:500px;
		_background:none;
}
.date
{
		background:url(images/date.jpg) no-repeat;
		height:50px;
		width:50px;
		float:right;
		margin:0px 10px 0;
		line-height:15px;
		text-align:center;
		display:inline;
}
.date strong
{
		font-size:22pt;
		display:block;
		padding-top:10px;
		color:#333;
}
.bar
{
		background:url(images/title.jpg) no-repeat bottom;
		height:46px;
		text-align:center;
		padding-top:10px;
		font-weight:bold;
		font-size:120%;
		color: #6B0A1D;
}
.bar a:link,
.bar a:active,
.bar a:visited { color: #2f2f2f; }
.bar a:hover { color: #000; }
.post
{
		line-height:20px;
		text-align:justify;
		margin-bottom:25px;
}
.entry
{
		padding:5px 10px 0;
		clear:both;
}
blockquote
{
		margin: 15px 30px 0 10px;
		padding-right: 20px;
		border-right: 5px solid #ddd;
		color: #999;
}
.more-link
{
		text-align:left;
		display:block;
}
.post p { margin-bottom:1.2em; }
.navigation
{
		display: block;
		text-align: center;
		margin: 0 0 35px;
}
html>body .entry ul
{
		margin-left: 0px;
		padding: 0 30px 0 0;
		list-style: none;
		padding-left: 10px;
		text-indent: -10px;
}
html>body .entry li { margin: 7px 0 8px 10px; }
.entry ul li:before,
#sidebar ul ul li:before { content: "\00BB \0020"; }
.entry ol { padding: 0 0 0 35px; }
/*	CommentList
	- - - - - - - - - - */	
.commentlist li .avatar
{
		float: left;
		padding: 1px;
		background: #000;
		margin-left:5px;
}
.commentlist cite,
.commentlist cite a { font: bold 12pt arial; }
.commentlist p
{
		line-height:20px;
		margin:0 5px 5px;
}
.alt { padding: 10px; }
.commentlist li
{
		border: 1px solid #000;
		margin: 15px 4px 10px 5px;
		padding:  10px;
		-moz-border-radius:5px;
		-webkit-border-radius:5px;
}
.commentlist li ul li
{
		margin-left: -5px;
		margin-right: 20px;
}
.children { padding: 0; }
#commentform p { margin: 5px 0; }
.nocomments { text-align: center; }
.commentmetadata
{
		display: block;
		font-size:90%;
		margin-bottom:18px;
		border-bottom:1px solid #000;
		padding:5px 10px 15px;
}
.reply a
{
		background:#000;
		padding:3px 5px 5px;
		display:block;
		width:20px;
		-moz-border-radius:5px;
		-webkit-border-radius:5px;
		text-align:center;
		color:#FFF !important;
}
.says { display:none }
.thread-alt,
.thread-even .alt { background-color: #393939; }
.thread-alt .odd,
.thread-even { background-color: #2d2d2d; }
.bypostauthor,
.thread-alt .bypostauthor,
.thread-even .bypostauthor
{
		border: 1px solid #FFF !important;
		background:#6B0A1D
}
.commentlist li .bar
{
		background:none;
		color:#FFF !important;
}
/*	Footer
	- - - - - - - - - - */
.footer
{
		clear:both;
		background:url(images/footer.jpg) no-repeat bottom;
		overflow:hidden;
		margin:10px 0 0;
		height:300px;
}
.footer-box
{
		width:247px;
		height:260px;
		float:right;
		margin:0 5px 10px 5px;
		overflow:hidden;
}
.footer-box h3
{
		background:url(images/footer-h3.jpg) no-repeat center;
		display:block;
		margin:10px 0;
		text-align:center;
		padding:3px 7px;
		color:#74727E;
		font-size:12pt;
}
.footer-list
{
		overflow:hidden;
		padding:0 5px;
}
.footer-list li
{
		display:block;
		border-bottom: 1px solid #74727E;
		padding:7px 3px;
		color:#000;
		list-style:none;
}
.footer-list li:hover { border-bottom: 1px solid #333; }
.footer-list a:link,
.footer-list a:active,
.footer-list a:visited { color: #ccc !important; }
.footer-list a:hover { color:#FFF !important; }
.utech
{
		width:100px;
		height:40px;
		float:left;
		text-indent:-99999px;
		overflow:hidden;
}
/*	Forms
	- - - - - - - - - - */
#commentform input { width:200px; }
textarea { width: 95%; }
textarea,
input
{
		background: #2d2d2d;
		border: 2px solid #000;
		color: #FFF;
		font:9pt Tahoma;
		margin-bottom:7px;
		-moz-border-radius:5px;
		-webkit-border-radius:5px;
		padding:4px 8px;
}
input:hover,
textarea:hover { border: 2px solid #AFAFAF; }
input:focus,
textarea:focus
{
		border: 2px solid #ccc;
		background:#393939;
}
/*	Align & Links & Text
	- - - - - - - - - - */
img.centered,
img.aligncenter
{
		display: block;
		margin:2px auto;
		border:1px solid #cbcdcc;
		padding: 4px;
}
img.alignright
{
		padding: 4px;
		margin: 2px 3px 3px 8px;
		display: inline;
		border:1px solid #cbcdcc;
		clear:both;
}
img.alignleft
{
		padding: 4px;
		margin: 2px 8px 3px 3px;
		display: inline;
		border:1px solid #cbcdcc;
		clear:both;
}
.alignright { float: right; }
.alignleft { float: left; }
small
{
		font: normal 9pt tahoma, Arial, Helvetica, sans-serif;
		line-height: 1.5em;
}
h2,
h3
{
		font-family: Arial, 'Trebuchet MS', 'Lucida Grande', Verdana, Sans-Serif;
		font-weight: bold;
}
h2 { font-size: 16pt; }
h2.pagetitle
{
		font-size: 18pt;
		text-align: center;
		color:#A87A45;
		margin-bottom:10px;
}
h3 { font-size: 14pt; }
h2 a:link,
h2 a:active,
h2 a:visited { color:#6b0a1d; }
h2 a:hover { color:#990D0D; }
a:link,
a:active,
a:visited
{
		text-decoration: none;
		outline:none;
		color: #FFF;
}
a:hover { color: #000; }
.clear { clear:both; }
