/* Mint Chocolate Chip - (c) 2006 andrewstrojny.com */

/* You may use this CSS and use its techniques in your own projects, but keep in mind the unique combination of images, colors, sizes, typography, and positioning ("the design") is copyright (c) 2006 Andrew Strojny */ 

/* Enjoy! */


/* ----- Structure and Layout ----- */

body {
	text-align : center;
	background-color: #A9CF9C;
	min-width : 770px ;
	}

ul {
  list-style-type: square;
  margin: 16px;
  padding: 0 0 0 0;
}

#wrapper {
	width : 770px;
	text-align : left ;
	margin-left : auto ;
	margin-right : auto ;
	}

#wrapper_wide {
    width : '100%';
    text-align : left ;
    margin-left : 10px ;
    margin-right : 10px ;
    }

#maincontainer {
    float: left;
    width : 770px;
    background: url(http://erdani.com/packages/theme_mint_chocolate_chip/themes/mint_chocolate_chip/images/container.png) repeat-y;
    }

/* see http://css-tricks.com/perfect-full-page-background-image/ */

#maincontainer_wide {
    float: left;
    width : '100%';
    background: url(http://erdani.com/packages/theme_mint_chocolate_chip/themes/mint_chocolate_chip/images/container.png) repeat-y center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    }
	
#header {
	padding-top: 10px;
	}
#header-bkg {
	width: 770px;
	height: 119px;
	margin: 0 auto;
	background: url(http://erdani.com/packages/theme_mint_chocolate_chip/themes/mint_chocolate_chip/images/header.png) no-repeat;
	}
#header-content {
	padding: 16px 0 0 48px;
	}

#header-bkg_wide {
    width: '100%';
    height: 59px;
    margin: 0 auto;
    background: url(http://erdani.com/packages/theme_mint_chocolate_chip/themes/mint_chocolate_chip/images/header.png) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    }

#padding {
	clear: both;
	padding: 30px 0 0 0;
	}

#padding_wide {
    clear: both;
    padding: 0px 0px 0 0;
    }

#content {
	float: left;
	width: 375px;
	padding: 0 0 10px 40px;
	}

#content_full {
    float: left;
    width: 685px;
    padding: 0 0 10px 40px;
    }

#content_wide {
    float: left;
    width: '100%';
    padding: 0 0 0px 0px;
    margin-left: 30px;
    margin-right: 30px;
    margin-bottom: 30px;
    }

#newsbox {
	float: right;
	padding: 5px 0 0 0;
	}
	
#content-left {
	float: left;
	width: 375px;
	padding: 0 0 10px 0px;
	}

#newsbox-left {
	float: left;
	padding: 5px 0 0 40px;
	}

#content-hdr {
	width: 375px;
	overflow: hidden;
	}

#innernews {
	width: 250px;
	margin: 0 40px 0 0;
	padding: 10px 10px 10px 10px;
	background: #EDF3EB;
	border: 1px solid #DCEAD7;
	}

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

#nav {
	float: left;
	padding: 0 0 2px 13px;
	margin: 0;
	}

#navinner {
    float: left;
    width: 743px;
    height: 41px;
    background: #A9CE9B;
    border-top: 2px solid #87BA74;
    border-bottom: 2px solid #87BA74;
    }

#navinner_wide {
    float: center;
    width: '100%';
    height: 41px;
    background: #A9CE9B;
    border-top: 2px solid #87BA74;
    border-bottom: 2px solid #87BA74;
    }
	
#nav ul {
	margin: 0;
	padding: 0 0 0 27px;
	list-style: none;
	}
	
#nav li {
	float: left;
	margin: 0;
	padding: 0 10px 0 0;
	}
	
#nav li a {
	float: left;
	text-align: center;
	margin: 5px 0 0 0;
	padding: 4px 12px;
	font-weight: bold;
	border-bottom: 2px solid #A9CE9B;
	border-right: 2px solid #A9CE9B;
	}
	
#nav li a:hover {
	border-bottom: 2px solid #6CAB54;
	border-right: 2px solid #6CAB54;
	}
	
#nav li a.active {
	border-bottom: 2px solid #6CAB54;
	border-right: 2px solid #6CAB54;
	}
	

/* ----- Typography ----- */


#innernews p {
	margin-left: 10px;
	padding: 0 10px 0 10px;
	border-left: 1px dashed #422100;
	}


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

#footer {
	clear:both;
	}

@font-face {
 font-family: "MEgalopolis Extra";
 src: url(http://erdani.com/packages/theme_mint_chocolate_chip/themes/mint_chocolate_chip/fonts/MEgalopolisExtra.otf) format("opentype");
}

@font-face {
  font-family: "League Script";
  src: url(http://erdani.com/packages/theme_mint_chocolate_chip/themes/mint_chocolate_chip/fonts/LeagueScript.otf) format("opentype");
}

@font-face {
  font-family: "OPTIBernhard BoldCursive";
  src: url(http://erdani.com/packages/theme_mint_chocolate_chip/themes/mint_chocolate_chip/fonts/OPTIBernhard-BoldCursive.otf) format("opentype");
}

.megalopolis {
  font-family: "MEgalopolis Extra";
}

.leaguescript {
  font-family: "League Script";
}

.handwriting {
  font: 35px/35px "OPTIBernhard BoldCursive";
}

/*
 Left and right align on the same line, see
 http://css-tricks.com/left-align-and-right-align-text-on-the-same-line/ 
*/

.alignleft {
  float: left;
}
.alignright {
  float: right;
}