/* divisions */



body {

	background: #333333;

	height:100%;

	}

	

#container {

	background: #333333;

	height: 100%;

	margin: 0px auto 0px;

	}

	

#navbar {

	width: 960px;

	height: 200px;

	margin: 0px auto 10px;

	padding: 0px;

	border: 2px solid #BBBBBB;

	/*-moz-border-radius: 5px;

	-khtml-border-radius: 5px;

	-webkit-border-radius: 5px;*/

	}

	

#content {

	width: 960px;

	background: #FFFFFF;

	margin: 0px auto 0px;

	overflow: auto;

	border: 2px solid #BBBBBB;

	border-bottom: 0px;

	padding: 0px 0px 0px 0px;

	/*-moz-border-radius: 10px;

    -webkit-border-radius: 10px;*/

	}



#postarea {

	background:#FFFFFF;

	position:relative;

	left:140px; 

	width: 660px;

	float: left;

	padding: 10px 5px 10px 5px;

	}

	

#comment {

	background:#FFFFFF;

	width: 650px;

	float: left;

	padding: 10px 5px 10px 5px;

	}

	

#sidebar {

	width: 350px;

	float: right;

	padding: 10px 5px 10px 5px;

	}



#sidebar .widget {

	margin: 0px 0px 10px 0px;

	padding: 0px;

	border: 2px solid #BBBBBB;

	/*-moz-border-radius: 5px;

    -webkit-border-radius: 5px;*/

	}

		

#footer {

	width: 960px;

	height: 60px;

	margin: 0px auto 0px;

	background: #111111;

	color: #666;

	border: 2px solid #BBBBBB;

	clear: both;

	/*-moz-border-radius: 5px;

	-khtml-border-radius: 5px;

	-webkit-border-radius: 5px;*/

	}

	

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

*	Hyperlinks									*

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

	

a img {

	border: none;

	}

	

a:focus, a:hover, a:active {

	outline: none 

	}

	

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

*	Navbar lists    							*

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



#nav {

	margin: 0;

	padding: 0;

}



#nav ul {

	width: 960px;

	margin: 0px;

	padding: 0px;

}



#nav li {

	display: block;

	float: left;

	list-style-type: none;

	}



#nav li a {

   display: block;

   height: 200px; 

   width: 193px;

   background: transparent url(images/jooiworldheader.jpg) no-repeat 0 0;

   text-indent: -9009px;

    }



#nav li#posts a {

	width: 193px;

	background-position: -193px 0px;

             }

			 

#nav li#articles a {

	width: 193px;

	background-position: -386px 0px;

             }

			 

#nav li#route a {

	width: 193px;

	background-position: -579px 0px;

             }

			 

#nav li#home a {

	width: 188px;

	background-position: -772px 0px;

             }			 



#nav li a:hover {

   display: block;

   height: 200px; 

   width: 193px;

   background: transparent url(images/jooiworldheaderhover.jpg) no-repeat 0 0;

   text-indent: -9009px;

    }



#nav li#posts a:hover {

	width: 193px;

	background-position: -193px 0px;

             }

			 

#nav li#articles a:hover {

	width: 193px;

	background-position: -386px 0px;

             }

			 

#nav li#route a:hover {

	width: 193px;

	background-position: -579px 0px;

             }

			 

#nav li#home a:hover {

	width: 188px;

	background-position: -772px 0px;

             }		

		

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

*	Sidebar lists 		    	        	        * 

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



#sidebar ul {

	list-style-type: none;

	margin: 0px;

	padding: 0px;

	}

	

#sidebar ul li {

	list-style-type: none;

	margin: 0px 0px 10px 0px;

	padding: 5px;

	}



#sidebar ul ul {

	list-style-type: none;

	margin: 5px 0px 0px 20px;

	padding: 0px;

	}

	

#sidebar ul li li {

	list-style-type: square;

	margin: 0px;

	padding: 0px;

	}

	

#sidebar ul li ul li {

	margin: 0px;

	padding: 0px 0px 3px 0px;

	}



#sidebar ul li ul li#trusted-brands {

	list-style-type: none;

	margin: 0px;

	padding: 0px;

	}

	

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

*	Post lists 		    	        	        * 

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



#post ul {

	list-style-type: none;

	margin: 0px 0px 5px 10px;

	padding: 2px;

	}

	

#post ul li {

	list-style-type: square;

	margin: 0px 0px 5px 5px;

	text-align: justify;

	}

	

#post ol {

	list-style-type: none;

	margin: 0px 0px 5px 10px;

	padding: 2px;

	}

	

#post ol li {

	list-style-type: decimal;

	margin: 0px 0px 5px 5px;

	text-align: justify;

	}



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

*	Fonts 					     		    * 

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



#content, #footer {

	color: #333333;

	font-size: 12px;

	font-family: Arial, Tahoma, Verdana;

         }



#content h1 {

	color: #333333;

	font-size: 22px;

	font-family: Georgia, Times New Roman, Trebuchet MS;

	font-weight: normal;

	margin: 0px 5px 10px 5px;

	padding: 0px;

	}

	

#content h2 {

	color: #333333;

	font-size: 18px;

	font-family: Georgia, Times New Roman, Trebuchet MS;

	font-weight: normal;

	margin: 5px 0px 5px 0px;

	padding: 0px 0px 0px 0px;

	}

	

#content h2 a, #content h2 a:visited {

	color: #333333;

	text-decoration: none;

	}



#content h2 a:hover {

	color: #2255AA;

	text-decoration: none;

	}

		

#sidebar h3 {

	background-image: url(images/widgetheader.png);

	color: #333;

	font-size: 11px;

	font-weight: bold;

	text-transform: uppercase;

	margin: 0px 0px 0px 0px;

	padding: 3px 0px 3px 7px;

	border: none;

	/*-moz-border-radius: 3px;

    -webkit-border-radius: 3px;*/

	}

	

#footer h4 {

	color: #999999;

	font-size: 10px;

	font-weight: normal;

	padding: 0px 10px 0px 10px;

	text-align: center;

	}



#postarea a, #postarea a:visited {

	color: #2255AA;

	text-decoration: underline;

	}

	

#postarea a:hover {

	color: #2255AA;

	text-decoration: none;

	}

	

#content p {

	text-align: justify;

      }



#postarea p {

	padding: 0px 0px 10px 0px;

	margin: 0px 0px 0px 5px;

	}

	

#post h1 {

	color: #333333;

	font-size: 22px;

	font-family: Georgia, Times New Roman, Trebuchet MS;

	font-weight: bold;

	margin: 0px 5px 10px 5px;

	padding: 0px;

	}



#post h2 {

	color: #333333;

	font-size: 18px;

	font-family: Georgia, Times New Roman, Trebuchet MS;

	font-weight: bold;

	margin: 0px 5px 10px 5px;

	padding: 0px 0px 0px 0px;

	}

	

#post p {

	font-size: 14px;

	font-family: Arial, Tahoma, Verdana;

	line-height: 150%;

	}

	

#post a {text-decoration:none;}

	  

hr {

	border: none;

	border-bottom: 1px dotted #BBBBBB; 

	margin-bottom: 10px; 

	padding: 0px 0px 0px 0px; 

	clear: both;

	}

	

#sidebar p {

	margin: 0px;

	padding: 0px 5px 5px 5px;

	}

	

#sidebar a, #sidebar a:visited {

	color: #2255AA;

	text-decoration: none;

	}

	

#sidebar a:hover {

	color: #2255AA;

	text-decoration: underline;

	}

	

#footer p {

	margin: 0px;	

	padding: 10px 0px 0px 0px;

	}
	
#comment a {
	text-decoration:none;
}
	

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

*	Images  					     		    * 

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



.thumb {

                display: block;

                width: 170px;

                height: 170px;

                border: none;

				margin: 0px 5px 0px 3px;

				padding: 5px 5px 5px 5px;

	  }



#rotatingImage {

                display: block;

                width: 346px;

                height: 260px;

                margin: 0px 0px 0px 0px;

	            padding: 0px;

			 }



.banner {

                display: block;

                width: 200px;

                height: 200px;

                border: none;

				vertical-align: middle;

				margin: 0px auto 0px;

				

        }

		

.floatleft {

    float: left;

    vertical-align: top;



}



.bighor {

    margin: 0pt 5px 10px 0pt; 

	cursor: pointer; 

	width: 640px; 

	height: auto;

	border: 4px solid #CCC;

	-webkit-transition:  -webkit-transform .15s linear;
	
	-moz-transition: -moz-transform .15s linear;

    -webkit-box-shadow: 0 3px 6px rgba(0,0,0,.5);

    -moz-box-shadow: 0 3px 6px rgba(0,0,0,.5);

    }



.midhor {

    margin: 0pt 6px 10px 2pt; 

	cursor: pointer; 

	width: 310px; 

	height: 233px;

	border: 4px solid #CCC;

	-webkit-transition:  -webkit-transform .15s linear;
	
	-moz-transition: -moz-transform .15s linear;

    -webkit-box-shadow: 0 3px 6px rgba(0,0,0,.5);

    -moz-box-shadow: 0 3px 6px rgba(0,0,0,.5);

    }

	

.midver {

    margin: 0pt 6px 10px 2pt; 

	cursor: pointer; 

	width: 310px; 

	height: 413px;

	border: 4px solid #CCC;

	-webkit-transition:  -webkit-transform .15s linear;
	
	-moz-transition: -moz-transform .15s linear;

    -webkit-box-shadow: 0 3px 6px rgba(0,0,0,.5);

    -moz-box-shadow: 0 3px 6px rgba(0,0,0,.5);

    }

	

.relhor {

    margin: 0pt 6px 10px 2pt; 

	cursor: pointer; 

	width: 384px; 

	height: 297px;

	border: 4px solid #CCC;

	-webkit-transition:  -webkit-transform .15s linear;
	
	-moz-transition: -moz-transform .15s linear;

    -webkit-box-shadow: 0 3px 6px rgba(0,0,0,.5);

    -moz-box-shadow: 0 3px 6px rgba(0,0,0,.5);

    }

	

.relver {

    margin: 0pt 6px 10px 2pt; 

	cursor: pointer; 

	width: 223px; 

	height: 297px;

	border: 4px solid #CCC;

	-webkit-transition:  -webkit-transform .15s linear;
	
	-moz-transition: -moz-transform .15s linear;

    -webkit-box-shadow: 0 3px 6px rgba(0,0,0,.5);

    -moz-box-shadow: 0 3px 6px rgba(0,0,0,.5);

    }

	

.smaver {

    margin: 0pt 6px 10px 2pt; 

	cursor: pointer; 

	width: 200px; 

	height: 267px;

	border: 4px solid #CCC;

	-webkit-transition:  -webkit-transform .15s linear;
	
	-moz-transition: -moz-transform .15s linear;

    -webkit-box-shadow: 0 3px 6px rgba(0,0,0,.5);

    -moz-box-shadow: 0 3px 6px rgba(0,0,0,.5);

    }

	

.smahor {

    margin: 0pt 6px 10px 2pt; 

	cursor: pointer; 

	width: 200px; 

	height: 150px;

	border: 4px solid #CCC;

	-webkit-transition:  -webkit-transform .15s linear;
	
	-moz-transition: -moz-transform .15s linear;

    -webkit-box-shadow: 0 3px 6px rgba(0,0,0,.5);

    -moz-box-shadow: 0 3px 6px rgba(0,0,0,.5);

    }

	

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

*	Tables  					     		    * 

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

#toc {

	padding: 5px;

	border-collapse: collapse; 

	border: 1px solid #000000;

	width: 100%;

}



#toc td {

	border: 1px solid #000000;

	padding: 3px;

	font-size: .9em;

        }

		

#toc th {

	border: 1px solid #000000;

	background-color: #FF9900;

	}



.date {

	display:none;

}



#toc a {text-decoration:none;}

/*#toc a:visited {color:#003;}*/



#sidebar #translate-this {margin-left:0px;}



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

*	galleryarea  					     		    * 

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

#galleryarea ul li {

	list-style:none; 

	float:left; 

	position:relative; 

	}

#galleryarea ul li a img {

	border:0;

	padding:10px 10px 9px 10px; 

	background:#ffffff; 

	margin-bottom:20px;

	margin-left:37px;

	}

#galleryarea ul li img, #galleryarea img {

	box-shadow: 0 0 7px #807a72; 

	-moz-box-shadow: 0 0 7px #807a72; 

	-webkit-box-shadow: 0 0 7px #807a72;

	border-radius:4px; 

	-moz-border-radius:4px; 

	-webkit-border-radius:4px;

}



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

*	Pagination  					     		    * 

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

#photos {
	float: left;
}

#paginationLinks {
	float: left;
	margin: 5px 0px 5px 80px;
}

#paginationLinks hr {

    border: 1px #ccc;

    border-style: none none solid none;

    margin: 20px 0;

   }

#paginationLinks a {

    color: #333;

    text-decoration: none;

   }

#paginationLinks a:hover {

    text-decoration: underline;

   }

#paginationLinks a.selected {

    font-weight: bold;

    text-decoration: underline;

   }

#paginationLinks .numbers {

    line-height: 20px;

    word-spacing: 4px;

   }