﻿	body{
		font-family:Arial,Tahoma, "Times New Roman", serif, Garamond;
		font-size:100%;
		background-color:#ffffff;
		background-image:url('../images/blogs/assets/bg_blogs.jpg');
		background-position:left top;
		background-repeat:no-repeat;
		background-attachment:fixed;
		margin:0;
		text-align:center;
		color:#202020;
	}
	img,input,h1{
		padding:0;
		margin:0;
		border:0;
	}

	
	#blogWraper{
		min-width:720px;
		max-width:940px;
		margin:0 auto;
		padding:0 20px 0 40px;
		text-align:left;
		position:relative;
	}
	#blogHeader{
		height:100px;
		position:relative;
	}
	#blogHeader #logo{
		position:absolute;top:20px;
	}
	#blogHeader #tip{
	position:absolute;
	width:300px;
	right:20px;top:20px;
	text-align:center;
	font-style:italic;
	font-size:80%;
	color:gray;
	}
	#blogHeader h1,#blogHeader h3{
		display:none;
	}
	#blogSearch{
		height:25px;
		border-top:1px silver dotted;
		border-bottom:1px silver dotted;
		position:relative;
		vertical-align:middle;
		padding:4px 0;
	}
	
	#searchBox{
		position:absolute;
		right:0;top:0;
		color:#cccccc;
		font-size:75%;
		padding:4px;
		width:280px;
		vertical-align:middle;
		text-align:right;
	}
	#searchBox span{
		display:inline;padding-right:5px;color:gray;
	}
	#searchBox form{display:inline;}
	#searchBox input{
		border:1px silver solid;
		margin:1px;
		width:150px;
	}
	#navLinks{
		margin:5px 0;
		font-size:80%;
		color:#666666;
		position:absolute;
	}
	
	#navLinks a:link, #navLinks a:visited{
		text-decoration:none;
		color:#666666;
	}
	#navLinks a:hover, #navLinks a:focus{
		border-bottom: 1px silver;;
		color:#B4005C;
	}
	
	#blogRightBar{
		float:right;
		width:23%; /* fixed for 800*600 old browsers, she7ata */
		margin:5px;
		border-left:1px #E4D7CA dashed;
	}
	
	#blogLeftContents{
		float:left;
		padding:10px;
		width:73%;
		margin-top:5px;
	}

	#blogLeftContents h1, #blogLeftContents h2,#blogLeftContents h3, #blogLeftContents h4{
		color:#B4005C;
		font-family:Arial, Helvetica, sans-serif
	}
	
	#blogLeftContents code{
	display:block;
	padding:8px 14px;
	border:1px #594356 dotted;
	background:#F4EDE5;
	color:#594356;
	font-family:"Courier New", Courier, monospace;
	text-align:left;
	margin:4px 0;
	}
	
	#blogFooter{
		border-top:1px #3C0A24 dashed;
		padding:20px 0;
		background:#681C43;
	}
	#blogFooterContent{
		min-width:720px;
		max-width:940px;
		margin:0 auto;
		padding:0 20px 0 40px;	
		
		color:#C0C0C0;
		font-size:70%;
		text-align:left;
		text-transform:uppercase;
}
	#blogFooter a:link, #blogFooter a:visited{
		color:#949494;
		text-decoration:none;
	}
	#blogFooter a:hover, #blogFooter a:focus{
		color:#B4005C;
		text-decoration:underline;
	}
	
	
	#comments {
		background:#4F0D2F;
		min-height:282px;
	}
	#commentsContent{
		min-width:720px;
		max-width:940px;
		margin:0 auto;
		padding:0 20px 0 40px;
}
	#commentsList{
	float:left;
	width:65%;
	padding:20px 20px;
	color:silver;
	text-align:left;
	}
	#commentsList h3,#commentsList h3 a:link,#commentAdder h3,#commentAdder h3 a:link{
	font-family:"Arial Narrow", Arial, Tahoma, "Times New Roman";
	font-size:140%;
	color:#C60468;
	padding-bottom:10px;
}
	#commentsList .reply{
	background:#5B1438;
}	
	#commentsList .replyIndent{
	margin-left:40px;padding-left:10px;
	background:#5B1438;	
	}
	#commentsList .comment{
	position:relative;
	min-height:66px;
	color:#B5B3B4;
	font-size:80%;
	border-top:1px #781949 dashed;
	padding-left:10px;
	padding-bottom:10px;
	}
	#commentsList .comment img{
	position:absolute;
	left:-45px;top:5px;
	}
	#commentsList .comment div{
	position:relative;
	margin-left:50px;
	padding:10px;
	}
	#commentsList .comment h4{
	font-size:95%;
	color:#E6DCE1;
	padding-bottom:5px;
	}
	#commentsList .comment h4 a{
	color:#E6DCE1;
	text-decoration:none;
	}
	#commentsList .comment h4 a span{
	color:#615259;
}
	#commentsList .comment h4 span span {
	color:#A30254;
	padding:0 3px;
	}
	
	
	#commentsContent #commentAdder{
	float:left;
	width:30%;
	background:#5B1438;
	text-align:left;
	
}
	#adderContent{
	padding:20px;
	color:#CC5893;
	font-size:80%;
}
#adderContent h3{
	margin:4px 0;
}
	#adderContent .captcha, .captchaTxt{
	width:45px;
	/*background-image:url('/images/blogs/assets/bg_captcha.gif');*/
	background-color:#761A4A;
	color:#C45E93;
	letter-spacing:1px;
	
}
	#adderContent span{
	display:inline-block;
	width:60px;
}	
	#adderContent input{
		color:#EE007B;
		font-size:85%;
		padding:2px;
	}
	#adderContent form div{
	padding-bottom:2px;
}
	.alignMiddle{
	vertical-align:middle;
}
	.titleLevel0{
		color:#B4005C;
		font-size:150%;
		font-weight:lighter;
		padding-bottom:5px;
		border-bottom:1px silver dashed;
	}
	.titleLevel0 a:link, .titleLevel0 a:visited{
		color:#B4005C;
	}
	.titleLevel0 a:hover, .titleLevel0 a:focus {
		color:silver;
		text-decoration:underline;
	}

	.titleLevel1{
		color:#B4005C;
		font-size:140%;
		font-weight:lighter;
		padding-bottom:4px;
		margin:0;
		display:inline;
	}
	.titleLevel1 a:link, .titleLevel1 a:visited{
		display:block;
		color:#B4005C;
		text-decoration:none;
		padding-bottom:1px;
	}
	.titleLevel1 a:hover, .titleLevel1 a:focus {
		color:silver;
		text-decoration:none;
		border-bottom:1px #B4005C dashed;
		padding-bottom:0px;
	}
	
	.titleLevel2{
		/*color:#BFAC9F;*/
		color:#B4005C;
		background:#ffffff;
		font-size:108%;
		font-weight:lighter;
		padding:6px 0;
		margin: 0;
	}
	.titleLevel2 a:link, .titleLevel2 a:visited{
		color:#B4005C;
		text-decoration:none;
		border-bottom:1px #ffffff dashed;
	}
	.titleLevel2 a:hover, .titleLevel2 a:focus 
	{
		color:#B4005C;
		text-decoration:none;
		border-bottom:1px #B4005C dashed;
	}

	.rightBarList{
		list-style:none;
		color:#B4005C;
		margin:5px 10px;
		padding:0;
		font-size:80%;
	}
	.rightBarList li span{
	color:#B4005C;
	}
	.rightBarList li{
		display:inline;
	}
	.rightBarList li a:link, .rightBarList li a:visited{
		display:block;
		padding:5px;
		color: #A1A1A1;
		text-decoration:none;
		border-bottom:1px gray dotted;
	}
	.rightBarList li a:hover,.rightBarList li a:focus{
		color:#B4005C;
		text-decoration:none;
		background:#F7F3EB;
		border-bottom:1px #B4005C dotted;
		
	}
	.rightBarList li a.inline
	{
	    display:inline-block;
	}

	.contentsP, #blogLeftContents p, #blogLeftContents div{
		font-size:100%;
		text-align:justify;
		line-height:1.2em;
		color:#352931;
		margin:7px 0;
		padding:3px 0;
		font-family:Tahoma, Arial, "Traditional Arabic";
	}
	.contentsP a:link, .contentsP a:visited, #blogLeftContents a:link,#blogLeftContents a:visited{
		color:#B4005C;
		text-decoration:none;
	}
	.contentsP a:hover, .contentsP a:focus, #blogLeftContents a:hover,#blogLeftContents a:focus {
		color:#584452;
		text-decoration:none;
		border-bottom:1px #B4005C dashed;
	}
	
	.leftImage{
		float:left;
		background:white;
		padding:4px;
		border:1px silver solid;
		margin:2px 5px 0 0;
	}
	
	.clearHr{
		clear:both;
		color:white;
		border-bottom:1px silver dashed;
		border-top:1px #EDDABD dashed;
	}
	
	.published{
		font-size:75%;
		color:gray;
		padding-left:10px;
		padding-bottom:4px;
		display:block;
		margin:5px;
		line-height:1.1em;
	}
	.floatLeft{
		float:left;
	}
	.floatRight{
		float:right;
	}
	.floatClears{
		clear:both;
		width:0;
		height:0;
		font-size:0;
	}
#pager
{
    padding:5px 0;text-align:center;vertical-align:middle;
}
#pager a
{
    display:inline-block;
    padding:2px 3px;
    border:1px #DFC1B9 solid;
}
#pager a:link, #pager a:visited
{
    border:1px #DFC1B9 solid;
    color:#B4007E;
}


#pager a:hover, #pager a:focus
{
    border:1px #B4007E solid;
    background:#ffffff;
    color:#B4007E;
}
.galleryView
{
    list-style:none;
    margin:5px;
}
.galleryView li
{
       list-style:none;
       display:inline;
}
.galleryView li a
{
    display:inline-block;
    float:left;
    border-bottom:0;
}
.galleryView a:hover,.galleryView a:focus
{
    border-bottom:0 !important;
}
.galleryView .galleryImage
{
   max-width:128px;
   max-height:128px;
   width:128px;
   height:128px;
   overflow:hidden;
   padding:3px;
   border:1px gray solid;
   margin:1px;
   background:#ffffff;
}
.galleryView a:hover .galleryImage
{
    border:1px #ffffff solid;
    background:#BB005C;
}
.galleryView .gallerySummary
{
    display:none;
}

