.mobile_body {
background: #74ae00;
padding:0;
margin:0;
color:#063701}

a {
color:#fff;
text-decoration:none}

#header{
background:#064c01 url(1.jpg)right bottom no-repeat;
background-size:100% 100%;
margin:0;
padding:2px;
border:1px solid #064c00;
display:block;
text-align:center;
color:red}

#header a{text-shadow:1px 1px 1px #000;
font-size:20px}

#header img {
max-width: 160px;
max-height:160px;
margin:1px;}

#category-top, #category-bottom, #navigation, #blogroll {
margin:0;
padding:4px}

#category-top h2, #category-bottom h2, #navigation h2, #blogroll h2 {
background-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxyZWN0IGZpbGw9IiMwNjRjMDAiIHJ4PSIyMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIvPjxyZWN0IHk9IjEwMCUiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjIwIiBmaWxsPSIjMDY0YzAwIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwLC0yMCkiLz48L3N2Zz4=);
margin:0;
font-size:18px;
text-align:center;
padding:6px 4px;
color:#fff;
text-shadow:1px 1px 1px #000}

#navigation h2 a{
color:#fff}

#category-top a, #category-bottom a, #blogroll a, #navigation a{
font-size:small;
color:#063701}

#category-top h2, #category-bottom h2{
content:url(n.png);
}

#blogroll h2{
content:url(m.png);
}

#category-top li, #category-bottom li {
background:#74ae00 url(1.gif) no-repeat right top;
list-style:none;
margin:0;
padding:6px 4px;
border-bottom:2px solid #064c00;
text-align:right}

#category-top li a, #category-bottom li a{;
float:left}

#category-top, #category-bottom{
text-align:right}

#category-top li:before, #category-bottom li:before {
content: url(3.png);
margin-right:4px;
float:left}


#category-top ol, #category-bottom ol, #navigation ol, #blogroll ol{
margin:0;
padding:3px;
background:#064C28
}

#search_form {
background:#064c01;
padding:4px 2px;
text-align:center;margin:3pxpadding:3px}

#search_form [type=text] {
width:65%;
border:1px inset #064c00;
padding:4px 2px}
 
#search_form [type=submit] {
padding:4px 2px;
border:1px inset #064c00;
width:25%}
 
#nav_shortcut {
text-align:right;
color:#74ae01;
border-top:4px solid #064c00;
border-left:4px solid #064c00;
border-right:4px solid #064c00;
margin:2px 0;
padding:6px 0 20px;
background:url(6.png) repeat-x center bottom}

#nav_shortcut a{
margin-left:-8px}

#nav_shortcut a:after{
content:url(5.png);
float:right}

#nav_shortcut a:before{
content:"Jump To ";
margin: 0 2px 0 4px;
float:left}

#content {
margin:0;
padding:10px 2px;}

.post{
background:url(2.png)center bottom repeat-y;
background-size:100% 5px;
margin:2px 0 10px;
padding:0 14px;
border-bottom:8px solid #064c00;
color:#0c2201}

.post:after{
text-align:center;
content:".";
background:url(1.png)center repeat-x;
margin:0 -8px -6px;
padding:0;
display:block}

.post .title {
background-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxyZWN0IGZpbGw9IiMwNjRjMDAiIHJ4PSIyMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIvPjxyZWN0IHk9IjEwMCUiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjIwIiBmaWxsPSIjMDY0YzAwIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwLC0yMCkiLz48L3N2Zz4=);
padding:10px 4px;
margin:0 -13px;
text-align:center;
color:#fff;
font-size:16px;
text-shadow:1px 1px 1px #000
}

.post .title a {
display:block;
color:#fff}

.post .title small {
font-size:10px;
color:#74ae01;
display:block}

.post li {
list-style-type:circle;
list-style-position:outside;
margin:1px;
padding:4px 2px 4px 0}

.post ol {
margin:0 -6px;
padding:0 0 0 14px}

.post img {
 vertical-align:bottom;
 max-width:75%;max-height:75% }

#comments h2, .post h3 {
color:#fff;
background:#064c00;
margin:0 -8px;
padding:4px 2px;
text-align:center;
text-shadow:1px 1px 1px #000}

#comments {
text-align:center;
background-size:100% 95%;
margin:0;
padding:0}

.comment {
background:#a4d248;
border-top:1px solid #064c00;
margin:-1px 0px -1px 0px;
padding:8px 4px;
color:#063701;
border-bottom:1px solid #064c00;
text-align:left}

.comment .title small {
color:#000;
font-size:10px}

.comment .title {
padding:1px;
margin:-2px}

.comment .title a{
color:red;
text-shadow:1px 1px 1px #000}

.comment_link{
text-align:right;
margin:6px 0}


#comments form {
border:4px solid #064c00;
text-align:center;
margin:2px;
padding:2px}

#comments form p textarea {
border:1px inset #064c00;width:90%}
 
 #comments form p input[type=text], .mobile_body #comments form p select {
border:1px inset #064c00;
width:50%}

#navigation li {
list-style:none;
border:1px solid #064c00;
padding:5px;
margin:0;
background:#74ae00 url(5.gif)repeat-x  center bottom}

#blogroll li{
list-style-image: url(4.png);
list-style-position:inside;
text-indent:2px;
margin:1px;
padding:4px 2px;
background:#74ae00 url(5.gif) repeat-x center bottom;}

#footer{
color:#ddd;
background:#064c01 url(head.gif) repeat center;
padding: 6px 4px 0;
font-size: 12px;
margin: 18px 0 0;
padding:18px 4px 8px;
text-align:center;
display:block}

#footer a{
color: #fff;
text-shadow:1px 1px 1px #000}


#footer:before{
background:url(1.png)repeat-x bottom center;
content:".";
font-size:1px;
padding:4px 0;
display:block;
margin:-34px 0 8px}

#footer:after{
font-size:10px;
color: #fff;
text-shadow:1px 1px 1px #000;
content:"[Islamic V 0.2 I-G]";
display:block;
margin-top:5px}