/* modules.css, Copyright (C) 2007 - 2010 YOOtheme GmbH */

/*

 * module headers

 */



.module h3.header {

	margin: 0px 0px 7px 0px;

	color: #5D5D57;

	font-size: 16px;

	line-height: 24px;

	font-weight: bold;

	text-transform: uppercase;

	text-shadow: 0 1px 0 rgba(255,255,255,1);

}



.module span.header-2,

.module span.header-3 { display: block; }



 

.module h3.header span.title {

	display: block;

	text-indent: 1px;

	font-size: 9px;

	line-height: 14px;

	font-weight: normal;

	letter-spacing: 1px;

	text-transform: none;

}



.module h3.header span.subtitle {

	display: block;

	margin-top: -2px;

	line-height: 16px;

	font-size: 16px;

	font-weight: bold;

	letter-spacing: 0px;

	text-indent: 1px;

	text-transform: uppercase;

}



/*

 * space between modules

 */



#left .module,

#right .module,

#contentleft .module,

#contentright .module { margin-bottom: 20px; }



#left div.last,

#right div.last,

#contentleft div.last,

#contentright div.last { margin-bottom: 0px; }



#top .topblock .module { margin-bottom: 0px;margin-top:-27px; margin-bottom:-27px;}

#bottom .bottomblock .module {  }



/*

 * header module positions

 */



#headerbar .left .module {

	margin-right: 15px;

	float: left;

}



#headerbar .right .module {

	margin-left: 15px;

	float: right;

}



/*

 * badge styles

 */

 

div.module { position: relative; }

 

div.module div.badge {

	position: absolute;

	top: 0px;

	right: 0px;

	width: 39px;

	height: 39px;

	background: url(../images/module_badges.png) 0 0 no-repeat;

	overflow: hidden;

	z-index: 1;

}

 

div.module div.badge-hot { background-position: 0 0; }

div.module div.badge-top { background-position: 0 -40px; }

div.module div.badge-pick { background-position: 0 -80px; }

div.module div.badge-new { background-position: 0 -120px; }



/*

 * icon styles

 */

 

div.module h3.header span.icon {

	display: block; 

	position: relative;

	left: 0px;

	margin-right: 3px;

	width: 32px;

	height: 30px;

	background: url(../images/module_icons.png) 0 0 no-repeat;

	overflow: hidden;

	float: left;

}



div.module h3.header span.icon-feed { background-position: 0 0; }

div.module h3.header span.icon-download { background-position: 0 -30px; }

div.module h3.header span.icon-twitter { background-position: 0 -60px; }

div.module h3.header span.icon-mail { background-position: 0 -90px; }

div.module h3.header span.icon-message { background-position: 0 -120px; }

div.module h3.header span.icon-users { background-position: 0 -150px; }

div.module h3.header span.icon-shopping { background-position: 0 -180px; }

div.module h3.header span.icon-lock { background-position: 0 -210px; }



/*

 * module: blank

 */

 

div.mod-blank { 

	margin: 0px 0px 0px 0px;

	overflow: hidden;

}



div.mod-blank h3.header span.icon { top: -3px; }



/* bottom2 position */

#bottom2 div.mod-blank { color: #ffffff; }

#bottom2 div.mod-blank h3.header {

	color: #ffffff;

	text-shadow: 0 1px 0 rgba(0,0,0,0.3);

}



/*

 * module: dropdown

 */



#menu ul.mod-dropdown {

	padding-left: 0px;

	background: none;

}



#menu .mod-dropdown .module {

	padding: 5px;

	overflow: hidden;

}



#menu .mod-dropdown .dropdown { width: 300px; }



/*

 * module: headerbar

 */



div.mod-headerbar { overflow: hidden; }



div.mod-headerbar div.box-1 {

	font-size: 20px;

	line-height: 25px;

	text-align: center;

	text-shadow: 0px 1px 0 rgba(255, 255, 255, 1);

}



/*

 * module: box

 */

 

div.mod-box div.box-1 {

	# margin: 0px 10px 0px 10px;

	# padding: 1px;
	margin-left:67px;

	background: #000;
	width:994px;

}



div.mod-box div.box-2 {

	padding: 0px;

	

	overflow: hidden;

}



div.mod-box h3.header span.icon { top: -5px; }

div.mod-box div.badge { right: 10px; }



/* bottom2 position */

#bottom2 div.mod-box div.box-1 { border-color: #94938B; }

#bottom2 div.mod-box em.box { 

	border: 1px dotted #aaaaaa;

	background: #ffffff;

}



/* color: ribbon */

div.mod-box-ribbon div.box-2 { padding-top: 48px; }



div.mod-box-ribbon h3.header {

	position: absolute;

	top: 10px;

	left: 0px;

	right: 0px;

	z-index: 1;

	margin-bottom: 0px;

	background: url(../images/module_box_header_bg.png) 0 0 no-repeat;

}



div.mod-box-ribbon span.header-2 {

	padding: 0px 10px 0px 10px;

	background: url(../images/module_box_header_bg.png) 100% -50px no-repeat;

}



div.mod-box-ribbon span.header-3 {

	height: 40px;

	padding-left: 10px;

    padding-bottom: 0px;

	overflow: hidden;

	background: url(../images/module_box_header_bg.png) 0 -100px repeat-x;

	color: #ffffff;

	font-size: 18px;

	line-height: 30px;

	text-shadow: 0 0 2px rgba(120,70,0,0.7);

}



div.mod-box-ribbon h3.header span.icon { top: -1px; }

div.mod-box-ribbon div.badge { top: 39px; right: 10px; }



/* color: dark */

div.mod-box-dark div.box-1 {

	border: 1px solid #000000;

	background: #555248;

}



div.mod-box-dark div.box-2 {

	color: #ffffff;

	background: #2B2B24;

}



div.mod-box-dark h3.header { 

	color: #ffffff;

	text-shadow: 1px 2px 0 rgba(0,0,0,1);

}



div.mod-box-dark em.box { 

	border: 1px dotted #aaaaaa;

	background: #000000;

}



/*

 * module: headline

 */

 

div.mod-headline { 

	margin: 0px 10px 0px 10px;

	overflow: hidden;

}



div.mod-headline h3.header {

	font-size: 40px;

	line-height: 40px;

	color: #DBDBD2;

	text-shadow: 0 1px 0 rgba(255,255,255,1), 0 -1px 0 rgba(0,0,0,0.2);

	letter-spacing: -3px;

}



div.mod-headline h3.header span.title {

	font-size: 40px;

	line-height: 40px;

	font-weight: bold;

	letter-spacing: -3px;

	text-transform: uppercase;

}



div.mod-headline h3.header span.subtitle { 

	margin-top: 0px;

	font-size: 18px;

	line-height: 20px;

	font-style: italic;

	font-weight: normal;

	text-transform: none;

}



div.mod-headline h3.header span.icon { top: 10px; }



/* menu */

div.mod-menu-headline div.box-1 { padding: 0px; }



/*

 * module: stamped

 */

 

div.mod-stamped { margin: 0px 10px 0px 10px; }



div.mod-stamped div.box-1 {

	padding: 9px 10px 9px 10px;

	border-top: 1px solid #DDDCD4;

	border-bottom: 1px solid #ffffff;

	background: #E9E8DF;

	overflow: hidden;

}



div.mod-stamped h3.header span.icon { top: -4px; }



/* bottom2 position */

#bottom2 div.mod-stamped div.box-1 {

	border-top-color: #85847D;

	border-bottom-color: #C0BEB7;

	background: #94938B;

	color: #ffffff;

}



#bottom2 div.mod-stamped h3.header {

	color: #ffffff;	

	text-shadow: 0 1px 1px rgba(0,0,0,0.4);

}



/*

 * module: polaroid

 */



div.mod-polaroid { margin: 0px 10px 0px 10px; }



div.mod-polaroid div.badge-tape {

	position: absolute;

	top: -13px;

	left: 50%;

	width: 114px;

	height: 38px;

	margin-left: -57px;

	background: url(../images/module_polaroid_tape.png) 0 0 no-repeat;

	z-index: 1;

}



div.mod-polaroid div.box-1 {

	margin-top: 13px;

	padding: 10px 10px 5px 10px;

	border-top: 1px solid #C8C8C8;

	border-left: 1px solid #C8C8C8;

	border-right: 1px solid #C8C8C8;

	background: #ffffff url(../images/module_polaroid_bg.png) 0 100% repeat-x;

	overflow: hidden;

}



div.mod-polaroid div.box-2 {

	margin-bottom: 5px;

	background: #000000;

}



div.mod-polaroid div.box-3 {

	padding: 10px 15px 10px 15px;

	overflow: hidden;

	font-family: "Comic Sans MS", "Trebuchet MS", Arial, Helvetica, sans-serif;

	font-style: italic;

	color: #C8C8C8;

}



div.mod-polaroid div.box-b1 {

	background: url(../images/module_polaroid_shadows.png) 0 0 no-repeat;

}



div.mod-polaroid div.box-b2 {

	padding: 0px 70px 0px 70px;

	background: url(../images/module_polaroid_shadows.png) 100% -5px no-repeat;

}



div.mod-polaroid div.box-b3 {

	height: 5px;

	background: url(../images/module_polaroid_shadows.png) 0 -10px repeat-x;

}



div.mod-polaroid h3.header {

	height: 25px;

	margin: 0px 0px 0px 0px;

	line-height: 25px;

	text-align: center;

	letter-spacing: -1px;

	font-family: "Comic Sans MS", "Trebuchet MS", Arial, Helvetica, sans-serif;

	font-style: italic;

	font-weight: normal;

	color: #323232;

	text-shadow: none;

}



#left div.mod-polaroid,

#right div.mod-polaroid,

#contentleft div.mod-polaroid,

#contentright div.mod-polaroid { margin-top: 30px; }



/*

 * module: postit

 */



div.mod-postit { margin: 0px 10px 0px 10px; }



div.mod-postit div.box-1 {

	background: #FFFFAA;

	color: #323232;

}



div.mod-postit div.box-2 {

	padding: 15px 15px 0px 15px;

	overflow: hidden;

	font-family: "Comic Sans MS", "Trebuchet MS", Arial, Helvetica, sans-serif;

	font-style: italic;

}



div.mod-postit div.box-b1 {

	background: url(../images/module_postit_shadows.png) 0 0 no-repeat;

}



div.mod-postit div.box-b2 {

	padding: 0px 90px 0px 60px;

	background: url(../images/module_postit_shadows.png) 100% -40px no-repeat;

}



div.mod-postit div.box-b3 {

	height: 40px;

	background: url(../images/module_postit_shadows.png) 0 -80px repeat-x;

}



div.mod-postit h3.header {

	height: 30px;

	margin: -15px -15px 5px -15px;

	background: #FFFFDA;

	line-height: 30px;

	text-indent: 15px;

	letter-spacing: -1px;

	font-family: "Comic Sans MS", "Trebuchet MS", Arial, Helvetica, sans-serif;

	font-style: italic;

	font-weight: normal;

	color: #323232;

	text-shadow: none;

}
.landing
{
background:url('../images/sproles.png') no-repeat;
margin:0px;
position:absolute;

}
div.style-mod
{
	background:url("../../../images/bottom_bg.png")no-repeat;
	height:220px;
}
div.style-mod div.box1
{
	padding:20px;
}
.flashmenu
{
width:1000px;
}