/*
Design by Free CSS Templates
http://www.freecsstemplates.org
Released for free under a Creative Commons Attribution 2.5 License
*/
@charset "UTF-8";
body {
	margin: 0;
	padding: 0;
	background: url(halftone/halftone.png) repeat;
	font-size: 15px;
	color: #000000;
}

body, th, td, input, textarea, select, option {
	font-family: recursive,Arial, Helvetica, serif;
}

h1, h2, h3 {
	/*text-transform: lowercase;*/
	font-family: recursive,"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #000000;
}

h1 {
	letter-spacing: -2px;
	font-size: 3em;
	font:cursive;
	text-align:center;
}

h2 {
	letter-spacing: -1px;
	font-size: 2em;
	width:100%;
	font-variant:small-caps;
	
}

h3 {
	font-size: 25px;
	position: absolute;
	float: center;
	top:40px;
	width:100%;
	color: #FFFFFF;
}

p, ul, ol {
	line-height: 200%;
}

blockquote {
	padding-left: 1em;
}

blockquote p, blockquote ul, blockquote ol {
	line-height: normal;
	font-style: italic;
}



img { border: none; }

/* Header */

#header {
	width: 914px;
	height: 240px;
	margin: 0 auto;
	background: url(images/test5.png) no-repeat;
	background-position:50px 5px;
	image-align:center;
}

/* Logo */

#logo {
	height: 170px;
	
}

#logo h1 {
	float: left;
	padding: 40px 40px 0 50px;
	letter-spacing: -2px;
	font-size: 48px;
}

#logo h2 {
	float: right;
	padding: 68px 0 0 0;
	font-size: 24px;
	
}

#logo a {
	text-decoration: none;
	color: #372412;
}

/* Gallery */

#gallery {
	clear: both;
	width: 480px;
	height: 360px;
	margin: 0 auto;
	
}

#top-photo h2 {
	height: 1.4em;
	font-size: 1em;
}

#top-photo p {
        float: center;
	margin: 0;
	padding: 0 0 10px 0;
}

/* Menu */

#menu {
	width: 900px;
	height: 37px;
	background: url(images/test8.png) repeat-x;
	position: absolute;
	top: 203px;
	
}

#menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#menu li {
	display: inline;
}

#menu a {
	display: block;
	float: left;
	width: 132px;
	height: 73px;
	padding-top: 2px;
	padding-left:0px;
	text-decoration: none;
	text-align: center;
	letter-spacing: -1px;
	font-size: 19px;
	color: #FFFFFF;
}

#menu a:hover {
	background: url(images/test2.png) no-repeat;
	color: #FFFFFF;
	
}

#menu .active a {
	background: url(images/test2.png) no-repeat;
	color: #FFFFFF;
}

/* Page */

#page {
	width: 912px;
	margin-left: auto ;
	margin-right:auto;
	margin-top:18px;
	padding-left: 0px;
    background: #ffffff;
	border-left: solid 1px #A680BC;
	border-right: solid 1px #A680BC;
	border-bottom: solid 1px #A680BC;
	
	
}
#side{
	float: left;
	width: 50px;
}

/* Content */

#content {
	float: center;
	width: 900px;
	
}

.post {
	padding: 10px;
}

.title {
	
	font-family: Parkavenue, cursive;	
	color: #000000;	
	
	
}
.title_2{
	
	color: #000000;	
	border-bottom:4px solid #720C7A;
	width:100%;
	
	font-family:cursive;
	
}

.title_3 a{
	color:#000000;
	border-bottom:2px solid #720C7A;
	text-align:left;
	margin-left:5px;
	font-size:30px;
	text-decoration:none;
}

.title_3 a:hover{
	color:#720C7A;
}

.byline {
	margin: 0;
}

.meta {
	border-top: 1px solid #4A3903;
	text-align: right;
	color: #646464;
}

.meta a {
	padding-left: 15px;
	background: url(images/img06.gif) no-repeat left center;
	font-weight: bold;
}

/* Sidebar */

#sidebar {
	float: right;
	width: 200px;
	box-shadow:2px 2px 2px 2px #000000;
	margin-right:10px;
	background: url(halftone/halftone.png) repeat;
	border-radius:20px;
	font-variant:small-caps;
	
}
#sidebar a{
	font-family:recursive;
	font-weight:bold;
}

#sidebar ul {
	margin: 0;
	padding: 5px;
	list-style: none;
}

#sidebar li {
	
}

#sidebar li ul {
	padding: 5px;
}

#sidebar li li {
	text-align:left;
	background: url(images/img06.gif) no-repeat 30px 50%;
	margin-right:5px;
	padding-left:40px;
}

#sidebar h2 {
	font-family:recursive;
	margin: 0;
	padding: 10px 0 2px 5px;
	
}

#sidebar a {
	text-decoration: none;
	font-size:18px;
	font:cursive;
}

#sidebar a:hover {
	text-decoration: underline;
}

/* Footer */

#footer {
	clear: both;
	padding: 1px 0;
	background: background: url(grey_sandbag/grey_sandbag.png) repeat; 
	border-top: 4px solid #4b015e;
	text-align: center;
	font-size: 10px;
	color: #000000;
        font-size:12px;
}

#footer a {
	color: #000000;
}
#slider { height:300px; width:830px; float:center; position:relative; overflow:hidden;}
#slider-holder { width:830px; height:252px; position:relative; overflow:hidden; }
#slider-holder .jcarousel-clip{ width:720px; height:252px; position:relative; overflow:hidden; }
#slider-holder ul{ width:720px; height:260px; position:relative; overflow:hidden; list-style-type: none;}
#slider-holder ul li{ width:720px; height:260px; position:relative; overflow:hidden; float:left;}
#slider-nav { position:absolute; top:265px; left:200px; z-index:2;}
#slider-nav a{ font-size:0; line-height:0; text-indent: -4000px; width:10px; height:10px; border:solid 1px #8b0000; background:#8b0000; float:left; margin-right:5px; }
#slider-nav a:hover,
#slider-nav a.active { background:#fff;}
.box { padding:1px; margin-bottom:10px; position:absolute; top:00px; left:150px; z-index:2;}
.box h2{ background:#7f7f7f; color:#fff; font-weight: normal; padding:0 5px; position:relative; height:27px; line-height:27px; }
.box h2 span{ position:absolute; width:10px; height:5px; background:url(images/h2-arr.gif); top:27px; right:10px; font-size:0; line-height:0;}
.box-content { padding:5px;}


.image-gallery{
  width:400px;
  float: center;
  padding:20px;
  border-radius:20px;
  
}
  
.testss{
  width:50px;
  float:center;
  margin:0 auto;
}
.testss ul{float:left;}
.testss li{float: left; margin-right:5 px;}
.testss2{margin-right:10px;float:left;width:830px;}

.image-gallery .big-image{
  width:100px;
  height:300px;
  padding:5px;
  margin:0 50px;
  background-color:url(old_moon/old_moon.png);  
}
.image-gallery .big-image img{
  display:none;
  margin:0 auto;
  
}
.image-gallery img{border: solid 3px #5b0570;border-radius:10px;}
/*Selected image display*/
.image-gallery .big-image img:target{display:block;height:360px;}
/*on select image dusplay none the default image*/
.image-gallery .big-image img:target ~ img#default{display:none;}
/*Shoe Default Image in first load*/
.image-gallery .big-image img#default{display:block;height:360px;}

.image-gallery ul{margin-top:80px; float:left;}
.image-gallery li{float:left;
  margin-right:50px;}
.image-gallery li:hover{
  
}

.descrip{
 font-size:20px;
 
}

/*other styles*/
.by{clear:both;display:block;font-size:12px;text-align:right;color:#633317;padding-top:5px;}
.example2{font-size:16px; color:red; font-weight:bold;}
/*reset CSS*/
*{font-family:arial;}
ul,li{list-style:none;margin:0;padding:0;}
.boximg{width:830px;float:left; margin: 0 auto;}
.image {
	position:relative;
	width: 100%;
}
#form1 {
	padding-left:150px;
	font-size:20px;	
	font-family:recursive,"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight:bold;
}
#list ul li{
	font-size:20px;
	font-weight:bold;
	margin-left:30px;
	list-style-type:decimal;
}
#cssmenu,
#cssmenu ul,
#cssmenu li #cssmenu a {
  list-style: none;
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 14px;
  font-family: Helvetica;
  line-height: 1;
}
#cssmenu {
  width: auto;
  margin-top:42px;
}
#cssmenu ul {
  zoom: 1;
  background: #A680BC url(images/pattern.png) top left repeat;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  border: 1px solid #944BBE;
  -moz-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.3);
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.3);
}
#cssmenu ul:before {
  content: '';
  display: block;
}
#cssmenu ul:after {
  content: '';
  display: table;
  clear: both;
}
#cssmenu a,
#cssmenu a:link,
#cssmenu a:visited {
  padding: 15px 42px;
  display: block;
  text-decoration: none;
  color: #ffffff;
  text-shadow: 0 -1px 1px #ffffff;
  border-right: 1px solid #944BBE;
}
#cssmenu a:hover {
  color: #ffffff;
  text-shadow: 0 1px 1px #ffffff;
}
#cssmenu li {
  float: left;
  border-right: 1px solid #A67ABF;
}
#cssmenu li:hover {
  background: #944BBE url(images/pattern.png) top left repeat;
}
#cssmenu li:first-child {
  border-left: none;
  -webkit-border-radius: 4px 0 0 4px;
  -moz-border-radius: 4px 0 0 4px;
  border-radius: 4px 0 0 4px;
}
#cssmenu .active a{
	background: #944BBE url(images/pattern.png) top left repeat;
}

#box {
	width:auto;
	border:#000000 solid 4px;
}

#cssmenu2,
#cssmenu2 ul,
#cssmenu2 li,
#cssmenu2 a {
  margin: 0;
  padding: 0;
  border: 0;
  list-style: none;
  font-weight: normal;
  text-decoration: none;
  line-height: 1;
  font-family: 'Open Sans', sans-serif;
  font-size: 14px;
  position: relative;
}
#cssmenu2 {
  float:right;
  width: 250px;
  border-bottom: 4px solid #720C7A;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  margin-top:30px;
}
#cssmenu2 a {
  line-height: 1.3;
}
#cssmenu2 > ul > li:first-child {
  background: #66665e;
  background: -moz-linear-gradient(#66665e 0%, #45463d 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #66665e), color-stop(100%, #45463d));
  background: -webkit-linear-gradient(#66665e 0%, #45463d 100%);
  background: linear-gradient(#66665e 0%, #45463d 100%);
  border: 1px solid #720C7A;
  -webkit-border-radius: 3px 3px 0 0;
  -moz-border-radius: 3px 3px 0 0;
  border-radius: 3px 3px 0 0;
}
#cssmenu2 > ul > li:first-child > a {
  padding: 15px 10px;
  background: url(pattern.png) top left repeat;
  border: none;
  border-top: 1px solid #720C7A;
  -webkit-border-radius: 3px 3px 0 0;
  -moz-border-radius: 3px 3px 0 0;
  border-radius: 3px 3px 0 0;
  font-family: 'Ubuntu', sans-serif;
  text-align: center;
  font-size: 18px;
  font-weight: 300;
  text-shadow: 0 -1px 1px #000000;
}
#cssmenu2 > ul > li:first-child > a > span {
  padding: 0;
}
#cssmenu2 > ul > li:first-child:hover {
  background: #66665e;
  background: -moz-linear-gradient(#66665e 0%, #45463d 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #66665e), color-stop(100%, #45463d));
  background: -webkit-linear-gradient(#66665e 0%, #45463d 100%);
  background: linear-gradient(#66665e 0%, #45463d 100%);
}
#cssmenu2 > ul > li {
  background: #A680BC url(images/pattern.png) top left repeat;
  
}
#cssmenu2 > ul > li:hover {
  background: #A572C3 url(images/pattern.png) top left repeat;
  
}
#cssmenu2 > ul > li > a {
  font-size: 14px;
  display: block;
  background: url(pattern.png) top left repeat;
  color: #ffffff;
  border: 1px solid #720C7A;
  border-top: none;
  text-shadow: 0 -1px 1px #751d0c;
}
#cssmenu2 > ul > li > a > span {
  display: block;
  padding: 12px 10px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  
}
#cssmenu2 > ul > li > a:hover {
  text-decoration: none;
}
#cssmenu > ul > li.active {
  border-bottom: none;
}
#cssmenu2 > ul > li.has-sub > a span {
  background: url(icon_plus.png) 96% center no-repeat;
}
#cssmenu2 > ul > li.has-sub.active > a span {
  background: url(icon_minus.png) 96% center no-repeat;
}
/* Sub menu */
#cssmenu2 ul ul {
  display: none;
  background: #fff;
  border-right: 1px solid #720C7A;
  border-left: 1px solid #720C7A;
}
#cssmenu2 ul ul li {
  padding: 0;
  border-bottom: 1px solid #720C7A;
  border-top: none;
  background: #f7f7f7;
  background: -moz-linear-gradient(#f7f7f7 0%, #ececec 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f7f7f7), color-stop(100%, #ececec));
  background: -webkit-linear-gradient(#f7f7f7 0%, #ececec 100%);
  background: linear-gradient(#f7f7f7 0%, #ececec 100%);
}
#cssmenu2 ul ul li:last-child {
  border-bottom: none;
}
#cssmenu2 ul ul a {
  padding: 10px 10px 10px 25px;
  display: block;
  color: #000000;
  font-size: 16px;
  font-weight: normal;
}
#cssmenu2 ul ul a:before {
  content: "»";
  position: absolute;
  left: 10px;
  color: #7F0794;
}
#cssmenu2 ul ul a:hover {
  color: #7F0794;
}