/*======================================
Theme Name: mymudah
Theme URI: http://myjazmanie.com/
Description: Simple, clean and easy to handle wordpress theme designed for both beginners and professionals by <a href="http://myjazmanie.com/">etomyam</a>. 1000px width two columns and three widgetized sidebars.
Version: 1.0
Author: etomyam
tags: white, clean, sidebars, three columns, widgets
======================================*/

*{
margin: 0;
padding: 0;
}

body{
font-family:"Verdana", Arial, Geneva, Helvetica, Times New Roman, Georgia, sans-serif, Courier New, Courier, monospace;font-size:13px;
background: #9a9595;
text-align:justify;
color:#3d3d3d;
}

#wrapper {
margin : 0 auto;
width : 1000px;
}

.clear {
clear : both;
}

a {
text-decoration : none;
outline : none;
color : #006db2;
}

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

img a {
border : none;
}

img {
border : none;
}

blockquote {
margin : 5px 10px 15px 20px;
padding : 10px 15px 5px 15px;
background: #F5F5F5;
border-left: 5px double #BBBBBB;
}

blockquote p {
margin : 0 0 10px 0;
padding : 0;
}

ul {
list-style : none;
}

.aligncenter {
display : block;
margin-left : auto;
margin-right : auto;
}

.alignleft {
float : left;
}

.alignright {
float : right;
}

h2.error{
font-size : 26px;
font-weight : normal;
text-transform: uppercase;
letter-spacing:-2px;
margin : 30px 0px 0px 30px;
}

.thumbs{
float: left;
margin: 5px 5px 0px 0px;
}

.thumbs img{
width: 250px;
height: 150px;
}

/***************header*************************/

#header {
width : 100%;
height: 135px;
background : none; 
clear : both;
}

#title {
font-size: 20px;
margin:10px 0px 0px 0px;
text-transform:uppercase;
float:left;
width: 500px;
}

#title h1 a{
color:#000;
font-weight:normal;
letter-spacing:-5px
}

#title h1 a:hover{
color: #B40404;
text-decoration: none;
}

.description{
font-size:18px;
position:relative;
top:-5px;
display:block;
letter-spacing:0;
}

#headerads{
float: left;
width: 470px;
height: 75px;
margin: 10px 0px 0px 20px;
}

#clock{padding:5px 0px 0px 8px;margin:20px 0px 3px 0px;float:right;font-size:10px;text-align:right;background: none;}
.header_items{float:right;padding:5px 5px 0px 5px;margin: 20px 0px 0px 0px;font-size: 10px;background: none;}
.header_items a{color:#3d3d3d;}
span.photoblog{padding: 5px 0px 5px 18px; background:url(images/photoblog.png) left no-repeat;}
span.mailhead{padding: 5px 0px 5px 18px; background:url(images/mailhead.png) left no-repeat;}
span.twitterhead{padding: 5px 0px 5px 18px; background:url(images/twitterhead.png) left no-repeat;}
span.fbhead{padding: 5px 0px 5px 18px;background:url(images/fbhead.png) left no-repeat;}
span.rsshead{padding: 5px 0px 5px 18px;background:url(images/rsshead.png) left no-repeat;}

.menubar{
float : left;
margin: 0;
background : #747879;
width: 100%;
}

ul.menu {
float :left;
margin: 5px 5px 0px 5px;
padding : 0;
list-style-type : none;
}

ul.menu li {
float : left;
}

ul.menu li a {
margin: 5px 5px 5px 5px;
float : left;
display : block;
color: #FFFFFF;
}

ul.menu li a:hover{
color : #006db2;
}

#searchform{
float : right;
width : 250px;
background : none;
border : none;
}

#s{
margin: 0px 0px 5px 10px;
padding: 6px 0px 5px 15px;
width : 184px;
background : #EDEDED;
border : none;
color : #747474;
}

#searchbutton {
margin: 5px 0px 0px 0px;
width : 33px;
height : 28px;
background :  #DDDDDD;
border : none;
}

#searchbutton:hover {
cursor : pointer;
}

/*****container********************************************/

#content-container {
float : left;
width: 1000px;
padding-bottom : 40px;
background: url(images/containerbg.png) repeat-y;
}

.content {
margin: 10px 0px 0px 5px;
padding: 0px 4px 0px 0px;
width : 650px;
float : left;
background : none;
}

.post{
margin: 0px 0px 15px 5px;
padding: 0px 0px 20px 0px;
border-bottom: 1px solid #ababab;
}

.post-title {
padding : 5px 0px 5px 0px;
margin: 5px 0px 5px 0px;
}

.post-title h2 {
font-size : 24px;
text-transform: uppercase;
letter-spacing:-2px;
}

.post-title h2 a{
color : #000000;
font-weight : normal;
}

h3.postmeta{
font-size : 10px;
}

.postmetadata {
margin: -5px 0px 0px 0px;
padding : 5px;
width : 100px;
float : right;
text-align : center;
background : url(images/metabg.png) no-repeat;
border-right: 1px solid #ababab;
}

.postmetadata a{
margin-left: 10px;
color : #BBB;
}

.entry p {
margin-bottom : 5px;
line-height : 20px;
padding: 0px 5px 20px 0px;
}

.entry a {
color : #006db2;
text-decoration : none;
}

.entry a:hover {
color : #ff9933;
}

.entry ol {
margin : 10px 15px 5px 40px;
line-height : 20px;
}

.entry ul {
margin : 10px 15px 5px 30px;
list-style-type : disc;
line-height : 20px;
}

.previous{
margin: 10px 0px 20px 0px;
text-align: center;
width: 95%;
padding: 8px;
}

.profile{
width: 96%;
height: 100px;
border: 1px solid #CCCCCC;
padding: 8px;
}

/***page***/

h2.pagetitle{
font-size : 23px;
font-weight : normal;
text-transform: uppercase;
letter-spacing:-2px;
margin : 10px 0px 0px 15px;
text-align: center;
}


/**********************sidebar********************/

#sidebar {
margin: 10px 0px 0px 0px;
padding: 0px 3px 0px 3px;
float : right;
width :320px;
}

.sidebartop {
float : left;
width :310px;
margin: 5px 0px 0px 3px;
padding: 0px 3px 0px 3px;
}

.leftsidebar {
float : left;
width :170px;
margin: 0px 0px 0px 3px;
}

.rightsidebar {
margin: 0px 3px 0px 0px;
float : right;
width :135px;
}


#sidebar ul {
list-style-type : none;
margin : 0px 0px 10px 0px;
padding : 0;
}


#sidebar ul li {
margin-bottom : 10px;
background: #f5f5f5;
border: 1px solid #DDD;
}

#sidebar ul li ul {
list-style-type : none;
margin-left : 0;
padding : 0;
border : 0;
}

#sidebar ul li ul li {
padding : 5px 0px 5px 1px;
margin : 0 5px 5px 5px;
border : none;
background: none;
}

#sidebar h2{
text-transform: uppercase;
font-size : 13px;
text-align : center;
margin : 3px 3px 5px 3px;
padding : 5px 3px 5px 3px;
background : #747879;
border: 1px solid #FFFFFF;
color: #FFFFFF;
}

/*********Comments******************/

h3#comments{
font-size:20px;
padding:0 0 10px 5px;
margin:10px 0 10px 0px;
font-weight : normal;
text-transform: uppercase;
letter-spacing:-2px;
}

ol.commentlist, ol.trackbacklist { 
margin:0;
padding:5px;
width : 640px;
}

ol.commentlist li {
margin:0 0 10px; 
padding:5px 0px 5px 64px; 
position:relative;
list-style:none;
}

ol.trackbacklist li{
padding: 5px;
margin: 0px 0px 5px 15px;
}

ol.commentlist li.pingback cite.fn {
margin-top: -65px;
text-align: left;
width : 70px; }

ol.commentlist li.pingback cite.fn a{
font-size: 9px;
color : green;
}

ol.commentlist li div.vcard { border : 1px solid #ccc; padding : 5px 5px 5px 10px; font-size: 12px; line-height: 12px; margin :0px 15px 0px 29px; background: #FFF; }

ol.commentlist li div.vcard cite.fn { position: absolute; top: 70px; left: 5px;font-style:normal; font-size: 10px; width : 70px }

ol.commentlist li div.vcard cite.fn a.url { width : 70px; text-decoration:underline; display: block; text-align: center;}

.cancel-comment-reply a { width : 70px; text-decoration:underline;}

ol.commentlist li div.vcard cite.fn a.url:hover, .cancel-comment-reply a:hover { color: #0e1420; }

ol.commentlist li div.vcard img.avatar { padding: 0px 28px 0px 0px; margin-left : 5px; left:1px; position:absolute; top:5px; background : url(images/avatarbg.png) top right no-repeat;  }

ol.commentlist li div.comment-meta { font-size: 11px; margin-top: -10px;}

ol.commentlist li div.comment-meta a { text-decoration:none; }

ol.commentlist li div.comment-meta p {
font-size: 10px; color: #0076a3; margin-top: 1px;
}

ol.commentlist li p { font-weight:normal; font-size: 12px; line-height: 18px; margin:5px 0 12px; padding-right : 5px; }

ol.commentlist li ul { font-weight:normal; font-size: 12px; line-height: 18px; list-style:square; margin:0 0 12px; padding:0; }

ol.commentlist li div.reply { background:#747879; border:2px solid #FFF; color:#fff; padding:6px 5px 4px;  text-align:center; width: 50px; }

ol.commentlist li div.reply:hover { background:#0e1420; border:2px solid #FFF; }

ol.commentlist li div.reply a { font-size: 12px; color:#FFFFFF; text-decoration:none;}

ol.commentlist li ul.children { list-style:none; margin:12px 0 0; text-indent:0; }

ol.commentlist li ul.children li.depth-2 { margin: 0px 0px 0px 20px; border: none; }
ol.commentlist li ul.children li.depth-3 { margin: 0px 0px 0px 20px; border: none; }
ol.commentlist li ul.children li.depth-4 { margin: 0px 0px 0px 20px; border: none; }
ol.commentlist li ul.children li.depth-5 { margin: 0px 0px 0px 20px; border: none; }
ol.commentlist li ul.children li.depth-6 { margin: 0px 0px 0px 20px; border: none; }

ol.commentlist ul.children li.odd { background: none; }

ol.commentlist ul.children li.even { background: none; }

.commentnumber {
font-size: 16px;
color : #CCC;
float : right;
padding : 5px;
}

#respond{
margin:40px 0px 0px 5px;
}

h3.responses{
font-size : 20px;
font-weight : normal;
text-transform: uppercase;
letter-spacing:-2px;
margin: 10px 0px 10px 0px;
}

#commentform{
width:98%;
}

#commentform small{
position:relative;
top:-1px;
margin : 5px;
}

#cancel-comment-reply-link{
margin : 5px;
}

#commentform a, #commentform small{
margin : 5px;
}

#commentform input{
background:#fff;
border:1px solid #ccc;
padding:5px;
margin : 5px 0px 5px 0px;
}

#commentform textarea{
background:#fff;
border:1px solid #cbcbcb;
padding:5px;
margin:5px 0 0 0;
}

#commentform input#submit{
font-size : 13px;
background:#747879;
border: 1px solid #FFF;
color: #fff;
margin-top: 5px;
padding: 10px;
text-align:center;
}

#commentform input#submit:hover {
cursor : pointer;
background: #0e1420;
}

/**********************footer*****************************/

#footer {
clear: both;
padding: 10px 0px 0px 0px;
height:50px;
width: 100%;
float : left;
background: none;
font-size : 11px;
border-top: 10px solid #747879;
}

#footer a:hover {
color : #ff9933;
text-decoration : none;
}

#leftfoot {
width: 650px;
text-align : left;
float : left;
}

#rightfoot {
text-align : right;
float : right;
width : 300px;
}