/*  

Theme Name: flowerymagic

Theme URI: http://www.iwebnet.org/

Description: WP Theme  flowerymagic by <a href="http://www.iwebnet.org/">i Web Net</a>. flowerymagic is 2 columns add this & widget ready theme with Right sidebar in black color. 

Author: iWebNet

Author URI: http://www.iwebnet.org/



	This theme was designed and built by iWebNet

                The CSS, XHTML and design is released under GPL

                http://www.opensource.org/licenses/gpl-license.php

*/

body {

	font-family:Verdana, Arial, Helvetica, sans-serif;

	font-size:12px;

	color: #fff;

	background: #000;

	margin: 0px;

	padding: 20px 0px 10px 0px;

}

 a {

	color: #686868;

	text-decoration: none;

                

}

a:visited {

	color: #686868;

	text-decoration: none;

                

}

a:hover {

	color: #ffffff;

	text-decoration: none;

}

img {

	border : 0px dotted #46331b;



}

p {

	padding: 0px 0px 15px;

	margin: 0px;

}

h1 {

	margin:0px;

	padding-left: 0px;

	height: 60px;

	font: bold 0px/100% "Trebuchet MS", Tahoma, Arial;

	color: #cbcbcb;

}

h1 a, h1 a:visited{

	color: #cbcbcb;

	text-decoration: none;

}

h1 a:hover{

	color: #ffffff;

	text-decoration: none;

}

h2 {

	color: #fff;

	margin: 0px 0px 2px;

	border-bottom: 1px dotted #D31217;

	font-size:15px;

	font-family: Trebuchet MS;

	padding-bottom: 3px;
margin: 10px 0 10px 0;
text-transform: uppercase;

}

h2 a, h2 a:visited {

	color: #cbcbcb;

	text-decoration: none;

}

h2 a:hover {

	color: #ffffff;

	text-decoration: none;

}

h3 {

	font: normal 140%/100% "Trebuchet MS", Tahoma, Arial;

	color: #cbcbcb;

	margin: 10px 0px 5px;

}

h4 {

	font: normal 130%/100% "Trebuchet MS", Tahoma, Arial;

	color: #cbcbcb;

	margin: 10px 0px 5px;

}

form {

	margin:0px;

	padding:0px;

}

#page {

	margin: 22px auto;

	width: 985px;

	background: #000;

}

/* header area */

#header {

	background: #000 url(img/head07.jpg) no-repeat;

width: 698px;

	height: 283px;

	position: relative;

                }

#header2 {

	background: #000 url(img/head08gen.jpg) no-repeat;
width: 748px;
	
height: 283px;

	position: relative;

                }


#header3 {

	background: #000 url(img/head09.jpg) no-repeat;
width: 748px;
	
height: 283px;

	position: relative;

                }



#header4 {

	background: #000 url(img/head2010.jpg) no-repeat;
width: 748px;
	
height: 283px;



	position: relative;

                }



/* List links */
/*========================= TOP OF THE MENU CASCADE =========================*/

.menu {
	position:relative;        /* establish a menu-relative positioning context */
	float:left;                                     /* play nicely with others */
	margin:0;
	padding:0;
	border:0;
	height:25px;                                  /* the menu's overall height */
	width:100%;         /* we always want our menu to fill the available space */
	background: black;
	font: bold 12px Trebuchet MS;
  /* this (and also below) sets the menu's font size */
}

.menu img {
	vertical-align: top;      /* prevent images from being pushed down by text */
}

.menu ul {
	padding:0;
	margin:0;
	border:0;
	list-style-type:none;          /* we don't want to view the list as a list */
	line-height:1.5em;           /* globally set the menu's item spacing. note */
}                               /* this must be 1.0 or 1.5 or 2.0 for Mozilla */

.menu li {
	float:left;    /* this creates the side-by-side array of top-level buttons */
	position:relative;    /* create local positioning contexts for each button */
	margin:0;
}

.menu ul li table {

	margin:-1px 0;              /* IE5 needs -1px top and bottom table margins */
	margin:0;               /* re-zero the table margins for everyone but IE5 */
	border-collapse:collapse;      /* IE5 needs this for the sub-menus to work */
	font-size:12px;        /* this sets the base font size for our entire menu */
}

.drop {
	display:block;
	padding:0px 0.33em;	       /* this sets the l/r margins for our menu item */
	margin:0;
	text-align:right;   /* this right alignment goes with the float:left below */
	cursor:pointer;      /* IE tries to switch back to an I-beam, don't let it */
	cursor:auto;           /* IE5 only knows about "hand", so set it both ways */
}

.drop span {        /* this simultaneously left and right aligns the text and */
	float:left;       /* the >> in the drop-down menus which link to sub-menus */
}

/*======================== TOP LEVEL MENU DEFINITIONS ========================*/

.menu ul li ul {
	display:none;                  /* initially hide the entire list hierarchy */
	padding:1px;  
height: 25px;


;                             /* this is our box border width */
}

.menu ul li a,
.menu ul li a:visited {                    /* unselected top-level menu items */
display: block;
margin-top: -10px;
margin-bottom: 10px;
width: 105px; /*Width of top level menu link items*/
height: 25px;
padding: 2px 8px;
border: 1px solid #D31217;
border-left-width: 1px;
text-decoration: none;
background: url("http://www.magmafestival.org/sfondomenu.gif") center center repeat-x;
background-color: black;
font: bold 12px Trebuchet MS;
color: #D4D0C8;
text-transform: uppercase;
text-align: center;
}

.menu ul li a:hover  {                    /* unselected top-level menu items */
display: block;
margin-top: -10px;
margin-bottom: 10px;
width: 105px; /*Width of top level menu link items*/
height: 25px;
padding: 2px 8px;
border: 1px solid #D31217;
border-left-width: 1px;
text-decoration: none;
background: url("http://www.magmafestival.org/sfondohover.gif") center center repeat-x;
background-color: black;
font: bold 12px Trebuchet MS;
color: #D4D0C8;
text-transform: uppercase;
text-align: center;
}

.menu ul li ul li a{
width: 160px; /*width of sub menu levels*/
height: 25px;
font: bold 12px Trebuchet MS;
color: #D4D0C8;
text-align: center;
padding: 2px 5px;
background: url("http://www.magmafestival.org/sfondomenu.gif") center center repeat-x;
border-width: 1px 1px 1px 1px;
text-transform: none;
}




.menu ul li:hover a,
.menu ul li a:hover {                        /* selected top-level menu items */

}

/*======================== 2ND LEVEL MENU DEFINITIONS ========================*/

.menu ul li:hover ul,
.menu ul li a:hover ul {                           /* 2nd level drop-down box */
	display:block;
	position:absolute;
height: 25px;
	margin:0;
	top:19px;              /* place us just up underneath the top-level */
	left:0px;       /* left-align our drop-down to the previous button border */
     /* the drop-down height will be determiend by line count */
	width:13.5em;
text-transform: none;

	background: url("http://www.magmafestival.org/sfondomenu.gif") center center repeat-x;
	        /* this sets our menu's effective "border" color */
}

.menu ul li:hover ul.leftbutton,
.menu ul li a:hover ul.leftbutton {/* our first dropdown should not be skewed */
	left:0px;
}

.menu ul li:hover ul.skinny,
.menu ul li a:hover ul.skinny {             /* 2nd level skinny drop-down box */
	width:8.08333em;   /* with a 12px default font, this is 97px width (97/12) */
}

.menu ul li:hover ul li a,
.menu ul li a:hover ul li a {                   /* 2nd level unselected items */

height: 25px;
border: 1px solid #D31217;
border-left-width: 1px;

text-transform: none;
	margin:0;
	padding:0;

	color:#D4D0C8;               /* this sets the unselected drop-down text color */
		      /* this sets the drop-down menu background color */
	width:13.5em;
}

.menu ul li:hover ul li:hover a,
.menu ul li a:hover ul li a:hover {                /* 2nd level selected item */
	text-transform: none;
height: 25px;
color: #D4D0C8;
	background: url("http://www.magmafestival.org/sfondohover.gif") center center repeat-x;
}

.menu ul li:hover ul.skinny li a,
.menu ul li a:hover ul.skinny li a,
.menu ul li:hover ul.skinny li a:hover,
.menu ul li a:hover ul.skinny li a:hover {     /* 2nd level un+selected items */
	height: 25px;
text-transform: none;
width:8.08333em;
}

/*======================== 3RD LEVEL MENU DEFINITIONS ========================*/

.menu ul li:hover ul li ul,
.menu ul li a:hover ul li a ul {             /* hide inactive 3rd-level menus */
	visibility:hidden;
text-transform: none;
}
     
.menu ul li:hover ul li:hover ul,

.menu ul li a:hover ul li a:hover ul {             /* 3rd level drop-down box */
	
visibility:visible;
	position:absolute;
	margin-top:-1px;
text-transform: none;	      /* bring the top edge of the 3rd level menu up one */
	top:0;
	left:8.08333em;
	width:14em;
}

.menu ul li:hover ul li:hover ul li a,
.menu ul li a:hover ul li a:hover ul li a {     /* 3rd level unselected items */
	width:14em;
text-transform: none;
background: url("http://www.magmafestival.org/sfondomenu.gif") center center repeat-x;
	color: #D4D0C8;
}

.menu ul li:hover ul li:hover ul li a:hover,
.menu ul li a:hover ul li a:hover ul li a:hover {    /* level3 selected items */
	width:14em;
text-transform: none;
	color: #D4D0C8;
	background: url("http://www.magmafestival.org/sfondohover.gif") center center repeat-x;
}



/* content  */

#content {

	padding: -10px 10px 10px 10px;

	float: left;

	width: 698px;

	overflow: hidden;

}

.post {

	clear:both;

	padding-top: 15px;


}



.post-date {

	width: 45px;

	height: 56px;

                color: #660000;

                float:left;

                	

}

.post-month {

	font-size: 11px;

	text-transform: uppercase;

	color: #660000;

	text-align: center;

	display:block;

	line-height: 14px;

	padding-top: 2px;

	margin-left: -3px;

}

.post-day {

	font-size: 18px;

	text-transform: uppercase;

	color: #cbcbcb;

	text-align: center;

	display:block;

	line-height: 18px;

	padding-top: 0px;

	margin-left: -3px;

margin-bottom: 20px;


}

.entry {

	float:right;

	width: 694px;


}

.post-cat {

margin: 10px;

	padding-left: 20px;



	float:left;

	font-size: 95%;

	color: #cbcbcb;

}

.post-comments {

margin: 10px;

	padding-left: 20px;

	float: right;

	font-size: 95%;

}

.post-calendar {

margin: 10px;

	background: #000000;

	padding-left: 20px;

	float: right;

	font-size: 95%;

	color: #cbcbcb;

}

.post-content {

	clear: both;

	background: url("http://www.magmafestival.org/wp-content/themes/flowerymagic/img/sfondopost.jpg") repeat-y;

	border:#686868 thin solid;

	padding: 35px;

	padding-left: 35px;

line-height: 16pt;

}

.navigation {

	clear: both;

	padding: 10px 0px;

}

.navigation a, .navigation a:visited {

	color: #ffffff;

}

.previous-entries a {

	float: left;

	padding-left: 18px;

	background: url(img/arrowleft.gif) no-repeat left center;

}

.next-entries a {

	float: right;

	padding-right: 18px;

	background: url(img/arrowright.gif) no-repeat right center;

}

/* comments  */

#comments, #respond {

	border-bottom: 1px dotted #cbcbcb;

	padding: 10px 0 5px 0;

	clear: both;

}

.commentlist {

	margin: 10px 0px;

	padding-left: 20px;

	line-height: 150%;

}

.commentlist li{

	padding: 5px 10px;

}

.commentlist .alt {

	background: #393939;

}

.commentlist cite, .commentlist cite a, .commentlist cite a:visited {

	font-weight: bold;

	font-style: normal;

	font-size: 120%;

	color: #ffffff;

}

.commentlist small {

	margin-bottom: 5px;

	display: block;

	font-size: 87%;

}

#commentform {

	margin-top: 10px;

	font: 110% Arial, Helvetica, sans-serif;

}

#commentform p {

	padding: 6px 0px;

	margin: 0px;

}

#commentform label{

	color: #e5e3e6;

	font-size: 87%;

}

#commentform input{

	width: 200px;

	background:#000000;

	border: 1px dotted #cbcbcb;

	padding: 3px;

	margin-top: 3px;

                color: #cbcbcb;

}

#commentform textarea{

	width: 515px;

	height: 115px;

	background:#000000;

	border: 1px dotted #cbcbcb;

	padding: 2px;

	margin-top: 3px;

                color: #cbcbcb;

}

#commentform textarea:focus, #commentform input[type="text"]:focus {

	background: #000000;

}

#commentform #submit{

	background: #000000 ;

	font: bold 12px Arial, Helvetica, sans-serif;

	color: #cbcbcb;

	border:1px dotted #cbcbcb;	

                float:right;

	width: 144px;

	height: 28px;

	cursor: pointer;

}

/*sidebar */

#sidebar {

	float: right;

	padding: 10px 0px 25px 13px;

	width: 245px;

margin-top: -305px;

	color: #cbcbcb;

	overflow: hidden;



}



/*sidebar title  */

#sidebar h3, #sidebar .sidebartitle{

	font: bold 0%/0% "Trebuchet MS", Tahoma, Arial;

	color: #000;

	margin: 10px 0px 10px;

padding: 3px 3px 3px;

                border-top: 0px dotted #660000;
border-right: 0px;
border-bottom: 0px;
border-left: 0px;


text-transform: none;

                

}


/*sidebar text styles */



#sidebar h4 a, #sidebar h4 a:visited {

background: url("http://www.magmafestival.org/sfondomenuside.gif") center center repeat-x;
border-top: 1px dotted #D31217;
border-right: 1px dotted #D31217;
border-left: 1px dotted #D31217;
border-bottom: 1px dotted #D31217;

font-family: "Trebuchet MS"; 
	font-size: 12px;
	font-weight: bold;

text-transform: uppercase;
text-align: center;
		display: block;

	
height: 25px;
	width: 190px;
		color: #FFFFFF;
text-decoration: none;
 padding-top: 6px;
margin: 10px 0 0 0;


} 






#sidebar .current_page_item a {
	background: url("http://www.magmafestival.org/sfondohover.gif") center center repeat-x;



		color: #FFFFFF;




} 

#sidebar h4 a:hover{
background: url("http://www.magmafestival.org/sfondohover.gif") center center repeat-x;
	color: #FFFFFF;

                font-size: 12px;

	text-decoration: none;

}

/*sidebar list level1 */

#sidebar ul {

	margin: 0;

	padding: 0;

}

#sidebar ul li {

	list-style: none;

	margin: 0;

	padding: 0;

	border: none;

}

/*sidebar list level2 */

#sidebar ul li ul {

	padding:0;

	margin: 0;

}

#sidebar ul li ul li{

	padding: 0px 2px 0px 10px;

	border: none;

}

/*sidebar list level3 */

#sidebar ul li ul li ul li{

	padding: 1px 0 1px 0px;

	border: none;

}

#sidebar2 {

	float: right;

	padding: 10px 0px 25px 13px;

	width: 245px;

margin-top: -320px;

	color: #cbcbcb;

	overflow: hidden;



}



/*sidebar title  */

#sidebar2 h3, #sidebar2 .sidebartitle{

	font: bold 0%/0% "Trebuchet MS", Tahoma, Arial;

	color: #000;

	margin: 10px 0px 10px;

padding: 3px 3px 3px;

                border-top: 0px dotted #660000;
border-right: 0px;
border-bottom: 0px;
border-left: 0px;


text-transform: none;

                

}


/*sidebar text styles */

#sidebar2 a, #sidebar2 a:visited{

	color: #cbcbcb;

                font-size: 12px;

	text-decoration: none;

}

#sidebar2 a:hover{

	color: #D31217;

                font-size: 12px;

	text-decoration: underline;

}

/*sidebar list level1 */

#sidebar2 ul {

	margin: 0;

	padding: 0;

}

#sidebar2 ul li {

	list-style: none;

	margin: 0;

	padding: 0;

	border: none;

}

/*sidebar list level2 */

#sidebar2 ul li ul {

	padding:0;

	margin: 0;

}

#sidebar2 ul li ul li{

	padding: 0px 2px 0px 10px;

	border: none;

}

/*sidebar list level3 */

#sidebar2 ul li ul li ul li{

	padding: 1px 0 1px 0px;

	border: none;

}

/*blogroll widget */

ul.list-blogroll li{

	background: url(img/arrow.gif) no-repeat !important;

	padding-left: 22px !important;

}

/*meta  widget*/

ul.list-meta li{

	background: url(img/arrow.gif) no-repeat !important;

	padding-left: 22px !important;

}

/*rss widget */

ul.list-rss li{

	background: url(img/arrow.gif) no-repeat !important;

	padding-left: 22px !important;

}

/*category  widget */

ul.list-cat li, li.bar_categories li{

	background: url(img/arrow.gif) no-repeat !important;

	padding-left: 22px !important;

}

/*recent  widget  */

ul.list-rec li, li.bar_comments ul li {

	background: url(img/arrow.gif) no-repeat !important;

	padding-left: 22px !important;

}

/*archives widget */

ul.list-archives li, li.bar_archives li{

	background: url(img/arrow.gif) no-repeat !important;

	padding-left: 22px !important;

}

/*pages widget */

ul.list-page li, li.bar_pages li, li.bar_recent_entries li{

	background: url(img/arrow.gif) no-repeat !important;

	padding-left: 22px !important;

}

/*sub-pages widget */

ul.list-page li ul li, li.bar_pages li ul li{

	background: url(img/arrow.gif) no-repeat !important;

	padding-left: 15px !important;

}

/*calendar bar widget */

li.bar_calendar td {

	padding: 1px 7px;

}

/*text bar */

.textbar {

	padding-top: 5px;

}



#searchform br {

	display: none;

}

#searchform #s {

	width: 115px;

	height: 22px;

	padding: 4px 5px 0px 0px;

	border: 1px dotted #660000;

	background: #000000;



	margin-top: 40px;
	margin-left: 30px;

	color: #cbcbcb;

	font-weight: normal;

}

/* search form button - to specify button only use input[type="submit"] */

#searchform input {

	background: #000000;

	border: 1px dotted #660000;


	width: 60px;

	height: 28px;

margin-top: 40px;

	font: bold 12px Trebuchet MS, Arial, Helvetica, sans-serif;

	color: #cbcbcb;

	vertical-align: middle;

}



/* page close */

#close {

	clear: both;

	background: #ffffff;

	color: #ffffff;

	font-size: 95%;

	line-height: 130%;


	padding-bottom: 0px;

}

/* footer bar */

#footer {

	margin: 15px auto;

                width: 975px;

                background: url("http://www.magmafestival.org/wp-content/themes/flowerymagic/img/sfondofooter.jpg") repeat-x;

                color: #ffffff;

                height: 78px;
clear: both;

                font-size: 11px;

	line-height: 100%;


}

#footer a, #credit a:visited {

                margin-top: 8px;

	color: #cbcbcb;

}

/* alignments */

.center {

	text-align: center;

}

img.center, img[align="center"] {

	display: block;

	margin-left: auto;

	margin-right: auto;

}

.alignleft {

	float: left;

}

img.alignleft, img[align="left"] {

	float:left;

	margin: 2px 10px 5px 0px;

}

.alignright {

	float: right;

}

img.alignright, img[align="right"] {

	float:right;

	margin: 2px 0px 5px 10px;

}

.clear {

	clear:both;

}

hr.clear {

	clear:both;

	visibility: hidden;

	margin: 0px;

	padding: 0px;

}