/*
Theme Name: Dreamy Flowers
Theme URI: http://www.rayanamad.com
Description: a clean and simple fixed width, 3-column layout, widget ready and fixed size.
Author: Ashkan
Author URI: http://www.rayanamad.com
*/

* {
    margin: 0;
    padding: 0;
}

a {
	color: #4A3B5F;
	text-decoration: none;
}

a:hover{
	text-decoration: none;
}

body {
    font-family: arial, Verdana;
    background:#caa57b /*d8e2c1*/;
	background-image:url(images/background_dark.gif);
	
}

ul, ol {
    list-style-type: none;
}

blockquote, #content ul, #content ol, p, pre {
    margin: 0 0 0.5em 0;
	line-height: 140%;
}

/************************/
/*     Layout Design    */
/************************/

#page {
	width: 1004px;
	margin: 0 auto;
}


#wrapper {
    clear: both;     
	width: 1004px;
	padding:0;

}
#container {   
	width: 1004px;
	padding:0;
	margin:0;
	position:relative;
	background:white url(images/content-bg.gif) repeat-y;
}
#bgtop {   
	width: 1004px;
	padding:0;
	height:28px;
	position:relative;
	background:url(images/content-top.gif) no-repeat top;
}
#bgbottom {   
	width: 1004px;
	padding:0;
	height:28px;
	position:relative;
	background:url(images/content-bottom.gif) no-repeat top;
}
#main
{
	float: left;
	width: 500px;

}
#content {
	float: left;
	width: 520px;
	padding:0;
	position: relative; 

  
}


/************************/
/*        Old Menu        */
/************************/

/*#menu {
width: 1000px;
height: 24px;*/
/*background-image: url(images/menu.gif);
background-repeat:no-repeat;*/
/*}
ul#menu {
	list-style:none;
	margin:0 auto;	
	padding:0 15px;
	height:24px;
	line-height:24px;	
	font-size:0.8em;
	width:1000px;
}

ul#menu li 
{
	float:left;
  margin:0;
  padding:0;
  list-style:none;  
  white-space:nowrap;	
  background:none;	
}	

ul#menu li a {
	 display:block;
  padding:0 15px;
  letter-spacing:1px;
  border:none;
  color:#fff;
  font-weight: bold;
}	
ul#menu li a:hover,ul#menu li a:active, #menu li.current_page_item a
{
	color:#f6d923;
}
#menu #rss 
{
    float:right;
	background: url(images/rss.gif) no-repeat left center;
	border: none;
	padding-right: 30px;
}

#menu #rss a:hover {
	text-decoration:underline;
	background: url(images/rss.gif) no-repeat left center;
}*/


/************************/
/*   Drop Down Menu     */
/************************/

/* - - - ADxMenu: BASIC styles [ MANDATORY ] - - - */

/* remove all list stylings */
.menu, .menu ul {
	margin: 0;
	padding: 0;
	border: 0;
	list-style-type: none;
	display: block;
}

.menu li {
	margin: 0;
	padding: 0;
	border: 0;
	display: block;
	float: left;	/* move all main list items into one row, by floating them */
	position: relative;	/* position each LI, thus creating potential IE.win overlap problem */
	z-index: 5;		/* thus we need to apply explicit z-index here... */
}

.menu li:hover {
	z-index: 10000;	/* ...and here. this makes sure active item is always above anything else in the menu */
	white-space: normal;/* required to resolve IE7 :hover bug (z-index above is ignored if this is not present)
							see http://www.tanfa.co.uk/css/articles/pure-css-popups-bug.asp for other stuff that work */
}

.menu li li {
	float: none;/* items of the nested menus are kept on separate lines */
}

.menu ul {
	visibility: hidden;	/* initially hide all submenus. */
	position: absolute;
	z-index: 10;
	left: 0;	/* while hidden, always keep them at the top left corner, */
	top: 0;		/* 		to avoid scrollbars as much as possible */
}

.menu li:hover>ul {
	visibility: visible;	/* display submenu them on hover */
	top: 100%;	/* 1st level go below their parent item */
}

.menu li li:hover>ul {	/* 2nd+ levels go on the right side of the parent item */
	top: 0;
	left: 100%;
}

/* -- float.clear --
	force containment of floated LIs inside of UL */
.menu:after, .menu ul:after {
	content: ".";
	height: 0;
	display: block;
	visibility: hidden;
	overflow: hidden;
	clear: both;
}
.menu, .menu ul {	/* IE7 float clear: */
	min-height: 0;
}
/* -- float.clear.END --  */

/* -- sticky.submenu --
	it should not disappear when your mouse moves a bit outside the submenu
	YOU SHOULD NOT STYLE the background of the ".menu UL" or this feature may not work properly!
	if you do it, make sure you 110% know what you do */
.menu ul {
	background-image: url(empty.gif);	/* required for sticky to work in IE6 and IE7 - due to their (different) hover bugs */
	padding: 10px 30px 30px 30px;
	margin: -10px 0 0 -30px;
	/*background: #f00;*/	/* uncomment this if you want to see the "safe" area.
								you can also use to adjust the safe area to your requirement */
}
.menu ul ul {
	padding: 30px 30px 30px 10px;
	margin: -30px 0 0 -10px;
}
/* -- sticky.submenu.END -- */






/* - - - ADxMenu: DESIGN styles [ OPTIONAL, design your heart out :) ] - - - */

.menu, .menu ul li {
	color: #fff;
	font-size: 14px;
	letter-spacing: 1px;
	line-height: 33px;

}

.menu ul {
	width: 13em;
	margin-top: -5px;
	}

.menu a {
	border: none;
	padding: 2px 12px; 
	line-height: 24px;
	display: block; 
	color:#fff;		
	text-decoration: none;
	position: relative;
}

.menu a:hover, .menu li:hover>a {
	color: #f6e99a;	
}

.menu li li {	/* create borders around each item */
	border-bottom: 1px solid #ccc;
	background-color: #c1420b;
}
.menu ul>li + li {	/* and remove the top border on all but first item in the list */
	
	border-top: 0;
}

.menu li li:hover>ul {	/* inset 2nd+ submenus, to show off overlapping */
	top: 0px;
	left: 90%;
}

/* special colouring for "Main menu:", and for "xx submenu" items in ADxMenu
	placed here to clarify the terminology I use when referencing submenus in posts */
/*.menu>li:first-child>a, .menu li + li + li li:first-child>a {
	color: #fff;
}*/



.sidebar {
width:220px;
}

.side-left {
    float: left;
    padding-left:20px;
    
}

/************************/
/*        Header        */
/************************/
#header {
    position: relative;
}

#headerimg {
    height: 160px;
	width: 1000px;
	margin: 0 auto;
    background: url(images/header.jpg) no-repeat center;
}

#headerimg h1 {
    text-align:right;
    padding-right:40px;
    padding-top:65px;
    font-family: gramond, 'times New roman';
    font-size: 48px;
    font-weight:normal;
	visibility: hidden;
}

#headerimg a {
	color: #E56F59;
    text-decoration: none;
	visibility: hidden;
}

.description {
     text-align:right;
     font-weight:normal;
     color: #427A55;
     margin-top:-2px;
    font-family:Verdana;
    font-size: 18px;
	visibility: hidden;
}

/************************/
/*    Sidebar Design    */
/************************/
.sidebar ul {
	font-size: 12px;
}

.sidebar ul h2 
{
	font-weight:bold;  
	font-size:18px;
	font-family: gramond,'times new roman';
	color:#558308;
    /*background:url(images/topbar.png) no-repeat;  */
	border-bottom: #CCCCCC 1px solid;
    width:212px;
    padding:10px 0 5px 0px;
    height:14px;
	margin-left: 10px;
	margin-bottom: 10px;
}

.sidebar ul li 
{	
    margin-bottom: 10px;
}

.sidebar ul ul {
    margin: 0;
}

.sidebar ul ul li {
    margin-bottom: 3px;
    line-height: 15px;
    padding-left: 10px;
    width:212px;
    
}

.sidebar ul ul ul {
    display: none;
}


.sidebar a:visited {

}

/************************/
/*    Content Global    */
/************************/
blockquote {
    font-style: italic;
    padding: 0 10px;
}


h1 {
   font-family: "Goudy Old Style";

font-size: 30px;

line-height: 100%;

font-weight: bold;
	color: #c1420b;
	margin-bottom: 20px;
}

h2 {
    font-size: 24px;
    color:#c1420b;
}

h1.content {
margin-left: 40px;}

h2.category, h2.category a {
color: #000;
font-size: 18px;
margin-left: 30px;
padding-left: 10px;
font-weight: normal;

}

h2.category a:hover {
color: #c1420b;
}

h3 {
    font-size: 14px;
    color:#515151;
}

h4 {
    font-size: 12px;
}

h5 {
    font-size: 12px;
}

h6 {
    font-size: 12px;
}

code, pre {
    overflow: auto;
    font-family: Courier;
}

#content ul {
    padding-left: 20px;
    list-style-type: square;
}

#content ol {
    padding-left: 25px;
    list-style-type: decimal;
}

#content ul ol, #content ol ul {
    margin-top: 0.5em;
}

/************************/
/*    Content Design    */
/************************/


.post{
	color: #6A6A6A;
    font-size: 12px;
    margin-left:30px;
    padding:0 10px 30px 10px;
    width: 680px;
    float:left;
	line-height: 140%;
}

.post h2 
{
	padding-top:0px;
	color:#c1420b;
	font:24px gramond,'times new roman';
}
.post h2 a
{
	color:#c1420b;
}


.postmetadata {
	color: #4A7351;
    font-weight: normal;
    font: 10px verdana;
    margin-bottom: 30px;
    text-align:right;
    width:650px;
}
.postinf {
	color: #636363;
    font-weight: normal;
    font-size: 10px;
    margin-bottom: 5px;
}

.postmetadata a {
color: #4A7351;
}

.entry {
    padding: 5px 0 10px 0; 
    text-align:justify;
    
}

p.alt {
    font-size: 12px;
}

.entry-tags {
    display: block;
}

.navigation {
    height: 1em;
    font-size: 12px;
    margin: 0 0px 0 30px;
    width:670px;
    color:#BC4B2C;
}
.navigation a{
    color:#BC4B2C;
    text-decoration:none;
}


.alignleft, .nav-previous {
    float: left;
}

.alignright, .nav-next {
    float: right;
}

a img {
    border: none;
}



/************************/
/*    Comment Design    */
/************************/

#content ol.commentlist {
	font-size: 11px;
	padding: 0;
	list-style-type: none;
    margin: 0;
}

ol.commentlist li cite.author {
    font-size: 13px;
    font-weight: bold;
    font-style: normal;
}

ol.commentlist li {
    margin-bottom: 1em;
    background-color: #F6F8EC;
    border: 1px solid #C7D9AB;
    padding: 5px;
}

ol.commentlist li.alt {

}

ol.commentlist a {

}

ol.commentlist p {
    margin: 0 0 0.5em 0;
}

#commentform p {
    font-size: 12px;
    margin: 0 0 5px 0;
}

#comment {
    width: 95%;
}

#author, #email, #url, #comment {
    padding: 3px;
    font-family: Verdana, sans-serif;
    font-size: 10px;
}

small.commentmetadata {
    margin: 0 0 0.3em 0;
}

h3#comments, h3#respond {
    font-size: 14px;
    margin: 4px 0 4px 0;
}

h3#comments {
    margin-top: 10px;
}

/************************/
/*     Search Design    */
/************************/
#searchform  {
	text-align: left;
	width: 222px;
	height: 30px;	
	margin-left:10px;
}


#searchsubmit {
	width: 50px;
	height:20px;
	border: 1px solid #989898;
	background-color: #eaeaea;
	margin: 0 0;
	font-size: 12px;
	color:#130F3B;

}
#submit {
	height:20px;
	border: 1px solid #989898;
	background-color: #F6F8EC;
	margin: 0 0;
	font-size: 12px;
	color:#130F3B;

}

#s 
{
	width:140px;
}

/************************/
/*   Calendar Design    */
/************************/

#wp-calendar {
	width: 200px;;
}

#wp-calendar td {
	text-align: center;
	color:#c1c1c1;
}

#wp-calendar th {

}

#wp-calendar a {
color:#513F63;
}

#prev a, #next a {

}

#wp-calendar caption {

}

/************************/
/*     Footer Design    */
/************************/
#footer {
    font-size: 12px;
    height: 42px;
    width: 100%;
    text-align:center;
    color:#B7C992;
    padding: 0;
    clear: both;  
}

#footer p{
    height: 42px;
    text-align:center;
    margin-top:20px;
    color:#B7C992;  
}

#footer a{
    color:#B7C992;  
}


/************************/
/*     Other Design     */
/************************/
.clear {
    clear: both;
}
#date
{
background:url(images/calendar.gif) no-repeat;
float:left;
height:67px;
width:68px;
margin:0px 10px 0 10px;
visibility: hidden;
}
.month
{
	text-align:center;
	font-size:12px;
	margin:0;	
	color:#993300;
	margin-top:-13px;

}
.day
{
text-align:center;
font:36px gramond, 'times new roman';
font-weight:bold;
color:#993300;
padding-top:3px;
}