/***************************************************
THEME NAME: silverglass
THEME URI: 
DESCRIPTION: based on SandBox
VERSION: 1.0.0
AUTHOR: <a href="http://awmyth.net/">awmyth - littleindian webcreations</a>
AUTHOR URI:
TAGS: flexible-width, two-columns, right-sidebar
**********************************************************************************/

*    { margin: 0; padding: 0;}

html { font-size: 100%; }

body { width: 96%; background: #030915;
       color: #AAAAAA; font: normal normal 67.5%/1.5em Helvetica, arial, sans-serif; 
       margin: 0px auto 0; padding: 0;}

h2, h2 a,
h3, h3 a  {   color: #E6E8FA; font-style: italic; font-weight: bold; font-family: Georgia;}
h4, h4 a  {   color: #E6E8FA; font-style: normal; font-weight: bold; font-family: Helvetica;}

h2     {   font-size: 1.6em; margin-top: 30px; padding-bottom: 20px;}
h3     {   font-size: 1.2em; margin-top: 30px; padding-bottom: 10px;}
h4     {   font-size: 1.0em; margin-top: 10px; padding-bottom: 0px;}

p, ol, ul { line-height: 150%;}

p  { margin: 10px 0;}

ol { margin-left: 30px;}
ul { }

input,
textarea     { background: #192832; color: #AAAAAA; font: 12px/20px Arial, sans-serif; border: #666666 double 3px;}

blockquote   { background: #030915; font-size: 0.9em; /*font-family: "Times New Roman";*/ font-style: italic;
	       margin: 20px 0px 20px 20px; padding: 10px 30px 20px;}

cite   { background: #030915; font-size: 0.9em; /*font-family: "Times New Roman";*/ font-style: italic;
	       margin: 5px 0px 5px 20px; padding: 10px 30px 20px;}

a         { font-weight: normal; text-decoration: none;}
a:link,
a:visited { color: #E6E8FA;}
a:hover   { color: #D59D69;}
a:active  { color: #FFFFFF;}

.alignright  { float: right; margin: 1em 0 0 1em;}
.alignleft   { float: left; margin: 1em 1em 0 0;}
.aligncenter { display: block; margin: 1em auto; text-align:center;}

.divider { height: 30px; }

/****************************************************** HEADER *****/

#header  {  background: #030915; width: 100%; height: 40px;}

#title   { float: left; letter-spacing: -1px; 
           font: italic bold 24px "Times New Roman"; color: #FFFFFF; margin-top: 10px;  }

#slogan  { float: right; letter-spacing: 0px;
	   font: italic bold 12px Helvetica; color: #FFFFFF; margin-top: 20px;  }

/*************************************************************** NAVIGATION ***/

#nav	{ background: #030915 url(http://www.thesillypoint.com/theme_images/dots.gif); 
          width: 100%; height: 25px; text-align: center; 
          margin: 0px;  padding: 6px 0px 0px; }

#nav li	{ background: #030915 url(theme_images/button.jpg); 
          height: 21px; display: inline; list-style-type: none; 
          margin: 0; padding: 4px 12px;}

#nav li a  { font: bold 10px Helvetica, arial; text-decoration: none;}
#nav li a:link   { color: #FFFFFF;}
#nav li a:hover  { color: #D59D69;}
#nav li a:active { color: #700000;}

/******************************************************* SERVICE MENU ***/

#servicemenu	{ background-color: #030915; 
                  width: 100%; height: 18px; text-align: center;
                  margin-bottom: 10px; padding-top: 4px;}

#servicemenu li	{ list-style-type: none; display: inline;                  
                  margin: 0px 4px; padding: 4px 8px;}

#servicemenu li a { font: normal bold 10px Helvetica; text-decoration: none;}
#servicemenu li a:link   { color: #D59D69; }
#servicemenu li a:hover	 { color: #FFFFFF; }  
#servicemenu li a:active { color: #FF0000; }  

/******************************************* SUBHEADER  *****/

#subheader  { width: 100%; text-align: center; margin: 10px 0;}


/**************************************** NAVIGATION *****/

div#nav-above { clear: right; height: 30px; background: #030915; margin-bottom: 1em; padding: 20px 30px 0px;}
div#nav-below { clear: right; height: 30px; background: #030915; margin-bottom: 2em; padding: 20px 30px 0px;}

div#nav-images { height: 150px; margin: 1em 0;}

div.navigation                  { clear: right; height: 1.25em; color: #D59D69; font-size: 1.2em;}
div.navigation div              { width: 50%;}
div.navigation div.nav-next     { float: right; text-align: right;}
div.navigation div.nav-previous { float: left;}

/****************************************** STRUCTURE *****/


#wrapper    { width: 100%;}

#container  { float: left; width: 100%; margin: 0px auto;}

#content    { clear: both; 
              background: #192832; padding-top: 0px; margin-right: 310px; border: #666666 double 3px;}  

#post       { clear: both; margin-bottom: 30px; padding: 0px;}


.entry-title   { clear: both; background: #030915; color: #D59D69; font-size: 1.8em;
                 padding: 40px 20px 20px;}

.entry-title a { color: #D59D69;}

.entry-date    { clear: both; background: #192832;
                 font-size: 1.0em; text-decoration: none; padding: 10px 20px 20px;}

.entry-meta    { clear: both; background: #192832; 
                 font-size: 1.1em; margin: 20px 0px; padding: 5px 30px;}

.entry-content { clear: both; background-color: #192832;
                 text-align: justify; color: #AAAAAA; font-size: 1.3em; padding: 0px 50px;}

.entry-content a { font-weight: bold;}

/********************************************************** ARCHIVE *****/

.page-title  { clear: both; background: #192832; color: #D59D69; font-size: 1.6em;
                     margin-left: 20px; padding: 20px;}


.archive-meta    { clear: both; background: #192832; 
                   font-size: 1.1em; margin-bottom: 20px; padding: 5px 30px;}


/******************************************* SIDEBAR *****/

#sidebar    { float: right;  width: 300px; background: #192832;
              margin-left: -100%; margin-bottom: 20px;
              padding: 0px; border: #666666 double 3px;}

.content    { background: #192832; padding: 0px;}

#sidebar ul    { list-style: none; padding-bottom: 5px;}

#sidebar ul li { background: #192832; 
                 font-size: 1.05em; font-weight: normal;               
	         padding: 10px 0px 0; border-top: 0px solid #0B0B0B;}

#sidebar ul li h3 { background: #030915; height: 20px;
                    color: #D59D69; font-size: 1.3em; text-transform: lowercase;
                    margin-top: 10px; padding: 20px 0 5px 20px;}

#sidebar ul li p  { margin: 0; padding: 10px 20px 0px;}

#sidebar ul ul li { margin-left: 30px;}

div.sidebar input#s { width: 7em;}

/******************************************* COMMENTS ******/

#comments    { padding: 20px;}  

div.comments ol li { font-size: 1.2em; margin: 0 30px 3.5em; padding: 20px 40px; border: #666666 double 3px;}

div.comment-author vcard {}
div.comment-meta         { font-size: 0.8em; margin: 10px 0px;}

.fn   { font: italic bold 1.2em Georgia;}

form#commentform .form-label { margin: 1em 0 0;}
form#commentform span.required { background: #192832 ; color: #FF0000; font-size: 1.5em;}

form#commentform,
form#commentform p { padding: 0;}


input#author { width: 50%; margin: 10px 0 0 40px; padding: 0.5em;}
input#email  { width: 50%; margin: 10px 0 0 40px; padding: 0.5em;}
input#url    { width: 50%; margin: 10px 0 0 40px; padding: 0.5em;}


textarea#comment   { width: 100%; height: 13em; overflow: auto; margin: 20px 0px; padding: 0.5em;}

/********************************************************************** IMAGES *****/

img   { border: none;}
img.alignright  { float: right; margin: 1em 0 0 1em;}
img.alignleft   { float: left; margin:1em 1em 0 0;}
img.aligncenter { display:block; margin: 1em auto; text-align:center;}

div.gallery *   { margin-left: 1em; padding:0;}

div.gallery     { height: 180px; width: 100%; 
                  clear: both; margin: 1em 0;}

div.gallery dl  { float:left;}
div.gallery dl  { margin: 1em auto; overflow:hidden; text-align:center;}

div.gallery dl.gallery-columns-1 { width: 100%;}
div.gallery dl.gallery-columns-2 { width: 49%;}
div.gallery dl.gallery-columns-3 { width: 33%;}
div.gallery dl.gallery-columns-4 { width: 24%;}
div.gallery dl.gallery-columns-5 { width: 19%;}

p.wp-caption-text { font-style: italic;}

/***************************************************** FOOTER *****/

#footer { clear: both; width: 100%; height: 30px; 
          background: #030915; text-align: center; 
	  color: #D1D1D1; font: italic 12px Helvetica; padding-top: 10px;}

#footer	a:link    { color: #D59D69;}
#footer a:hover   { color: #9E4D51;}
#footer a:active  { color: #FFFFFF;}

#footer span { padding: 0 20px; }

/************************************************* PLUGINS **************/

.ctc        { text-align: justify; padding: 20px;}
.postbyline { font-size: 90%; padding-bottom: 0px;}

#useronline-count { margin-left: 20px; padding-top: 10px;}

