/*  
Theme Name: Compositio
Theme URI: http://designdisease.com/
Description: Created by <a href="http://designdisease.com">Design Disease</a> and Translated by <a href="http://blog.sagharchi.ir">Farzad Sagharchi</a>. This work is licensed <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, and make any changes you like. 
Version: 1
Author: Design Disease
Author URI: http://designdisease.com/
*/


/* Begin Typography & Colors */
* { margin: 0; padding: 0; }
body { 
	background: #c6e5f2 url(images/body-bkg.png) no-repeat center top;
	font-family:Tahoma, Helvetica, sans-serif; 
	font-size: 12px; 
	padding: 0px; 
	margin-top: 0px; 
	color:#35383d;
	}



/* Container 
############################################################################################################## */
.menu li {
	letter-spacing: 0px;
	font-size:15px;
	float: left; 
	}

/* Logo
 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.logo .txt {
	width: 520px;
	text-align:right;
	padding-left: 70px;
	background: url(images/logo-symbol.png) no-repeat right 10px;
	padding-bottom: 30px;
	}
.logo .txt h1 { 
	font: bold 50px/50px "Arial";
	letter-spacing: 0px;
	padding-right:65px;
	}


/* SL ()
 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.SL { 
	text-align:justify;
	direction:rtl;
	padding:0;
}	
.edit a {
	background:transparent url(images/edit-icon.png) no-repeat scroll right 2px;
	padding-right:15px;
	}

/* Post Single
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.p-head {
	padding-bottom: 15px;
	padding-right:2px;	}

.p-head h2 { 
	color:#272d36;
	font: normal 25px/25px "arial";
	letter-spacing: 0px; 
	font-weight:bold;
	}

.p-cat { 
	font: normal 11px/14px 'Tahoma';
	}

.p-time {
	background: url(images/p-time-bkg.png) no-repeat right bottom;
	position: absolute;
	left: 550px;
	top: 5px;
	width: 50px;
	padding-bottom: 10px; 
	}

.p-con ul { 
	padding: 10px 0px 10px 20px;
	}
.p-con ul li {
	padding: 2px 13px 2px 0;
	background: url("images/p-con-li.png") no-repeat right 1px;
	}

.p-det li { 
	color:#7f7f7f; 
	display: inline; 
	padding: 4px 0px 6px 30px; 
	margin-right: 10px; }
.p-det li.p-det-com { 
	background: url("images/p-det-com.png") right center no-repeat;
	padding: 5px 40px 5px;
	}

.p-det li.p-det-tag { 
	background: url("images/p-det-tag.png") right center no-repeat;
	padding: 5px 40px;
	}
.p-det li a,.p-det a:visited {
	font: normal 14px/18px "Tahoma";
	margin-right: 3px;}
	
.p-con p {
	font-family:tahoma;
	}
.p-con blockquote p {
	font-family:tahoma;
	}


/* Comments
############################################################################################################## */
.comments-list h2 {
	font: normal 28px/28px "Arial";
	letter-spacing: 0px;
	}

.comments-list div.alt {
	background: #e1f4fc url(images/comments-list-alt-bkg.png) no-repeat right top;
	}
.comments-list p.name {
	font: bold 14px/14px "Tahoma" sans-serif;
	letter-spacing: -1px;
	color:#000
	}
.comments-list p.avt {
	float: left;
	}

.comments-list .con p {
	font: normal 12px/17px "Tahoma"; padding: 5px 0px;
	}

/* Comments Form
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.comments-form h3 {
	font: normal 25px/25px "Arial";
	letter-spacing: 0px; 
	}
.comments-form input.formid {
	background: #fff url(images/form-name-bkg.png) no-repeat right;
	padding: 5px 40px 5px 5px;}
.comments-form input.formemail {
	background: #fff url(images/form-email-bkg.png) no-repeat right;
	padding: 5px 40px 5px 5px;}
.comments-form input.formuri {
	background: #fff url(images/form-uri-bkg.png) no-repeat right;
	padding: 5px 40px 5px 5px;}

.comments-form .button {
	border: 1px solid #a8d3e4;
	background: url(images/button-post-comment.png) no-repeat right;
	font-family:Tahoma;
	font-size:12px;
	padding: 4px 38px 4px 6px;}


/* Search 
 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.SR .search {
	background: #3d96d5 url(images/search-bkg.png) no-repeat right bottom;
	}
.SR .search input {
	background:transparent url(images/search-input.png) no-repeat scroll 100% 0;
	direction:rtl;
	text-align:right;
	float: right;
	padding: 5px 65px 5px 3px;
	}
.SR .search button {
	float: right;
	}
.SR .syn ul { 
	direction:rtl;
	text-align:right;
	}

.SR .syn li {
	background: url(images/SynIco.png) no-repeat right center;
	padding: 3px 15px 3px 0px;
	letter-spacing: 0px;
	}

/* About Blog 
 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.SR .about { 
	direction:rtl;
	text-align:right;
	}

/* Photostream 
 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.SR .photostream {
	direction:rtl;
	text-align:right;
	padding: 15px 15px 25px 0;
	}
.SR .photostream ul {
	float: right;
	}
.SR .photostream li {
	background: url(images/photostream-li-bkg.png) no-repeat right top;
	float: right;
	margin: 0px 0px 5px 3px;
	}

/* Categories + Archives 
 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.SR .categs { 
	direction:rtl;
	text-align:right;
	}
.SR .categs div h3 {
	font: bold 15px/15px 'Arial';
	letter-spacing: 0px;
	padding-right:1px;}

/* Recent
 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.SR .recent { 
	direction:rtl;
	text-align:right;
	}	
.SR .recent .tabs li { 
	float: right;
	background: none;
	}
.SR .recent .tabs li a { 
	float: left;
	font: bold 13px/13px "Tahoma";
	color: #102a30; padding: 3px 6px 9px 6px;
	background: #b5d6cd url(images/tabs-inactive.png) no-repeat bottom center;
	margin-right: 3px;
	letter-spacing: 0px; 
	text-decoration: none;
	font-weight:normal;
	}
#tab-comments li {
	background: url(images/tabs-arrow.png) no-repeat right 10px;
	padding: 4px 6px 4px 0;	
	}
#tab-posts li {
	background: url(images/tabs-arrow.png) no-repeat right 8px;
	padding: 1px 6px 1px 0;
	}
#tab-tags { 
	font-family: arial;
	}

/* widget
 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.SR .widget {
	direction:rtl;
	text-align:right;
	}
.SR .widget h3 {
	direction:rtl;
	text-align:right;
	letter-spacing:0px;
	}
.SR .widget li {
	direction:rtl;
	text-align:right;
	background: url(images/tabs-arrow.png) no-repeat right 6px;
	padding: 2px 6px 2px 0;
	}

/* Footer ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.footer {
	direction:rtl;
	text-align:right;
	padding: 15px 90px 15px 0;
	}
.footer p {
	font-family: tahoma;
	}