body {
margin: 0;
padding: 0;
	 text-align: center;
font-family: Helvetica, Arial, "Times New Roman", Times, serif;
	background: #394552 url("http://fromgrandmaskitchen.com/images/diy.png");
	background-repeat: no-repeat;
	background-position: top center;
	scrollbar-face-color: #C1DCE6;
	scrollbar-highlight-color: #FFFFFF;
	scrollbar-shadow-color: #DEE3E7;
	scrollbar-3dlight-color: #D1D7DC;
	scrollbar-arrow-color:  #000000;
	scrollbar-track-color: #EFEFEF;
	scrollbar-darkshadow-color: #98AAB1;
font-size: 12pt;

}

a {
color: #000000;
font-family: Helvetica, Arial, "Times New Roman", Times, serif;
font-size: 14px;
text-decoration: none;
font-weight: bold;
	text-transform: uppercase;
}

a:hover {
text-decoration: none;
color: #000000;
font-family: Helvetica, Arial, "Times New Roman", Times, serif;
font-size: 14px;
font-weight: bold;
	text-transform: uppercase;
}

form {
margin: 0px;
padding: 0px;
}


h1 {
font-family: Helvetica, Arial, Georgia, "Times New Roman", Times, serif;
	text-transform: lowercase;
font-weight: normal;
}

h4 {
font-family: Antigoni, Helvetica, Arial, Georgia, "Times New Roman", Times, serif;
margin: 0;
padding: 0.5em 0 0.5em 0;
font-weight: normal;
font-size: 16pt;
color: #E7F394;
	text-transform: lowercase;
}

#container {
	min-height: 100%;
 text-align: left;
 width:950px;
 margin:0 auto;
 position: relative; /* container positioning */
}

#dhtmlfloatie{
position: fixed;
left: 0;
left: -900;
filter:alpha(opacity=0);
-moz-opacity:0;
border: 2px solid #310B0E;
padding: 5px;
z-index: 800;
	background-image: url("http://www.fromgrandmaskitchen.com/images/groceries.gif");
	background-repeat: no-repeat;
	background-position: top center;


}

.inner {
width: 710px;
display: block;
margin: 0px auto;
padding-top: 5px;
padding-bottom: 10px;
}

#cborder {
height: 5px;
margin: 0;
padding:0;
background: #ff0000;
clear: both;
}

#header {
height: 90px;
background: url(bg-top.gif) repeat-x  #ffff00;
font-family: Helvetica, Arial, Georgia, "Times New Roman", Times, serif;
color:  #ff0000;
}

#logoDiv {
float: left;
background-image: url(logo.png);
background-repeat: no-repeat;
margin-top: 8px;
}

#logoDiv img {
width: 300px;
height: 80px;
border: 0px;
}

#topBanner {
width: 728px;
float: right;
height: 80px;
vertical-align: center;
text-align: right;
}

#homeLink {
text-decoration: none;
}

#topNav {
background-image: url(bg-nav.gif);
height: 39px;
font-family: Helvetica, Arial, sans-serif;
font-size: 0.8em;
font-weight: bold;
color: white;
margin-top: 1px;
margin-bottom: 1px;
}

#topNav ul {
list-style: none; 
height: 35px; 
margin: 0;
padding: 0;
float: left;
}

#topNav ul li {
float: left;
padding: 7px 20px 5px;
background: url(bg-nav-sep.gif) no-repeat;
}

#topNav ul li a {
float: left; 
color: white;
text-decoration: none;
}

#topNav ul li a:hover {
text-decoration: underline;
}

#content {
clear: both;
width: 710px;
overflow: none;
font-size:10pt;
	min-height: 100%;
}

#content h1 {
color: #310b0e;
font-family: Helvetica, Arial, Georgia, "Times New Roman", Times, serif;
font-weight: normal;
margin: 0;
padding: 0;
padding-top: 5px;
text-align: left;
font-size: 18pt;
	text-transform: lowercase;
}

#content p {
font-size:12pt;
font-family: Helvetica, Arial;

}

#content a {
color: #310B0E;
font-family: Helvetica, Arial, Georgia, "Times New Roman", Times, serif;
font-weight: bold;
font-size: 9pt;
}

#content h2 a {
color: #310B0E;
font-family: Helvetica, Arial, Georgia, "Times New Roman", Times, serif;
font-size: 18pt;
	text-transform: lowercase;
}

#content h3 {
font-family: Antigoni, Helvetica, Arial, Georgia, "Times New Roman", Times, serif;
margin: 0;
padding: 0.5em 0 0.5em 0;
font-weight: normal;
font-size: 16pt;
color: #310B0E;
	text-transform: lowercase;
}

#content h3 a {
color: #310B0E;
	text-transform: lowercase;
}



#verticalNavigation {
width: 270px;
padding: 0;
margin: 0;
min-height: 400px;
height: 100%;
float: right;
}

#verticalNavigation h3 {
margin: 0;
padding: 0;
}

#verticalNavigation div {
margin-bottom: 15px;
padding: 10px;
padding-top: 0;
background-color: black;
}

#verticalNavigation ul {
margin: 0;
padding: 0;
padding-bottom: 10px;
padding-left: 10px;
list-style-type: none;
}

#leftColumn {

}

.itemIcons {
border: 0;
padding-right: 10px;
}

.textIcons {
border: 0;
}

#SB {
margin: 0;
padding: 0;
}

#SB img {
margin: 0;
padding: 0;
margin-top: 5px;
}

.right
{color: #ffffff;
height: 100%;}

.right a:link{color: #ffffff;}
.right a:visited{color: #cccccc;}
.right a:hover{color: #ffffff;}


.smallImages {
float: left;
margin: 10px 5px;
height: 150px;
width: 150px;
border: 1px solid #009cd3;
background-repeat: no-repeat;
background-position: top;
background-color: #00C000;
text-align: center;
}

.smallImages:hover {
border: 1px solid yellow;
}

.smallImages img {
border: 0;
width: 100%;
height: 150px;
#height: 150px;
padding:0;
margin:0;
}

.smallImages a {
color: white;
text-decoration: none;
#text-decoration: underline;
}

.smallImages.cats {
border: 1px solid red;
background-color: #00C000;
}

.smallImages.cats:hover {
border: 1px solid lightgreen;
}

.images {
width:100%;
text-align: center;
margin-top: 35px;
margin-bottom: 35px;
overflow: none;
}

.images .mainImg {
margin-top:20px;
margin-bottom:20px;
border:0;
}

#mainPic {
padding: 5px;
text-align: center;
width: 100%;
}

#mainPic a {
color: #310b0e;
}

#mainPic #mainImg {
margin-top:0px;
margin-bottom:0px;
border:0;
}

#picTexts {
float: left;
text-align: left;
width: 260px;
#width: 280px;
padding: 5px;
}

#picTexts p {
margin-top: 0;
padding-top: 0;
}

#picAds {
float: left;
padding: 5px;
margin:0;
visibility: hidden;
display: none;
}

#picAdsRelated {
margin: 5px;
width: 100%;
clear: both;
text-align: center;
}

#picAdsList {
visibility: hidden;
display: none;
}

#copyform {
clear:both;
margin: 20px;
padding-top:15px;
padding-bottom:15px;
padding-right:50px;
background-color:#009cd3;
text-align: right;
}

#copyform input {
font-family: Helvetica, Arial, Arial, sans-serif;
}

.copyform {

}

#profiles .profile {
width: 220px;
height: 220px;
float: left;
position: relative;
margin: 3px;
}

#profiles .profileText {
width: 215px;
position: absolute;
bottom: 0px;
text-align: center;
}

.profilePic {
border: 1px dashed gray;
padding: 3px;
}

#myProfile1 {
/* border: 1px dashed yellow; */
/* background: url(error.png) no-repeat top left; */
}

#myProfile10 {
/* background: background: url(error.png) no-repeat top left; */
}

#myProfile {
/* background: url(logo32.png) no-repeat top left; */
}

#related {
clear: both;
#position: relative;
}

.relatedPics {
float: left;
margin: 10px 15px;
height:145px;
#height:140px;
width:160px;
border: 1px solid gray;
background-position: top;
background-repeat: no-repeat;
text-align: center;
}

.relatedPics a {
text-decoration: none;
}

.relatedPics a:hover {
#text-decoration: underline;
}

.relatedPics img {
width: 100%;
height:120px;
border:0;
}

#relatedPics {
clear: both;
}

#comments {
clear: left;
float: left;
width: 300px;
overflow: hidden;
}

#relatedComments {
float: right;
width: 500px;
}

#commentForm {
clear: left;
float: left;
width: 300px;
overflow: hidden;
#position: relative;
}

#commentForm a {
color: #310b0e;
}

.horizontalAds {
width: 100%;
margin: 5px;
text-align: center;
clear: both;
}

#footer {
clear: both;
color: #000000;

}

#fborder {

}

#footer h3 {
margin: 0;
padding:0;
font-style: italic;
font-weight: normal;
font-size: 1.7em;
color: #ffffaa;
}

.footerTexts {
float: left;
width: 32%;
padding-left: 10px;
}

.footerTexts h4 {
clear: both;
margin: 0;
padding: 0;
padding-top: 10px;
font-weight: normal;
font-style: normal;
font-size: 1.5em;
color: #3E2824;
}

.footerTexts ul {
margin: 0;
padding: 0;
margin-left: 1em;
}

#footer a {
color: #000000;
font-size: 8pt;
}

#footer p {
margin-bottom: 0;
padding-bottom: 0;
}

#footer li {
margin-bottom:10px;
}

.dottedWhite {
margin: 0;
padding: 0;
clear: both;
border:0px;
border-top: 1px dotted #ffffff;
height:0px;
}

#copyrights {
text-align: center;
font-size: 8pt;
	min-height: 100%;
}

/* FORMS */
#addPicRules {
width: 500px;
margin-top: 15px;
float: left;
clear: left;
}

#addPic {
width: 400px;
float: left;
}

#addPic h3 {
clear: both;
}

#addPic label {
clear: both;
float:left;
margin-top:19px;
white-space: nowrap;
}

#addPic input {
float:right;
width:250px;
margin-top:17px;
}

#addPic select {
float:right;
width:250px;
margin-top:17px;
}

#addPic textarea {
float:right;
width:250px;
height:100px;
margin-top:17px;
}

#addPic .formSubmit {
float: right;
width: 150px;
float:right;
margin-top:17px;
}

.formSubmit {
background-color: #dfddab;
color: black;
cursor:pointer;
background:url(submit.gif) repeat-x left top;
}

#commentForm {
float: left;
clear: left;
width: 400px;
/* font-style: italic; */
margin-bottom:15px;
}

#commentForm label {
clear: both;
float:left;
margin-top:19px;
white-space: nowrap;
}

#commentForm input {
float:right;
width:250px;
margin-top:17px;
}

#commentForm textarea {
float:right;
width:250px;
height: 100px;
margin-top:17px;
}

#commentForm .formSubmit {
float: right;
width: 150px;
}

#commentLogin {
float:right;
width:250px;
margin-top:20px;
}

/* VARIOUS STYLES */
.error {
/* background: url(error.png) no-repeat 0 0; */
padding: 5px 0 0 50px;
height: 40px;
color: red;
}

.red {
color: red;
}

#tooltip {
position: absolute;
z-index: 3000;
border: 1px solid #111;
background-color: #000119;
padding: 5px;
opacity: 0.85;
color: white;
}
#tooltip h3, #tooltip div { margin: 0; }

.pluspictures {
cursor:pointer;
color:#ff0099;
	text-transform: uppercase;
font-weight:bold;

}

.minuspictures {
cursor:pointer;
color:#ff0099;
	text-transform: uppercase;
font-weight:bold;

}

.voted {
font-weight:bold;
}

.pictureserror {
color: red;
}

.karma {
border: 0;
margin: 0;
padding:0;
}

#loading {
position:absolute;
top:0px;
right:0px;
background:#ff0099;
color:#fff;
font-size:14px;
font-familly:Arial;
font-weight: 600;
padding:2px;
display:none;
}

#siteForms {
float: left;
}

#siteFormsText {
width: 400px;
float: right;
}

.search-nav {
height:20px;
margin: 20px;
text-align: center;
font-weight: 600;
clear: left;
}

.search-nav a {
vertical-align:top;
display: inline-block;
margin: -5px 0 0 0;
position:relative;
padding: 3px 7px 3px 7px;
/* background:#73aac7; */
background:black;
border:1px solid #6d8baf;
text-decoration:none;
color:white;
}

.search-nav a:hover, .search-nav a.current{
background: white;
border: 1px solid #8faf0a;
color: #009cd3;
}

/* Tag Cloud */
#tagCloud {
clear: left;
color: red;
visibility: hidden;
display: none;
}
#tagCloud a {
text-decoration: none;
}
#tagCloud a:hover {
text-decoration: underline;
}
.tag0 {
font-size: 80%;
color: #310b0e;
}
.tag1 {
font-size: 90%;
color: #9966ff;
}
.tag2 {
font-size: 100%;
color: #ff0000;
}
.tag3 {
font-size: 120%;
color: lightgreen;
}
.tag4 {
font-size: 130%;
color: violet;
}
.tag5 {
font-size: 140%;
color: #33ff00;
}
.tag6 {
font-size: 150%;
color: gray;
}
.tag7 {
font-size: 160%;
color: orange;
}
.tag8 {
font-size: 180%;
color: aqua;
}
.tag9 {
font-size: 200%;
color: green;
}
.tag10 {
font-size: 225%;
color: lightgreen;
}









.gmamenus {margin: 0px 0px;  width: 180px; color:#310B0E; }
.gmamenus h1 { color:#310B0E;  font-size: 28px; margin-top: 0px; margin-bottom: 10px; border-bottom: dashed 1px #000; background: url(../Images/HomePageHeadingIco.png) no-repeat left center; padding-left: 25px; font-family: Helvetica, Arial, Georgia, "Times New Roman", Times, serif;}


.gmamenu {margin: 0px 0px;  width: 200px; color:#ffffff; }
.gmamenu h1 { color:#ffffff;  font-size: 24px; margin-top: 0px; margin-bottom: 10px; border-bottom: dashed 1px #A5B59C;  padding-left: 7px; font-family: Helvetica, Arial, Georgia, "Times New Roman", Times, serif;}

.gmamenuf {margin: 0px 0px;  width: 200px; color#BCD0AE; }
.gmamenuf h1 { color: #BCD0AE;  font-size: 24px; margin-top: 0px; margin-bottom: 10px; border-bottom: dashed 1px #fff;  padding-left: 7px; font-family: Helvetica, Arial, Georgia, "Times New Roman", Times, serif;}


.gmamenub { font-weight: normal; margin: 0px 0px;  width: 505px; color:#310B0E; }
.gmamenub h1 { font-weight: normal; color:#310B0E;  font-size: 24px; margin-top: 7px; margin-bottom: 10px; border-bottom: dashed 1px #000; background: url(http://fromgrandmaskitchen.com/Natural-Hair-Beauty/templates/Gazette/Images/HomePageHeadingIco.png) no-repeat left center; padding-left: 25px; font-family: Helvetica, Arial, Georgia, "Times New Roman", Times, serif;}










.GMABOTTOM1 {
text-decoration: none; 
color: #310B0E;
 font-family: Helvetica, Tahoma, Arial;  
	font-size: 8px;
	text-transform: lowercase; /* force text to lowercase */
font-weight: normal;
	background: url("http://fromgrandmaskitchen.com/images/menuback1.png");
	background-repeat: no-repeat;
	background-position: top center;
	height: 100px;

}

.GMABOTTOM1 a:link {
text-decoration: none; 
color: #310B0E;
 font-family: Helvetica, Tahoma, Arial;  
	font-size: 8px;
	text-transform: lowercase; /* force text to lowercase */
font-weight: normal;
margin-bottom: 7px;
	height: 100px;
}


.GMABOTTOM1 a:hover {
text-decoration: none; 
color: #310B0E;
 font-family: Helvetica, Tahoma, Arial;  
	font-size: 8px;
	text-transform: lowercase; /* force text to lowercase */
font-weight: normal;
margin-bottom: 7px;
	height: 100px;
}


.GMATOPS {
text-decoration: none; 
color: #ffffff;
 font-family: Helvetica, Tahoma, Arial;  
	font-size: 12px;
  margin: 0px;
  padding: 0px;
}

.GMATOPS a:link{
text-decoration: none; 
color: #ffffff;
 font-family: Helvetica, Tahoma, Arial;  
	font-size: 12px;
  margin: 0px;
  padding: 0px;
}


.GMATOPS a:visited{
text-decoration: none; 
color: #ffffff;
 font-family: Helvetica, Tahoma, Arial;  
	font-size: 12px;
  margin: 0px;
  padding: 0px;
}


.GMATOPS a:hover{
text-decoration: none; 
	color: #BCD0AE;
 font-family: Helvetica, Tahoma, Arial;  
	font-size: 12px;
  margin: 0px;
  padding: 0px;
	text-transform: lowercase; /* force text to lowercase */
}

.GMATOP {
text-decoration: none; 
color: #000000;
 font-family: Helvetica, Tahoma, Arial;  
	font-size: 10px;
  margin: 0px;
  padding: 0px;
	text-transform: lowercase; /* force text to lowercase */
	background: url("http://fromgrandmaskitchen.com/images/menuback.png");
	background-repeat: no-repeat;
	background-position: top center;
	height: 16px;
}

.GMATOP a:link{
text-decoration: none; 
color: #000000;
 font-family: Helvetica, Tahoma, Arial;  
	font-size: 10px;
  margin: 0px;
  padding: 0px;
	text-transform: lowercase; /* force text to lowercase */
}


.GMATOP a:visited{
text-decoration: none; 
color: #000000;
 font-family: Helvetica, Tahoma, Arial;  
	font-size: 10px;
  margin: 0px;
  padding: 0px;
	text-transform: lowercase; /* force text to lowercase */
}


.GMATOP a:hover{
text-decoration: none; 
	color: #404040;
 font-family: Helvetica, Tahoma, Arial;  
	font-size: 10px;
  margin: 0px;
  padding: 0px;
	text-transform: lowercase; /* force text to lowercase */
}



.zh { text-align: left; width:148px;position:absolute;visibility:hidden;z-index:1;	text-transform: uppercase; /* force text to uppercase */}

.zl {color: #394552; text-align: left; width:148px;font-size:14px; display:block;padding:10px 0px 10px 3px;margin:10px 0px 10px 10px;text-decoration:none;font-style:bold;font-weight:800; font-face:helvetica, arial;	text-transform: uppercase; /* force text to uppercase */ }

.zl:hover {background: #CBD0AE; color: #000000; text-align: left; width:148px;font-size:14px; text-decoration:none;font-style:bold;font-weight:800; font-face:helvetica, arial;	text-transform: uppercase; /* force text to uppercase */ }

.zls {color: #394552; text-align: left; width:148px;ont-size:14px; display:block;padding:5px 2px 5px 2px;text-decoration:none;font-style:bold;font-weight:800; font-face:helvetica, arial;	text-transform: uppercase; /* force text to uppercase */ }

.zls:hover {color: #000000; text-align: left; width:148px;font-size:14px; text-decoration:none;font-style:bold;font-weight:800; font-face:helvetica, arial;	text-transform: uppercase; /* force text to uppercase */ }

.hon  {color: #394552; text-align: left; width:148px;height:40px;margin:0;background:;border-width:0px 0px 0px 0px;border-color:#D2C9CA;border-style:solid; font-face:helvetica, arial; font-size:14px;	text-transform: uppercase; /* force text to uppercase */}

.hoff {color: #394552; text-align: left; width:148px;height:40px;margin:0;background:;border-width:0px 0px 0px 0px;border-color:#D2C9CA;border-style:solid; font-face:helvetica, arial; font-size:14px;	text-transform: uppercase; /* force text to uppercase */}

.hson  {text-align: left; width:148px;height:45px;margin:5;background:#ffffff;border-width:0px 0px 0px 0px;border-color:;border-style:none; font-face:helvetica, arial; font-size:14px;	text-transform: uppercase; /* force text to uppercase */}

.hsoff {text-align: left; width:148px;height:45px;margin:5;background:#C9E0E9;border-width:0px 0px 0px 0px;border-color:;border-style:none; font-face:helvetica, arial; font-size:14px;	text-transform: uppercase; /* force text to uppercase */}