/*  

Theme Name: A Mother's Touch Jewelry

Theme URI: http://www.amotherstouchjewelry.com/

Description: A WordPress theme from scratch.

Version: 1.0

Author: Veracity Technologies LLC

Author URI: http://www.veracity.net/



The CSS, XHTML and design is released under GPL:

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





*/
/* Main Styles that apply to body */
body 
{
 font-size: 11px;
 font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
 margin: 0px;
 padding-left: 50%;
 background-image: url(images/bg.gif);
 background-color: #f4f4f4;
 background-repeat: repeat-y;
 background-position: center;
 position: absolute;
}

/* This is the page container built and centered using -ve margins */
#container 
{
 width: 700px;
 margin-left: -350px;
}

/* The topmost faded bar */
#topbar 
{
 width: auto;
 background-color: #EEE;
 height: 20px;
 padding-top: 10px;
 padding-right: 5px;
 padding-bottom: 5px;
 padding-left: 2px;
 font-size: 9px;
 font-family: verdana;
 font-weight: bold;
 color: #CCCCCC;
 text-align: right;
}

/* This holds the two heading blocks, the title and the login form */
#headerwrapper 
{
 width: auto;
}

/* class that styles the holder div of the forms */
.userform 
{
 width: auto;
 color: #DD7CB4;
 padding-top: 5px;
 padding-right: 0px;
 padding-bottom: 5px;
 padding-left: 3px;
 background-color: #fbfbfb;
 border-color: #efefef;
 border-width: 1px;
 border-style: solid;
 border-top-style: none;
 text-align: justify;
 margin-bottom: 1px;
}

/* This will style the login and search */
.userform input 
{
 border-color: #DDD;
 border-width: 1px;
 border-style: solid;
 font-family: verdana;
 font-size: 10px;
 color: #BBB;
 font-weight: bold;
}

h1 
{
 font-size: 48px;
 font-family: verdana;
 color: #EEE;
 margin: 5px;
}

h6 
{
 font-size: 10px;
 font-family: verdana;
 font-weight: bold;
 color: #DDD;
 margin: 0px;
 padding: 0px;
 margin-left: 8px;
}

/* Container for the article box, and the pic box */
.articleboxouter 
{
 width: auto;
 padding-top: 0px;
 padding-right: 6px;
 padding-bottom: 0px;
 padding-left: 5px;
 clear: both;
}

/* Content holder for the articles */
.articleboxinner 
{
 width: auto;
 line-height: 20px;
 color: #DD7CB4;
 padding-top: 15px;
 padding-right: 6px;
 padding-bottom: 0px;
 padding-left: 6px;
 background-color: #fbfbfb;
 border-color: #efefef;
 border-width: 1px;
 border-style: solid;
 text-align: justify;
 height: 220px;
}

.articleboxinner1 
{
 width: auto;
 line-height: 20px;
 color: #DD7CB4;
 padding-top: 15px;
 padding-right: 6px;
 padding-bottom: 0px;
 padding-left: 6px;
 background-color: #fbfbfb;
 border-color: #efefef;
 border-width: 1px;
 border-style: solid;
 text-align: justify;
}

/* The title style for the main article */
.articleheader 
{
 font-size: 18px;
 font-weight: bold;
 border-bottom-color: #CCC;
 border-bottom-width: 1px;
 border-bottom-style: solid;
}

/* This will style the read more thing at the bottom */
.readmore 
{
 text-align: right;
 display: block;
 width: auto;
}

/* This controls the main pic in the main article box */
.mainpiccontrol 
{
 border-color: #DBB7DB;
 border-width: 1px;
 border-style: solid;
 float: left;
 margin-right: 10px;
}

#flashcontent 
{
 border-color: #DBB7DB;
 border-width: 1px;
 border-style: solid;
 float: left;
 margin-right: 10px;
}

/* Container for the pic thumbnails */
.picboxouter 
{
 width: auto;
 padding-top: 0px;
 padding-right: 6px;
 padding-bottom: 0px;
 padding-left: 5px;
 clear: both;
}

/* Content holder for the pic box */
.picbox 
{
 width: auto;
 line-height: 22px;
 color: #DD7CB4;
 padding-top: 5px;
 padding-right: 6px;
 padding-bottom: 6px;
 padding-left: 6px;
 border-color: #efefef;
 border-width: 1px;
 border-style: solid;
 border-top-style: none;
 text-align: center;
}

/* This controls the thumbnails in the picbox div */
.pickboxcontrol 
{
 border-color: #DDD;
 border-width: 1px;
 border-style: solid;
 vertical-align: middle;
}

/* Sometimes, I don't want borders around my hyperlink images */
.noborder 
{
 border-style: none;
}

/* For taming those leeeeeeetle arrows */
img 
{
 vertical-align: text-bottom;
}

/* Style-up those ugly default hyperlinks */
a 
{
 text-decoration: none;
 padding: 0;
 margin: 0;
 color: #663366;
}

/* And their ugly hover states too */
a:hover 
{
 text-decoration: underline;
}

/* Why should the humble footer be left out? */
#footer 
{
 background-color: #CCC;
 color: #fff;
 text-align: center;
 vertical-align: middle;
 height: 20px;
 padding-top: 5px;
 clear: both;
}

/* This will contain the three columns */
#newsContainer2 
{
 width: auto;
 background-color: #E0E0E0;
}

/* First column of the three columns */
.c1 
{
 width: 227px;
 background-color: #F7F4F7;
 border-color: #DDD;
 border-width: 1px;
 border-style: solid;
 border-top-style: none;
 line-height: 22px;
 color: #DD7CB4;
 float: left;
}

/* Second column of the three columns */
.c2 
{
 width: 230px;
 float: left;
 border-bottom-color: #DDD;
 border-bottom-width: 1px;
 border-bottom-style: solid;
 line-height: 22px;
 color: #DD7CB4;
}

/* Third column of the three columns */
.c3 
{
 width: 228px;
 background-color: #F7F4F7;
 border-color: #DDD;
 border-width: 1px;
 border-style: solid;
 border-top-style: none;
 line-height: 22px;
 color: #DD7CB4;
 float: right;
}

/* This controls the titles for each column */
.noteheader 
{
 width: auto;
 border-bottom-color: #DDD;
 border-bottom-width: 1px;
 border-bottom-style: solid;
 border-top-style: none;
 color: #DD7CB4;
 height: 24px;
 font-family: verdana;
 font-size: 11px;
 font-weight: bold;
 background-image: url(images/headerBG.jpg);
 background-repeat: repeat-x;
}

/* And this gives the column text some breathing space */
.spacy 
{
 line-height: 12px;
}

/* CSS Tabs */
/* This holds the tabs */
#tabholder 
{
 width: auto;
}

#tabs8 
{
 float: left;
 width: 100%;
 background-color: #F1F1F1;
 font-size: 93%;
 line-height: normal;
 border-bottom-color: #CCC;
 border-bottom-width: 1px;
 border-bottom-style: solid;
}

#tabs8 ul 
{
 margin: 0;
 padding-top: 10px;
 padding-right: 10px;
 padding-bottom: 0;
 padding-left: 5px;
 list-style: none;
}

#tabs8 li 
{
 display: inline;
 margin: 0;
 padding: 0;
}

.navt_li 
{
 display: inline;
 margin: 0;
 padding: 0;
}

#tabs8 a 
{
 float: left;
 background-image: url("images/tableft8.gif");
 background-repeat: no-repeat;
 background-position: left top;
 margin: 0;
 padding-top: 0;
 padding-right: 0;
 padding-bottom: 0;
 padding-left: 4px;
 text-decoration: none;
}

#navt_plink 
{
 float: left;
 background-image: url("images/tableft8.gif");
 background-repeat: no-repeat;
 background-position: left top;
 margin: 0;
 padding-top: 0;
 padding-right: 0;
 padding-bottom: 0;
 padding-left: 4px;
 text-decoration: none;
}

#tabs8 a span 
{
 float: left;
 display: block;
 background-image: url("images/tabright8.gif");
 background-repeat: no-repeat;
 background-position: right top;
 padding-top: 5px;
 padding-right: 15px;
 padding-bottom: 4px;
 padding-left: 6px;
 color: #eee;
 font-weight: bold;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabs8 a span 
{
 float: none;
}

/* End IE5-Mac hack */
#tabs8 a:hover span 
{
 color: #591333;
}

#tabs8 a:hover 
{
 background-position: 0% -42px;
}

#tabs8 a:hover span 
{
 background-position: 100% -42px;
 color: #888;
}

#tabs8 #current a 
{
 background-position: 0% -42px;
}

#tabs8 #current a span 
{
 background-position: 100% -42px;
 color: #888;
}

/* End of CSS Tabs */
/* middle category styling */
#midbar 
{
 height: 30px;
 border-top-width: 1px;
 border-top-color: #A068AE;
 border-top-style: solid;
 border-bottom-width: 1px;
 border-bottom-color: #A068AE;
 border-bottom-style: solid;
 background-color: #F6B0CE;
}

#midbar ul 
{
 margin: 0px;
 padding: 0px;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 10px;
 color: #FFFFFF;
 line-height: 30px;
 white-space: nowrap;
}

#midbar li 
{
 list-style: none;
 display: inline;
}

#midbar li a 
{
 text-decoration: none;
 padding-top: 7px;
 padding-right: 10px;
 padding-bottom: 7px;
 padding-left: 10px;
 color: #FFFFFF;
}

#midbar li a:link 
{
 color: #FFFFFF;
}

#midbar li a:visited 
{
 color: #FFFFFF;
}

#midbar li a:hover 
{
 color: #A068AE;
 background-color: #CCCCCC;
}