/*

Theme Name: Ubuntu-Based on Sleepy Blue & tangowp

	Theme URI: http://www.ubuntublog.ir/

	Description:Ubuntu-A Smart 2-column theme based on Sleepy Blue & tangowp Created By <a href="http://ubuntublog.ir">Pedram Veisi</a>. 

	Version: 1.0

	Author: Pedram Veisi

	Author URI: http://www.ubuntublog.ir/



		This theme is released under Creative Commons Attribution 2.5 License.



	*/





	/*######################################################################################################

	  ###### General styles ###############################################################################

	  ####################################################################################################*/



	body {

		font: 75%/150% "Tahoma", Arial, Verdana;

		padding:0;

		background-image: url(images/bgrepeat.jpg);

		background-color: #D3CAAA;

		background-repeat: repeat-x;

		padding: 0;

		margin: 0;

	        direction: rtl;

	}

	
	#italy_supporting a img {

		border:0 none;

		padding:0;

	}
	
	
	



	/***************** Links *******************/

	a, a strong	{ color: #413122; text-decoration: none; }

	a:hover	{ text-decoration: color: #800000;}

	a:hover strong {color: #f00;}

	form {margin:0;padding:0;}

	input, textarea {font: 1.0em Tahoma,Verdana, Arial, Helvetica, sans-serif; color: #333;}

	p {margin: 10px 0;}

	img {border:1px solid #EEE; padding: 1px; margin:0;}

	/* Some peoples sometime using this class for aligning the image */

	img.alignleft, img.left {float:left; margin-right: 5px; margin-left: 0px;}

	img.alignright, img.right {float:right; margin-left: 5px; margin-right: 0px;}

	.clear {clear:both; overflow:hidden;}

	strong, b {color: #000000;}





	form {

		margin:0px;

		padding:0px;

	}



	#wrap {

		margin: 5px auto;

		width: 900px;

		border-left: 5px solid #8D8D8D;

		border-right: 5px solid #8D8D8D;

		background: #FFFFFE url(images/content-bg.gif) repeat-y top right;

		overflow: hidden;

		position:relative;

	}



	/***************** Code, Blockquote etc. **************************************/

	#content blockquote {padding:0 0 0 10px;margin:30px 50px 30px 70px; color:#000; 
font-size: 1.0em; border-left: 5px solid #edeade; line-height: 1.2em;}
#content p.postmetadata {clear:both; overflow:hidden;background: #f7f7f7; padding:5px 10px; line-height: 1.0em;}

code 
{	display: block;
	margin: 15px 100px;
	padding: 2px;
	clear: both;
	text-align: left;
	font-size: 1.3em;
	border: 1px dashed #cebf91;
	background-color: #edeade;
	color: #000000;
	
	}


	/* alignments */

	.center {

		text-align: center;

	}

	</br>img.center, img[align="center"] {

		display: block;

		margin-left: auto;

		margin-right: auto;

	</br>

	}

	.alignleft {

		float: left;

	}

	img.alignleft, img[align="left"] {

		float:left;

		margin: 2px 10px 5px 0px;

	}

	.alignright {

		float: right;

	}

	img.alignright, img[align="right"] {

		float:right;

		margin: 2px 0px 5px 10px;

	}

	.clear {

		clear:both;

	}





	/*######################################################################################################

	  ###### Header ########################################################################################

	  ####################################################################################################*/


#header h1 {

		font-size: 35px; font-weight: bold;

		margin: 0;
		
		color:#000000

padding: 45px 0 0 50px;

}

	#header {

		background: d3caaa;

		height: 110px;

		border-bottom: 2px solid #7a6747;

		position: relative;

		background-color: d3caaa;


	}

	#headerimg {

		position: relative;

		background: url(images/logo.png) no-repeat left center;

		padding: 10px 0px 0px 0px;

		height: 65px;

		margin: 5px auto;

		padding-left: 60px;

		width: 840px;

	}

	#headerimg .description{

		position: absolute;

		bottom: 3px;

		color: #F6F5EE;

		font-size: 14px;

	}



	/***************** Header Navigation ******************************************/
#navi {
	background: #ECECEC;
	height: 30px;
	width: 900px;
	margin: 0px auto;
	margin-top: 5px;
	border-top: 5px solid #8D8D8D;
	border-left: 5px solid #8D8D8D;
	border-right: 5px solid #8D8D8D;


}
#navi ul {
	margin: 0px;
	padding: 0px;
	white-space: nowrap;
}
#navi ul li {
	list-style-type: none;
	float: left;
	border-right: 1px solid #8D8D8D;
	line-height: 30px;
        font: normal 11px Tahoma;
	text-align: center;
}
#navi ul li a {
	display: block;
	color: #40608C;
	text-decoration: none;
	background: #ECECEC;
	padding: 0px 15px;
	line-height: 30px;
}
#navi ul li.current_page_item a {
	color: white;
	background: #4E79A2;
}
#navi ul li a:hover {
	color: #4E79A2;
	background: #FFF;
}




	/*######################################################################################################

	  ###### Content #######################################################################################

	  ####################################################################################################*/

	#content {

		padding: 10px 10px 15px 14px;

		float: left;

		width: 632px;

		overflow: hidden;

	}

	.post {

		clear:both;

		padding-top: 15px;
		
		text-align: justify;

	}

	.post-date {

		width: 45px;

		height: 49px;

		float:left;

		background: url(images/date-bg.gif) no-repeat;

	}

	.post-month {

		font-size: 11px;

		text-transform: uppercase;

		color: #FFFFFF;

		text-align: center;

		display:block;

		line-height: 11px;

		padding-top: 2px;

		margin-left: -3px;

	}

	.post-day {

		font-size: 18px;

		text-transform: uppercase;

		color: #999999;

		text-align: center;

		display:block;

		line-height: 18px;

		padding-top: 7px;

		margin-left: -3px;

	}

	.entry {

		float:right;

		width: 458px;

	}

	.post-cat {

		background: url(images/mini-category.gif) no-repeat left center;

		padding-left: 20px;

		float:left;

		font-size: 95%;

	}

	.post-author {

	    background: url(images/icon-users.gif) no-repeat left center;

		margin-left: 10px;

		padding-left: 20px;

		float: left;

		font-size: 95%;

	}

	.post-tag {

	    margin-left: 10px;

		float: left;

		font-size: 95%;

	}

	.post-comments {

		background: url(images/mini-comments.gif) no-repeat left bottom;

		padding-left: 20px;

		float: right;

		font-size: 95%;

	}

	.post-calendar {

		background: url(images/mini-calendar.gif) no-repeat left center;

		padding-left: 20px;

		float: right;

		font-size: 95%;

		color: #999999;

	}

	/******** post content ********/

	.post-content {

		clear: both;

		padding-top: 10px;

	}

	.post-content p {

		margin: 0px 0px 15px 0px;

	}

	.post-content img {

		border: 1px solid #C7C7C7;

		padding: 5px;

	}

	.post-content a:hover img {

	    border: 1px solid #4E79A2;

		padding: 5px;

		background: #4E79A2;

	}

	img.wp-smiley {

		border:0 none;

		margin:0;

		padding:0;
	}

	img.no-border
	{
	
		border:0 none;

		margin:0;

		padding:0;
	
	}



	/**** entrymeta ****/

	.entrymeta {

		border: 1px solid #8d8d8d;

		background-color: #f9f9f9;

		font-size: 90%;

	}

	.entrymeta ul {

	    margin: 8px auto 8px 40px;

		padding: 0px;

	}

	.entrymeta ul li {

	  	list-style-type: none;

	}

	.trackback-leftalign { background: url(images/icon-trackback.png) no-repeat 0 50%; padding-left: 14px; }

	.feed-leftalign { background: url(images/icon-post-feed.gif) no-repeat 0 50%; padding-left: 14px; }

	/***************** Tags below the link of the comments feed ********************/

	.utwtags { background: url(images/icon-tag.gif) no-repeat 0 50%; padding-left: 14px; }



	.navigation {

		clear: both;

		padding: 10px 0px;
		

	}

	.navigation a, .navigation a:visited {

		color: #4A7C35;

	}

	.previous-entries a {

		float: left;

		padding-left: 18px;

		background: url(images/mini-nav-left.gif) no-repeat left center;

	}

	.next-entries a {

		float: right;

		padding-right: 18px;

		background: url(images/mini-nav-right.gif) no-repeat right center;

	}



	/* comments area */

	#comments, #respond {

		border-bottom: 1px dotted #8D8D8D;

		padding: 30px 0 15px 0;

		clear: both;

	}



	/*** commentlist ***/

	.commentlist {

	    list-style: none;

		margin: 10px 0px;

		padding-left: 0px;

		line-height: 200%;

	}

	.commentlist li{

	    margin-bottom: 6px;

		padding: 10px;

	}

	.commentlist .alt {

		background: #F9F9F9;

		border: 1px dotted #8D8D8D;

	}

	.commentlist cite, .commentlist cite a, .commentlist cite a:visited {

		font-weight: bold;

		font-style: normal;

		font-size: 100%;

	}

	.commentlist small {

		margin-bottom: 5px;

		display: block;

		font-size: 87%;

	}

	.commentname{

		color: #4E79A2;

	}

	.gravatar {

	    border: 1px solid #AAAAAA;

		padding: 5px;

	    float: left;

		height: 32px;

		width: 32px;

		background: url(images/gravatar.png) no-repeat 5px 2px;

		display: inline;

	}

	.commentcount {

	    font: bold 2.2em Georgia,sans-serif;

		color: #DEDEDE;

		float: right;

	}

	.commentext { /* That's the div of the text... */ 

		padding: 0px 0px 0px 50px;

	}



	/***** comment form *****/

	#commentform {

		margin-top: 10px;

		font: 110% Tahoma;

	}

	#commentform p {

		padding: 2px 0px;

		margin: 0px;

	}

	#commentform label{

		color: #787878;

		font-size: 87%;

	}

	#commentform input{

		width: 200px;

		background:#F9F9F9;

		border: 1px solid #8D8D8D;

		padding: 3px;

		margin-top: 3px;
		
		font: 90% Tahoma;

	}

	#commentform textarea{

		width: 506px;
		
		font: 90% Tahoma;

	/** height: 115px; **/

		background:#F9F9F9;

		border: 1px solid #8D8D8D;

		padding: 2px;

	}

	#commentform textarea:focus, #commentform input[type="text"]:focus {

		background: #ffffff;

	}

	#commentform #submit{

		background: url(images/btn-bg.gif) no-repeat;

		font: 10px Tahoma, Arial, Helvetica, sans-serif;

		color: #000000;

		border: none;

		float:center;

		width: 80px;

		height: 28px;

		cursor: pointer;

	}



	/** Quicktags **/

	#quicktags {

		margin-top: 4px;

		margin-bottom: 0px;

	}



	#quicktags input {

		background: #f9f9f9 url(images/button-bg.png) repeat-x;

		border: 1px solid #aaaaaa;

		font-size: .9em;

		color: #666;

		font-family: Tahoma, Arial, Helvetica, sans-serif;

		width: auto;

		margin: 1px 2px 0px 0px;

		padding: 0px 1px 0px 1px;

	}



	#quicktags input:hover {

		border: 1px solid #4E79A2;

	}





	/*######################################################################################################

	  ###### Sidebar #######################################################################################

	  ####################################################################################################*/



	#sidebar a:hover {text-decoration:none; color: #f60;}

	#sidebar ul {margin: 0 0 10px 0; padding:0; list-style-type: none;border-top: 1px solid #fafaf5;}

	#sidebar h2 {font: bold 1.1em "Trebuchet MS", Verdana, Arial, Helvetica, Tahoma, sans-serif;color:#333;; margin:0; padding:0; 

	padding-left: 20px; border-bottom: 1px solid #D3CAAA; text-transform:uppercase;}

	#sidebar #header h2 {padding-left: 0; border:0; color: #000000}



	#sidebar {

		float: right;

		padding: 15px 10px 20px 10px;

		width: 220px;



		overflow: hidden;

	}

	/*sidebar title (h2) */

	#sidebar h2 {

		font: bold 1.1em "Trebuchet MS", Tahoma, Arial;

	        color:#333;;

		margin: 20px 0px 2px;

		border-bottom: 1px solid #8D8D8D;





	}

	/*sidebar text styles */

	#sidebar a, #sidebar a:visited{



		text-decoration: none;

	}

	#sidebar a:hover{



		text-decoration: none;

	}

	/*sidebar list level1 */

	#sidebar ul {

		margin: 0;

		padding: 0;

	}

	#sidebar ul li {

		list-style: none;

		margin: 0;

		padding: 0;

		border: none;

	}

	/*sidebar list level2 */

	#sidebar ul li ul {

		padding: 0;

		margin: 0;

	}

	#sidebar ul li ul li{

		padding: 2px 0 2px 0px;

		border-bottom: 1px solid #DDD;

	}

	/*sidebar list level3 */

	#sidebar ul li ul li ul li{

		padding: 1px 0 1px 10px;

		border: none;

	}

	/*blogroll */

	ul.list-blogroll li, li.widget_links li {

		background: url(images/mini-blogroll.gif) no-repeat left center !important;

		padding-left: 20px !important;

	}

	/*category widget */

	ul.list-cat li, li.widget_categories li {

		background: url(images/mini-category.gif) no-repeat left center !important;

		padding-left: 20px !important;

	}

	/*archives widget */

	ul.list-archives li, li.widget_archives li {

		background: url(images/mini-monthly-archive.gif) no-repeat left center !important;

		padding-left: 20px !important;

	}

	/*pages widget */

	ul.list-page li, li.widget_pages li, li.widget_recent_entries li {

		background: url(images/mini-page.gif) no-repeat 0px 3px !important;

		padding-left: 20px !important;

	}



	/*sub-pages 

	ul.list-page li ul li, li.widget_pages li ul li {

		background: url(images/mini-page-arrow.gif) no-repeat !important;

		padding-left: 10px !important;

	}*/



	/*recent comments widget */

	ul.recent-comments li, li.widget_recent_comments li {

		background: url(images/mini-recent-comments.gif) no-repeat 0px 4px !important;

		padding-left: 20px !important;

		list-style: none;

		color: #5A6695;

	}



	/********* calendar ********/

	li.calendar table, li.widget_calendar table {

	    width: 100%;

		font-size: 95%;

	}

	li.calendar table td, li.widget_calendar table td {

		width: auto;

		text-align: center;

		border: 1px solid #CCC;

	}

	li.calendar table td a, li.widget_calendar table td a {

	    display:block;

		background: #CCC;

	}

	li.calendar table td a:hover, li.widget_calendar table td a:hover {

	    display:block;

		background: #F6F6F6;

	}

	li.calendar table td#today, li.calendar table td#today a:hover, li.widget_calendar table td#today, li.widget_calendar table td#today a:hover {

	    background: #F6F6F6;

	    color: #135193;

	}

	li.calendar table td#today a, li.widget_calendar table td#today a {

	    background: #4E79A2;

		color: #F6F6F6;

	} 



	/*** links ***/

	ul.list-meta li, li.widget_meta li {

		background: url(images/link.gif) no-repeat left center !important;

		padding-left: 20px !important;

	}

	/*** feeds ***/

	ul.list-feeds li a {

	    display: block;

		background: url(images/icon-feed-orange.gif) no-repeat left center !important;

		padding-left: 20px !important;

	}

	ul.list-feeds li a:hover {

		background: url(images/icon-feed-blue.gif) no-repeat left center !important;

		padding-left: 20px !important;

	} 

	/*text widget */

	.textwidget {

		padding-top: 5px;

	}



	/*search form */

	#searchform {

		margin: 0px;

	}

	#searchform br {

		display: none;

	}

	#searchform #s {

		width: 122px;

		height: 20px;

		padding: 4px 19px 0px 4px;

		border: 1px solid #8D8D8D;

		background: #FEFEFE url(images/search-icon.gif) right center no-repeat;

		margin-right: 2px;

		color: #333333;

		font-weight: normal;

	}

	/* search form button - to specify button only use input[type="submit"] */

	#searchform input {

		background: url(images/search-btn-bg.gif) no-repeat;

		border: none;

		width: 67px;

		height: 26px;

		font: bold 12px Arial, Helvetica, sans-serif;

		color: #FEFEFE;

		vertical-align: middle;

	}





	/*######################################################################################################

	  ###### Footer ########################################################################################

	  ####################################################################################################*/



	#footer {

	    width: 900px;

		height: 30px;

		clear: both;

		background: #fefefe;

		margin: -5px auto 20px auto;

		border-left: 5px solid #8D8D8D;

		border-top: 1px solid #8D8D8D;

		border-right: 5px solid #8D8D8D;

		border-bottom: 5px solid #8D8D8D;

		text-align: center;

	}



	#footer p {

	    margin-top: 5px;

	    font-family: Arial, Helvetica, sans-serif;

		color: #777;

		font-size: 95%;

	}



	#footer p a {

		color: #135193;

	}