/*
Theme Name: OrnateArt
Theme URI: http://www.wordpresstemplates.be
Description: OrnateArt
Version: 1.0
Author: wordpresstemplates.be
Author URI: http://www.wordpresstemplates.be
Tags: fixed width, two columns, valid XHTML, valid CSS, widget ready
*/

/* -- Basic Style -- */

h1, h2, h3, h4, h5, h6, form
	{
		margin:0px;
		padding:0px;
	}
h1{font-size:22px;}
h2{font-size:20px;}
h3{font-size:15px; font-weight:bold;}
h4{font-size:16px;}
h5{font-size:14px;}
h6{font-size:12px;}
p
	{
		margin:0px;
		padding:0px;
		padding-bottom:12px;
	}
ul, ol, li
	{
		margin:0px;
		padding:0px;
		list-style:none;
	}
a, a:visited
	{
		color:#bc0e5c;
		text-decoration:none;
		outline:none;
	}
a:hover
	{
		text-decoration:underline;
		color:#000;
	}
img {border:none;}
img.alignright {float:right; margin:2px 0px 5px 5px; border:solid 1px #595959; padding:2px;}
img.alignleft {float:left; margin:2px 5px 5px 0px; border:solid 1px #595959; padding:2px;}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img.alignright {float:right; margin:2px 0 2px 5px;}
a img.alignleft {float:left; margin:0px 5px 2px 0px}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}

blockquote
	{
		padding:7px 0px 0px 30px;
		width:400px;
		font-size:14px;
		font-style:italic;
		border-left:solid 6px;
	}
.storyContent ul, ol
	{
		margin-left:20px;
		padding:5px 5px 15px 5px;
	}
.storyContent ol li
	{
		list-style:decimal;
	}
.storyContent ul li
	{
		list-style:square;
	}
.clear{
	clear:both;
}	


/* -- Main Style  -- */	

/***************************************/
body{
	background:url(images/bg.jpg) repeat;
	margin:0px;
	padding:0px;
	font-family:"Trebuchet MS", Arial;
	font-size:13px;
	color:#3f3f3f;
}
#main{
	width:950px;
	margin:0px auto;
	padding:0px;
}


/* -- Header -- */
.header{

}
.title{
	height:224px;
	overflow:hidden;
	background:url(images/head.jpg) no-repeat right top;
}
.title h1{
	font-size:45px;
	margin:90px 0px 0px 0px;
	height:60px;
	overflow:hidden;
	font-family:"Century Gothic", Times, serif;
}
.title h1 a,.title h1 a:visited{
	color:#544c46;
	text-decoration:none;
}
.title h1 a:hover{
	cursor:pointer;
	text-decoration:none;
}
.title_desc{
	background:url(images/titlte_desc.jpg) no-repeat left top #cec5bc;
	float:left;
	margin-top:3px;
}
.title_desc span{
	background:url(images/titlte_desc_right.jpg) no-repeat right top;
	padding:3px 20px;
}
.title_desc h2{
	font-size:13px;
	color:#fff;
	padding:3px 0px;
}
.head_content{
	background:#fff;
	padding:6px 25px;
}
.head_border{
	background:url(images/head_border.jpg) repeat-x top;
	padding:5px 0px;
}

/* -- Page Navigation -- */

.nav{
	height:28px;
	border-bottom:1px solid #dddddd;
}
ul#nav{
  border: 0 none;
  padding: 0 0px 0 0;
  list-style: none;
  float:left;
  z-index:1000;
  font-family:Arial, Helvetica, sans-serif;
}
ul#nav li {
  margin: 0;
  border: 0 none;
  padding: 0 0 0 0px;
  float: left; /*For Gecko*/
  display: inline;
  list-style: none;
  position: relative;
  height:auto;
  background:url(images/nav_border.jpg) no-repeat left top;
  margin-right:2px;
}
ul#nav ul {
  margin: 0;
  border: 0 none;
  padding: 0;
  width: 150px;
  list-style: none;
  display: none;
  position: absolute;
  top: 30px;
  left: 0px;
  border:solid 1px #dddddd;
  border-top:none;
  z-index:1000;
}

ul#nav ul:after /*From IE 7 lack of compliance*/{
  clear: both;
  display: block;
  font: 1px/0px serif;
  content: ".";
  height: 0;
  visibility: hidden;
}

ul#nav ul li {
  width: 125px;
  float: left; /*For IE 7 lack of compliance*/
  display: block !important;
  display: inline; /*For IE*/
  background:none;
  background:url(images/nav.jpg) repeat;
  margin:0px;
}

/* Root Menu */
ul#nav a {
	padding:8px 20px 7px 20px;
	text-align:center;
	/*padding-left:32px;*/
	float: none !important; /*For Opera*/
	float: left; /*For IE*/
	display: block;
	font-size:11px;
	color:#000;
	font-weight:bold;
	text-decoration: none;
	font-weight:bold;
	height: auto !important;
	height: 1%; /*For IE*/
	text-transform:capitalize;
}      
/* Root Menu Hover Persistence */
ul#nav a:hover,
ul#nav li:hover a,
ul#nav li.iehover a, ul#nav li.current_page_item a, ul#nav li.current_page_item a:visited {
	color:#fff;
	background:#aaa;
}
ul#nav li li.current_page_item a,ul#nav li li.current_page_item a:visited{
	color:#000;
	background:#fff;
}


ul#nav a:active,
ul#nav li:active a,
ul#nav li.ieactive a {
  color: #000;
}

/* 2nd Menu */
ul#nav li:hover li a,
ul#nav li.iehover li a {
  float: none;
  padding:7px 10px 7px 15px;
  width:125px;
  color: #000;
  font-size:11px;
  font-weight:normal;
  text-align:left;
  background:#fff;
}

/* 2nd Menu Hover Persistence */
ul#nav li:hover li a:hover,
ul#nav li:hover li:hover a,
ul#nav li.iehover li a:hover,
ul#nav li.iehover li.iehover a {
  color: #000;
  background:#fff;
}

/* 3rd Menu */
ul#nav li:hover li:hover li a,
ul#nav li.iehover li.iehover li a {
  padding:7px 10px 7px 20px;
  width:120px;
  color: #000;
  font-size:11px;
  text-align:left;
  background:#fff;
}

/* 3rd Menu Hover Persistence */
ul#nav li:hover li:hover li a:hover,
ul#nav li:hover li:hover li:hover a,
ul#nav li.iehover li.iehover li a:hover,
ul#nav li.iehover li.iehover li.iehover a {
/*background:#555;*/
  color: #000;
  background:#fff;
}

/* 4th Menu */
ul#nav li:hover li:hover li:hover li a,
ul#nav li.iehover li.iehover li.iehover li a {
	padding:0;
	width:120px;
	padding:7px 10px 7px 20px;
	color: #000;
	font-size:11px;
	text-align:left;
	background:#fff;
}

/* 4th Menu Hover */
ul#nav li:hover li:hover li:hover li a:hover,
ul#nav li.iehover li.iehover li.iehover li a:hover {
/*background:#FD7006;*/
	color: #000;
	background:#fff;
}

ul#nav ul ul,
ul#nav ul ul ul {
  display: none;
  position: absolute;
  top: 0px;
  left: 150px;
}

/* Do Not Move - Must Come Before display:block for Gecko */
ul#nav li:hover ul ul,
ul#nav li:hover ul ul ul,
ul#nav li.iehover ul ul,
ul#nav li.iehover ul ul ul {
  display: none;
}

ul#nav li:hover ul,
ul#nav ul li:hover ul,
ul#nav ul ul li:hover ul,
ul#nav li.iehover ul,
ul#nav ul li.iehover ul,
ul#nav ul ul li.iehover ul {
  display: block;
}
/*****************************************************************/

#gallery{
	width:900px;
	height:373px;
}
.head_img{
	margin-top:5px;
}

/*************************************************/
.main_content{
	padding:10px 25px;
	background:#fff;
}

/************** Inner Content *********************/

.main_left{
	width:615px;
	float:left;
}
.story{
	padding-bottom:20px;
}
.story_title{
	border-bottom:1px solid #333333;
	margin-bottom:6px;
}
.story_title h2{
	padding:0px 0px 0px 0px;
	font-size:20px;
}
.story_title h2 a,.story_title h2 a:visited{
	font-style:italic;
	color:#1b1b1b;
}
.story_title h2 a:hover{
	color:#bc0e5c;
	text-decoration:none;
}
.storyAuthor{
	padding:4px 0px 6px 0px;
}
.storyTags,.story_category{
	padding:3px 0px;
}
.storyContent ul,.storyContent ol,.storyContent h1,.storyContent h2,.storyContent h3,.storyContent h4,.storyContent h5,.storyContent h6{
	padding:10px 0px;
}
.navigation{
	padding-top:20px;
}
.navigation .alignleft{
	padding:5px 0px;
	float:left;
}
.navigation .alignright{
	padding:5px 0px;
	float:right;
}
.navigation .alignleft a,.navigation .alignleft a:visited, .navigation .alignright a,.navigation .alignright a:visited{
	padding:3px 10px;
	display:block;
	color:#fff;
	background:#000;
}
.navigation .alignleft a:hover,.navigation .alignright a:hover{
	text-decoration:none;
}
.navigation2 {
	padding-bottom:10px;
}
.navigation2 .alignleft2{
	padding:0px;
	float:left;
	display:block;
	color:#fff;
	background:#000;
}
.navigation2 .alignright2{
	padding:0px;
	float:right;
	display:block;
	color:#fff;
	background:#000;
}
.navigation2 .alignleft2 a,.navigation2 .alignleft2 a:visited,.navigation2 .alignright2 a,.navigation2 .alignright2 a:visited{
	color:#fff;
	text-decoration:none;
}
.navigation2 .alignleft2 a:hover,.navigation2 .alignleft2 a:hover{
	text-decoration:none;
	cursor:pointer;
}
.pagetitle,.article,.error{
	font-size:22px;
	font-weight:normal;
	font-style:italic;
	color:#9e9690;
	padding-bottom:10px;
}

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


/************* Sidebar Section ***************/

.sidebar{
	float:right;
	width:260px;
}
.sidebar ul{
	list-style:none;
}

/************* Sidebar Gallery ***********************/
.sidebar_gallery{

}
.sidebar_gallery h2{
	padding:3px 25px;
	background:none;
	font-size:20px;
	font-style:italic;
	color:#1b1b1b;
	border-bottom:1px solid #333333;
	margin-bottom:10px;
}
.sidebar_gallery ul{
	list-style:none;
	margin:0px;
	padding:0px 0px 0px 10px;
}
.sidebar_gallery li{
	margin-right:7px;
	margin-bottom:10px;
	float:left;
	padding:0px !important;
}
.sidebar_gallery li a img{
	border:3px solid #000;
}

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

.sidebar li{
	padding-bottom:20px;
}
.sidebar li a,.sidebar li a:visited{
	color:#301d0f;
	text-decoration:none;
	padding-right:5px;
}
.sidebar li a:hover{
	text-decoration:underline;
}

.sideBarTitle h3{
	padding:6px 25px;
	background:none;
	font-size:20px;
	font-style:italic;
	color:#1b1b1b;
	border-bottom:1px solid #333333;
	margin-bottom:10px;
}
.sidebar li li{
	border-bottom:1px solid #cacaca;
	padding:0px;
	margin:0px;
}
.sidebar li li a,.sidebar li li a:visited{
	padding:5px 0px;
	display:block;
	color:#301d0f;
	text-decoration:none;
	background:none;
	padding-left:25px;
}
.sidebar li li a:hover{
	background:none;
	text-decoration:none;
}
.sidebar li li li{
	border:none;
}
#recentcomments .recentcomments{
	padding:5px 0px 5px 25px;
	background:none;
}
#recentcomments .recentcomments a,#recentcomments .recentcomments a:visited{
	background:none;
}
#recentcomments .recentcomments a:hover{
	text-decoration:underline;
	background:none;
}

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

.footer{
	padding:10px 0px;
	padding:0px 25px;
	text-align:center;
}
.footer p{
	padding:5px 0px;
	font-size:12px;
}

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

/************** Comments And Other Style *********************************/

#comments,.commenttitle{
	border-bottom:1px dashed #dddddd;
	padding-bottom:5px;
	font-weight:bold;
}
.commentlist{
	
}
.commentlist li{
	margin-bottom:10px;
	border-bottom:1px dashed #d0c5bf;
}
.comment-body img{
	margin:0px 20px 10px 0px;
	float:left;
}
.comment-author, .comment-meta{
	padding-bottom:3px;
}
.comment-body p{
	padding:10px;
	color:#000;
	font-style:italic;
}
#commentform{
	padding:20px 0px;
}
#commentform p{
	padding:5px 0px;
}
#commentform #author,#commentform #email,#commentform #url,#commentform #comment{
	border:1px solid #CCCCCC;
}
#submitcomment{
	border:1px solid #CCCCCC;
	background:#fff;
	padding:3px;
	cursor:pointer;
}
/***********************************************/

/****************** Search Style ******************/

.search{
	padding:10px 0px;
}
.searchText{
	background:#fff;
	border:1px solid #cacaca;
	padding:3px;
}
.searchBtn{
	background:#fff;
	border:1px solid #cacaca;
	text-align:center;
	width:60px;
	height:24px;
}

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

/* -- CALENDER STYLE -- */
/* Begin Calendar */
#wp-calendar {
	empty-cells: show;
	margin:0px auto;
	padding: 0px;
	width: 180px;
	font-size:11px;
	font-family:tahoma;
	color:#3e3e3e;
	text-align:center;
	}
#wp-calendar th
	{
		color:#f37805;
	}
#wp-calendar #today
	{
		color:#fff;
		font-weight:bold;
		background:#000;
	}
#wp-calendar #next a {
	padding-right: 5px;
	color:#f37805;
	text-align: right;
	background:none;
	text-decoration:none;
	}
#wp-calendar #next a:hover
	{
		text-decoration:underline;
		background:none;
	}
#wp-calendar #prev a {
	padding-left: 5px;
	text-align: left;
	color:#f37805;
	background:none;
	text-decoration:none;
	}
#wp-calendar #prev a:hover
	{
		text-decoration:underline;
		background:none;
	}
#wp-calendar a {
	display: block;
	}

#wp-calendar caption {
	text-align:center;
	font-weight:bold;
	padding-top:5px;
	padding-bottom:10px;
	width:180px;
	/*color:#105a82;*/
	/*background:#cfcfd0;*/
	}
	
#wp-calendar td a, #wp-calendar td a:visited {
	border-left: none;
	padding:0px;
	color: #f37805;
	text-decoration:none;
	font-weight:bold;
	font-size:11px !important;
}
#wp-calendar td a:hover {
	background: none;
	border-left: none;
	font-weight:bold;
	text-decoration: underline;
}

#wp-calendar td {
	padding: 3px 0;
	text-align: center;
	
	}

#wp-calendar td.pad:hover { /* Doesn't work in IE */
	/*background-color: #b48625;*/ }
/* End Calendar */




/************************************************/
.aligncenter,
div.aligncenter {
   display: block;
   margin-left: auto;
   margin-right: auto;
}


.wp-caption {
   border: 1px solid #ddd;
   text-align: center;
   background-color: #f3f3f3;
   padding-top: 4px;
   margin: 10px;
   /* optional rounded corners for browsers that support it */
   /*-moz-border-radius: 3px;
   -khtml-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius: 3px;*/
}

.wp-caption img {
   margin: 0;
   padding: 0;
   border: 0 none;
}

.wp-caption p.wp-caption-text {
   font-size: 11px;
   line-height: 17px;
   padding: 0 4px 5px;
   margin: 0;
}

#lightbox {
	position: absolute;
	left: 0;
        width: 100%;
        z-index: 100;
        text-align: center;
        line-height: 0;
}

#lightbox img {
         width: auto;
         height: auto;
}

#lightbox a img {
          border: none;
}

#outerImageContainer {
          position: relative;
          background-color: #fff;
          width: 250px;
          height: 250px;
          margin: 0 auto; 
}

#imageContainer {
          padding: 10px; 
}

#loading {
          position: absolute;
          top: 40%; left: 0%;
          height: 25%;
          width: 100%;
          text-align: center;
          line-height: 0; 
}

#hoverNav {
          position: absolute;
          top: 0;
          left: 0;
          height: 100%;
          width: 100%;
          z-index: 10;
}

#imageContainer>#hoverNav {
          left: 0;
}

#hoverNav a {
          outline: none;
}

#prevLink, #nextLink {
          width: 49%;
          height: 100%;
          background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */
          display: block; 
}

#prevLink {
          left: 0;
          float: left;
}

#nextLink {
          right: 0;
          float: right;
}

#prevLink:hover, #prevLink:visited:hover {
          background: url(images/prevlabel.gif) left 15% no-repeat;
}

#nextLink:hover, #nextLink:visited:hover {
          background: url(images/nextlabel.gif) right 15% no-repeat; 
}

#imageDataContainer {
          font: 10px Verdana, Helvetica, sans-serif; 
          background-color: #fff;
          margin: 0 auto;
          line-height: 1.4em;
          overflow: auto;
          width: 100%; 
}

#imageData {
	padding:0 10px;
        color: #666; 
}

#imageData #imageDetails {
        width: 70%;
        float: left;
        text-align: left; 
}	

#imageData #caption {
        font-weight: bold;	
}

#imageData #numberDisplay {
        display: block;
        clear: left;
        padding-bottom: 1.0em;	
}			

#imageData #bottomNavClose {
        width: 66px;
        float: right;
        padding-bottom: 0.7em;
        outline: none;
}	 	

#overlay {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 90;
        width: 100%;
        height: 500px;
        background-color: #000; 
}