/*  
Theme Name: Indomagz
Theme URI: http://www.magznetwork.com/
Description: Simple, clean, and customizable. Designed by <a href="http://ustadz.net/">Agus MU</a>. Supports are available at <a href="http://www.magznetwork.com/forum/">MagzNetwork Forum</a>.
Version: 2.0
Author: MagzNetwork
Author URI: http://www.magznetwork.com/
*/

body { 	font-family: Verdana, Arial, Helvetica, sans-serif;font-size:10px;color: #333333;background: url(images/background.jpg) repeat-x top #fff fixed;margin: 0px 0;padding: 0; text-align:center;}

* html body {
   background-position: expression('50px '+this.parentNode.scrollTop + 'px');
}

position: fixed !important;  /* IE以外用　*/
position: absolute;             /* IE様用　*/

a, a:visited {color:#036DA7;text-decoration:underline;}
a:hover {text-decoration: none; color:#FF0000;}
img {border: none;}
p {padding: 0px 0px 15px 0px;margin: 0px;}
h1, h2 {color: #222;margin: 0px;border-bottom: 1px solid #000000;font: normal 190%/100% Arial, Tahoma, Verdana;padding-bottom: 3px; margin-bottom: 15px;}
h1 a, h1 a:visited, h2 a, h2 a:visited{color: #000;text-decoration: none;}
h1 a:hover, h2 a:hover {color: #043FA0;text-decoration: none;}
h3 {font: normal 140%/100% Arial, Tahoma, Verdana;color: #222;margin: 10px 0px 5px; font-weight:bold;line-height:120%; }
h4 {font: normal 120%/100% Arial, Tahoma, Verdana, Arial;color: #222;margin: 10px 0px 5px; font-weight:bold; line-height:120%;}
h3 a, h3 a:visited, h4 a, h4 a:visited {text-decoration:none;}
form {margin:0px;padding:0px;}
.blockquote2 {padding:0 0 0 10px;margin:5px 0px 5px 20px; color:#000;border-left: 5px solid #b0c4de; line-height: 120%;}
blockquote {padding: 10px 10px 0; margin:10px 0px 10px 0px; list-style:none; border:1px solid #fff000; background-color:#ffffaa;font-size:12px; }
ul{list-style:square;padding:0px; margin:0px 0px 0px 0px;}
ol{padding:0px; margin:0px 0px 0px 10px; }
li{margin: 0px 0px 0px 20px; padding: 0px 0px 0px 0px;}
table, tr, td {font-size:11px;}
.widget { display:block; }


#back {
	background: transparent;
}

/* Modern Browser exept mac ie \*/

#back {
	background-image: url(images/back.png);
	background-repeat: repeat-y;
	background-position: center;
}

/* IE6 IE5 */

* html #back {
	background: transparent;
	
}



#page {margin: 0px auto; padding: 20px 20px 20px 20px; width: 880px; background: #fff; overflow:hidden; text-align:left;}
#content-wrapper {clear:both; padding: 0px 0px 0px 0px; background: #; overflow:hidden;}
#content {margin:20px 0px 0px 0px; padding: 0px; float: left;width: 528px;overflow: hidden;font-size:12px;line-height:150%;}
#sidebar-wrapper {margin:20px 0px 0px 20px; float:left; width: 331px;background: #; overflow:hidden; }
#sidebar1 {padding: 0px 0px 0px 0px;float: left; width: 160px;overflow: hidden; }
#sidebar2 {padding: 0px 0px 0px 0px;float: right; width: 160px;overflow: hidden; }
#section-top {clear:both; padding: 10px 0px 0px 0px; background: #ffffff; overflow:hidden; margin: 0px 0px 0px 0px; }
#section-bottom {clear:both; padding: 10px 0px 0px 0px; background: #ffffff; overflow:hidden; margin: 10px 0px 10px 0px; border-top:5px solid #ccc;}
#footer {clear:both; background: url(images/navi1.png) repeat-x; margin: 0px; padding: 11px 10px; text-align:center;overflow:hidden; color:  #fff;font-size: 11px;font-family: Arial, Tahoma, Verdana; padding-top: 8px !important; padding-top: 4px;}

#header {overflow: hidden; font-size:11px; height:115px; display:block;width:880px;margin-left:0px;
}
#header h1 {border:none;font: bold 20px Arial, Tahoma, Verdana;padding:0px; margin:0px;height:0;}
#header h1 a, #navbar h1 a:visited {height:0;}
#header a, #header a:visited { text-decoration:none;height:0;}
#header p {padding: 0px;margin: 0px;height:0;}
#header .rsswidget {margin: 0px;padding: 0px; text-align:right;}
#header .rss {float:right;list-style-type: none;margin: 0px 0px 0px 10px;padding-left: 20px; background:url(images/rss.gif) no-repeat; }
#headerleft {width: 470px;float: left;margin: 0px;overflow:hidden;
background:url("images/top.jpg") no-repeat;
display:block;
text-indent:-9999;
height:0px; display:block;padding-top:107px;
}
#headerright {width: 390px;float: right;margin: 0px;text-align: right;overflow:hidden;font-size:11px;}
#headerimg {background: #eee ;width:880px;height: 176px;color: #000000;overflow: hidden; margin:5px 0px 0px 0px; }
#headerimg a {display:block; height:176px; }

#top1 {margin:10px 0px 0px 0px; padding-left:10px; background: #eee ; border: 1px solid #ccc;}
#top2 {margin:10px 0px 0px 0px; padding:10px; text-align:center; background: #eee; border: 1px solid #ccc;}

#topmenu {margin:10px 0px 0px 0px; padding:8px 10px; text-align:center; background: #aaf; border: 1px solid #ccc;}
#topmenu ul {margin:0px; padding:0px; }
#topmenu li {margin:0px 10px; padding:0px;display: inline;list-style-type: none; text-transform:uppercase; font-weight:bold; }
#topmenu li a {text-decoration:none;}

#navbar {background: url(images/navi1.png) repeat-x;width: 880px;height: 33px !important;height: 34px;color: #fff;margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px; border: 0px solid #ccc;}
#navbarleft {width: 800px;float: left;margin: 0px;padding: 0px 0px 0px 0px;}
#navbarright {width: 50px;float: right;margin: 0px;padding: 6px 0px 0px 0px;}
#navbarright img {border: none;margin: 0px 0px 0px 0px;padding: 0px;}
#nav {margin: 0px 0px 0px 15px;padding: 4px 0 0 0;list-style: none;}
#nav ul {margin: 0px;padding: 0px;list-style: none;}
#nav a {background: transparent;color: #fff;display: block;font-size: 12px;font-weight: bold;text-transform: uppercase;margin: 0px 10px 0px 0px;padding: 7px 5px 7px 5px !important; padding: 8px 5px 8px 5px ; text-decoration: none;}
#nav a:hover {background: #ff2;color: #24a;display: block;text-decoration: none;margin: 0px 10px 0px 0px;padding: 7px 5px 7px 5px !important; padding: 8px 5px 8px 5px ; text-decoration: none;}
#nav li.current_page_item a, #nav li.current-cat a { background: #ff2;color: #24a; }
#nav li {float: left;margin: 0px;padding: 0px;}
#nav li li {float: left;margin: 0px;padding: 0px;width: 200px;}
#nav li li a, #nav li li a:link, #nav li li a:visited {background: #24a;color: #fff; width: 200px;float: none;margin: 0px;padding: 8px 10px 8px 10px;border-top: 1px solid #666666;}
#nav li li a:hover, #nav li li a:active {background: #ff2;color: #24a;padding: 8px 10px 8px 10px; 	}
#nav li ul {position: absolute;width: 10em;left: -999em; z-index:10;}
#nav li:hover ul {left: auto;display: block;}
#nav li:hover ul, #nav li.sfhover ul {left: auto;}

#searchform3 {margin: 0px;padding: 0px;overflow: hidden;}
#searchbox3 {background: #EEEEEE;width: 140px;color: #202020;font-size: 11px;font-family: Arial, Tahoma, Verdana;padding: 3px;margin: 0px 5px 7px 0px;border-top: 1px solid #666666;border-right: 1px solid #DDDDDD;border-left: 1px solid #666666;border-bottom: 1px solid #DDDDDD;display: inline;height: 13px;}
.searchformbutton3 {margin:0;padding:0;border:0;vertical-align: top;}

#subscribeform {margin: 0px; }
#subscribeform br {display: none;}
#subscribeform #s2 {width: 202px;height: 15px;padding: 4px 5px 4px 5px;background: #fff;margin-right: 10px;color: #000000;font: bold 12px Arial, Helvetica, sans-serif; border:1px solid #000;}
#subscribeform input {	background: #b0c4de;border: none;width: 80px;height: 25px;font: bold 12px Arial, Helvetica, sans-serif;color: #000;vertical-align: middle; cursor:pointer; border:1px solid #000;}

#searchform {margin: 0px; }
#searchform br {display: none;}
#searchform #s {width: 202px;height: 15px;padding: 4px 5px 4px 5px;background: #fff;margin-right: 10px;color: #000000;font: bold 12px Arial, Helvetica, sans-serif; border:1px solid #000;}
#searchform input {	background: #b0c4de;border: none;width: 80px;height: 25px;font: bold 12px Arial, Helvetica, sans-serif;color: #000;vertical-align: middle; cursor:pointer; border:1px solid #000;}

/*search form */
#searchformtop {margin: 0px 0px 5px 10px; text-align:right;}
#searchformtop br {display: none;}
#searchformtop #stop {width: 200px;height: 12px;padding: 4px 5px 4px 5px;background: #fff;margin-right: 2px;color: #000000;font: bold 12px Arial, Helvetica, sans-serif; border:1px solid #000;}
/* search form button - to specify button only use input[type="submit"] */
#searchformtop input {	background: #09182A;border: none;width: 30px;height: 20px;font: bold 12px Arial, Helvetica, sans-serif;color: #FFFFFF;vertical-align: middle; cursor:pointer;}

#content .post, #content .breadcrumb {width:526px; float:left; display:block; color: #222; margin:0px; text-align:justify; clear:both; margin-bottom:10px; overflow:hidden;font-size:14px; line-height:150%;}
#content .breadcrumb a {text-decoration:none;}
.entry {padding: 0px 0px 5px 0px; text-align:justify;}

#content .sideless{width:900px;}

#content .post h2 {color:#24a;margin-bottom:20px;}
#content .post h3 {color:#24a;margin-bottom:20px;}
#content .post h4 {color:000;margin-bottom:10px;}

#content .postbox1 { padding:5px 10px; background: #ffffbb; border: 1px solid #ccc; margin-bottom:20px; width:506px; }
#content .postbox1 h1, #content .postbox1 h2,#content .postbox1 h3 { margin: 5px 0px 10px 0px; padding:0; border:none;color:#222;}


#content .postbox2 { padding:5px 10px; background: #eef; border: 1px solid #ccc; margin-bottom:10px; width:506px; }
#content .postbox2 h1, #content .postbox2 h2 ,{ margin: 5px 0px 10px 0px; padding:0; border:none;}


#content .postbox { padding:5px 10px; background: #eef; border: 1px solid #ccc; margin-bottom:10px; width:506px; }
#content .postbox h1, #content .postbox h2 { margin: 5px 0px 10px 0px; padding:0; border:none;}



#content .widget h3, #content .headtitle, #content h1.headtitle  {text-transform:uppercase;border-bottom:1px solid #ccc; font-family:Arial, Helvetica, sans-serif;font-size:12px;font-weight: bold;margin:0px 0px 5px 0px;padding: 5px 0px 8px 0px; }
#content .headtitle2 {text-transform:uppercase; font-family:Arial, Helvetica, sans-serif;font-size:12px;font-weight: bold;margin:0px 0px 5px 0px;padding: 5px 0px 5px 0px; }
#content .headtitle a, #content .headtitle a:visited {color:#036DA7;text-decoration:none;}
#content .headtitle a:hover {text-decoration: none; color:#FF0000;}

#content .postmeta { clear:both; font-family:Arial, Helvetica, sans-serif;font-size:11px;color:#999999; margin:0px; padding:0px; }
#content .postmeta a, #content .postmeta a:visited {text-decoration:none;color:#999999;  }
#content .postmeta a:hover {text-decoration:underline;color:#333333;  }

#content li a, #content .post li a, #content .widget li a {text-decoration:none;}
.post-tag {background: url(images/tag.gif) no-repeat;padding-left: 20px;float:left;color: #999999;margin-right:10px;}
.post-category {background: url(images/category.gif) no-repeat;padding-left: 20px;float:left;color: #999999;margin-right:10px;}
.post-comment {background: url(images/comment.gif) no-repeat;padding-left: 20px;float:left;color: #999999;margin-right:10px;}
.post-calendar {background: url(images/calendar.gif) no-repeat;padding-left: 20px;float: left;color: #999999;margin-right:10px;}
.post-author {background: url(images/author.gif) no-repeat;padding-left: 20px;float: left;color: #999999;margin-right:10px;}
.post-edit {background: url(images/edit.gif) no-repeat;padding-left: 20px;float: left;color: #999999;margin-right:10px;}
.post-nav {clear: both; margin:10px 0px;}
.post-nav a, .post-nav a:visited {text-decoration: none;}
.post-nav .previous a {float: left;padding-left: 20px;background: url(images/left.gif) no-repeat left center;}
.post-nav .next a {float: right;padding-right: 20px;text-align: right;background: url(images/right.gif) no-repeat right center;}

#content .navigation {clear: both;padding: 0; margin:10px 0px;}
#content .navigation a { text-decoration:none;}

#commentleft {width:155px;float:left;}
#commentright {width:330px;float:right;}
#comments, #respond {padding: 0px 0px 2px 0px;margin: 20px 0px 0px 0px;clear:both;text-transform:none;}
#commentform {margin-top: 10px;font: 110% Arial, Helvetica, sans-serif;}
#commentform label, #commentform label small{font-weight: normal;color:#668b9a;font-size: 100%;}
#commentform label span{font-weight: normal;}
#commentform input{width: 153px;background:#eee;border: 1px solid #ccc;padding: 3px;margin-top: 3px;}
#commentform textarea{width: 285px;height: 135px;background:#eee;border: 1px solid #ccc;padding: 2px;margin-top: 3px;}
#commentform .submitbutton {width: auto;padding: 4px 12px;font: bold 12px Arial, Helvetica, sans-serif;background: #eee;border: 1px solid #ccc;}
#commentform .submitbutton:hover {background: #000;color: #fff;cursor:pointer;}
#commentform textarea:focus, #commentform input[type="text"]:focus {background: #fff;}

#commentbox .commentlist {list-style:none;margin:0px 0px 15px;padding:0px;line-height: 130%;clear: both;}
#commentbox .commentlist p{margin: 10px 0px;}
#commentbox .commentlist li{margin: 10px 7px;padding:0px 0px 10px;background: url(images/thumb-hr.gif) no-repeat center bottom;}
#commentbox .gravatar {background: url(images/avatar-bg.gif) no-repeat;width: 58px;height:55px;margin-top: 3px;padding: 6px 0px 6px 6px;float:left;}
#commentbox .gravatar-author {background: url(images/avatar-bg-author.gif) no-repeat;width: 58px;height:70px;margin-top: 3px;padding: 6px 0px 6px 6px;float:left;}
#commentbox .gravatar img, #commentbox .gravatar-author img {border:solid 1px #000000;background-color: #FFFFFF; padding:0px; margin:0px;}
#commentbox .comment-entry {width: 440px;float:right;position:relative;}
#commentbox .comment-number {color: #CCCCCC;font-size: 20px;float:right;position: absolute;top: 5px;right: 5px;}
#commentbox .comment-number a {color: #CCCCCC;text-decoration: none;}
#commentbox .comment-number a:hover {color: #999999;text-decoration: none;}
#commentbox .commentlist cite {font: 150% Tahoma, "Trebuchet MS", Arial;}
#commentbox .commentlist cite a, #commentbox .commentlist cite a:visited{text-decoration:none;}
#commentbox .commentlist cite a:hover{text-decoration:none;}
#commentbox a {text-decoration: none;}

#sidebar-wrapper .sidebartop { margin:0px 0px 20px 0px; padding:10px; width: 309px; background: #eef; border: 1px solid #ccc; float:left;line-height:120%;}
#sidebar-wrapper .sidebartop  h3 {text-transform:uppercase;border-bottom:1px solid #000000; font-family:Arial, Helvetica, sans-serif;font-size:12px;font-weight: bold;margin:0px 0px 5px 0px;padding: 0px 0px 8px 2px; }
#sidebar-wrapper .sidebartop ul{padding: 0;margin: 0;}
#sidebar-wrapper .sidebartop ul li{list-style:square; margin: 0px 0px 0px 20px; padding: 0px 0px 0px 0px; background:none;line-height:150%;}
#sidebar-wrapper .sidebartop a, #sidebar-wrapper .sidebartop ul li a, #sidebar-wrapper .sidebartop ul li a:visited{text-decoration:none;}
#sidebar-wrapper .sidebartop a:hover, #sidebar-wrapper .sidebartop ul li a:hover{color:#FF0000; text-decoration:none;}
#sidebar-wrapper .sidebartop ul li ul li{list-style:square; margin: 0px 0px 0px 20px; padding: 0px 0px 0px 0px;}
#sidebar-wrapper .widget_calendar td {padding: 0px 12px;}

#sidebar1 h3 {text-transform:uppercase;border-bottom:1px solid #000000; font-family:Arial, Helvetica, sans-serif;font-size:12px;font-weight: bold;margin:0px 0px 5px 0px;padding: 4px 0px 8px 5px; line-height:100%;}
#sidebar1 ul {padding: 0;margin: 0; list-style-type:none;}
#sidebar1 ul li{margin: 0px 0px 10px 0px; }
#sidebar1 ul li ul{padding: 0;margin: 0;}
#sidebar1 ul li ul li{list-style:square; margin: 0px 0px 0px 20px; padding: 0px 0px 0px 0px; background:none;}
#sidebar1 ul li ul li a, #sidebar1 ul li ul li a:visited{text-decoration:none;}
#sidebar1 ul li ul li a:hover{color:#FF0000; text-decoration:none;}
#sidebar1 ul li ul li ul li{list-style:square; margin: 0px 0px 0px 20px; padding: 0px 0px 0px 0px;}
#sidebar1 select { border:1px solid #cccccc; padding:4px; width:157px; font: normal 11px Arial, Helvetica, sans-serif;}
#sidebar1 .widget_calendar td {padding: 0px;}

#sidebar1{margin-top:2px;}

#sidebar2 h3 {text-transform:uppercase;border-bottom:1px solid #000000; font-family:Arial, Helvetica, sans-serif;font-size:12px;font-weight: bold;margin:0px 0px 5px 0px;padding: 4px 0px 8px 5px; }
#sidebar2 ul {padding: 0;margin: 0; list-style-type:none;}
#sidebar2 ul li{margin: 0px 0px 10px 0px;line-height:150%;}
#sidebar2 ul li ul{padding: 0;margin: 0;}
#sidebar2 ul li ul li{list-style:square; margin: 0px 0px 0px 20px; padding: 0px 0px 0px 0px;}
#sidebar2 ul li ul li a, #sidebar2 ul li ul li a:visited{text-decoration:none;}
#sidebar2 ul li ul li a:hover{color:#FF0000; text-decoration:none;}
#sidebar2 ul li ul li ul li{list-style:square; margin: 0px 0px 0px 20px; padding: 0px 0px 0px 0px;}
#sidebar2 select { border:1px solid #cccccc; padding:4px; width:157px; font: normal 11px Arial, Helvetica, sans-serif;}
#sidebar2 .widget_calendar td {padding: 0px;}

.section4-left {float:left; width:200px; overflow:hidden;}
.section4-right {float:right; width:200px; overflow:hidden;}
.separator4 {margin-right:24px;}
#section-top .widget, #section-bottom .widget {margin-bottom:10px;}
#section-top h3, #section-bottom h3 {text-transform:uppercase;border-bottom:1px solid #000000; font-family:Arial, Helvetica, sans-serif;font-size:12px;font-weight: bold;margin:0px 0px 5px 0px;padding: 4px 0px 8px 0px; }
#section-top select, #section-bottom select { border:1px solid #cccccc; padding:4px; width:197px; font: normal 11px Arial, Helvetica, sans-serif;}
#section-top ul, #section-bottom ul{list-style:none;padding:0px;margin:0px 0px 5px;}
#section-top  li, #section-bottom  li{border-bottom: #ccc 1px dotted;line-height: 130%;list-style:none;padding: 0;margin: 0;}
#section-top  li a, #section-bottom  li a{text-decoration: none;padding: 4px 0px 4px 2px;display:block;}
#section-top  li a:visited, #section-bottom  li a:visited {text-decoration: none;}
#section-top  li a:hover, #section-bottom  li a:hover{text-decoration: none;background-color:#eee;color:#FF0000;}

#footer a, #footer a:visited {color:  #fff;text-decoration: none;}
#footer a:hover {text-decoration: underline;}

.content2{float:left; width:200px; overflow:hidden;margin-bottom:5px;}

.content2-right2 {float:right; width:290px; overflow:hidden;margin-bottom:5px;}

.content2-left {float:left; width:255px; overflow:hidden;margin-bottom:5px;}
.content2-right {float:right; width:255px; overflow:hidden;margin-bottom:5px;}
.postbox .content2-right {float:right; width:235px; overflow:hidden;margin-bottom:5px;}
.content3-left {float:left; width:163px; overflow:hidden; margin-bottom:5px;}
.content3-right {float:right; width:163px; overflow:hidden;margin-bottom:5px;}
.content3-separator {margin-right:20px;}
.hseparator {margin-top:10px;}

.thumbleft {	float: left;width: 70px;margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;}
.thumbright {float: right;width: 175px;margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;}
.thumbleft p, .thumbright p {margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;}
.thumbleft img, .thumbright img {margin: 5px 0px 0px 0px;padding: 0px 0px 0px 0px;}
.thumbmeta {	clear: both;font-size: 11px;padding: 0px 0px 5px 0px;margin: 0px 0px 10px 0px;border-bottom: 1px dotted #C0C0C0;font-weight: bold;}



.content2 h2.magz-gallery-title, .content2 h2.magz-gallery-title, {text-transform:uppercase;border:none; font-family:Arial, Helvetica, sans-serif;font-size:12px;font-weight: bold;margin:5px 0px 5px 1px;padding: 0; }

.content2 a.crop-foto, {display:block;overflow:hidden;position:relative;  width: 206px;height: 286px;padding: 0; margin:0; border:2px solid #999999;}
.content2 a.crop-foto img,{display:block;position:absolute; width: 200px;height: 282px; padding: 0; margin:3px;}
.content2 a.crop-foto:hover, {border:10px solid #999999;width: 190px;height: 272px;}
.content2 a.crop-foto:hover img,  {margin:-5px 0 0 -5px;}





.content2-left h2.magz-gallery-title, .content2-right h2.magz-gallery-title, .content3-left h2.magz-gallery-title, .content3-right h2.magz-gallery-title {text-transform:uppercase;border:none; font-family:Arial, Helvetica, sans-serif;font-size:12px;font-weight: bold;margin:5px 0px 5px 1px;padding: 0; }

.content2-left a.crop-foto, .content2-right a.crop-foto  {display:block;overflow:hidden;position:relative;  width: 251px;height: 156px;padding: 0; margin:0; border:2px solid #999999;}
.content2-left a.crop-foto img,.content2-right a.crop-foto img {display:block;position:absolute; width: 245px;height: 150px; padding: 0; margin:3px;}
.content2-left a.crop-foto:hover, .content2-right a.crop-foto:hover {border:10px solid #999999;width: 235px;height: 140px;}
.content2-left a.crop-foto:hover img, .content2-right a.crop-foto:hover img {margin:-5px 0 0 -5px;}

.content3-left a.crop-foto, .content3-right a.crop-foto  {display:block;overflow:hidden;position:relative; width: 158px;height: 116px; padding: 0; margin:0; border:2px solid #999999;}
.content3-left a.crop-foto img,.content3-right a.crop-foto img {display:block;position:absolute; width: 153px;height: 110px; padding: 0; margin:3px;}
.content3-left a.crop-foto:hover, .content3-right a.crop-foto:hover {border:10px solid #999999;width: 143px;height: 100px;}
.content3-left a.crop-foto:hover img, .content3-right a.crop-foto:hover img {margin:-5px 0 0 -5px;}


.content3-left a.crop-foto2, .content3-right a.crop-foto2  {display:block;overflow:hidden;position:relative; width: 158px;height: 206px; padding: 0; margin:0; border:2px solid #999999;}
.content3-left a.crop-foto2 img,.content3-right a.crop-foto2 img {display:block;position:absolute; width: 153px;height: 200px; padding: 0; margin:3px;}
.content3-left a.crop-foto2:hover, .content3-right a.crop-foto2:hover {border:10px solid #999999;width: 143px;height: 190px;}
.content3-left a.crop-foto2:hover img, .content3-right a.crop-foto2:hover img {margin:-5px 0 0 -5px;}


/* alignments */
.center {text-align: center;}
img.center, img[align="center"] {display: block;margin-left: auto;margin-right: auto;}
.alignleft {float: left;}
img.alignleft, img[align="left"] {float:left;margin: 2px 10px 5px 0px;}
.alignright {float: right;}
img.alignright, img[align="right"] {float:right;margin: 2px 0px 5px 10px;}
.clear {clear:both;}
hr.clear {clear:both;visibility: hidden;margin: 0px;padding: 0px;height:0px;}

pre{background:#F7F7F7;border:1px solid #D5D5D5;line-height:100%;overflow:auto;padding:10px; font-size:100%;}
pre code{font-family:"Courier New", Courier, monospace;}
code{font-family:"Courier New", Courier, monospace;font-size:100%;}
pre:hover {border:1px solid #000;}