/* UNCATEGORIZED MUMBOJUMBO
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.clear {
	clear:both;
}

img {
	border: 0;
}

html, body, form, fieldset {
	margin: 0;
	padding: 0;
}


/* TYPOGRAPHY
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

body {
  	font: 77%/1.4 Verdana, Helvetica, Arial, sans-serif;
  	background:#363636 url(http://modmyi.com/forums/images/styles/modmyi/style/bodyBg.png) repeat-x;
  	height:100%;
  	color: #c0c0c0;
}

a, a:visited {
	text-decoration:none;
	color: #8FCFFF;
}

a:hover, a:active {
	text-decoration:underline;
	color: #8FCFFF;
}


/* HEADER
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.wrapper {
	width:99%;
	margin:0 auto
}


#logo {
	float:left;
	width:270px;
	height:85px;
	padding-top:33px;
}

#sponsors {
	position: absolute;
	right: 10px;
	margin-left:270px;
	height:108px;
	text-align:right;
	padding-top:10px;
}

#sponsors img {
	border:3px solid #406a9e;
}


/* NAV
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.nav {
	height:45px; 
	margin-top:10px; 
	margin-right:310px;
	}
.nav li {
	list-style:none; 
	margin:0; 
	padding:0; 
	float:left; 
	height:45px; 
	padding: 0 0 0 0px;
	}
.nav a{
	display: block; 
	float: left; 
	color: #404040; 
	background-image: url(http://modmyi.com/forums/images/styles/modmyi/style/linkBg.png); 
	background-repeat: no-repeat; 
	background-position: 100% 0; 
	height:39px; 
	text-decoration:none; 
	cursor: pointer; 
	font-weight:bold; 
	line-height:34px; 
	padding: 0px 0px 0px 0px;
	}
.nav a:hover, .nav a.hover {
	background-position: 100% -39px; 
	text-decoration: none; 
	color:#fbfbfb;
	}

/* HOVERLIST
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.hoverContent {
	top:190px; 
	padding:16px 0; 
	z-index:2; 
	position: absolute; 
	width:900px; 
	height:215px; 
	display:none;
	}
	
.hoverContent ul {
	float:left; 
	width:300px; 
	padding:0 20px; 
	border-left:1px dotted #ddd;
	list-style-type: none;
	}
	
.hoverContent ul.awesome {
	border-left:none; 
	width:150px;
	list-style-type: none;
	}
	
.hoverContent li,
.hoverContent a,
.hoverContent a:hover {
	display:block; 
	color:#fff; 
	font-weight:bold; 
	line-height:16px; 
	text-decoration:none;
	}
	
.hoverContent a {
	padding:0 5px;
	}
	
.hoverContent a:hover {
	color:#fff; 
	background:#82a6ca;
	}
	
.hoverContent strong {
	display:block; 
	font-size:16px; 
	padding-left:5px; 
	margin-bottom:7px;
	}
	
#hoverBackground {
	position:absolute; 
	top:190px; 
	width:880px;
	height:215px; 
	padding:8px; 
	background:/*#2362a3 #4A5057*/ #546789; 
	z-index:1; 
	opacity:.95; 
	display:none;
	}
	
#strap img {
	margin-top: 10px;
	}


/* SUBNAV
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#topNav {
	float:right;
	background:transparent url(http://modmyi.com/forums/images/styles/modmyi/style/topNav.png) no-repeat;
	width:350px;
	height:23px;
	padding-left:50px;
	line-height:20px;
}

#topNav a{
	display:block;
	float:left;
	color: #fff;
	padding-left:15px;
	text-decoration:none;

}

#topNav a.current {
	color: #8FCFFF;
}

#topNav a:hover {
	text-decoration:underline;
}


/* CONTENT
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#rightCol {
	float:left;
	width:180px;
	height:100%;
	margin-bottom:7px;
	margin-top:7px;
	color: #b0b0b0;
}

#rightCol div.adspace {
	text-align:center;
}

#rightCol div.adspace img{
	border:3px solid #406a9e;
}

#mainContent {
	height:100%;
	margin: 7px 0 7px 190px;
	color: #b0b0b0;
}


/* SUBCONTENT
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.welcomeBL {
	background:url(http://modmyi.com/forums/images/styles/modmyi/style/welcomeBL.png) no-repeat bottom left;
}

.welcomeBR {
	background:url(http://modmyi.com/forums/images/styles/modmyi/style/welcomeBR.png) no-repeat bottom right;
}

.welcomeTL {
	background:url(http://modmyi.com/forums/images/styles/modmyi/style/welcomeTL.png) no-repeat;
}

.welcomeTR {
	background:url(http://modmyi.com/forums/images/styles/modmyi/style/welcomeTR.png) no-repeat top right;
	padding:10px;
	color: #c0c0c0;
}

#welcomeMember {
	padding:3px 0 3px 5px;
}

#welcomeMember form {
	display:inline;
}

#welcomeMember table {
	margin-top:4px;
}

#welcomeMember td {
	height:24px;
	margin-top:4px;
	padding-left:4px;
}

#welcomeMember td.inputRight {
	height:24px;
	background: url(http://modmyi.com/forums/images/styles/modmyi/style/inputRight.png) no-repeat;
	width:12px;
	margin-top:4px;
	background-position: 0 4px;
	padding:0px;
}

#welcomeMember td input.bginput {
	height:24px;
	background: url(http://modmyi.com/forums/images/styles/modmyi/style/inputBg.png) no-repeat;
	border:0;
	margin-top:4px;
	width:114px;
	color:#fff;
	padding-left:7px;
}

#welcomeRight {
	width:300px;
	float:right;
	height:100%;
	min-height:300px;
}

#welcomeLeft {
	margin-right:300px;
	height:100%;
	min-height:300px;
}

#loginBg {
	background:#333 url(http://modmyi.com/forums/images/styles/modmyi/style/loginBg.png) no-repeat;
	height:78px;
}

/* TABS
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

ul#forumtabs {
	list-style:none;
	margin:0;
	padding:0;
	background:url(http://modmyi.com/forums/images/styles/modmyi/style/tabsBg.png) no-repeat top right;
	height:30px;
}

ul#forumtabs li {
	float:left;
	height:30px;
}

ul#forumtabs a#iphone {
	display:block;
	height:30px;
	width:96px;
	text-indent:-9999px;
	background:url(http://modmyi.com/forums/images/styles/modmyi/style/iphone.png) no-repeat;
}

ul#forumtabs a#iphone:hover {
	background-position: 0 -30px;
}

ul#forumtabs a#ipod {
	display:block;
	height:30px;
	width:77px;
	text-indent:-9999px;
	background:url(http://modmyi.com/forums/images/styles/modmyi/style/ipod.png) no-repeat;
}

ul#forumtabs a#ipod:hover {
	background-position: 0 -30px;
}

ul#forumtabs a#mac {
	display:block;
	height:30px;
	width:77px;
	text-indent:-9999px;
	background:url(http://modmyi.com/forums/images/styles/modmyi/style/mac.png) no-repeat;
}

ul#forumtabs a#mac:hover {
	background-position: 0 -30px;
}

ul#forumtabs a#mmi {
	display:block;
	height:30px;
	width:77px;
	text-indent:-9999px;
	background:url(http://modmyi.com/forums/images/styles/modmyi/style/mmi.png) no-repeat;
}

ul#forumtabs a#mmi:hover {
	background-position: 0 -30px;
}

ul#forumtabs li#tabsEnd {
	line-height:30px;
	color:#fff;
	padding-left:40px;
}

/* FOOTER
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#mainFooter {
	background:#4d4d4d url(http://modmyi.com/forums/images/styles/modmyi/style/footerBg.png) repeat-x;
	clear:both;
	width:100%;
	min-height:200px;
	font-size: 0.9em;
}

#footerContent {
	margin-right:50px;
	padding-top:25px;
}

#footerContent img {
	width:200;
	height:42px;
	float:left;
}

#footerContent div {
	margin-left:220px;
	height:70px;
}

#footerContent a {
	color: #fff;
}

#footerContent a:hover {
	font-weight:bold;
}


/* FORMS
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#topSearch {
	width:300px;
	float:right;
	height:23px;
	margin-top:14px;
}

#field {
	width:187px;
	height:23px;
	float:right;
}

#field input {
	height:21px;
	border:0;
	padding:0;
	background:url(http://modmyi.com/forums/images/styles/modmyi/style/topSearch.png) no-repeat;
	color:#777;
	padding:2px 20px 0px 2px;
	width:165px;
}

#submit {
	width:55px;
	height:23px;
	margin-left:2px;
	float:right;
}

#submit input {
  	width: 55px;
  	height: 23px;
  	margin: 0;
  	padding: 0;
  	border: 0;
  	background: transparent url(http://modmyi.com/forums/images/styles/modmyi/style/search.png) no-repeat center top;
  	cursor: pointer; /* hand-shaped cursor */
  	cursor: hand; /* for IE 5.x */
}