/*
Theme Name: aidha
Theme URI: http://www.point-star.net/projects/aidha/
Description: The 2010 theme for WordPress is stylish, customizable, simple, and readable -- make it yours with a custom menu, header image, and background. PointStar supports six widgetized areas (two in the sidebar, four in the footer) and featured images (thumbnails for gallery posts and custom header images for posts and pages). It includes stylesheets for print and the admin Visual Editor, special styles for posts in the "Asides" and "Gallery" categories, and has an optional one-column page template that removes the sidebar.
Author: the PointStar team
Version: 1.1
Tags: black, blue, white, two-columns, fixed-width, custom-header, custom-background, threaded-comments, sticky-post, translation-ready, microformats, rtl-language-support, editor-style
*/


/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */

body { margin: 0 auto; background-color: #6b6b6b; font-family: Palatino, Georgia, Times New Roman; font-size: 12px; color:#333; }

h1, h2, h3, h4 { padding: 0; margin: 0; }

.aidha-orange { color:#800000; }
.aidha-maroon { color:#800000; }

a img { border: none; outline: none; }
a img:focus { border: none; outline: none; }
a:focus { outline:none }
a { outline:none; }
.clear {clear: both;}

img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img.alignright {float:right; margin:0 0 1em 1em}
a img.alignleft {float:left; margin:0 1em 1em 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}
				
				.ui-state-focus { outline: none; }
				.ui-accordion-header {outline: none;}

/* grid */
.container {  clear: both; overflow: hidden; width: 940px; margin: 0px auto; background:url(images/container-bg.gif) repeat-y #fff; padding:0 20px;}
.grid-220 { float: left; width: 220px; }
.grid-300 { float: left; width: 300px; }
.grid-350 { float: left; width: 350px; }
.grid-250 { float: left; width: 250px; }
.grid-460 { float: left; width: 460px; padding-top: 40px; }
.grid-620 { float: left; width: 665px; padding-top: 20px; }
.grid-640 { float: left; width: 640px; }
.grid-700 { float: left; width: 700px; }
.grid-940 { float: left; width: 940px; }
.spacer-20 { float: left; width: 20px; }
.spacer-10 { float: left; width: 10px; }

.logo { clear: both; overflow: hidden; padding-left:8px;}
.logo h1 { font-size: 80px; color:#800000; }
.logo h2 { font-size: 16px; color:#800000; }
.logo a { color:#800000; text-decoration: none; }
.logo a:hover { text-decoration: none; }

.menu { clear: both; overflow: hidden; font-family: Georgia, Times New Roman; font-size: 11px; font-weight: bold;}	
.menu ul { padding: 0; margin: 0;  }
.menu li { padding: 0; margin: 0; list-style: none; display: inline; float: left; text-align: center}
.menu a { display: block; text-decoration: none; color:#800000; }
.menu li a { color:#800000; padding: 35px 5px;width: 80px; height: 20px; }
.menu li a:hover { text-decoration: none; color:#fff; background: url(images/menu-hover.gif) no-repeat;  width: 80px; height: 20px; padding: 35px 5px;}
.droplinetabs ul li a .on { color:#fff; background: url(images/menu-hover.gif) no-repeat;  width: 80px; height: 20px; padding: 35px 5px;}


.menu li ul { display: none; z-index: 999;  }
.menu li:hover ul { display: block; position: absolute; z-index: 999; background:#fff;}
.menu li ul li { float: none; z-index: 999; height: 30px; width: 90px; }

.menu li ul li a { font-size: 11px; background:#fff; }
.menu li ul { width: 90px; height: 30px;}
.menu li ul li a {height: 10px; width: 90px; padding: 10px 0;}
.menu li ul li a:hover { background: url(images/submenu-hover.gif) no-repeat;  z-index: 999; width: 90px; height: 10px; padding: 10px 0;  }

.splash { margin-top: 30px; }
.cap { margin-top: 0px; font-size:14px; }
.cap h2 { color:#800000; }
.cap p { line-height: 18px; }

.cap .button { clear: both; overflow: hidden; margin: 20px 0; }
.cap .button { clear: both; overflow: hidden; font-family: Georgia, Times New Roman; font-size: 14px;}	
.cap .button ul { padding: 0; margin: 0;  }
.cap .button li { padding: 0; margin: 0; list-style: none;}
.cap .button a { display: block; text-decoration: none; color:#ff8700; }
.cap .button li a { color:#800000; width: 150px; height: 13px; background: url(images/small-button.gif) no-repeat; padding: 15px 0; text-align: center; }
.cap .button li a:hover { text-decoration: none; color:#fff; background: url(images/small-button-hover.gif) no-repeat;  width: 150px; height: 13px; padding: 15px 0;}
.cap .button li .on { color:#fff; background: url(images/small-button-hover.gif) no-repeat;  width: 150px; height: 13px; padding:15px 0;}

.sidebar { margin: 55px 0;}
.sidebar h2 { padding-left: 7px; font-size:16px;}

.landing-sidebar { clear: both; overflow: hidden; margin: 20px 0; }
.landing-sidebar { clear: both; overflow: hidden; font-family: Georgia, Times New Roman; font-size: 14px;}	
.landing-sidebar ul { padding: 0; margin: 0;  }
.landing-sidebar li { padding: 0; margin: 0; list-style: none;}
.landing-sidebar a { display: block; text-decoration: none; color:#800000; }
.landing-sidebar li a { color:#800000; width: 260px; height: 23px; background: url(images/landing-sidebar.gif) no-repeat; padding: 20px; }
.landing-sidebar li a:hover { text-decoration: none; color:#fff; background: url(images/landing-sidebar-hover.gif) no-repeat;  width: 260px; height: 23px; padding: 20px;}
.landing-sidebar li a.on { color:#fff; background: url(images/landing-sidebar-hover.gif) no-repeat;  width: 260px; height: 23px; padding: 20px;}


.microsite-sidebar { clear: both; overflow: hidden; margin: 0px 0; }
.microsite-sidebar { clear: both; overflow: hidden; font-family: Georgia, Times New Roman; font-size: 12px;}	
.microsite-sidebar h3 { padding: 0; margin: 0; list-style: none; font-weight:normal;}
.microsite-sidebar a { display: block; text-decoration: none; color:#800000; }
.microsite-sidebar h3 a { color:#800000; font-size:12px; width: 240px; height: 23px; background: url(images/landing-sidebar.gif) no-repeat; padding: 20px; outline: 0;}
.microsite-sidebar h3 a:hover { text-decoration: none; color:#fff; background: url(images/landing-sidebar-hover.gif) no-repeat;  width: 240px; height: 23px; padding: 20px;}
.microsite-sidebar h3 a:focus { outline:0; border:0px;  }
.microsite-sidebar h3 a:active { outline:0; border:0px;  }
.microsite-sidebar h3 a.on { text-decoration: none; color:#fff; background: url(images/landing-sidebar-hover.gif) no-repeat;  width: 240px; height: 23px; padding: 20px;}

.microsite-submenu { clear: both; overflow: hidden; outline: none; background:url(images/sidebar-bg.gif) repeat-y;}
.microsite-submenu ul { padding: 0; margin: 0; }
.microsite-submenu li { padding: 5px 0px; margin: 0; list-style: none; }
.microsite-submenu li a { padding-left: 25px;}
.microsite-submenu li a:hover{ font-weight:bold;}
.microsite-submenu li a.on{ font-weight:bold;}

.social { clear: both; overflow: hidden; }
.social ul { padding: 0; margin: 0; }
.social li { padding: 0 0 0 2px; margin: 0; list-style: none; display: inline; }

.youtube-video { clear: both; overflow: hidden; margin: 15px 0 15px 16px; text-align: center;}
.footer-img {float: left; width:262px; }
.footer-shared { float: left; width: 88px; padding-top: 10px; }

.footer-logo-top { clear: both; overflow: hidden;  border-bottom: 5px solid #800000; margin: 0 6px; }
.footer-logo-top .footer-logo { float: left; width: 50%; }
.footer-logo-top .footer-fb-like { float: right; width: 30%; text-align: right; padding-top: 130px;}

.footer-aidha-logo{ clear: both; overflow: hidden;  padding-top: 100px; padding-right: 10px;  }
.footer-aidha-logo h1 { font-size: 60px; color:#800000; text-align: right; }
.footer-aidha-logo h2 { font-size: 12px; color:#800000; text-align: right; margin-top: -5px; }



/*.footer-logo{ clear: both; overflow: hidden;  vertical-align:bottom; }
.footer-logo h1 { font-size: 53px; color:#800000; text-align: right; }
.footer-logo h2 { font-size: 12px; color:#800000; text-align: right; }*/

.footer { clear: both; overflow: hidden; font-size: 12px; }
.footer-link { background: url(images/footer-bg.gif) no-repeat; width: 910px; height: 28px; padding: 25px 15px 10px; text-align: center; margin: 20px 0; clear: both; overflow: hidden; }
.footer-link ul { padding: 0; margin: 0; }
.footer-link li { padding: 0 5px 0 0; margin: 0; list-style: none; display: inline; }
.footer-link a { color:#fff; text-decoration: none; }
.footer-link a:hover { text-decoration: underline;}


