/* ////////////////////////////////////////////////////////////////////////////////////////// */
/* v1.0 | 20080212 / reset css by meyerweb.com 																								*/
/* ////////////////////////////////////////////////////////////////////////////////////////// */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}


/* ////////////////////////////////////////////////////////////////////////////////////////// */
/* starting   www.magi3dmonk.com	 style sheet by Rico's Dynamic Studio (c)2009								*/
/* ////////////////////////////////////////////////////////////////////////////////////////// */


body {
	background: url(../images/bg.png);
	font-family: Arial, sans-serif;
	font-size: 16px;
	font-stretch: wider;
	font-weight: lighter;
	line-height: 24px;
	color: #666666;
	margin: 10px 0 0px 0;
	}

img {
	border: none;
	}
h1 {
	font-size: 16px;
	font-stretch: wider;
	font-weight: lighter;
	color: #666666;
	margin: 20px 0px 20px 25px;
	padding:  0px 0px 0px 0px;
	}
h2 {
	color: #999999;
	font-size: 100%;
	font-stretch: wider;
	font-weight: lighter;
	font-weight: 100;
	margin: 10px 20px 5px 0px;
	}
h3 {
	color: #00000;
	font-stretch: wider;
	font-weight: lighter;
	font-weight: 300;
	}
a:link, a:visited, a:active {
	color: #FF0000;
	font-weight: 500;
	text-decoration: none;
	}
a:hover, a:visited:hover {
	color: #333333;
	text-decoration: none;
	}
a:link img, a:visited img, a:active img {
	border: 2px solid transparent;
	}
a:hover img, a:visited:hover img {
	border: 2px solid transparent;
	}
b {
	color: #333333;
	font-weight: 500;
	}
ul {
	list-style-position: outside;
	list-style-type: circle;
	padding-left: 15px;
	}	

/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: GENERIC IN PAGE */
.linklist {
	margin: 0px 0px 20px 0px;
	padding: 0;
	list-style-type: circle;
	list-style: circle;
}
.linklist li {
	display: block;
	padding: 2px 0px 0px 26px;
	margin: 2px;
	}
.linklist a {
	display: block;
	background: transparent;
	text-decoration: none;
	font-size: 14px;
	color: #000000;
	}
.linklist a:link, .linklist a:visited {
	text-decoration: none;
	color: #333333;
	font-weight: 500;
	}
.linklist a:hover {
	color: #FF0000;
	text-decoration: none;
	}
.myBox {
	padding: 5px;
	float: left;
	margin: 0px 70px 0px 20px;
	}	
.myPhotoBox {
	width: 620px;
	height: 200px;
	float: left;
	margin: 0px 0px 0px 12px;
	}	
.spacer {
	margin: 10px 0px 0px 0px;
	}
.halfbox {
	border-left: 1px solid #999999;
	border-bottom: 1px solid #999999;
	padding-left: 10px;
	padding-bottom: 10px;
	overflow: auto;
	margin-bottom: 20px;
	float: left;
	width: 600px;
	}		
.textbox {
	padding-left: 10px;
	padding-bottom: 10px;
	margin-top: 20px;
	}		
.smallgraylink {
	color: #999999;
	font-size: 80%;
	font-style: italic;
	}

/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: USED IN STRUCTURE */
.imgfloatright {
	float: right;
	margin: 5px 0px 5px 10px;
	}
.imgfloatleft {
	float: left;
	margin: 5px 10px 5px 0px;
	}
.thumbs {
	margin: 2px;
	}
.hidden {
	display:none;
	}
	

/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: STRUCTURE */
#wrapper {
	text-align: left;
	margin: 0px auto 0px auto;
	padding: 0px;
	border: 0;
	width: 930px;
	heigth: 100%;
	}
.horbar {
	position: absolute;
	margin: 195px auto 0px auto;
	border-bottom: 2px solid #FFFFFF;
	width: 100%;
	}
.verbar {
	position: absolute;
	margin: auto 0px auto 228px;
	border-right: 2px solid #FFFFFF;
	height: 70%;
	padding-bottom: 40px;
	}

/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: UPPERBOX */
#upperbox {
	width: 930px;
	height: 20px;
	margin: 0px 0px 5px 0px;
	padding: 0px;
	color: #666666;
}
#upperbox .ubleft {
	float: left;
	height: 16px;
	width: 200px;
	text-align: left;
	padding: 2px 0px 0px 48px;
}
#upperbox .ubmiddle {
	float: left;
	font-size: 12px;
	height: 16px;
	width: 530px;
	text-align: center;
	padding: 3px 0px 0px 0px;
}
#upperbox .ubright {
	font-size: 12px;
	height: 16px;
	text-align: right;
	padding: 3px 0px 0px 0px;
}

/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: HEADER */
#header {
	clear: both;
	width: 930px;
	height: 130px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
#header .top {
	background-image: url(../images/headertop.png);
	background-position: top right;
	background-repeat: no-repeat;
	width: 930px;
	height: 130px;
}
#variax {
	background-image: url(../images/variax/homepage.png);
	background-position: top right;
	background-repeat: no-repeat;
	width: 930px;
	height: 130px;
}
#header .bot {
	background-image: url(../images/headerbot.png);
	background-position: top right;
	background-repeat: no-repeat;
	width: 930px;
	height: 130px;
}
#header .homelink {
	margin: 0px 0px 0px 37px;
	width: 191px;
	height: 79px;
}
#header .homelink img {
	clear: both;
	margin-top: 1px;
}
#header .secname {
	margin: 8px 0px 0px 37px;
	width: 300px;
	height: 36px;
	font-size: 32px;
	text-transform: uppercase;
	color: #E6E6E6;
	font-stretch: wider;
	font-weight: lighter;
}
	
#header a:link img, a:visited img, a:active img {
	border: 2px solid transparent;
	}
#header a:hover img, a:visited:hover img {
	border: 2px solid transparent;
	}



/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: TOPMENU */
#topmenu {
	width: 930px;
	height: 18px;
	margin: 10px 0px 0px 0px;
	padding: 2px 0px 0px 0px;
	font: bold 16px Helvetica;
	font-stretch: wider;
	font-weight: lighter;
	text-align: center;
}
#topmenu ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	}
#topmenu ul li {
	display: inline;
	padding: 0px 12px 0px 8px;
	border-right: 2px solid #666666;
	}
#topmenuu ul li a {
	display: block;
	background: transparent;
	color: #666666;
	text-decoration: none;
	}
#topmenu ul li a:link, #topmenu ul li a:visited {
	color: #666666;
	text-decoration: none;
	}
#topmenu ul li a:hover {
	color: #FF0000;
	text-decoration: none;
	}


/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: SIDEMENU */
#sidemenu {
	width: 930px;
	margin: 5px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font: bold 16px Helvetica;
	font-stretch: wider;
	font-weight: lighter;
	color: #000000;
}
#sidemenu h1 { 
	font-size: 16px;
	color: #666666;
	margin: 0px 0px 20px 15px;
	padding:  0px 0px 0px 0px;
	font-stretch: wider;
	font-weight: lighter;
	text-transform: uppercase;
}
#sidemenu ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	}
#sidemenu ul li {
	display: block;
	padding: 16px 0px 0px 16px;
	}
#sidemenu a {
	display: block;
	background: transparent;
	text-decoration: none;
	color: #000000;
	}
#sidemenu a:link, #sidemenu a:visited {
	color: #333333;
	font-weight: 500;
	text-decoration: none;
	}
#sidemenu a:hover {
	color: #FF0000;
	text-decoration: none;
	}



/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: CONTENT */
#container {
	float: left;
	width: 930px;
	margin: 10px 0px 0px 0px;
	font-size: 16px;
	line-height: 20px;
	color: #666666;
	font-stretch: wider;
	font-weight: lighter;
	overflow: hidden;
}
#container a:link img,
#container a:visited img {
	background-color: transparent;
}
#container a:hover img,
#container a:active img {
	background-color: transparent;
	filter:alpha(opacity=30);
	-moz-opacity:0.3;
	-khtml-opacity: 0.3;
	opacity: 0.3;	
}


/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: RIGHT COL */
#rightcol {
	float: right;
	width: 700px;
	min-height: 600px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border-left: 2px solid #FFFFFF;
	background-image: url(../images/fade.png);
	background-position: left top;
	background-repeat: no-repeat;
	overflow: hidden;
}
#pagesign {
	position: relative; 
	bottom: 0;
	right: 0;
	margin: 0px 0px 0px 0px;
	float: right;
	}

/* buttons grid for contributes */
.myGrid {
	width: 700px;
	height: 80px;
	margin: 20px 0px 0px 18px;
	}
.myGridbox {
	background-image: url(../images/brick.png);
	background-position: top right;
	background-repeat: no-repeat;
	width: 76px;
	height: 70px;
	margin-right: 4px;
	float: left;
	text-align: center;
	}
.myGridbox a:link, .myGridbox a:visited, .myGridbox a:active {
	color: #999999;
	font-weight: 400;
	text-decoration: none;
	font-size: 75%;
	}
.myGridbox a:hover, .myGridbox a:visited:hover {
	color: #FF0000;
	text-decoration: none;
	}


/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: LEFT COL */
#leftcol { 
	float: left;
	width: 210px;
	min-height: 600px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 15px;
	overflow: hidden;
}
#leftcol .strillinoReels {
	position: absolute;
	top: 580px;
	margin-left: 20px;
	}
#leftcol .leftcolBox {
	color: #666666;
	width: 200px;
	padding: 5px;
	float: left;
	margin: 6px 70px 0px 0px;
	overflow: auto;
	}
#leftcol .leftsubmenu {
	width: 215px;
	margin: 0px 0px 0px 0px;
	}
#leftcol .leftsubmenu ul {
	margin: 10px 0px 0px 25px;
	}
#leftcol .leftsubmenu ul li {
	display: box;
	border-left: 1px solid #808080; 
	width: 150px;
	height: 12px
	line-height: 12px;
	padding: 2px 5px 2px 5px; 
	}
#leftcol .leftsubmenu ul li a:link, #leftcol .leftsubmenu ul li a:visited, #leftcol .leftsubmenu ul li a:active {
	color: #333333;
	font-size: 12px;
	font-weight: 300;
	font-style: italic;
	text-decoration: none;
	}
#leftcol .leftsubmenu ul li a:hover, #leftcol .leftsubmenu ul li a:visited:hover {
	color: #FF0000;
	text-decoration: none;
	}


/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: PRETTYPHOTO CLASSES & IDS */
.myPrettyPhoto {
	}