/*  
Theme Name: ModernMagic
Theme URL:
Author: Lorelei
Author URL: 
Description: An awesome theme for Wordpress, widget ready and xhtml compliant!
*/

/* CSS Document */




body {


background:url(images/bg1.jpg);
background-repeat:repeat;

color:#464646;               /*color of the text on the website */
margin:0;
padding:0;
}

.postmetadataalt {
font-size:0.81em;}

.pagetitle {
margin:0px;     /* was 0*/
padding:0 0 1px 18px;       /* was 0 0 1px 18px   */
}


html {
font-size:11px;            /*   THIS IS THE FONT SIZE OF THE PAGES LISTED ON THE LEFT SIDE OF THE WEBSITE IT USED TO BE 11 */
font-family:tahoma, arial;
}

.normal {
font-size:1.01em;
}

.big {
font-size:1.31em;
}

.small {
font-size:0.91em;
}

h1 {
font-family:arial, tahoma, times new roman, arial narrow;
color:#b33c02; 
font-size:4.21em;
text-transform:uppercase;
font-weight:500;                                                        /* Size of my name - Main title smaller numbers = bigger letters   */
line-height:1.01em;
margin:-65px 0px 0px 0px;        /* was 0 */
padding:0px 0px 0px 0px;      /* was 0*/
}

#respond {
color:#464646;
font-size:1.01em;
text-transform:uppercase;
margin:0;
padding:0;
}

.content_txt h2 a {
color:#b33c02;
text-decoration:none;
}

img a
{
border: none;}

.h3 {
font-size:1.3em;
color:#551A8B;
text-transform:none;
margin:0px 0px 0px 0px;                 /* THIS IS THE LOCATION OF THE PLACEMENT OF THE "PAGES" AND list of pages LHS of website.  It's pretty good now */
padding:0 0 0 29px;        /* note:  i did something here */
}

.h4 {
font-size:1.01em;
color:#b33c02;
text-transform:uppercase;
vertical-align:middle;
margin:0px 0px 0px 0px;  /* this was 0*/
padding:0;
}

.border {
width:768px;    /* was 768 THIS IS THE DISTANCE THE WEBSITE (overall) SITS "in" from the RIGHT most margin */
vertical-align:top;
text-align:left;
background-color:#f6ce92;
}

.main_div {
height:100%;
vertical-align:top;
background:url(images/main_bg.jpg) left top repeat-y;
margin:0px 0px 0px 1px;     /* was 0 0 0 1px and IS THE PLACEMENT OF THE WEBPAGE over all also */
}

.main_table {
width:766px;
display:table;
background:url(images/top_bg.jpg) left top no-repeat;
}

.main_table_row {
width:766px;
height:100%;
display:table-row;
}


.left_1 {
width:27px;
height:100%;
vertical-align:top;
display:table-cell;
text-align:left;
}

.main_left {
width:183px;
height:100%;
vertical-align:top;
display:table-cell;
text-align:left;
}

.left_2 {
width:22px;
height:100%;
vertical-align:top;
display:table-cell;
text-align:left;
}

.main_cent {
width:463px;
height:100%;
vertical-align:top;
display:table-cell;
text-align:left;
}

.co_name_bg {
width:463px;
height:280px;
vertical-align:top;
}

.co_name {
vertical-align:top;
text-align:right;
font-size:1.5em;
padding:100px 10px 10px 10px;
}

.co_name a {
font-family:Georgia, "Book Antiqua", "Souvenir Lt BT", "Times New Roman", serif;
color:#8B1C62;                                                                      /*  TITLE - My Name - Color was 8B475D  */
text-decoration:none;
font-size:1.0em;
}

.co_name a:hover {                            /*  TITLE - Hover for My Name - orig Color was b33701 and I like 66CDAA and 556B2F and I love 2D2D0E */
color:#8B7355;
text-decoration:none;
font-size:1.0em;
}

.slogan {
color:#c57300;
vertical-align:right;
text-align:top;              
font-size:1.6em;
padding:0 20px 10px;
}




.search_bg {
height:36px;   /* used to be 36 so I tried to eliminate it by shrinking it*/
width:463px;   /* used to be 463 so I tried to eliminate it by shrinking it */
vertical-align:top;       /* used to be top */
margin: -100px -100px -100px -100px;   /*I added this margin field */
padding: -100px -100px -100px -100px;       /* I added this padding field */

}



#search {
vertical-align:top;
color:#000;
margin: -100px -100px -100px -100px;   /*I added this margin field */
padding: -100px -100px -100px -100px;       /* I added this padding field there was a padding field at 0*/



}

#search input {
font-size:11px;     /* HERE  was 11*/
color:#000;
font-family:Tahoma, arial, verdana, courier;
width:165px;
height:18px;
vertical-align:middle;
margin:0px 4px 0px 5px;           /* was 0 4px 0 5px*/
padding:0px 0px 0px 0px;    /*used to be 0*/
}

#search .input {
width:59px;
height:18px;
background:none;
border:none;
vertical-align:middle;
margin: -100px -100px -100px -100px;   /*margin used to 0 */
padding: -100px -100px -100px -100px;       /*padding used to be 0 */

}



.head_bg {                                                     /*LOCATION OF MY PICTURE !!!!!!!!*/
width:463px;
vertical-align:top;
background:url(images/head_bg.png) left top repeat-y;
margin: -65px -75px -75px 62px;                                /*I added this margin THIS CHANGES THE POSITION OF MY PICTURE !!!!!!!!!!!! */
padding: -65px -75px -75px 62px;                               /*padding I added  - CHANGES THE POSITION OF MY PICTURE !!!!!!!!!!!!!!!!!*/
}

.table2 {
width:463px;
display:table;
}

.table_row2 {
width:463px;
display:table-row;
height:100%;
}

.left2 {
width:356px;
vertical-align:top;
display:table-cell;
text-align:left;
}


.head {                             /* this would show "adminstrator" in that top field if you commented it out */
color:#FFF;                
line-height:1.11em;
margin:-50px -50px -50px -50px;    /* there used to be nothing here for the margin.  I even added the word "margin" */
padding:-50px -50px -50px -50px;                /* used to be 10px 0 7px 18px */
}



.head a {
color:#FFF;
text-decoration:none;
}

.head a:hover {
color:#000;
text-decoration:none;
}

.right2 {
width:107px;
vertical-align:top;
display:table-cell;
text-align:left;
}

.date {
color:#FFF;
font-size:1.2em;
font-weight:700;         /* WAS 700 */
padding:14px 0 0;
}

.content_txt {
line-height:1.31em;
padding:13px 10px 10px 3px;
}

.content_txt b a {
color:#b33c02;
font-weight:400;        /* was 400  */
text-decoration:underline;
}

.content_txt b a:hover {
color:#000;
font-weight:400;          /* was 400 */
text-decoration:none;
}

.comment {
color:#b33c02;
font-weight:700;      /* was 700 */
text-transform:uppercase;
padding:0;
}

.comment a {
color:#b33c02;
font-weight:700;        /* was 700 */
text-decoration:underline;
}

.comment a:hover {
color:#000;
font-weight:700;          /* was 700*/
text-decoration:none;
}

.content_txt li {
list-style:none;
background:url(images/li_bg2.gif) left top no-repeat;
vertical-align:top;
line-height:1.81em;
color:#b33c02;
margin:0;
padding:0 0 0 12px;
}

.content_txt ul li a {
text-decoration:underline;
color:#b33c02;
}

.table3 {
width:450px;
display:table;
}

.table_row3 {
width:450px;
display:table-row;
height:100%;
}

.left3 {
width:151px;
vertical-align:top;
display:table-cell;
text-align:left;
}

.cent3 {
width:131px;
vertical-align:top;
display:table-cell;
text-align:left;
}

.right3 {
width:168px;
vertical-align:top;
display:table-cell;
text-align:left;
}

.right_1 {
width:71px;
height:100%;
vertical-align:top;
display:table-cell;
text-align:left;
}

.widget_style {
vertical-align:top;
text-align:left;
background:url(images/cats_bg.gif) left bottom no-repeat;
padding:0;
}

.cats_head_bg {
vertical-align:top;

}

.widget_style ul {
margin:0;
padding:15px 0 15px 20px;
}

.widget_style li {
list-style:none;
background:url(images/li_bg1.gif) left top no-repeat;
vertical-align:top;
line-height:1.51em;
color:#b16700;               
margin:0;
padding:0 0 0 14px;
}

.widget_style ul li a {
text-decoration:none;
color:#2D2D0E;            /* COLOR of the pages listed on the left hand side of the web page. It was b16700, kind of an orangy-gold then 6A3604*/
}

.widget_style li a:hover {
color:#6A3604;                                /*  was 000  then 2D2D0E    */
text-decoration:underline;
}

#calendar_wrap {
vertical-align:top;
color:#b16700;
padding:0 0 15px 29px;
}

#calendar_wrap a {
color:#b16700;
text-decoration:none;
font-weight:700;        /* was 700 OK */
}

#calendar_wrap a:hover {
color:#f8b715;
text-decoration:none;
font-weight:700;               /* was 700 */
}





#search_txt {
vertical-align:top;
text-align:left;
margin: -100px -100px -100px -100px;   /*margin used to be 0 */
padding: -100px -100px -100px -100px;       /* padding used to be 15px 0; */
}

#search_txt input {
font-size:11px;              
color:#464646;              /* THIS IS THE COLOR OF THE TEXT (GREY, Dark Black) ON THE SITE !!! */
font-family:Tahoma, arial, verdana, courier;
width:140px;
height:15px;
vertical-align:top;
margin: 500px 500px 500px 500px;   /*margin used to be 0 */
padding: 500px 500px 500px 500px;       /* padding used to be 0; */
}

#search_txt strong {
color:#FFF;
text-transform:uppercase;
font-size:1.01em;
margin: -100px -100px -100px -100px;   /*I added this margin*/
padding: -100px -100px -100px -100px;       /* I added this padding*/

}

#search_txt .input {
width:59px;
height:18px;
background:none;
border:none;
vertical-align:top;
margin: -100px -100px -100px -100px;   /*margin used to be 0 */
padding: -100px -100px -100px -100px;       /* padding used to be 0; */

}






.footer {
background:url(images/foot_bg.jpg) top no-repeat;
vertical-align:top;
width:766px;
height:83px;
margin: 0px 0px 0px 0px;   /*I added the amrgin THIS CHANGES ITS POSITION */
padding: 0px 0px 0px 0px;       /* padding added - THIS CHANGES ITS POSITION */
}

.footer_txt {
vertical-align:top;
text-align:left;
color:#b16700;
padding:25px 0 0 100px;
}

.footer_txt a {
color:#000;
text-decoration:underline;
}

a,.content_txt a {
color:#b33c02;
text-decoration:underline;
}

a:hover,.content_txt h2 a:hover {
color:#b33701;
text-decoration:none;
}

p,.content_txt ul {
margin:0;
padding:0;
}

h2,h3,.h2 {
color:#b33c02;
font-size:1.01em;
text-transform:uppercase;
margin:0;
padding:0;
}

.content_txt a:hover,.content_txt li a:hover,.footer_txt a:hover {
color:#000;
text-decoration:none;
}

.content_txt strong,.content_txt b {
color:#b33c02;
}

#links_with_style,#archives,#meta,#recent-comments,#recent-posts,#categories,#calendar,#pages {
vertical-align:top;
padding:15px 0 0;
}

#google-search,#text-1,#delicious {
vertical-align:top;
}

#gsearch,#textwidget,#delicious-box {
text-align:left;
padding:15px 0 0;
}


blockquote {
	margin: 15px;
 	padding: 10px;  	
  	background: #FAFAFA;
	border-left: 3px solid #ace0ff; 
}