/* Base Weblog (base-weblog.css) */

/* basic elements */
html
body{
	margin:0;
	padding:0;
	font-family: verdana, arial, sans-serif;
}

a {
	text-decoration:  none;
	font-weight: bold;
	border: none;
}

a:hover {
	text-decoration:  underline; 
	border: none;
}

#pagearea {
	text-align:left;
	margin-left:auto;
	margin-right:auto;
	margin-bottom: 1.2em;
}

#header {
	width: 100%; 
 }
 
 #top-top {
 	height: 2em;
 	width: 100%;
 	background: transparent;
 	position: relative;
}

#widthsetting {
        float: left;
        font-size: 0.7em;
        position: relative;
	color: #1A2E4D;
}

#styleheading {
        font-weight: bold;
}

#widthsetting a {
	font-weight: normal;
}

.selected {
	font-weight: bold;
}

#searchbox {
	width: 10em;
	height: 1.4em;
	padding: 0em;
	margin: 0 0 0 2em;
	float: right;
}

a, #searchbox .inputbox, #searchbox .button {
	color: #1A2E4D;
}

#searchbox .inputbox{
	width: 12em;
	height: 1.2em;
	font-size: 0.7em;
	background: transparent;
	border: none;
	margin: 0px;
	padding: 0.2em 0 0 1em;
	vertical-align: top;	
}

#searchbox .button{
	margin: 0em;
	padding: 0em;
	height: 0.95em;
	font-size: 0.7em;
	background: transparent;
	border: none;
	line-height: 0.7em;
}

#searchbox form {
	margin: 0em;
	padding: 0em;
}

.button {
	border: 1px solid #BBBBBB;
}
.inputbox {
	border: 1px solid #BBBBBB;
}

#top-logo {
	height: 5.6em;
        width: 36em;
	background: transparent;
	float: left;
}

.img_logo {
	font-size: 1em;
	float: left;
	margin: 0.2em 0.4em 0em 0.4em;
	border: 0em;
}

h1 {
	font-size: 1.7em;
	margin: 0.4em 0em 0.2em 0em;
}

#description {
	font-size: 0.8em;
	font-weight: bold;
	margin: 0;
	color: black;
}

#header a,
#header a:link,
#header a:visited,
#header a:active,
#header a:hover {
	text-decoration: none;
}	

#page-main {
	position: relative;
	margin-top: 0.6em;
}

#menucol {
	width: 10em;
	float: right;
	position: absolute;
	top: 1em;
	right: 0;
	z-index: 1;
} 
 

 
 #menucol ul {
 	list-style-type: none;

 	color: #1A2E4D;
 	padding: 0em;
 	margin: 0em;

 }
 
  #menucol li {
 	padding: 0em;
   	margin: 0.1em 0 0 0;
	display: inline;   	
  }
 
 #menucol ul li a {
 	margin: 0.2em 0em 0.2em 0em;
 	padding: 0.3em 1em 0.3em 1em;
 	display: block;
	font-weight: normal;
 	line-height: 1.6em;
 	font-size: 0.7em;	
  	text-decoration: none; 	
 }

#menucol h2 {
	margin: 0em 1em 0.3em 0.6em;
	padding: 0.5em 0 0 0;
	color: #1A2E4D;
	font-size: 0.9em;
	border-bottom: 1px solid #1A2E4D;
}

#menucol .powered{
	text-align: center;
}

#menucol .powered img {
	border: none;
	vertical-align: top;
	padding: 0 0 0 0.3em;
}

#menucol .powered a {
	display: block;
	font-size: 0.6em;
	padding: 0.5em;
	text-align: center;
	line-height: 1.5em;
}

#menucol .powered a:hover {
	border: none;
	background: none;
}
.menu_development #menu_development, .menu_donations #menu_donations, .menu_faq #menu_faq, .menu_forums_removed #menu_forums_removed, .menu_help #menu_help, .menu_home #menu_home, .menu_walkthrough #menu_walkthrough, .menu_version_063 #menu_version_063, .menu_version_06 #menu_version_06, .menu_version_054 #menu_version_054, .menu_version_053 #menu_version_053, .menu_version_052 #menu_version_052, .menu_no_forums #menu_no_forums, .menu_version_046 #menu_version_046, .menu_version_045 #menu_version_045, .menu_version_044 #menu_version_044, .menu_version_043 #menu_version_043, .menu_version_042 #menu_version_042, .menu_walkthrough #menu_walkthrough, .menu_version_041 #menu_version_041, .menu_frequently_asked_questions #menu_frequently_asked_questions, .menu_help #menu_help, .menu_version_04 #menu_version_04, .menu_version_031 #menu_version_031, .menu_version_03 #menu_version_03, .menu_version_027 #menu_version_027, .menu_version_026 #menu_version_026, .menu_version_025 #menu_version_025, .menu_donations #menu_donations, .menu_version_024 #menu_version_024, .menu_version_023 #menu_version_023, .menu_version_022 #menu_version_022, .menu_version_021 #menu_version_021, .menu_version_02 #menu_version_02, .menu_version_017 #menu_version_017, .menu_no_development_releases #menu_no_development_releases, .menu_version_016 #menu_version_016, .menu_version_015 #menu_version_015, .menu_version_014 #menu_version_014, .menu_version_013 #menu_version_013, .menu_version_012 #menu_version_012, .menu_version_011 #menu_version_011, .menu_version_01 #menu_version_01, .menu_forums #menu_forums, .menu_archives #menu_archives, .module a:hover {
	background: #F1F1F1;
	text-decoration: none;
	border-right: 4px solid #8BADE1;
}

.module {
	margin-bottom: 1em;
}

#content {
	font-size: 0.7em;
	line-height: 1.6em;
	position: relative;
}

#content h2 {
	color: #1A2E4D;
	font-size: 1.4em;
	font-weight: bold;
	padding-right: 1em;
	padding-bottom: 0.1em;
	display: inline;
	border-bottom: 1px solid #1A2E4D;	
}

#content h3 {
	color: #1A2E4D;
	font-size: 1.2em;
	font-weight: bold;
	padding-right: 1em;
	padding-bottom: 0.1em;
        margin: 2em 0 1em 0;
        clear: both;
}

#content h4 {
	color: #1A2E4D;
	font-weight: bold;
	font-size: 1em;
	margin: 0;
	padding: 0;
}

#content h5 {
	color: #1A2E4D;
	font-weight: bold;
	font-size: 0.9em;
	margin: 0.8em 0 0 0;
	padding: 0;
}

#content h6 {
	color: #808080;
	margin: 0.4em 0 0 0;
	padding: 0;
	font-weight:  normal;
        font-size: 0.9em;
}

#content ul {
	margin: 0.3em 0 0 0;
	padding: 0 0 0 2em;
}

#content img {
	border: solid 1px #C0C0C0;
}

#content .image-inline {
        font-size: 1em;
	float: right;
	margin: 1em 0 1em 1em;
	border: none;
	clear: right;
}

#content img.zoomdemo  {
	font-size: 1em;
	border: none;
}


#content img.uniblue {
       border: none;
       margin: 0 0 2em 0;
}

.link-list li {
	margin: 1em 0 1em 0;	
}

#install {
	margin: 1em 0 1em 0;
	width: 18em;
}

#install img {
	border: none;
	vertical-align: middle;
	margin-right: 0.8em;
	float: left;
	
}
#install a {
	line-height: 1.2em;
	display: block;
	padding: 0.6em 1em 0.5em 1em;
	text-decoration: none; 
	vertical-align: middle;
	font-weight: normal;
}

#content table {
	font-size: 0.8em;
}

#content td.tabletitle{
	font-weight:bold;
	padding-right:2em;
}

#googleads {
	margin: 1.5em 0 1.5em 0;
}

.footer {
	font-size: 0.6em;
	color: #808080;
	text-align: center;
	padding: 0 0 1em 0;
}

.archive-content {
	margin-top: 2em;
}

/* CSS for all boxes starts here
================================================*/

.cb {

}

/* Rules for the top corners and border */
.bt {
	background-repeat: no-repeat;
	background-position: 100% 0;
	margin:0 0 0 6px;
	height:4px;
	font-size: 0px;
	position:relative;
}

.bt div {
	background-repeat: no-repeat;
	background-position: 0 0;
	height:4px;
	width:6px;
	position:relative;
        left: -6px;
}

/* Rules for the bottom corners and border */
.bb {
	background-repeat: no-repeat;
	background-position: 100% 100%;
	margin:0 0 0 6px;
	height:7px;
	font-size: 0px;
	position:relative;
}

.bb div {
	background-repeat: no-repeat;
	background-position: 0 100%;
	height:7px;
	width:6px;
	position:relative;
        left: -6px;
}

/* Insert the left border */
.i1 {
	padding:0 0 0 0;
	background-repeat: repeat-y;
	background-position: 100% 0;
	}
/* Insert the right border */
.i2 {
	padding:0 4px 0 0;
	background-repeat: repeat-y;
	background-position: 100% 0;
}

.i3 {
	padding: 0em;
}
	
/* CSS for all boxes ends here
================================================*/

/* CSS for the top-bottom box starts here
================================================*/

#top-bottom .bt, #top-bottom .bt div, #top-bottom .bb, #top-bottom .bb div {
	background-image: url(http://imagezoom.yellowgorilla.net/images/header-box.png);
}

/* Wrapper for the content. Use it to set the background colour and insert some padding between the borders and the content. */
#top-bottom .i3 {
	background: #8BADE1 url(http://imagezoom.yellowgorilla.net/images/header-back.png) top repeat-x;
	display: block;
	height: 5.3em;
}


#top-bottom .i1 {
	border-left: solid 1px #AFB0C7;
}

#top-bottom .i2 {
	background-image: url(http://imagezoom.yellowgorilla.net/images/header-border.png);
}

/* CSS for the top-bottom box ends here
================================================*/

/* CSS for the search box starts here
================================================*/

#searchbox .bb, #searchbox .bb div {
	background-image: url(http://imagezoom.yellowgorilla.net/images/search-box.png);
}

/* Wrapper for the content. Use it to set the background colour and insert some padding between the borders and the content. */
#searchbox .i3 {
	background: transparent url(http://imagezoom.yellowgorilla.net/images/search-back.png) right repeat-y;
	display: block;
}

#searchbox .i1 {
	border-left: solid 1px #C0C0C0;
}

#searchbox .i2 {
	background-image: url(http://imagezoom.yellowgorilla.net/images/search-border.png);
}

/* CSS for the search box ends here
================================================*/

/* CSS for the content-area box starts here
================================================*/
#content-area {
	margin-right: 2em;
}

#content-area .bt, #content-area .bt div, #content-area .bb, #content-area .bb div {
	background-image: url(http://imagezoom.yellowgorilla.net/images/content-box.png);
}

/* Wrapper for the content. Use it to set the background colour and insert some padding between the borders and the content. */
#content-area .i3 {
	display: block;
	background-color: white;
	padding: 1em 10em 1em 1em;
}

#content-area .i1 {
	border-left: solid 1px #C0C0C0
}

#content-area .i2 {
	border-right: solid 1px #C0C0C0;
	padding:0 0 0 0;
}

/* CSS for the content-area box ends here
================================================*/

/* CSS for the module box starts here
================================================*/

.moduletop, .moduletop div, .modulebottom, .modulebottom div {
	background-image: url(http://imagezoom.yellowgorilla.net/images/search-box.png);
}

/* Wrapper for the content. Use it to set the background colour and insert some padding between the borders and the content. */
.modulemiddle {
	background: transparent url(http://imagezoom.yellowgorilla.net/images/search-back.png) right repeat-y;
	display: block;
	padding: 0 0 0.2em 0;
}

.moduleleft {
	border-left: solid 1px #C0C0C0;
}

.moduleright {
	background-image: url(http://imagezoom.yellowgorilla.net/images/search-border.png);
}

/* CSS for the module box ends here
================================================*/


/* CSS for the install box starts here
================================================*/

#install .bt, #install .bt div, #install .bb, #install .bb div {
	background-image: url(http://imagezoom.yellowgorilla.net/images/install-box.png);
}

/* Wrapper for the content. Use it to set the background colour and insert some padding between the borders and the content. */
#install .i3 {
	background: #92E874 url(http://imagezoom.yellowgorilla.net/images/install-back.png) top repeat-x;
	display: block;
	padding: 0;
}

#install .i1 {
	border-left: solid 1px #7ACA5E;
}

#install .i2 {
	background-image: url(http://imagezoom.yellowgorilla.net/images/install-border.png);
	padding-right: 4px;
	border: none;
}

/* CSS for the install box ends here
================================================*/

/* CSS for the search box starts here
================================================*/

#topmenu .bb, #topmenu .bb div {
	background-image: url(http://imagezoom.yellowgorilla.net/images/install-box.png);
}

/* Wrapper for the content. Use it to set the background colour and insert some padding between the borders and the content. */
#topmenu .i3 {
	background: #92E874 url(http://imagezoom.yellowgorilla.net/images/install-back.png) bottom repeat-x;
	display: block;
	text-align: center;
        font-size: 0.7em;
}

#topmenu .i1 {
	border-left: solid 1px #7ACA5E;
}

#topmenu .i2 {
	background-image: url(http://imagezoom.yellowgorilla.net/images/search-border.png);
}

/* CSS for the search box ends here
================================================*/


#topmenu{
	padding: 0em;
	margin: 0;
	float: right;

}

#topmenu a {
	display:block;

}
.menuBlog {
	width: 2.8em;
}

.menuImageZoom {
	width: 6.2em;
}

.googleforum {
	text-align: center;
}

/* CSS for the search box starts here
================================================*/

.topmenubb, .topmenubb div {
	background-image: url(http://imagezoom.yellowgorilla.net/images/install-box.png);
}

/* Wrapper for the content. Use it to set the background colour and insert some padding between the borders and the content. */
.topmenui3 {
	background: #92E874 url(http://imagezoom.yellowgorilla.net/images/install-back.png) bottom repeat-x;
	display: block;
	text-align: center;
        font-size: 0.7em;
}

.topmenui1 {
	border-left: solid 1px #7ACA5E;
}

.topmenui2 {
	background-image: url(http://imagezoom.yellowgorilla.net/images/search-border.png);
}

/* CSS for the search box ends here
================================================*/


.menuBlog, .menuImageZoom {
	padding: 0em;
	margin: 0;
	float: right;

}

.menuBlog a, .menuImageZoom a {
	display:block;
}
.menuBlog {
	width: 2.8em;
}

.menuImageZoom {
	width: 6.2em;
}