@charset "utf-8";
/* Portfolio Artwork Mushtaq Bhat. 2009. http://www.mushtaqbhat.com */
/* CSS Gallery Swap markup based on work of Stu Nichols 2005 . http://www.cssplay.com.uk */
/* Global Styling */
body {margin:0; padding:0;}
body img {border:0;}
a:link {color:#558855;text-decoration:none;}
a:hover {color:#000;}
a:active {color:#B22222;}
a:visited {color:#708090;text-decoration:none}
#googleCSE {position:absolute;top:8px;text-align:right;left:72%;}
/* Header */
p#logo {top:0;width:20%;margin-left:8px;padding:0;word-spacing:0.2em;font:normal 0.8em times,sans-serif;color:#000;
border-bottom:1px solid silver;}
.ico {float:left;width:2em;vertical-align:top;}
h1 {font-size:1.8em;color:#BDB76B;margin:0 5em;letter-spacing:0.05em;}
h2 {font-size:1.2em;color:#b7bea1;margin:0.4em 8em;}
#post2005 {position:absolute;top:50px;left:68%;width:30%;padding:0%;line-height:1.8em;font-family:verdana, arial, sans-serif; font-size:0.72em;color:#666;}
#topHr {width:75%;height:0.01em;margin:0.5em 15% 0.6em 10%; color:#a8a8a8;}
#rhea {position:absolute;margin-left:6%;margin-top:-2.5em;}
#medNote {width:70%; margin-left:20%;margin-top:0;font-family:verdana, arial, sans-serif; font-size:0.70em;color:#666;}
/* Content */
/* SWAP */
#container {
position:relative; top:10px; width:90%; height:410px; margin:20px 5% 0;font-size:0.8em;color:#333;
background:#fff url(../assets/slides/portfolio_cover.jpg) 45px 40px no-repeat;border-bottom:1px solid silver; 
}
#container ul {
float:right;width:25%;height:410px;margin:5px;padding:0;list-style-type:none;
}
#container a.gallery span {
position:absolute;top:5px;left:5px;width:1px;height:1px;overflow:hidden;background:#fff;}
#container a.gallery, #container a.gallery:visited {
display:block; margin:1px 2px 1px 2px;color:#000;text-decoration:none;text-align:left;cursor:default;border:1px solid #A8A8A8;
}
#container a.slide01 {height:93px;width:60px;background:url(../assets/tn/tn01.jpg) no-repeat;}
#container a.slide02 {height:93px;width:60px;background:url(../assets/tn/tn02.jpg) no-repeat;}
#container a.slide03 {height:93px;width:60px;background:url(../assets/tn/tn03.jpg) no-repeat;}
#container a.slide04 {height:93px;width:60px;background:url(../assets/tn/tn04.jpg) no-repeat;}
#container a.slide05 {height:93px;width:60px; background:url(../assets/tn/tn05.jpg) no-repeat;}
#container a.slide06 {height:93px;width:60px; background:url(../assets/tn/tn06.jpg) no-repeat;}
#container a.slide07 {height:93px;width:60px;background:url(../assets/tn/tn07.jpg) no-repeat;}
#container a.slide08 {height:93px;width:60px;background:url(../assets/tn/tn08.jpg) no-repeat;}
#container a.slide09 {height:93px;width:60px;background:url(../assets/tn/tn09.jpg) no-repeat;}
#container a.slide10 {height:93px; width:60px; background:url(../assets/tn/tn10.jpg) no-repeat;}
#container a.slide11 {height:93px;width:60px;background:url(../assets/tn/tn11.jpg) no-repeat;}
#container a.slide12 {height:93px;width:60px;background:url(../assets/tn/tn12.jpg) no-repeat;}
#container li {float:left;width:60px;}
#container a.gallery:hover {border:1px solid #fff;}
#container a.gallery:hover span {position:absolute;top:20px;left:24px;width:64%;height:372px;color:#333;background:#fff;
border:1px solid #fff;}
#container a.gallery:hover span b {color:#a5ac92;font-size:1.6em;}
#container a.gallery:hover img {float:left;margin-right:5px;}
/* Bottom Section */
#bottSect {width:80%;margin:2em 4% 4em 10%;padding:1em;font-size:0.9em;text-align:center;clear:both;}
.searchE {margin:3em auto 4em;font-size:0.8em;text-align:center;}
.searchE b {color:#7B8077;}
div .teaser {margin:2em auto 4em; font-size:0.9em; color:#687556; border-bottom:1px solid silver; text-align:center;padding-bottom:0.4em;}
.typeW {margin:1em auto 2em; font-size:0.72em; color:#687556;text-align:center;padding-bottom:0.6em;}
.teaser h3 {color:#A5AC92;font-size:1.2em;}
.teaser h4 {color:#62997D;}
#footer.navbar {font-size:0.72em;word-spacing:0.4em;text-align:center;}
.footerRRR {height:40px;font-size:11px;color:#444;}