/*
Theme Name: MistyLook
Theme URI: http://wpthemes.info
Description: A real clean template by Sadish Bala , influenced by ReOrganize
Version: 2.0
Author: Sadish
Author URI: http://simpleinside.com
*/
* {
padding: 0px;
margin:0px;
}
p {
margin: 0.7em 0px;
line-height:1.6em;
}
dl {
margin:1em 0px;
}
dt
{
font-weight:bold;
}
dd
{
margin:0.5em 1em;
padding:0;
}
a img {
border:0;
}
.clear {
clear:both;
height:20px;
}
blockquote
{
margin:10px;
padding-left:10px;
border-left:#ccc 2px solid;
color:#666;
}
fieldset
{
border:none;
}
body
{
background: #f9f8f4;
margin: 0px 20px;
font: 76%/1.6em verdana, tahoma, "lucida grande", sans-serif;
color: #333;
text-align: center;
}
a
{
text-decoration:none;
}
a:link {
color: #265e15;
}
a:visited {
color: #265e15;
}
a:hover, a:active {
color: #333;
text-decoration:underline;
}
h1, h2, h3, h4, h5, h6
{
font-family:Georgia, Verdana, Arial, Serif;
}
#container {
border: #ddd 1px solid;
background: #fff;
margin: 0px auto;
width: 780px;
position: relative;
text-align: left;
}
#navigation {
background: transparent;
margin: 20px auto 0px;
overflow: hidden;
width: 760px;
position: relative;
text-align: left;
font-family:Tahoma, Verdana, Arial, Serif;
}
html #navigation {
height: 1%;
}
#navigation ul li {
float: left;
margin: 0px 5px 0px 0px;
list-style-type: none;
}
#navigation ul li a {
border: #ddd 1px solid;
border-bottom:none;
padding: 0 10px 2px 10px;
display: block;
background: #ededed;
text-decoration: none;
}
#navigation ul li a:hover {
background: #fafafa;
}
#navigation ul li a:active {
background: #fafafa;
}
#navigation ul li.current_page_item a {
background: #fff;
color: #333;
border: #ccc 1px solid;
border-bottom:none;
}
#navigation ul li.search {
font-size: 0.9em;
right: 0px;
position: absolute;
top: 0px;
}
#navigation ul li.search input#s {
border: #999 1px solid;
font-size: 0.9em;
width: 100px;
padding: 2px;
background:#fff;
}
#navigation ul li.search input#searchsubmit {
border: #999 1px solid;
font-size: 0.9em;
background: #e6e6e6;
margin: 0px 0px 0px 2px;
color: #265e15;
padding: 2px;
}
#header {
clear: both;
float: left;
margin: 10px 5px;
width: 450px;
}
#header h1
{
font-size:1.8em;
margin:10px 0 0 10px;
font-variant:small-caps;
letter-spacing:1px;
}
#header h1 a {
display: block;
text-decoration:none;
}
#header h2
{
margin:5px 0 0 10px;
font-size:1em;
font-weight:normal;
font-family:Tahoma, Verdana, Arial, Serif;
letter-spacing:1px;
}
#feedarea {
padding:10px 10px 0 0;
float: right;
text-align: right;
}
html #feedarea {
padding-top: 10px;
}
#feedarea dl dt {
display: inline;
margin-right: 5px;
height: 45px;
}
#feedarea dl dd {
display: inline;
margin-right: 5px;
height: 45px;
background:url(img/feed.png) no-repeat left center;
padding-left:16px;
}
#headerimage {
clear: both;
background: #fff url(img/misty.jpg) no-repeat 0px 0px;
margin: 10px;
color: #fff;
height: 200px;
}
html #headerimage {
margin-top: 0px;
}
#content {
margin: 10px 10px 10px 30px;
overflow: auto;
}
html #content {
height: 1%;
}
#content h3 {
font-size: 1.2em;
margin: 1em 0px 0px;
}
#content h4 {
font-size: 1.1em;
margin: 1em 0px 0 0;
}
#content h5 {
font-size: 1em;
margin: 1em 0px;
}
#content-main ul
{
margin:1em;
padding:0 1em;
list-style-image:url(img/bullet.png);
}
#content ol
{
list-style-type:decimal;
margin:1em;
padding:0 1em;
}
#content-main {
float: left;
width: 520px;
margin-right: 20px;
}
html #section-index #content-main {
margin-right: 20px;
}
#content .post
{
padding:0 0 2em 0;
border-bottom:#ddd 1px dashed;
}
#content p img.right {
float: right; margin:10px 0 0 10px;
}
#content p img.left {
float: left; margin:0 10px 10px 0;
}
#content .post h2
{
font-size: 1.4em;
margin: 1em 0px 0px;
letter-spacing:1px;
font-weight:normal;
}
#content .entry
{
margin:1em 0;
padding-right:1em;
}
#content .entry a
{
border-bottom:#999 1px dashed;
text-decoration:none;
}
#content .post-info , #content .postmetadata
{
font-size:0.9em;
color:#999;
margin:0;
padding:0;
}
#content .post-info
{
background:url(img/underline1.jpg) no-repeat left bottom;
padding-bottom:12px;
}
#sidebar {
float: left;
width: 200px;
font-size:0.9em;
}
#sidebar ul
{
list-style:none;
margin:0;
padding:0;
}
#sidebar ul ul
{
list-style:none;
margin:0.5em 0 0 1em;
padding:0;
}
li.sidebox {
padding:10px;
background: url(img/sideheadtop.gif) #ededed no-repeat left top;
margin-bottom: 10px;
}
html li.sidebox {
padding-bottom: 10px;
}
li.sidebox h2 {
font-weight: bold; font-size: 1.2em; text-align: left;
}
#sidebar li.sidebox p img {
float: left; margin: 0px 10px 10px 0px;
}
#footer {
clear: both;
background: transparent;
margin: 0px auto;
overflow: auto;
width: 760px;
color: #999;
text-align: left;
}
html #footer {
height: 1%;
}
#footer p {
float: left; width: 40%; line-height: 1.2em;
}
#footer p img {
vertical-align: text-bottom;
}
#footer ul {
float: right;
margin: 1em 0px;
width: 50%;
text-align: right;
font-size: 0.9em;
}
#footer ul li {
display: inline;
margin-left: 5px;
list-style-type: none;
}
#comments, #respond{
margin: 2em 0 0 5px;
}
#commentform
{
margin:10px;
padding:10px;
}
#container .commentlist {
margin: 0;
padding: 0;
}
.commentlist li
{
list-style:none;
margin: 1.5em 0;
padding: 0.5em;
background:#f6f6f6;
}
.commentlist li.alt
{
background:#fafafa;
}
.commentlist li .cmtinfo
{
font-size:1em;
border-bottom: #eee 1px solid;
}
.commentlist li cite
{
font-style:normal;
font-weight:bold;
}
.commentlist li .cmtinfo em
{
float:right;
margin:0;
padding:0;
font-style:normal;
font-size:0.9em;
color:#999;
}
textarea{
width: 90%;
padding:5px;
height: 20em;
border: 1px solid #ccc;
background:#f9f8f4;
}
input.textbox
{
background:#f9f8f4;
padding:1px;
border:#ccc 1px solid;
}
.post h4
{
font-size:1em;
font-weight:normal;
font-family:Verdana, Tahoma, Arial, Serif;
}
.post h4 em
{
font-style:normal;
float:right;
font-weight:normal;
}
#header, #content, #sidebar, #footer, .widget {
overflow: hidden;
}
.Accordion {
border-left: solid 1px gray;
border-right: solid 1px black;
border-bottom: solid 1px gray;
overflow: hidden;
}
/* This is the selector for the AccordionPanel container which houses the
* panel tab and a panel content area. It doesn't render visually, but we
* make sure that it has zero margin and padding.
*
* The name of the class ("AccordionPanel") used in this selector is not necessary
* to make the widget function. You can use any class name you want to style an
* accordion panel container.
*/
.AccordionPanel {
margin: 0px;
padding: 0px;
}
/* This is the selector for the AccordionPanelTab. This container houses
* the title for the panel. This is also the container that the user clicks
* on to open a specific panel.
*
* The name of the class ("AccordionPanelTab") used in this selector is not necessary
* to make the widget function. You can use any class name you want to style an
* accordion panel tab container.
*/
.AccordionPanelTab {
background-color: #CCCCCC;
border-top: solid 1px black;
border-bottom: solid 1px gray;
margin: 0px;
padding: 2px;
cursor: pointer;
-moz-user-select: none;
-khtml-user-select: none;
}
/* This is the selector for a Panel's Content area. It's important to note that
* you should never put any padding on the panel's content area if you plan to
* use the Accordions panel animations. Placing a non-zero padding on the content
* area can cause the accordion to abruptly grow in height while the panels animate.
*
* Anyone who styles an Accordion *MUST* specify a height on the Accordion Panel
* Content container.
*
* The name of the class ("AccordionPanelContent") used in this selector is not necessary
* to make the widget function. You can use any class name you want to style an
* accordion panel content container.
*/
.AccordionPanelContent {
overflow: auto;
margin: 0px;
padding: 0px;
height: 200px;
}
/* This is an example of how to change the appearance of the panel tab that is
* currently open. The class "AccordionPanelOpen" is programatically added and removed
* from panels as the user clicks on the tabs within the Accordion.
*/
.AccordionPanelOpen .AccordionPanelTab {
background-color: #EEEEEE;
}
/* This is an example of how to change the appearance of the panel tab as the
* mouse hovers over it. The class "AccordionPanelTabHover" is programatically added
* and removed from panel tab containers as the mouse enters and exits the tab container.
*/
.AccordionPanelTabHover {
color: #555555;
}
.AccordionPanelOpen .AccordionPanelTabHover {
color: #555555;
}
/* This is an example of how to change the appearance of all the panel tabs when the
* Accordion has focus. The "AccordionFocused" class is programatically added and removed
* whenever the Accordion gains or loses keyboard focus.
*/
.AccordionFocused .AccordionPanelTab {
background-color: #3399FF;
}
/* This is an example of how to change the appearance of the panel tab that is
* currently open when the Accordion has focus.
*/
.AccordionFocused .AccordionPanelOpen .AccordionPanelTab {
background-color: #33CCFF;
}