/*  
Theme Name: Flow
Theme URI: http://www.2yi.net/
Description: Flow is a simple 2 column theme with a sidebar on the right by <a href="http://www.2yi.net/">Your Index</a>.  The theme is widget ready.
Version: 1.0
Author: Your Index
Author URI: http://www.2yi.net/
*/

/************************************************************
********* General Styles *******************************
************************************************************/
body {
padding: 0;
margin: 0;
background: #FFFFFF url('images/body-bg.gif') top right repeat-y; /*#585A5C*/
font-size: 1em;
font-family: Verdana, Arial, 'Times New Roman';
color: #000;
}

#container {
width: 95%; 
padding-left: 15px;
font-size: 0.8em;
margin: auto;
margin-bottom: 27px;
}

* html #container{
padding-left: 1px;
}

h2 {
margin: 0;
}

a {
color: #39170B;
}

a:hover {
text-decoration: none;
}

.clear {
clear: both;
}


/*#blockquote{
#padding: 0.5em;
#padding-left: 5em;
#background: #999999;
#}*/
/************************************************************
********* Header Styles *******************************
************************************************************/

#header {
background: #FFFFFF url('images/header.jpg') top right no-repeat;
height: 124px;
}

#header h1, #header h2 {
margin: 0;
padding: 0;
font-size: 1em;
color: #585A5C;
}

#header h1 a {
color: #585A5C;
font-size: 2em;
text-decoration: none;
display: block;
padding: 33px 0 0 50px;
}

#header h1 a:hover{
color: #77797F;
font-size: 2em;
text-decoration: none;
display: block;
padding: 33px 0 0 50px;
}

#header h2 {
padding: 5px 0 0 50px;
}

/************************************************************
********* Content Styles *******************************
************************************************************/

#content  {
width: 70%;
padding: 8px 6px 8px 4px;
float: left;
margin-bottom: 27px;
}

#content h2 {
margin: 0;
font-size: 1.3em;
background: url('images/icon.gif') 2px 14px no-repeat;
color: #585A5C;
padding: 10px 0 0 20px;
}

#content h2 a {
text-decoration: none;
color: #585A5C;
}

#content h2 a:hover {
text-decoration: none;
color: #CBD2D7;
}

#content h2 a:visited {
text-decoration: none;
color: #585A5C;
}

#content h3 {
font-size: 1em;
}

#content a img {
/*float: left;*/
padding: 1px;
background: #fff;
border: 2px solid #585A5C;
margin: 8px 12px 8px 0;
}

#content a:hover img {
border-color: #fff;
}

#content .created {
font-size: .9em;
font-weight: bold;
margin-top: .3em;
}

#content .posted-by {
float: right;
display: block;
padding: 15px 0 0 25px;
font-size: 0.9em;
font-weight: normal;
width: 150px;
}

#content .post-footer {
font-size: 0.9em;
border-top: 1px dotted #585A5C;
border-bottom: 1px dotted #585A5C;
background: #CBD2D7;
padding: 3px 5px 3px 5px;
color: #777777;
vertical-align:top;
}

#content .post-footer a {
//font-size: 8pt;
font-weight: normal;
color: #585A5C;
}

#content .post-footer a:hover {
//font-size: 8pt;
font-weight: normal;
color: #777777;
text-decoration: underline;
font-style: normal;
}

#content .post-footer a:visited {
color: #8f8f8f;
}

#content .post-footer .meta {
display: block;
float: left;
width: 370px;
}

#content .post-footer .feedback {
float: right;
vertical-align:top;
}

#content .share {
//float: right;
//text-align: right;
border-top: 1px dotted #585A5C;
//border-bottom: 1px dotted #585A5C;
background: #E1E9EE;
height: 5px;
padding: 3px 5px 3px 5px;
vertical-align:top;
vertical-align: top;
}

#content blockquote {
background: #CBD2D7;
padding: 1px 15px;
border: 1px solid #585A5C;
border-width: 1px 1px 1px 5px;
}

#content a {
color: #585A5C;
font-weight: bold;
text-decoration: none;
}

#content a:hover {
text-decoration: underline;
}

#content a:visited {
color: #888A8C;
}


/************************************************************
********* Sidebar Styles *********************************
************************************************************/

#sidebar {
float: left;
width: 23%;
margin-left: 15px;
margin-top: 25px;
margin-bottom: 200px;
}

#sidebar h2 {
background: #cbd2d7; /*url('images/sidebar-h2.gif') center bottom; /*no-repeat;*/
text-align: left;
font-size: 1.2em;
padding: 4px 15px 5px 20px;
color: #585A5C;
margin: 10px 0;
}

#sidebar ul {
margin: 0;
padding: 0;
list-style: none;
color: #102536;
}

#sidebar li{
list-style: none;
}

#sidebar ul li{
list-style: none;
}

#sidebar ul ul li{
background: url(images/star.gif) 5px 5px no-repeat;
padding-left: 16px;
}

#sidebar ul ul li ul li{
padding-left: 12px;
background: url(images/child.gif) 5px 5px no-repeat;
}


#sidebar ul li ul{
padding: 0 0 0 20px;
}

#sidebar ul li ul li a {
color: #102536;
text-decoration: none;
}

#sidebar ul li ul li a:hover {
color: #102536;
text-decoration: underline;
}

#sidebar ul li ul li ul {
padding: 2px 0 2px 20px;
}

#searchform {
padding: 0 20px 0 20px;
}

/************************************************************
********* Footer Styles *********************************
************************************************************/

#footer {
clear: both;
background: #585A5C;
height: 20px;
border-top: 2px solid #AFAFAF;
font-size: 0.6em;
width: 100%;
}

#footer * {
color: #fff;
}

#footer p {
float: left;
margin: 0;
padding: 3px 5px 2px 5px;
}

#footer p.rights-reserved {
float: right;
width: 215px;
text-align: center;
}