/*
Theme Name: Common Sense
Theme URI: http://www.commonsenseworld.com/
Description: Your new theme
Version: 2.5
Author: Anna Filippova
Author URI: http://www.annafilippova.com
*/


.center, .aligncenter {
      display:block;
      margin:0 auto;
	text-align: center;
	}

ul, ol,li, dl {
              position: relative;  }


.alignright {
	float: right;
	}
	
.alignleft {
	float: left
	}

hr {
	display: none;
	}

a img {
	border: none;
	}

.text img {
text-align:left;
}

.text .post-content img{
padding:5px;
background-color: #cce6e7;
display:block;
text-align:center;
margin:15px auto;
border:1px solid #332618;
}

a, a:link{
color: #223a43;
}

a:visited{
text-style:italic;
}

a:hover{
color: #332618;
}

.navigation {
	display: block;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 60px;
	}

body {
margin:0px;
padding:0px;
background-color: #9dc0c0;
background-image: url('images/mainbg.jpg');
background-repeat: repeat-x;
background-position: 34px left;
font-size:85%;
font-family: arial, helvetica, sans-serif;
}

#header{
width:1000px;
margin:0 auto;
height:249px;
position:relative;
}

#header #title{
width:431px;
height:245px;
position:absolute;
right:75px;
top:0px;
}

#header #quote {
width: 453px;
height:119px;
left: 75px;
top: 50px;
position:absolute;
}

#wrap {
width:1000px;
margin: 0 auto;
padding:0px;
text-align:center;
position: relative;
background-image: url('images/sidebarbg.jpg');
background-repeat: repeat-y;
background-position: top right;
}

#main {
width: 700px;
float:left;
text-align:left;
display:inline;
margin:0px;
padding:0px;
position:relative;
overflow: hidden;
}

.post{
position:static;
display:block;

}

.date{
width:50px;
float:left;
display:inline;
color: #d4dde5;
text-align:center;
font-family: georgia, serif;
margin:0px;
margin-top:30px;
padding:5px;
background-color: #332618;
color: #ffe9d5;
border:3px solid #ffe9d5;
-moz-border-radius:5px;
}

.date .month{
font-size: 1em;
text-align: center;
text-transform: uppercase;
font-weight:bold;
}

.date .day{
font-size: 1.6em;
text-align: center;
}


.title{
padding-left:100px;
width:700px;
}

.text {
color: #223a43;
width: 600px;
display:inline;
float:right;
margin:0px;
padding:0px;
overflow:hidden;
}

.post-content{
margin:0px;
margin-top:15px;
border-top: 1px solid #332618;
border-bottom: 1px solid #332618;
padding-bottom:15px;
}

.post-content p{
text-align:justify;
}


.posted{
color: #223a43;
padding: 5px;
text-align:center;
margin-bottom:50px;
}



blockquote{
border-left: 2px solid #aad1d1;
padding-left: 15px;
}


ol, ol li{
list-style-type: none;
padding:0px;
margin:0px;
}

ol li .commentcontent{
background-color: #a7cccc;
padding:10px 5px 10px 5px;
}

ol li.alt .commentcontent{
background-color: #92b2b2;
padding:10px 5px 10px 5px;
}

.count {
float:right;
font-size:36px;
color:#b3dbdb;
padding-left:15px;
} 


#sidebar {
float:right;
width: 278px;
display:inline;
background-color: none;
padding:0;
margin:0;
position:relative;
overflow: hidden;
}

#sidebar #mainul{
position:relative;
top: -140px;
width:236px;
margin:0 auto;
padding:0;
}

#sidebar ul, #sidebar li{
margin:0px;
padding:0px;
list-style-type:none;
color: #223a43;
}

#sidebar p{
margin:0px;
padding:0px;
}

#searchform, #searchform p, #sidebar a, #sidebar a:link{
color: #223a43;
position:relative;
background-color: #9dc0c0;
text-decoration:none;
margin: 3px auto;
display:block;
padding: 6px 0px 6px 0px;
font-weight:bold;
font-family: arial, helvetica, sans-serif;
}

#sidebar a:visited{
font-style:italic;
}

#sidebar a:hover{
background-color: #332618;
color: #ffe9d5;
}

#sidebar .wp-tag-cloud{
text-align:center;
}

#sidebar .wp-tag-cloud a, #sidebar .wp-tag-cloud a:link, #sidebar .wp-tag-cloud a:visited, #sidebar .wp-tag-cloud a:hover {
background-color: none;
display:inline;
float:left;
padding:3px;
margin:0px;
text-align:center;
}

#footer{
position:static;
display:block;
width:1000px;
}

.text li, .text ul{
list-style-type: square;
}

.text li.linkcat a{
color: #223a43;
position:relative;
background-color: #92b2b2;
text-decoration:none;
margin: 3px auto;
display:block;
padding: 6px 6px 6px 6px;
font-weight:bold;
font-family: arial, helvetica, sans-serif;
}


.text li.linkcat  a:visited{
font-style:italic;
}

.text li.linkcat  a:hover{
background-color: #332618;
color: #ffe9d5;
}

/*--------------------------------------------------------------------*/
/*--------------------------      MENU      --------------------------*/

#menu{
width:100%;
margin:0px;
padding:0px;
height: 34px;
background-color: #271d12;
background-image: url('images/menubg.jpg');
background-repeat: repeat-x;
background-position: top left;
border-bottom: 1px solid #a88a67;
}


#menu ul { /* remove bullets and list indents */
width:1000px;
text-align:center;
list-style-type: none;
margin: 0 auto;
padding: 0;
}

/* style, color and size links and headings to suit */
#menu a, #menu h2 {
font-weight:bold;
font-family: arial, helvetica, sans-serif;
float:left;
display:inline;
margin: 0;
padding: 10px 16px 6px 6px;
text-transform: uppercase;
text-align: left;
}

#menu h2 {
color: #fff;
background: #000;


text-transform: uppercase;
font-style:roman;
margin:0px;
padding:0px;
}

#menu a {
color: #a88a67;
border-left:2px solid #a88a67;
text-decoration: none;
font-style:roman;
}

#menu a:visited{
font-style:normal;
}

#menu ul ul a {
color: #ffe9d5;
border-left:5px solid #ffe9d5;
text-decoration: none;
font-style:normal;
}

#menu a:hover {
color: #ffe9d5;
border-left:2px solid #ffe9d5;
font-style:normal;
}

#menu li {
/* make the list elements a containing block for the nested lists */
float:left;
position: relative;
z-index: 100000000;
margin:0px;
padding:0px;
display:inline;
} 

#menu ul ul {
position: absolute;
top: 32px;
left: 0px; /* to position them to the right of their containing block */
width: 100%; /* width is based on the containing block */
z-index: 100000000;
}

div#menu ul ul,
div#menu ul ul ul,
div#menu ul ul ul ul,
div#menu ul li:hover ul,
div#menu ul li:hover ul ul,
div#menu ul li:hover ul ul ul
{display: none;}

div#menu ul li:hover ul,
div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{display: block;}

