/* **************************** /*

** green lush css based layout  **

** ---------------------------- **

** author: Yamazaki             **

** this layout is free for      **

** download, however you can't  **

** redistribute it and put the  **

** zip / rar file in your web   **

** without any permissions from **

** the author. thank you        **

** ---------------------------- **

** have fun with the layout     **

/* **************************** */



body

{

	font-size:       62.5%; /* reset 1EM to 10px */

	margin:          0;

	padding:         0;

	background:      transparent url('images/bg.png') top left repeat;

	font-family:     'lucida grande', arial, tahoma, sans-serif;

}



#container

{

	margin:          0 auto;

	width:           683px;

	position:        relative;

	background:      transparent url('images/containerbg.png') top left repeat-y;

}



a:visited

{

color:#0000FF;

}



#header

{

	margin:          0 auto;

	width:           640px;

	height:          96px;

	background:      transparent url('images/header3.jpg') top left no-repeat;

}



.headtitle

{

	position:        relative;

	font-family:     'lucida grande', arial, tahoma, sans-serif;

	font-size:       30px;

	color:           #FFF;

	top:             8px;

	left:            12px;

}



#menu

{

	margin:          0 20px;

	height:          29px;

	background:      #bbd75a !important;

	background:      #b3d24e;

	padding:         5px 0;

}



#menu ul

{

	margin:          0;

	padding:         7px;

	background:      transparent url('images/menuoff.png') top left repeat-x;

	height:          29px;

}



#menu ul li

{

	list-style:      none;

	display:         inline;

}



#menu ul li a:link, #menu ul li a:active, #menu ul li a:visited

{

	color:           #767676;	

	padding:         13px 7px 15px 7px;

	font-size:       1em;

	background:      transparent url('images/menuoff.png') center left repeat-x;

	font-family:     'lucida grande', arial, sans-serif;

	font-weight:     bold;

	text-decoration: none;

}



#menu ul li a:hover

{

	background:      transparent url('images/menuon.png') center left repeat-x;

	color:           #FDFDFD;

}



#roundedheader

{

	width:           640px;

	height:          18px;

	margin:          0 auto;

	background:      transparent url('images/belowheader.png') top left no-repeat;

}



#content

{

	min-height:      390px;

	width:           640px;

	margin:          0 auto;

	background:      transparent url('images/contentbg.png') top left repeat-y;

}



#insidecontent

{

	float:           left;

	padding-left:    25px;

	width:           355px;

}



#insidecontent  ul li, p

{

	margin:          0;

	color:           #000000;

	font-family:     'lucida grande', 'franklin gothic medium', sans-serif;

	font-size:       1.2em;

	line-height:     170%;

}



#full p

{

	margin:          0;

	margin-left:	25px;

	margin-right:	15px;

	color:           #000000;

	font-family:     'lucida grande', 'franklin gothic medium', sans-serif;

	font-size:       1.6em;

	line-height:     170%;

}



#sidebar

{

	padding:         0 10px 10px 10px;

	float:           right;

	width:           210px;

	background:      #f6f6f6;

	margin-right:	 20px;

}



#sidebar p

{

	margin:          0;

	color:           #565656;

	font-family:     'lucida grande', 'franklin gothic medium', sans-serif;

	font-size:       1em;
     
	line-height:     170%;

}



#sidebar a:link, #sidebar a:active, #sidebar a:visited

{

	text-decoration: underline;

	color:           #e36767;

}



#sidebar a:hover

{

	text-decoration: none;

}



#roundedfooter

{

	width:           640px;

	height:          17px;

	margin:          0 auto;

	background:      transparent url('images/abovefooter.png') top left no-repeat;

}



h1

{

	margin:          0;

	font-weight:     normal;

	color:           #93B734;

	font-size:       3.2em;

}



h2

{

	margin:          0;

	display:         inline;

	position:        relative;

	top:             -1.5em;

	left:            2em;

	font-size:       1.8em;

	font-weight:     normal;

	color:           #94c258;

}



h3

{

	margin:          0;

	font-size:       1.5em;

	font-weight:     normal;

	color:           #94C258;

}



#footer

{

	margin:          0 auto;

	width:           641px;

	height:          38px;

	background:      transparent url('images/footer.png') top left repeat-x;

}



#footer span

{

	display:         block;

	position:        relative;

	font-family:     'lucida grande', 'franklin gothic medium', sans-serif;

	font-size:       1.1em;

	padding:         10px;

	color:           #565656;

}

.main_sidebar{

padding:0px;	

	}

.nav_me {

    display: none !important;

}	

.nav {

    display: block !important;

}

@media (max-width: 700px){

#container {

    margin: 0 auto;

    width:100% !important;

	background-size:100% 100% !important;



}

#content,#roundedheader {

width: 94% !important;

}

#insidecontent {

    width: 48%!important;

}

#roundedfooter {

width: 94% !important;

}

#menu ul li a:link, #menu ul li a:active, #menu ul li a:visited {

    padding: 13px 3px 15px 3px !important;

}

#insidecontent h1{

font-size:20px;	

	}

#sidebar h1{

font-size:20px;	

	}	

#footer {

    width: 94% !important;

}

center hr{

width:95% !important;	

	}

#content {

    background: transparent url('images/contentbg.png') top center repeat-y;

}

#roundedheader {

    background: transparent url('images/belowheader.png') top center no-repeat;

}

#roundedfooter {

    background: transparent url('images/abovefooter.png') top center no-repeat;

}

}

@media (max-width: 600px){

.nav_me {

    width: 35px !important;

    margin: 5px auto !important;

    cursor: pointer;

    display: block !important;

}

.nav {

    display: none !important;

}

.main_nav { display: block !important;}

#menu ul {

    position: absolute;

    margin: 0 auto !important;

    width:100%;

    left: 0;

    right: 0;

    padding: 6px 0 0 0;

    background: none;

    height: auto !important;

}

#menu ul li a:link, #menu ul li a:active, #menu ul li a:visited {

    padding:0px 15px !important;
    margin:0px !important;
	background::none;
	display:block !important;

}

#menu ul li {

    list-style: none;

    display: block;

    padding: 7px 0;
	font-size:12px;

	background: transparent url('images/menuoff.png') center left repeat-x;

}

#footer {

    height: 58px;

    background-size: 100% 100%;

}

center hr{

width:95% !important;	

	}

#menu ul li a:hover {

    background: none !important;

}

#menu {

    margin: 0 3%;

    height: auto;

    background: #bbd75a !important;

    background: #b3d24e;

    padding: 8px 0;

	position:relative;

}

.main_sidebar {

    padding: 21px 0;

    width: 100%;

    clear: both;

}

#sidebar {

    padding: 0 10px 10px 10px;

    float: none;

    width: 210px;

    clear: both;

    margin: 0px auto;



}

#insidecontent {

    width: 94%!important;

    margin: 0 auto !important;

    float: none;

	padding:0px;

   text-align:center !important;

}

#insidecontent ul{

padding:0px !important;	

	}

#insidecontent ul li{

list-style:none;	

	}

#full h1{

    margin-left:0px !important;	

	font-size: 20px;

	}

#full p{

margin:0px;	

	}

#full{

width:94%;

margin:0 auto !important;

	}	

}

@media (max-width: 480px){

	

	

	}