/*  
Theme Name: optimystic
Theme URI: http://www.blogohblog.com
Description: A WordPress theme specially made optimysticinstitute.
Author: Jai Nischal Verma
Author URI: http://www.blogohblog.com
*/

/**************** Body *********************/
*{margin:0;padding:0;outline:0;}
body{background:url(images/body.gif) 0px 149px repeat-x;color:#333;font:12px Geneva, Arial, Helvetica, sans-serif; line-height:20px;}
#wrapper{margin:auto;}
#left{width:240px; float:left; background-color:#FFFFFF; position:fixed;}
#right{background:url(images/line.gif) repeat-y left; position:absolute; left:240px; width:780px; }
#flower {margin:15px 0 0 0;width:368px; height:315px; position:absolute; left:-120px;}

#logo {width:612px; margin:20px 0 10px 30px;position:relative;}
#logo h1 {text-indent:-10000px;}
#logo h1 a {display:block; background:url(images/logo.jpg) no-repeat left; height:119px;}

#topsearch {position:absolute; right:-120px; top:0px; height:38px;}
#ls {background-color:#FBECD5; border:1px solid #FBECD5; font-size:12px; font-weight:bold; color:#999999;}
.rss {position:absolute; right:23px; top:0px;}

h2 {margin:10px 10px 10px 0px; font-size:20px; color: #333333; font-weight:lighter;  text-transform:uppercase;}
h2 a:link,h2 a:visited{padding:5px 0px 5px 0px;  font-size:20px; color: #333333; text-decoration:none; font-weight:lighter; text-transform:uppercase;}
h2 a:hover{color: #000000;}
.spot {height:20px;border-left:15px solid #007141;}
#sidebarleft {text-align:left;padding:0px 20px 0 20px;}
#sidebarleft ul {list-style:none; padding-top:330px;}
#sidebarleft h2{ font-size:14px; color:#EF8C00;font-weight:bold;  text-transform:uppercase;}
#sidebarleft ul{list-style-type:none;}
#sidebarleft ul li{list-style-type:none;margin-left:10px;margin-top:20px;}
#sidebarleft ul li ul{font-style:normal;list-style-type:none;margin-top:10px;padding:0px;}
#sidebarleft ul li ul li{border:0;display:block;margin:0 0px 5px;padding:0 0 5px 0px;}
#sidebarleft p{padding:0 5px;}

/**************** Entry *********************/
.date {border-bottom:1px solid #CCCCCC;color: #666666; font-size:12px; margin-bottom:10px; padding:5px;}
.entry {width:540px; float:left;}
.entry h2 {line-height:40px;}
.entry h2 a{padding-bottom:6px; line-height:40px; letter-spacing:-1px;}
.entry p{padding:0 0 10px 0;}
.post{padding:20px 30px 20px 30px;text-align:left;}
.entry ul { margin-left: 0px; padding: 0 0 0 30px; text-indent: -10px; } 
.entry li { margin: 7px 0 8px 10px; padding-left:20px; }
.entry ol { padding: 0 0 0 35px; margin: 0; }
.entry ol li { margin: 0; padding: 0; }
.meta {background-color:#EFEFEF; padding:5px; font-size:12px; border:1px solid #E8E8E8; clear:both;}

/**************** Links *********************/
a:link, a:visited{color:#B125B9;text-decoration:none;}
a:hover{color:#77177F; text-decoration:underline;}
#extra{background-color: #F4F4F4; width:308px; margin-top:10px; float:left; border:1px solid #E8E8E8; padding:10px;}
/**************** Sidebars *********************/
#sidebar1{float:left; width:220px; padding:5px;border-left:1px solid #E8E8E8; }
#sidebar1 h2{ font-size:14px; color:#EF8C00;font-weight:bold;  text-transform:uppercase;}
#sidebar1 ul{list-style-type:none;}
#sidebar1 ul li{list-style-type:none;margin-left:10px;margin-top:20px;}
#sidebar1 ul li ul{font-style:normal;list-style-type:none;padding:0px;}
#sidebar1 ul li ul li{border:0;display:block;margin:0 0px 5px;padding:0 0 5px 0px;}
#sidebar1 p{padding:0 5px;}


/**************** Navigation *********************/
#navigation{height:24px; background:url(images/body.gif) top repeat-x;width:100%; position:relative;}
#menu {margin-left:10px;}
#menu li{display:inline; float:left; font-size:13px; font-weight:normal; margin-left:5px;}
.page_item a:link, .page_item a:visited{color: #fff; display:block; line-height:24px; padding:0 13px 0 13px;}
.page_item a:hover { display:block; line-height:24px; padding:0 13px 0 13px; background:#B125B9; color:#fff; text-decoration:none;}

/**************** Dropdown menu *********************/

#menu li li a, #menu li li a:link, #menu li li a:visited {background: #EF8C00;width: 160px;color: #fff;float: none;margin: 0;padding: 0px 12px 0px 12px;}
#menu li li a:hover, #menu li li a:active {background:#B125B9;color: #fff;}
#menu li ul {z-index: 9999;position: absolute;left: -999em;height: auto;width: 205px;margin: 0 0 0 -5px;padding: 0;}
#menu li li {border:none;}
#menu li ul a {width: 160px;}
#menu li ul a:hover, #menu li ul a:active {}
#menu li ul ul {margin: -24px 0 0 179px;border: none;}
#menu li:hover ul ul, #menu li:hover ul ul ul, #menu li.sfhover ul ul, #menu li.sfhover ul ul ul {left: -999em;}
#menu li:hover ul, #menu li li:hover ul, #menu li li li:hover ul, #menu li.sfhover ul, #menu li li.sfhover ul, #menu li li li.sfhover ul {left: auto;}
#menu li:hover, #menu li.sfhover {position: static;}

/**************** Search *********************/
#topsearch{padding-top:20px;}
.searchfield{width:12em; color: #333333;font:12px Arial;padding:3px 3px 3px 8px; border:1px solid #E8E8E8;}
h2.search {font-weight:lighter; font-size:14px; padding-left:30px; padding-top:10px;}

h3#respond,h3#comments {font-size:16px; font-weight:bold; color:#EEA846; padding:20px 0 20px 0;}
#commentform p { padding-bottom:10px;}
#commentform #author { border:1px solid #dadada; height:20px; width:200px; }
#commentform #email { border:1px solid #dadada; height:20px; width:200px; }
#commentform #url { border:1px solid #dadada; height:20px; width:200px;}
#commentform #comment { border:1px solid #dadada; height:200px; width:500px;}
.commentlist cite { background:#f9f9f9; padding:5px 5px 5px 10px; }
.commentlist cite a { color:#333;}
.commentlist .ctext { background:url(images/doth.gif) repeat-x bottom; font-size:11px;}

/**************** Footer *********************/
#bottom{background:url(images/bottom.jpg) top no-repeat; height:9px; width:950px; margin:auto;}
#footer{color: #333333;padding:0px 5px 5px 15px; text-align:center; font-size:11px; float:left;}
#footer a:link, #footer a:visited{color:#34577F; text-decoration:none;}
#footer a:hover {color:#333333;}

/**************** Misc *********************/
acronym, abbr, span.caps { cursor: help; }
acronym, abbr { border-bottom: 1px dashed #999; }
blockquote { margin: 15px 30px 0 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; }
.alignright{float:right; padding:40px;}
.alignleft{float:left; padding:40px;}
img.centered{display:block;margin-left:auto;margin-right:auto;}
img.alignright{display:inline;margin:0 0 2px 7px;}
img.alignleft{display:inline;margin:0 7px 2px 0;}
pre {border: solid 1px #9a9a9a;color: blue;margin: 10px;padding:10px;background: #f3f2ed}
code {font-size:1.0em;color: #000}

/**************** avatar *********************/
.gravs {margin-top:20px;}
.avatar {float:left; margin-right:15px; margin-bottom:5px; padding:3px; border:1px solid #ccc;}

.block {width:15px; height:24px; position:absolute; left:0px; top:0px; background:url(images/block.gif) left no-repeat;}