/*  

Theme Name: EjazAhmad

Theme URI: http://www.hypesol.com

Description: The "EjazAhmad" WordPress theme has been built by <a href="http://www.hypesol.com" title="Free WordPress Themes">Blog Oh! Blog</a> and comes under a Creative Commons License.

Version: 1.0

Author: Ejaz Ahmad

Author URI: http://www.hypesol.com

*/



/*++++++ BODY ++++++++*/

* { margin: 0px; padding: 0px; list-style:none; text-decoration:none;  }

body { font:12px Arial, Helvetica, sans-serif; color:#333; background:url(images/bg.jpg) #0a3055 repeat-x; }



/*++++++ HYPERLINKS ++++++++*/

h3 { padding:10px 0 10px 0; font-size:14px;}

a { color:#333; outline:none;}

a:hover { text-decoration:underline;}



/*++++++ MAIN ++++++++*/

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

#main {	width: 1000px; margin:auto; padding-top:10px; background:#fff; margin-bottom:10px; }

#left { float: left; width: 580px; background:url(images/rightbg.gif) repeat-y right; }

#right { float: right; width: 415px; }



/*++++++ HEADER ++++++++*/

#headMain {width:1000px; height:160px; background:url(images/header-bg.png) no-repeat; margin:auto;}

#header { width: 1000px; margin:auto; }

#headTop { float:left; width:100%; height:40px;  }

#header .col-right{ float:right; margin-top:5px; width:200px; }

.col-right ul {float:left; margin-top:5px }

.col-right li {float:left; padding:0px 10px; }

.col-right li a{ color:#fff; }

#headInfo { float:left; width:100%; margin-top:10px; }

#logo { float:left; padding-left:10px; margin-top:15px; }

#logo h1{ color:#fff;}

#logo h1 a{ display:block; outline:none; color:#fff; margin-top:20px; }

#logo h1 a:hover{ text-decoration:none; }



/*++++++ SEARCH ++++++++*/

#searchbox { float:right; width: 290px; height: 24px; border:solid 1px #ccc; background:#333; }

#searchbox #s { float: left; margin: 4px 0 0 6px; border: 0; width: 250px; background: none; color:#999999; }

#searchbox #go { float: right; margin: 6px 8px 0 0; width:12px; height:13px;  }





/*++++++ NAV ++++++++*/

#navMain {width:990px; height:50px; background:url(images/bg-menu.png) no-repeat; margin:auto; padding:0 5px; margin-bottom:5px; margin-top:5px; }

#nav { width:1000px; margin:auto; padding-top:9px; }

#nav ul{}

#nav ul li{ float:left; margin: 0 10px 0 0; height: 33px; overflow: hidden; display: inline; line-height:33px;}

#nav ul li a {display: block; color:#fff; padding:0 10px 0 10px; font-weight:bold; text-transform:uppercase; font-size:16px; }

#nav ul li a:hover {color:#fc978f; text-decoration:none;}

#nav ul li.current_page_item { background: url(images/navright-a.g) no-repeat right; }

#nav ul li.current_page_item a {background: url(images/navleft-a.g) no-repeat left; color:#fefd98; }



/*++++++ MISC ++++++++*/

.clear { clear:both; }

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

img.alignright { padding: 4px; margin: 0 0 2px 7px; display: inline; }

img.alignleft { padding: 4px; margin: 0 7px 2px 0; display: inline; }

.alignright { float: right; } 

.alignleft { float: left ;}

img { border:none;}



/*++++++ ENTRY ++++++++*/

#content { width: 570px; padding-left:10px;  }

.entry { width: 560px; line-height:140%; margin-bottom:20px; }

.entry p { padding-bottom:10px;}

.entry h2.sectionhead { font: normal 10px Verdana, Arial, Helvetica, sans-serif; text-transform:uppercase; background:url(images/dot-h.gif) repeat-x bottom; padding-bottom:10px;}

.entry h2 { font: bold 2.1em Calibri,Helvetica,Arial,sans-serif; color:#333; padding:5px 0 5px 0; text-transform: uppercase;}

.entry h2 a { color:#3B77AA; }

.entry img {margin:0 10px 10px 10px;}

html>body .entry ul { padding: 0 0 0 30px; padding-left: 10px; } 

html>body .entry li { margin: 7px 0 8px 10px; }

.entry ul li:before { content: "\00BB \0020"; }

.entry p.postinfo { background:url(images/entryline.gif) repeat-x bottom; font-size:10px; padding-bottom:10px; margin-bottom:5px;}

.entry p.postinfo span.upper { text-transform:uppercase;}

.entry p.postinfo span.category { background:url(images/category.gif) no-repeat; padding-left:20px;}

.entry p.postinfo span.comment { background:url(images/comment.gif) no-repeat; padding-left:20px;}

.post {margin-bottom:15px; border-bottom:dashed 2px #ccc; }

.navigation { width: 550px; font-size:11px; text-transform:uppercase; margin-top:20px;}

.navigation span.older { background:url(images/older.gif) no-repeat right; padding-right:25px; }

.navigation span.newer { background:url(images/newer.gif) no-repeat left; padding-left:25px; }

.socials {font-size:10px; font-weight:bold; margin-bottom:10px; background-color:#FFFFFF; border:1px solid #BBB9B2; padding:5px 5px 5px 10px; width:540px;}

.socials a {margin-right:10px; color:#BFBCB3;}

.btn_email {background:url(images/mail.gif) left no-repeat; padding-left:15px;}

.btn_comment {background:url(images/comments.gif) left no-repeat; padding-left:15px;}

.btn_delicious {background:url(images/delicious.gif) left no-repeat; padding-left:15px;}

.btn_digg {background:url(images/digg.gif) left no-repeat; padding-left:15px;}

.btn_reddit {background:url(images/reddit.gif) left no-repeat; padding-left:15px;}

.btn_technorati {background:url(images/technorati.gif) left no-repeat; padding-left:15px;}

.btn_furl {background:url(images/furl.gif) left no-repeat; padding-left:15px;}



/*++++++ SIDEBAR ++++++++*/

#sads { width:388px; font-size:10px; text-transform:uppercase; text-align:right; background:#eeedea; border:1px solid #d6d4cd; padding:8px; margin-bottom:10px; float:left; }

#sads ul {}

#sads ul li { float:left; padding-right:4px;}

#sads ul li.last { float:right; padding:0px; }

#sads p { background:url(images/adsdotdot.gif) no-repeat center left; margin-top:5px;}

#sads a { color:#5e5d5a;}

#tab { width:388px; background:#eeedea; border:1px solid #d6d4cd; padding:8px; margin-bottom:10px; float:left; }

#sidebar { width:400px; padding-left:10px;}

#sidebar h2 { font-size:12px; margin-bottom:10px; color: #000000; text-transform:uppercase; font-family:Arial, Georgia, "Times New Roman", Times, serif;}

#sidebar ul{ margin:10px auto 20px;}

#sidebar ul li{}

#sidebar ul li ul{}

#sidebar ul li ul li{display:block; background:url(images/bullet.gif) no-repeat 0 2px; padding-left:18px; margin-bottom:6px; padding-bottom:5px;border-bottom:1px dotted #dadada;font-size:11px;}

.sleft { float:left; width:180px; background:url(images/dot-v.gif) repeat-y right; padding-right:10px; }

.sright { float:right; width:198px; padding-left:10px; }



/*+++++++ CALENDAR +++++++*/

#calendar #calendar_wrap #wp-calendar { width: 100%; }

#calendar #calendar_wrap #wp-calendar caption { text-align:left; border-bottom:1px solid #dadada; padding-bottom:5px; }

#calendar #calendar_wrap #wp-calendar th { text-align:left; font-weight:bold; padding-top:5px; }

#calendar #calendar_wrap #wp-calendar td{ text-align:left; }



/*+++++++ COMMENTS +++++++*/

#c { float:left; width:225px;}

#cc { float:right; width:304px;}

#commentform p { padding-bottom:10px;}

#commentform #author { border:1px solid #bbb9b2; height:20px; width:200px; background:#f5f5f3; padding-left:5px; }

#commentform #email { border:1px solid #bbb9b2; height:20px; width:200px; background:#f5f5f3; padding-left:5px; }

#commentform #url { border:1px solid #bbb9b2; height:20px; width:200px; background:#f5f5f3; padding-left:5px;}

#commentform #comment { border:1px solid #bbb9b2; height:200px; width:290px; background:#f5f5f3; padding-left:5px;}

.commentlist cite { background:#f5f5f3; padding:5px 5px 5px 10px; }

.commentlist cite a { color:#333;}

.commentlist .ctext { background:url(images/doth.gif) repeat-x bottom; font-size:11px;}

.postmetadata { background:#f9f9f9; padding:10px; border:1px solid #bbb9b2;}

.ccomment { width: 550px; line-height:140%; margin-bottom:20px; }

.ccomment ol {}

.ccomment ol li { background:#e7e5de; padding:5px;}

.ccomment ol li.alt { background:#efeee8; padding:5px;}



/*++++++ FOOTER ++++++++*/

#footer { width:100%; line-height:35px; padding:2px 0px; float:left; background:url(images/footer_bg.png) repeat-x; }

.footer { width:1000px; margin:auto; color:#fff; }

.footer a { color:#e7e5de;}

.footer a:hover { color:#99cc33;}

.footerInfo { width:990px; }

.footerInfo span {float:left; padding-right:20px; }

.footer p { float:left; width:100%; }



/**************** Misc *********************/

acronym, abbr, span.caps { cursor: help; }

acronym, abbr { border-bottom: 1px dashed #999; }

blockquote { margin: 15px 30px 15px 10px; padding-left: 20px; border-left: 5px solid #ddd; }

blockquote cite { margin: 5px 0 0; display: block; }

.center { text-align: center; }

hr { display: none; }

a img { border: none; }

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

img.alignright{display:inline;margin:0 0 2px 7px;padding:4px;}

img.alignleft{display:inline;margin:0 7px 2px 0;padding:4px;}

pre {border: solid 1px #9a9a9a;color: blue;margin: 10px;padding:10px;background: #f3f2ed}

code {font-size:1.0em;color: #000}



/**************** Gallery *********************/

.gallery {text-align:center;}

.gallery img {padding:2px; height:100px; width:100px;}

.gallery a:hover {background-color:#ffffff;}

.attachment {text-align:center;}

.attachment img { padding:2px; border:1px solid #999999;}

.attachment a:hover {background-color:#FFFFFF;}

.imgnav {text-align:center;}

.imgleft {float:left;}

.imgleft a:hover {background-color:#FFFFFF;}

.imgleft img{ padding:2px; border:1px solid #999999; height:100px; width:100px;}

.imgright {float:right;}

.imgright a:hover {background-color:#FFFFFF;}

.imgright img{ padding:2px; border:1px solid #999999; height:100px; width:100px;}

#dropmenu, #dropmenu ul {margin:0; padding:0; list-style-type:none; list-style-position:outside; position:relative; line-height:1.5em; z-index:300; width:100%; background:#fff; font-weight:bold;} 
  
#dropmenu a {display:block; padding:0.25em 1em; color:#fff; text-decoration:none; font-size:14px; }
 
#dropmenu a:hover { color:#fff;} 
 
#dropmenu li {float:left; position:relative;} 

#dropmenu ul {position:absolute; display:none; width:12em; top:1.9em; left:-1px;} 
  
#dropmenu ul a {border-left:1px solid #c8c8c8;} 

#dropmenu li ul {border-top:1px solid #c8c8c8; width:14.1em;} 
   
#dropmenu li ul a {width:12em; height:auto; float:left;  border-bottom:1px solid #c8c8c8;} 
  
#dropmenu ul ul {top:auto;} 

#dropmenu li ul ul {left:12em; margin:0px 0 0 10px;} 

#dropmenu li:hover ul ul, #dropmenu li:hover ul ul ul, #dropmenu li:hover ul ul ul ul {display:none;} 

#dropmenu li:hover ul, #dropmenu li li:hover ul, #dropmenu li li li:hover ul, #dropmenu li li li li:hover ul {display:block;} 

#dropmenu .children { width:16.5em; }

#dropmenu .children a { color:#000; width:12em; }