/*

Theme Name: Morris Roots

Theme URI: http://www.morris-roots.com

Description: An exclusive SEO theme created for Morris Roots for Wordpress

Version: 1

Author: Gray Akotey (Graycoded Graphics)



*/



body {

	font: 85%/150% "Trebuchet MS", Tahoma, Arial;

	color: #333333;

	/*background: #FFFFFF url(images/main-bg.gif);*/

        background: #c0c0c0;

	margin: 0px;

	padding: 0px 0px 40px;

}



a {

	color: #CC6600; /*unvisited links are orange*/

	text-decoration: none;

}

a:visited {

	color: #666666;/*visited links turn grey*/

	text-decoration: none;

}

a:hover {

	color: #CC6600;

	text-decoration: none;



}

p {

	padding: 0px 0px 15px;

	margin: 0px; 

}

h1 {

	text-align:center;

	font-size:18px;

	color: #333333;

	margin:0px;

	font: Verdana, Arial, sans-serif;

	text-decoration: none;



}

h1 a{

	color: #CC6600;

	text-decoration: none;

}

h1 a:visited{

	color: #666666;

	text-decoration: none;

}

h1 a:hover{

	color: #000000;

	text-decoration: none;

}

/*

h2.pageheader {

	font-size:10px;

	color: #333333;

	margin: 0px 0px 2px;

	font: Verdana, Geneva, Arial, sans-serif;

	padding: 1px 5px 3px 3px;

	text-align: center;

}



h2.page {

	font-size:10px;

	color: #333333;

	margin: 0px 0px 2px;

	font: Verdana, Geneva, Arial, sans-serif;

	padding: 1px 5px 3px 3px;

	text-align: center;

}*/



h2 { /* defines page header size and the sub text on the homepage*/

	font-size:14px;

	color: #333333;

	font: Verdana, Geneva, Arial, sans-serif;

	padding: 1px 5px 3px 10px;

	text-align: center;

	

}

h2 a, h2 a:visited {

	color: #666666;

	text-decoration: none;

}

h2 a:hover {

	color: #FF6600;

	text-decoration: none;

}



h3 { /* defines page header size and the sub text on the homepage*/

	font-size:16px;

	color: #333333;

	font: Verdana, Geneva, Arial, sans-serif;

	padding: 1px 5px 3px 10px;

	text-align: center;

}

.search-page h3 {
	text-align: left;
	padding-left: 0;
	text-transform: capitalize;
}
h5 {

font-size:14px;

	color: #333333;

	font: Verdana, Geneva, Arial, sans-serif;

	padding: 1px 5px 3px 10px;

	text-align: center;

}

form {

	margin:0px;

	padding:0px;

}

#page {

	margin: 0px auto;

	width: 1024px;

	background: #FFFFFF;

}

#header {

	height:288px;

	width:auto;

	

	position: relative;

}

#headbox {

	color:#FFF;

	position:absolute;

	font-weight:900;

	font-size:15px;

	height:70px;

	width:730px;

	margin:0px 0px 0px 14px;

	left: 4px;

	top: 230px;

	text-decoration:none;



}



.breadcrumbs li {

	margin:20px 0px 300px 0px;

	color:#000;

	font-size:15px;

    list-style-type: none;

    float: left;

    margin: 0 0.5em 0 0;

}



.breadcrumbs li:before {

    content: " » ";

}



.breadcrumbs .front_page:before {

    content: none;

}



#nav {

	width:auto;

	height:20px;

	list-style: none;

	position: relative;

	font-size:16px;

	color:#000;

	text-decoration:none;



}

#nav li {

	list-style: none;

	float: left;

	margin: 0px 52px 0px 0px;/*the width btwn the menu items*/

	text-decoration:none;



}



#nav a:hover {

		list-style: none;



	color:#000000;

	text-decoration:none;

	

}

	

ul li ul { 

	 list-style: none;

	 display: none; 

	 position: absolute; 

	 text-decoration: none;

	float:left;

	padding: 15px;

	background-color: #7e1416;



	 } 

	 

	 

 ul li:hover ul { 

	 

	 list-style: none;

	 display: block;

	 text-decoration:none;

	 background-color: #ffffff;

	 z-index:2;

	 word-spacing: 0px;

	 

 }

	/* filter:alpha(opacity=85);

	-moz-opacity:0.8;

	-khtml-opacity: 0.8;

	opacity: 0.8;*/ /*for hover box transparency

 

	 }

	

	 ul li:hover ul h2 {

		 color:#FFF;

		 

	 }

	

	*/

	

#footer {

	clear: both;

	background: #000 url(images/footer1.jpg) no-repeat;

	height:100px;

	font-size: 95%;

	line-height: 130%;

	text-decoration:none;



}



#footernav {

	width:1024px;

	list-style: none;

	margin: 0px;

	position: relative;

	font-size:16px;

	padding-top: 0px;

	margin: 7px 60px 30px 15px;

	word-spacing:40px;

	color:#000;

	

	

/*	right: 100px;

	bottom: 100px;*/

	}



#footer a, #footer a:visited{

	text-decoration:none;

	color: #ffffff;

}

#footer h4 {

	font: normal 146%/100% "Trebuchet MS", Tahoma, Arial;

	color: #9cdbfb;

	margin: 10px 0px 5px;

}



#searchbanner{

	float:left;

	background: #8d8d8d;

		width:1024px;

		height:30px;

	position: relative;

	margin-top:-14px;

}



#searchform {

	/*background: #000000 url(images/searchform-bg.gif) repeat-x;*/

	position: absolute;

	margin: 4px 0px 0px 760px;

	width: 273px;

	height:40px;

}

#mainpcontent {

	padding: 20px 0px 5px 0px;

	/*padding: 0px 0px 30px 0px;*/

	float: left;

	height:auto;	

	width: 1024px;

}



#mainsidecontent { 

	margin: 10px 0px 0px 0px;

	/*padding: 0px 0px 30px 0px;*/

	float: left;

	height:auto;	

	width: 820px;

	overflow: hidden;

}



#textcontent {

	padding: 0px 15px 0px 15px;

	min-height:350px;

	text-align:justify;

}

#textcontent.search-page .hentry{
	padding-top: 7px;
	border-top: 1px solid #ccc;
	margin-bottom: 20px;
}

#textsidecontent {

	margin:10px 10px 20px 10px;

	width: 597px;

	text-align:justify;

}



#sidebar {

	background-color: #CCC;

	margin-left:814px;

	padding: 50px 0px 0px 0px;



	width:210px;

	height:400px;	

	

	/*top:474px;

	right: 30px;

	

 	margin:0px 177px 30px 27px;

	width: 220px;

	height:auto;

	float:inherit;

	*/

}





#sidebar h3 { /*for text headers in sidebar*/

	

	font: normal 140%/100% "Trebuchet MS", Tahoma, Arial;

	color: #;

	margin: 10px 0px 5px;

}



/*------------------------------------------ Box 1------------------------------------------*/

#box1{

	width:255px;

	height:auto;

	float:left;

}



#img1{

	width:255px;

	height:183px;

	background:url(images/whatsnew_pic.jpg) no-repeat;

}

#txt1{

	padding: 40px 0px 0px 0px;

	width:255px;

	height:160px;

	background: url(images/whatsnew_text.jpg) no-repeat;

	font-size: medium;

}

/* ------------------------------------------END Box 1------------------------------------------*/



/* ------------------------------------------ Box 2 ------------------------------------------*/



#box2{

	width:257px;

	height:auto;	

	float:left;

}

#img2{

	width:257px;

	height:183px;

	background:url(images/products_pic.jpg) no-repeat;

}

#txt2{

	padding: 40px 0px 0px 0px;

	width:257px;

	height:160px;

	background: url(images/products_text.jpg) no-repeat;

}



/* ------------------------------------------END Box 2------------------------------------------*/



/* ------------------------------------------ Box 3------------------------------------------*/



#box3{

	width:254px;

	height:auto;

	float:left;

}

#img3{

	width:254px;

	height:183px;

	float:left;

    background:url(images/salons_pic.jpg) no-repeat;



}

#txt3{

	padding: 40px 0px 0px 0px;

	width:254px;

	height:160px;

	float:left;

	background:url(images/salons_text.jpg) no-repeat;

}



/* ------------------------------------------ END Box 3------------------------------------------*/





/* ------------------------------------------ Box 4------------------------------------------*/



#box4{

	width:258px;

	float:left;

	height:auto;

	

}

#img4{

	width:258px;

	height:183px;

	float:left;

    background:url(images/press_pic.jpg) no-repeat;

}



#txt4{

	padding: 40px 0px 0px 0px;

	width:258px;

	height:160px;

	float:left;

	background:url(images/press_text.jpg) no-repeat;

}



/* ------------------------------------------ END Box 4------------------------------------------*/



/* ------------------------------------------ Text settings ------------------------------------------*/



 

#searchform label {

	font-size: 11px;

	font-weight: bold;

	color: #ffffff;

}



.recent-comments {

	list-style: none;

	margin: 0px;

	padding: 0px;

	line-height: 110%;

}

.recent-comments li{

	background: url(images/mini-footer-comments.gif) no-repeat;

	padding: 0px 0px 10px 20px;

}

.recent-comments a{

	font-size: 105%;

	line-height: 130%;

	font-weight: bold;

}

.recent-s {

	list-style: none;

	margin: 0px;

	padding: 0px;

	font-size: 92%;

	line-height: 110%;

}

.recent-posts li{

	background: url(images/mini-footer-post.gif) no-repeat;

	padding: 0px 0px 10px 20px;

}

.recent-posts a{

	font-size: 115%;

	line-height: 130%;

	font-weight: bold;

}

#credits {

	margin: 0px auto;

	width: 1024px;

	color: #000000;

	font-size: 85%;

	line-height: 120%;

}

#credits a, #credit a:visited{

	color: #404040;

}

.rss {

	background: url(images/mini-rss.gif) no-repeat left center;

	padding-left: 18px;

	padding-bottom: 2px;

	margin-left: 10px;

}

.left {

	float: left;

       padding-top:15px;

}

img.left, a img.left {

	float:left;

	margin: 4px 10px 5px 0px;

	border: 1px solid #bdd77f;

	padding: 3px;

	background: #FFFFFF;

}

a:hover img.left{

	border-color: #FF6600;

	background: #FF6600;

}

.right {

	float: right;

       padding-top:15px;

 }

img.right, a img.right {

	float:left;

	margin: 4px 10px 5px 0px;

	border: 1px solid #bdd77f;

	padding: 3px;

	background: #FFFFFF;

}

a:hover img.right{

	border-color: #FF6600;

	background: #FF6600;

}

.clear {

	clear:both;

}

hr.clear {

	clear:both;

	visibility: hidden;

	margin: 0px;

	padding: 0px;

}

img.img_border, a img.img_border {

	border: 1px solid #bdd77f;

	padding: 3px;

	background: #ffffff;

}

a:hover img.img_border{

	border-color: #FF6600;

	background: #FF6600;

}





#coming{

	background-image: #c0c0c0 url(images/morris_roots_comingsoon.jpg);

	height:509px;

	width:1023px;

margin:0 auto;

}







#outer{

    position:relative;

    width:300px;

    background:red;

}

#inner{

    position:absolute;

    left:0;

    top:0;

    height:100%;

    width:100px;

    background:green;

}

#inner2{

    position:absolute;

    left:105px;

    top:0;

    height:100%;

    width:100px;

    background:yellow;

}

 









img.alignright {

	float:right; 

	margin:0 0 1em 1em;

	}

img.alignleft {

	float:left; 

	margin:0 1em 1em 0;

	}

img.aligncenter {

	display: block; 

	margin-left: auto; 

	margin-right: auto;

	}

a img.alignright {

	float:right;

	 margin:0 0 1em 1em;

	 }

a img.alignleft {

	float:left; 

	margin:0 1em 1em 0;

	}

a img.aligncenter {

	display: block; 

	margin-left: auto; 

	margin-right: auto;

	}





.promenu {width:550px; list-style:none;}

.promenu ul{float: left; list-style:none; width:800px;}

.promenu li a {float: left; padding: 8px 10px;text-decoration: none; font-family:arial; font-size:12px; font-smooth:sSmooth; font-weight: bold; color: #000; }

.promenu li a:visited {float: left; color: #000; background-color: none; }

.promenu li a:hover {float: left; color: #fff; background-color: #333; }





.menu-product-menu-container { margin-left:-30px; }



.promenu2 {width:1024px; list-style:none; height:50px}

.promenu2 ul{float: left; list-style:none; width:1024px; background-color: none; margin-top:-1px; margin-left:-40px}

.promenu2 li a {float: left; padding: 10px 27px;text-decoration: none; font-family:arial; font-size:17px; font-smooth:sSmooth; font-weight: bold; color: #000; }

.promenu2 li a:visited {float: left; color: #000; background-color: none; }

.promenu2 li a:hover {float: left; color: #fff; background-color: #333; }



.eventpart {width:750px; padding-bottom:15px}

.eventtitle {height: 30px; font: Arial; font-size:22px}

.eventlink {height: 40px; margin-bottom:20px}



.left129  {float:left; width:810px; padding-top:15px;}

.right129 {float:right; width:180px; padding-left:0px; padding-top:15px;}



.categoryholder {float:left; width:250px; height:200px; border: 1px solid #ccc; margin-left:7px; margin-bottom:10px}

.categoryimage {float:left; width:100px; height:200px ; margin-right:5px}

.categorytexthold {float:left; width: 130px }

.cattitle {width:130px; height:20px; margin-bottom: 5px; font-family:arial; font-size:15px; font-weight:bold}

.cattext {width:130px; height:130px; margin-bottom: 10px; font-family:arial; font-size:11px; font-weight:none; line-height:11px; color:#333;}

.catlink {width:130px; margin-top:20px; }

.catlink a:link {font-family:arial; font-size:11px; color:#666; text-decoration:none;}

.catlink a:visited {font-family:arial; font-size:11px; color:#666; text-decoration:none;}

.catlink a:hover {font-family:arial; font-size:11px; color:#666; text-decoration:none;}

.singleeventhold {margin-left:20px; margin-top:15px; width:980px}