/* CSS Document */

/*
Theme Name: Armadillo Studios Custom - Glutastic.com
Theme URI: http://www.armadillostudios.ca 
Description: Custom Theme WP Theme create for Glutastic.com 2.0.
Version: 2.0 
Author: Connor Turner 

*/

/* Global Stylings
---------------------------------------------------------------------------------------------- */
*
{
padding:0px;
margin:0px;
}

/* Colors
white: #FFFFFF    	Light Blue: #XXXX 	 	Dark Blue: #XXXXX  */

/* 
------------------------------------------------------------------------------------------------- */

body
{
margin: 0px;
padding: 0px;
/* background-image:url(/images/backgrounbk.png);
background-repeat:repeat;
background-position:top left; */
font: 70%/150% Arial, Helvetica, sans-serif;
font-family:Arial, Helvetica, sans-serif; 
}

h1, h2, h3, h4, h5, h6, p, pre, blockquote, label, ul, ol, dl, fieldset, address 
{ 
margin:9px 0; 
}

a
{
text-decoration:none;
}

img{border:none;}

.hide, .print-logo, .close-button{ display:none; }
.left{ float:left; }
.right{ float:right; }
.clear{ clear:both;}
a img{ border:none; }
small {font-size: 40%;}

blockquote
{
padding:0px 15px;
margin:9px 0px;
line-height: 140%;
font-style:italic;
}

.sep
{
background-image:url(/images/sep.png);
background-position:top center;
background-repeat:no-repeat;
height:28px;
width:450px;
display: block;
padding:0px;
margin:2px 15px;
}

/* Header
------------------------------------------------------------------------------------------------- */

#header
{
background-image:url(/images/headerbk.box.png);
background-repeat:repeat-x;
background-position:top left;
height: 250px;
color: #fff;
margin: 0px;
padding: 0px;
}

#headerWrap
{
margin: 0px auto;
padding: 0px;
width:1050px;

}

#headerWrap h1
{
margin:0px 0px;
padding: 0px;
text-align:center;
}

.mainTitle
{
text-align:left;
background-image:url(/images/glutastic.png);
background-position:left top;
background-repeat:no-repeat;
text-indent:-8000px;
height: 150px;
width: 484px;
float:left;
display:block;
}

.advertTop
{
width:500px;
height:90px;
margin: 25px 10px 10px 10px;
float:right;
display:block;
/* border: 3px solid #FFF; */
}

.advertTop a
{
color:#FFFFFF;
text-decoration: none;
}

/* Main Navigation
---------------------------------------------------------------------------------------------------- */

#mainNavi
{
color:#666633;
margin: 0px auto;
padding: 0px;
width:1000px;
}

#mainNavi ul
{
margin:-25px 0px 0px 400px;
padding: 0px;
display:block;
list-style-type:none;
text-align:center;
width: 760px;
}

* html #mainNavi ul
{
\margin-top: 0px;
m\argin-top: -25px;
}


#mainNavi li
{
float: left;
padding: 0px 10px 0px 0px;
margin: 0px 0px 0px 0px;

}

#mainNavi a
{
  display: block;
  text-indent: -9000px;
  outline: none;
}

#mainNavi a:hover
{
  background-position: left bottom;
}

#mainNavi .about
{
  width: 99px;
  height: 65px;
  background: url(/images/about.navi.png) no-repeat;
  background-position: left top;
}

#mainNavi .basket
{
  width: 153px;
  height: 65px;
  background: url(/images/thebasket.navi.png) no-repeat;
  background-position: left top;
}

#mainNavi .dish
{
  width: 126px;
  height: 65px;
  background: url(/images/thedish.navi.png) no-repeat;
  background-position: left top;
}

#mainNavi .facts
{
  width: 142px;
  height: 65px;
  background: url(/images/facts.navi.png) no-repeat;
  background-position: left top;
}


/* Wrapper 
-------------------------------------------------------------------------------------------------- */

#wrapper
{
/*background-image:url(http://www.glutastic.com/images/contentbk.png);
background-position:left top;
background-repeat:repeat-y;*/
margin: 0px auto;
padding:0px;
width: 960px;
height:100%;
color:#333333;
}


/* Content
---------------------------------------------------------------------------------------------------- */

.contentHead
{
background-image:url(/images/bodyHead.box.png);
background-repeat:no-repeat;
background-position:left top;
width:901px;
height:47px;
margin: 15px auto 0px auto;
padding: 0px;
}


.mainContent
{
width: 605px;
margin:0px 20px 0px 30px;
padding:0px;
float:left;
background-color:#FFFFFF;
font-size: 1.10em;
}

* html .mainContent
{
\margin: 15px;
m\argin: 30px;
}

.mainContent h2
{
color:#000;
font-size: 225%;
line-height:85%;
}

.mainContent p
{
color:#000;
font-size: 100%;
padding: 3px 0px 0px 0px;
}

.mainContent img
{
border: 3px solid #cccccc;
}

.mainContent a
{
color:#FF00CC;
text-decoration: none;
}

.mainContent a:hover
{
color:#6cc16f;
}

.mainContent ol
{
padding: 9px 0px 9px 27px;
margin:0px;
color: #000;
}

.mainContent ul
{
padding: 9px 0px 9px 27px;
margin:0px;
color: #000;
}

.post-cat {
	background: url(/images/mini-category.gif) no-repeat left 85%;
	padding-left: 20px;
padding-top:5px;
	float:left;
	font-size: 95%;
        line-height: 135%;
	color: #999999;
}

.post-comments {
	background: url(/images/addcomments.gif) no-repeat left center;
	padding-left: 20px;
	float: right;
	font-size: 95%;
}

/* Related Posts
------------------------------------------------------------------------------------- */

.related
{
padding: 7px;
margin: 10px;
background-color: #FFEFFB;
border: 1px solid #FF2FCF;
}

.contentAbout
{
background-image:url(/images/aboutHead.png);
background-repeat:no-repeat;
background-position:left top;
width:901px;
height:47px;
margin: 15px auto 0px auto;
padding: 0px;
}

.contentDish
{
background-image:url(/images/dishHead.png);
background-repeat:no-repeat;
background-position:left top;
width:901px;
height:47px;
margin: 15px auto 0px auto;
padding: 0px;
}

.contentBasket
{
background-image:url(/images/basketHead.png);
background-repeat:no-repeat;
background-position:left top;
width:901px;
height:47px;
margin: 15px auto 0px auto;
padding: 0px;
}

.contentFacts
{
background-image:url(/images/factHead.png);
background-repeat:no-repeat;
background-position:left top;
width:901px;
height:47px;
margin: 15px auto 0px auto;
padding: 0px;
}

/* Sidebar 
---------------------------------------------------------------------------------------------------- */
.sidebarWrapper
{
width: 275px;
height: 100%;
margin: 25px 0px 15px 0px;
padding: 0px 0px 0px 25px;
border-left: 1px solid #FED2F1;
display:block;
float: left;
}

.sidebarWrapper p
{
font-size: 1.00em;
text-align: left;
text-transform:none;
line-height: 20px;
vertical-align:middle;
}

.sidebarWrapper a
{
color:#FF00CC;
text-decoration: none;
}

.sidebarWrapper a:hover
{
color:#FF00CC;
text-decoration:underline;
}

.sidebarWrapper ul
{
padding: 0px 10px;
margin: 0px;
list-style-type:none;
}

.sideList li
{
padding: 0px 5px;
margin: 0px;
}

.sidebarTag
{
text-align: center;
line-height:90%;
}

.gluEmail
{
background-image:url(/images/gluEmail.gif);
background-repeat:no-repeat;
background-position:top left;
height:18px;
padding-left:22px;
vertical-align:middle;
}

.gluTwitter
{
background-image:url(/images/gluTwitter.gif);
background-repeat:no-repeat;
background-position:top left;
height:18px;
padding-left:22px;
vertical-align:middle;
}

.gluRSS
{
background-image:url(/images/gluRSS.gif);
background-repeat:no-repeat;
background-position:top left;
height:18px;
padding-left:22px;
vertical-align:middle;
}


.email 
{
background-image:url(/images/gluEmail.gif);
background-repeat:no-repeat;
background-position:left bottom;
vertical-align:middle;
height:22px;
font-size: 1.00em;
}

.adbrite
{
margin: 10px 20px 10px 0px;
padding: 5px;
border: 1px solid #FF00CC;
}

/*Comments Section 
---------------------------------------------------------------------------------------------------- */

.allComments
{
width: 550px;
margin: 0px 10px;
padding: 0px;
height: 100%;
border-bottom: 1px solid #F3ACD9;
}

.commentlist
{
padding: 0px 0px 0px 10px;
margin:0px;
}

.commentTop
{
width: 451px;
margin:0px;
padding:0px;
background-image:url(/images/commentTop.png);
background-position:left top;
background-repeat:no-repeat;
height:35px;
}

.commentCont
{
width:451px;
margin:0px 0px;
padding: 10px;
background-image:url(/images/commentCont.png);
background-position:left top;
background-repeat:repeat-y;
}

.commentCont img
{
border: 3px solid #ff00cc;
}

.commentBot
{
width:451px;
margin:0px;
height:52px;
padding: 0px;
background-image:url(/images/commentBot.png);
background-position:left top;
background-repeat:no-repeat;
}

.gravatars
{
width: 45px;
height: 45px;
margin: 0px 5px 5px 0px;
float: left;
clear:both;
border: 3px solid #FF00CC;
}


/*Image Replacement
---------------------------------------------------------------------------------------------------- */
.glutStar
{
float:right;
width:150px;
height:150px;
}

.welcome
{
text-indent:-8000px;
width:300px;
height: 52px;
background-image:url(/images/welcome.png);
background-repeat: no-repeat;
background-position: top left;
}

.laPosts
{
text-indent:-8000px;
width:300px;
height: 52px;
background-image:url(/images/laPosts.gif);
background-repeat: no-repeat;
background-position: top left;
}

.aboutGlu
{
text-indent:-8000px;
width:300px;
height: 52px;
background-image:url(/images/aboutGlu.gif);
background-repeat: no-repeat;
background-position: top left;
}

.gluFacts
{
text-indent:-8000px;
width:300px;
height: 52px;
background-image:url(/images/gluFacts.gif);
background-repeat: no-repeat;
background-position: top left;
}

.theDish
{
text-indent:-8000px;
width:300px;
height: 52px;
background-image:url(/images/theDish.gif);
background-repeat: no-repeat;
background-position: top left;
}

.theBasket
{
text-indent:-8000px;
width:300px;
height: 52px;
background-image:url(/images/theBasket.gif);
background-repeat: no-repeat;
background-position: top left;
}

.singPost
{
text-indent:-8000px;
width:300px;
height: 52px;
background-image:url(/images/singPost.gif);
background-repeat: no-repeat;
background-position: top left;
}

.contSide
{
text-indent:-8000px;
width:220px;
height: 40px;
background-image:url(/images/contact.side.gif);
background-repeat: no-repeat;
background-position: top left;
}

.linkSide
{
text-indent:-8000px;
width:220px;
height: 40px;
background-image:url(/images/links.side.gif);
background-repeat: no-repeat;
background-position: top left;
}

.searchSide
{
text-indent:-8000px;
width:220px;
height: 40px;
background-image:url(/images/search.side.gif);
background-repeat: no-repeat;
background-position: top left;
}

.tagSide
{
text-indent:-8000px;
width:220px;
height: 40px;
background-image:url(/images/tags.side.gif);
background-repeat: no-repeat;
background-position: top left;
}


.catSide
{
text-indent:-8000px;
width:220px;
height: 40px;
background-image:url(/images/cat.side.gif);
background-repeat: no-repeat;
background-position: top left;
}

.advertSide
{
text-indent:-8000px;
width:220px;
height: 40px;
background-image:url(/images/advert.side.gif);
background-repeat: no-repeat;
background-position: top left;
}

.archSide
{
text-indent:-8000px;
width:220px;
height: 40px;
background-image:url(/images/arch.side.gif);
background-repeat: no-repeat;
background-position: top left;
}

.latestPosts
{
text-indent:-8000px;
width:200px;
height: 35px;
background-image:url(/images/latestPost.gif);
background-repeat: no-repeat;
background-position: top left;
}

.pagesFoot
{
text-indent:-8000px;
width:200px;
height: 35px;
background-image:url(/images/pagesFoot.gif);
background-repeat: no-repeat;
background-position: top left;
}

/* Footer
---------------------------------------------------------------------------------------------------- */

#footer
{
background-image:url(/images/footerbk.box.png);
background-position:bottom left;
background-repeat: repeat-x;
height: 270px;
margin: 0px;
padding: 0px 0px 0px 0px;
}

#footerWrap
{
background-image:url(/images/footerTop.box.png);
background-position:bottom left;
background-repeat:no-repeat;
margin:0px auto 0px auto;
padding:0px 0px 0px 0px;
width: 1000px;
height: 270px;
}

#footerWrap ul
{
list-style-type:none;
padding: 0px 0px 0px 10px;
}

#footerWrap h2
{
font-size: .75em;
color:#FFFFFF;
}

#footerWrap h5
{ 
text-align: center;
font-size: .95em;
color: #fff;
font-weight:100;
padding-top:90px;
}

#footer a
{
color:#FFCCFF;
text-decoration:underline;
}

#footer a:hover
{
color:#333333;
text-decoration:underline;
}

.leftFooter
{
width: 325px;
margin: 0px 0px 0px 95px;
padding: 0px;
text-align:left;
float: left;
}

* html .leftFooter
{
\margin-left: 75px;
m\argin-left: 95px;
}

.rightFooter
{
width:225px;
margin: 0px 45px 0px 55px;
padding: 0px;
text-align:left;
float: left;
}

* html .rightFooter
{
\margin-right: 0px;
m\argin-right: 45px;
\width:195px;
w\idth:225px;
}

.armadillo
{
margin: 101px 0px 0px 39px;
float: left;
}

* html .armadillo
{
\margin-right: 55px;
m\argin-right: 0px;
}