/*
Theme Name: SL0wZEr
Theme URI: http://a7med.ws
Description: my First Wordpress theme :) !
Version: 1.0
Author: SL0wZEr
Author URI: http://a7med.ws
*/

* {
margin: 0;
padding: 0;
}

body {
font-family: tahoma;
font-size: 12px;
background: url(images/bg.png) repeat-x;
color: #353535;
}

a {
text-decoration: none;
color: #7c0000;
}

li {
list-style: none;
}
.clear {
clear: both;
}

.alignright {
	float: right;
}

.alignleft {
	float: left;
}

#page {
width: 900px;
margin: auto;
}

/* Header */

#header {
font-size: 17px;
font-family: Simplified Arabic;
font-weight: bold;
width: 900px;
height: 157px;
margin: auto;
}

#logo {
width: 174px;
height: 60px;
background: url(images/logo.png) no-repeat;
text-indent: -9999px;
float: right;
margin-top: 40px;
}

#des {
float: right;
margin: 60px 20px ;
color: #fff;
}

#nav {
float: left;
}

#nav ul {
height: 49px;
}

#nav li {
display: block;
float: right;
height: 49px;
width: 68px;
background: url(images/nav.png) no-repeat;
margin-right: 10px;
text-align: center;
}

#nav ul li a {
padding-top: 14px;
display: block;
color: #fff;
}

#main {
width: 900px;
background: url(images/cont.png) repeat-y;
}

#content {
font-size: 17px;
font-family: Simplified Arabic;
 line-height: 140%;
font-weight: bold;
float: right;
width: 590px;
margin: 15px 0px 0px 0px;
padding: 0px 20px;
}

#content p {
font-size: 17px;
font-family: Simplified Arabic;
font-weight: bold;
text-align: justify;
line-height: 21px;
margin: 9px 0 15px;
}

.post {
font-size: 17px;
font-family: Simplified Arabic;
font-weight: bold;
margin-bottom: 20px;
padding-bottom: 10px;
border-bottom: 1px dashed #cccccc;
}

.post img {
font-size: 17px;
font-family: Simplified Arabic;
font-weight: bold;
background: #eee;
padding: 5px;
border: 1px solid #cccccc;
margin: 3px;
}

.post h2 {
font-family: arial; 
font-weight: bold;
font-size: 18pt;
}

.post a:hover {
color:#444;
}

#post-info {
font-size: 17px;
font-family: Simplified Arabic;
font-weight: bold;
background: #F4F2F2;
-moz-border-radius: 5px;
padding: 2px 0px 0px 0px;
margin: 5px 0px 9px 0px;
border: 1px solid #DFDDDD;
display: block;
height: 19px;
}

.post-txt {
font-size: 17px;
font-family: Simplified Arabic;
font-weight: bold;
float: right;
margin-right: 5px;
}

.comnt {
font-size: 17px;
font-family: Simplified Arabic;
font-weight: bold;
float: left;
margin-left: 5px;
}

/* sidebar */

#sidebar {
width: 250px;
float: left;
background: #eee;
margin-left: 7px;
padding: 0.5em;
-moz-border-radius-bottomleft: 7px;
-moz-border-radius-bottomright: 7px;
}

#sidebar a:hover {
color: #444;
}

#sidebar ul {
margin-top: 5px;
margin-bottom: 10px;
padding-bottom: 5px;
}

#sidebar h2 {
font-family: arial;
border-bottom: 1px dotted #cccccc;
}

#sidebar li {
padding-top: 6px;
}

.social {
width: 180px;
height: 150px;
margin: auto;
}

.social li {
display: inline;
}


.social li a {
background: url(images/social.png);
width: 60px;
height: 60px;
display: block;
text-indent: -9999px;
float: right;
margin: 10px 15px 0px 5px;
}

.social li a.twitter {
background-position: 0px 0px;
}

.social li a.twitter:hover {
background-position: 0px -60px;
}

.social li a.facebook {
background-position: -120px 0px;
}

.social li a.facebook:hover {
background-position: -120px -60px;
}

.social li a.feed {
background-position: -60px 0px;
}

.social li a.feed:hover {
background-position: -60px -60px;
}

.social li a.flickr {
background-position: -180px 0px;
}

.social li a.flickr:hover {
background-position: -180px -60px;
}


#search form {
margin: 10px;
}


li.cat-item  {
 margin-bottom: 10px;
 background: #fafafa;
 padding: 4px;
 border: 1px solid #dddddd;
}

li.cat-item:hover {
background: #dddddd;
border: 1px solid #cecece;
}

li.current-cat {
 background: #cccccc;
 border: 1px solid #fafafa;
}

li.current-cat a {
color: #000;
}

.blogroll li {
 margin-bottom: 10px;
 background: #fafafa;
 padding: 4px;
 border: 1px solid #dddddd;
}

.blogroll li:hover {
background: #dddddd;
border: 1px solid #cecece;
}

form label {
color: #666;
display: list-item;
list-style: none;
}

form textarea, form input {
font-color:blue;
font-size: 17px;
font-family: Simplified Arabic;
 line-height: 140%;
font-weight: bold;
padding: 3px;
border: 1px solid #cccccc;
}

li.bookmarks-item {
background: #222;
}

/* comments */

#comments li {
font-size: 17px;
font-family: Simplified Arabic;
 line-height: 140%;
font-weight: bold;
background: #FFF;
border: 1px solid #cccccc;
margin: 10px 0px 10px 0px;
padding: 3px;
-moz-border-radius: 5px;
}

#comments .ava {
font-size: 17px;
font-family: Simplified Arabic;
 line-height: 140%;
font-weight: bold;
background: #cccccc;
float: left;
padding: 2px;
margin: 5px;
}

#comments p {
font-size: 17px;
font-family: Simplified Arabic;
 line-height: 140%;
font-weight: bold;
margin: 5px;

} 

#comments li cite {
font-size: 17px;
font-family: Simplified Arabic;
 line-height: 140%;
font-weight: bold;
margin-right: 5px;
}


/* Footer */


#footer {
color: #cccccc;
background: #292929 url(images/footer.png) repeat-x;
}

#footer h2 {
font-family: arial;
text-align: center;
background: #000;
-moz-border-radius: 5px;
margin: 3px;
padding: 4px;
}

#footer p {
line-height: 18px;
}

#footer .inside {
width: 900px;
margin: auto;
}

#cols {
width: 900px;
margin: auto;
padding-top: 20px;
padding-bottom: 10px;
text-align: justify;
display: block;
}

#cols a {
color: #FFF;
}

#cols a:hover {
text-decoration: underline;
}

#c1 {
float: right;
width: 300px;
}

#authorinfo img {
float: right;
margin: 6px;
border: 4px solid #000;
}

#c2 {
float: right;
width: 270px;
margin-right: 20px;
}

#c3 {
background: url(images/c3.png) no-repeat;
float: right;
width: 294px;
height: 157px;
margin-right: 10px;
position: relative;
}


#twitter_div li {
padding: 3px;
margin-top: 3px;
color: #ddddddd;
border-bottom: 2px solid #444;
}

#twitter_div li:hover {
background: #000;
}

#twitter_div a {
color: #666;
}

#copyright {
margin-top: 35px;
text-align: center;
}


