/* 
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

WoW THEME

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

/* =RESET */
html, body, form, fieldset{ margin: 0;padding: 0; }h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, dl, address{ margin:0;padding: 0; }a img, :link img, :visited img {border: 0;}input, select, textarea{ font-size:1em; }label input {border: 0;}dd, blockquote	{margin-left: 1em;}form label {cursor: pointer;}fieldset	{border: none;}textarea {font-size:1.2em;font-family:arial,helvetica,sans-serif;}ol, ul, ul li {list-style: none;}table {border-collapse: collapse;border-spacing: 0;}blockquote, q {quotes: none;}:focus {outline: 0;}ins {text-decoration: none;}del {text-decoration: line-through;}iframe {margin: 0 !important; padding: 0 !important;}

/* =TYPOGRAPHY */
body { font: 13px/1.231 "Lucida Grande", "Lucida Sans Unicode",helvetica,clean,sans-serif;
}   /* IE */
html > body   {  }  /* Other browsers */
h1,h2,h3,h4,h5,h6 { font-family: "Lucida Grande", "Lucida Sans Unicode",helvetica,clean,sans-serif;color:#111; clear:both; }
h1 { font-size: 3em; }
h2 { font-size: 2em; }
h3 { font-size: 1.5em; line-height:2; }
h4 { font-size: 1.2em; line-height:1.25; font-weight:bold; }
h5 { font-size: 1em; font-weight:bold; }
h6 { font-size: 1em; }
p           { margin: 0 0 1.5em 0; text-align:left; }
p.last      { margin-bottom:0; }
p img.left  { float: left; margin: 1.5em 1.5em 1.5em 0; padding:0; }
p img.top   { margin-top:0; } /* Use this if the image is at the top of the <p>. */
ul, ol      { margin: 0 0 10px 1.5em; }
ol          { list-style-type: decimal; }
ol li       { margin-left: 20px; }
dl          { margin: 1.5em 0; }
dl dt       { font-weight: bold; }
a           { color: #457ca5; text-decoration: none; outline: none; }
a:visited   { color: #919191;}
a:hover     { text-decoration: underline;}
blockquote  { margin: 1.5em 0 1.5em 1.5em; color: #666; font-style: italic; }
strong      { font-weight: bold; }
em          { font-style: italic; }
pre         { margin-bottom: 1.3em; background: #eee; border:0.1em solid #ddd; padding:1.5em; white-space: nowrap; }
code        { font:0.9em Monaco, monospace; }
hr {background: #ddd; color: #ddd; clear: both; float: none; width: 100%; height: 0.1em; margin: 1em 0 1.4em 0; border: none; _margin: 0 0 1.2em 0; }
table   { margin-bottom: 1.4em;}
th,td   { }
th      { font-weight:bold; }
label     { font-weight: normal; }
textarea  { height: 180px; width: 300px; }
p.small   { font-size: 0.8em; margin-bottom: 1.875em; line-height: 1.875em; }
p.large   { font-size: 1.2em; line-height: 2.5em; }
p.quiet   { color: #666; }
p.sponsored{ background:#ffffee; font-size:.9em; padding: 12px; margin: 0 0 3px; line-height: 1.4em; clear: both;}

#iframeDiv{
clear:left;
border:1px solid #ccc;
height: 365px;
width:516px;
*width:530px;
left: 50%;
display:none;
&nbsp;&nbsp;&nbsp; margin-left: -258px;
top:145px;
overflow:hidden;
z-index:4999;
position:absolute;
text-align:left;
z-index: 10000;
}

/* =CAROUSEL */
#content .carousel	{position: relative; width:652px;height:169px;padding: 0;overflow: hidden;  border-left:  solid black 1px;}
#content .carousel-inner {padding: 7px 0 0 6px;}
#content .carousel ul 	{overflow:hidden;margin:0;padding:0;position:relative;}
#content .carousel li 	{width:160px; height:155px; list-style: none; margin: 0; padding: 0; position: relative;float: left; overflow: hidden; background: transparent;}
#content .carousel li a		{color: #99CCFF; outline:0; display: block; height: 154px; text-decoration: none; padding:  5px 0 0 5px; _float: left; font-size: 12px;}
#content .carousel li a:hover { color: #f6df41;text-decoration: none;}
#content .carousel li a img	{width: 148px; margin: 0; border: 1px solid #666;}
#content .carousel li a:hover img { border-color: #f6df41; }
#content .carousel li a span {display: block;padding: 5px 1px 5px;line-height: 1.3em;}

/* =LAYOUT  */
body {
line-height: 1.5;
color: #444;
text-align: center;
margin:0;

/* Background gradient */
background-color: #010717;
/* causing issues with Chrome mac
background-image: -webkit-gradient(radial, 50% 100%,100,50% -50%,100, from(rgb(0, 1, 5)), to(rgb(0, 14, 40)));
background-image: -webkit-radial-gradient(50% 0%, rgb(0, 14, 40), rgb(0, 1, 5));
background-image: -moz-radial-gradient(50% 0%, rgb(0, 14, 40), rgb(0, 1, 5));
background-image: -o-radial-gradient(50% 0%, rgb(0, 14, 40), rgb(0, 1, 5));
background-image: -ms-radial-gradient(50% 0%, rgb(0, 14, 40), rgb(0, 1, 5));
background-image: radial-gradient(50% 0%, rgb(0, 14, 40), rgb(0, 1, 5)); 
*/
}
body body {
background: transparent; margin: 0; padding: 0;
}
#container {
position: relative;
width: 982px; /* total width */
margin: 0 auto;
text-align: left; 
}
#main {
background: #000;
position: relative;
clear: both;
width: 982px;
padding-bottom: 1em;
zoom: 1;
_border:0
}
#subcontent {
position: relative;
margin-bottom: 20px;
_margin-left: 0;
_margin-top: 0;
_display: inline;
_overflow:hidden;
width: 322px;
padding: 14px 4px;
float: right;
}
#content {
width: 650px;
_display: inline;
float: left;
clear: both;
padding: 0;
_overflow-x: hidden;
color: #222;
}

#content-inner {
padding: 0 10px;
background: #000;
}
#content-inner #incontent {
	background: #ececec url(http://www.blogsmithmedia.com/wow.joystiq.com/media/wow-top-post.jpg) no-repeat;
	padding: 20px;
	margin-top: 5px;
}
#content-inner #incontent input {
	background-color: white;
	padding: 3px;
}

#content-inner h1.small strong {
color: #ececec;
}
#content-inner #bloggerBio.post {
	color: #ececec;
}

#content-inner #page {
	background: #ececec url(http://www.blogsmithmedia.com/wow.joystiq.com/media/wow-top-post.jpg) no-repeat;
	padding: 0 10px 10px 20px;
}
#content-inner #page li {
	list-style-position: inside;
	list-style-type: disc;
}
#content-inner #page h2 {
	padding-top: 30px;
}

#rounded-top {
background: url(http://www.blogsmithmedia.com/wow.joystiq.com/media/content-top.gif) no-repeat 0 0;
height: 10px;
}
#rounded-bottom {
background: url(http://www.blogsmithmedia.com/wow.joystiq.com/media/content-bottom.gif) no-repeat 0 0;
height: 20px;
margin-bottom: 20px;
}
#content-container {
background: #ececec;
padding: 20px;
}

/* Slice */

#outerouterslice {
font-size: 1em;
background: #181818;
width: 100%;
height: 28px;
border-bottom: 1px solid #222;
}
#outerouterslice a {
color: #999;
padding: 0 8px;
text-decoration: none;
}
#outerouterslice a:hover {
background-color: #222;
color: #fff;
text-decoration: none;
}
#outerslice {
display: block;
height: 35px;
position: relative;
_width: 100%;
}
#slice {
list-style: none;
margin: 0 auto;
padding: 0;
text-align: left;
display: block;
line-height: 35px;
width: 985px;
height: 28px;
}
* html #slice { text-align: left; }
#slice a {
line-height: 24px;
height: 26px;
display: inline-block;
_display: block;
margin-top: 1px;
float: left;
}
#slice-nav {
font-size: .9em;
z-index: 9999;
top: 0;
float: right;
width:380px;
}
* html #slice-nav { right: 100px; }
#slice-nav ul{ margin:0;padding:0; position: relative; }
* html #slice-nav ul { width: 220px;  }

#slice-nav li {
float: right;
height: 28px;
line-height: 31px;
border-right: 1px dotted #333;
_border-right:1px solid #333;
padding-left: 2px;
position: relative;
display:block;
}

* html #slice-nav li { width:80px; padding-left:0;margin:0;}

#slice-nav li a {
float: right;
display: block;
cursor: hand;
padding-top: 1px;
}
li#slicenav-twitter a {
text-indent: -9000px;
background: url(http://www.blogsmithmedia.com/wow.joystiq.com/media/twitter-icon.gif) no-repeat 14px 3px;
padding: 0 20px;
}
li#slicenav-subscribe a {
background: url(http://www.blogsmithmedia.com/www.switched.com/media/icon-feed.gif) no-repeat 8px 3px;
padding-left: 30px;

}
li#slicenav-contact a {
padding-right: 20px;
background: url(http://www.blogsmithmedia.com/www.switched.com/media/arrow-dn-brown.gif) no-repeat right center;
}
* html #slicenav-contact a {
padding:0; background: none;
}
* html #slice-nav li#slicenav-twitter { width:30px; }
#slice-nav ul ul {
padding: 4px 0;
display: none;
position: absolute;
top: 28px;
right: 0;
}
#slice-nav .parent:hover ul {
display: block;
}
#slice-nav[id] ul ul li {
background: #fff;
}
#slice-nav ul ul li {
display: block;
clear:  both;
width: 120px;
border: 0;
_background: #111;
height: inherit;
padding: 0;margin:0;
float: none;
}
#slice-nav ul ul li a {
background: transparent;
color: #222;
text-align: left;
float: none;
padding: 6px 8px;
line-height: 1.3em;
}
#slice-nav ul ul li a:hover {
color: #fff;
}

/* =COBRANDING */

.header-cobrand {
position:absolute;
border: none !important;
top:0px; 
right:8px;
display:block;
height: 26px;
width:99px;
background: url(http://www.blogsmithmedia.com/wow.joystiq.com/media/wow-joystiq.cobrand3.png) no-repeat 10px 2px !important;
z-index: 2;
text-indent: -9000px;
}
/* =HEADER */
#header {
position: relative;
height: 122px;
margin-bottom: 0;
padding-bottom: 0;
zoom: 1;
font-size: 12px;
z-index:9999;
}
#logo {
position: absolute;
top: 49px;
left: 21px;
z-index: 9;
}
#logo a {
background: url(http://www.blogsmithmedia.com/wow.joystiq.com/media/wow-com-logo.png) no-repeat 0 0;
display: block;
color: #333;
font-size: 28px;
text-transform: uppercase;
height: 38px;
width: 173px;
overflow: hidden;
text-indent: -9000px;
}

#subcontent li.winblogrollcat {
	background: #ececec;
}
#subcontent li.winblogrollcat strong {
	padding-left: 12px;
	font-size: 110%;
	font-weight: normal
}

/* =HEADER HAT (HEADER > TOP NAV) */
#hat {
height: 21px;
position:relative;
z-index:9999;
background: #000;
}
#hat ul {
padding-right: 10px;
margin:0;
z-index:9999;
}
#hat ul li  {
font: 12px/100% Helvetica, Arial, sans-serif;
float: right;
position:relative;
z-index:9999;
text-transform: uppercase;
font-size: 75%;
}
#hat ul li a {
background: transparent;
float: left;
display: block;
padding: 6px 10px 4px;
text-decoration: none;
z-index:9999;
color: #666;
}
#hat ul li a.first-child {
background: url(http://www.blogsmithmedia.com/www.autoblog.com/media/arrow-gray-dn.gif) no-repeat right center;
padding-right: 11px;
}
#hat ul li .darr {
display: none;
}
#hat ul li.selected {
background: #111;
position: relative;
margin-top: -6px;
height: 27px;
}
#hat ul li.selected a {
padding: 10px 10px 7px;
position: relative;
margin-right: -4px;
}
#hat #network li ul{
position:absolute;
background: #2a2f3e;
border-top:2px solid #19211f;
border-bottom:4px solid #19211f;
top:20px;
right:0;
width:140px;
display:none;
padding: 0 1px;
z-index:9999;

}
#hat #network li:hover ul, #hat #network li.sfhover ul{
display:block;
}
#hat #network li ul li{
background: #2a2f3e;
margin: 1px 0 0 0;
position:relative;
z-index:9999;
display:block;
float:none;

}
#hat #network li ul li a{
background: transparent;
font-size: 1em;
display: block;
padding: 2px 8px;
line-height: 20px;
text-decoration: none;
float:none;
color: #c4c9d5;
z-index:9999;

}
#hat #network li ul li a:hover {
color: #fff;
background-color: #111;
}
/* =HEADER BOTTOM */
#headerBottom {
position: absolute;
bottom: 0;
right: 1;
display: block;
width: 982px;
background: url(http://www.blogsmithmedia.com/wow.joystiq.com/media/gradients.jpg);
background-position:0px -102px;
border-left:  solid #000 1px;
border-top: solid #000 1px;
border-right: solid #000 1px;
border-bottom: solid #000 1px;
}
#headerBottom ul {
margin: 0;
padding: 0;
font-size: 95%;
}
#headerBottom .category-nav {
float: left;
width: 660px;
padding-left: 2px;
}
#headerBottom .feature-nav {
float: right;
width: 300px;
}
#headerBottom ul li {
float: left;
}
#headerBottom ul li a {
color: #CCC;
float: left;
display: block; 
padding: 0 10px;
text-decoration: none;
text-transform:uppercase;
font-size:11px;
height: 28px;
line-height: 28px;
_height: 1%;
background: url(http://www.blogsmithmedia.com/wow.joystiq.com/media/seperators.png) repeat-y right top;
}

#headerBottom ul li.first a {
color: #99CCFF;
float: left;
display: block; 
padding: 0 10px;
text-decoration: none;
text-transform:uppercase;
font-size:11px;
height: 28px;
line-height: 28px;
_height: 1%;
}

#headerBottom ul li a:hover {
color: #99CCFF;
}
#headerBottom ul.feature-nav li.photogalleries a:hover {
background-position: 0 0 !important;
}
/* =SEARCH FORMS (header and footer)
-------------------------------------------------------------- */
#header .searchform[class],
#footer .searchform[class] { 
/* png background image here */
}

/* =From WoW.com
-------------------------------------------------------------- */

#header .searchbox{width:430px;margin-top:17px;margin-left:295px;display:block;}
#header .box { width: 400px; background: #222222; height: 25px; padding: 5px; clear: both }
#header .nav { margin: 12px 0 5px 5px; }
#header .nav a { font-size: 85%; font-weight: bold; margin: 0 14px 0px 0; color: #879199; }
#header .nav a.on, #siteheader .nav a:hover { color: #FFF; }

.btn1 {background:url(http://www.blogsmithmedia.com/wow.joystiq.com/media/buttons.png) no-repeat left top;display:inline;float:left;width:20px;height:20px;text-indent:-9999px;cursor: pointer;}
.btn2 {background:url(http://www.blogsmithmedia.com/wow.joystiq.com/media/buttons.png) no-repeat left top;display:inline;float:left;width:20px;height:20px;text-indent:-9999px; margin:0px 10px 0px 0px;cursor: pointer;}
.btn-searchmain{ width:60px;height:24px;}
a:hover.btn-searchmain{background-position:-70px 0px;}

input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;outline:none;}
input,textarea,select{*font-size:100%;}
.input_style1 { height: 17px; margin: 0 5px 0 0; padding: 3px 0 2px 5px; border: 1px solid #CAE0E6; background:#ECECEC; float: left; }
.input_style2 { width:70%; height: 17px; margin: 0 5px 7px 0; padding: 3px 0 2px 5px; border: 1px solid #999999; font-weight: bold; background:#ECECEC; }
.input_file { width:70%; height: 25px; margin: 0 5px 7px 0; padding: 3px 0 2px 5px; }
.input_cheats {width:95px;height: 20px; padding: 3px 0 0 5px;font-weight: bold; background: #e9e9e9 url(../images/bg/inputbox.gif); float: left;}
	.input_cheats input {font-size:12px;width:95px;}
.label_style1 { display: block;clear: both; font-size:120%; font-weight:bold; margin:0px 0px 4px 0px;}

#signin{ display:none; width:195px;height:46px; color:#eee;margin:25px 0px 0 0;padding:4px 8px; background:#0B121A url(http://www.blogsmithmedia.com/wow.joystiq.com/media/signin-bg.jpg) no-repeat; float: right; position: absolute; right: 0;
top: 20px; font: normal 12px/1.4em "lucida grande", "lucida sans", arial, sans-serif; }
	// #signin .user-info { width:150px; margin:4px; }
	#signin a {color:#99CCFF;text-decoration:underline;margin-left:2px;}
	#signin .btn-signin { background: url(http://www.blogsmithmedia.com/wow.joystiq.com/media/wow-sign-drop2.jpg) no-repeat center; margin: -19px 0 10px 10px; float: left; }
	#signin .btn-signin-arrow { margin:12px 0px 0 0; }
#loggedIn {
	float: left;
	margin-top: -30px;
	width: 150px;
}
#buddyIcon {
	float: left;
	margin-right: 5px;
}

ul#signin-pop.dropdown.dropdown-horizontal li.dir {
	margin-top: -10px;

}

ul#signin-pop.dropdown.dropdown-horizontal li.dir ul {
	margin-top: -30px;
	margin-left: -190px;
}

/* = End From WoW.com
-------------------------------------------------------------- */


#header .searchform {
position: absolute;
height: 64px;
width: 450px;
right: 250px;
top: 30px;
padding: 12px 0 0 25px;
}
#footer .searchform {
position: relative;
top: 0;
left: 260px;
margin-bottom: 1em;
height: 64px;
width: 450px;
right: 35px;
top: 0;
padding: 12px 0 0 25px;
}
.searchform form {
clear: both;
height: 35px;
padding: 0;
width: 425px;
zoom: 1;
display: block;
position: relative;
}
.searchform input#queryname.text {
	color: black;
}
.searchform ul {
padding-left: 0;
margin: 0 0 0 9px;
list-style: none;
}
.searchform ul li {
margin-left: 0;
list-style: none;
float: left;
line-height: 1em;
}
.searchform ul li a {
color: #CCC;
float: left;
display: block;
padding: 3px 7px 5px;
cursor: pointer !important;
text-decoration: none;
font-size: 12px;
}
	#footer .searchform ul li a {
	color: #aaa;
	}
.searchform ul li a b { font-weight: normal;}
.searchform ul li.selected a,
.searchform ul li:hover a {
color: #FFF;
}
	#footer .searchform ul li.selected a,
	#footer .searchform ul li:hover a {
	color:#fff;
	}
.searchform input.text {
border: solid #222 5px;
color: #333;
width: 329px;
background: #FFF; 
margin-top: 0;
padding: 3px 9px;
position: absolute;
top: 1px;
left: 3px;
font-size: 14px;
font-weight:bold;
font-family: "lucida grande", Helvetica, Arial, sans-serif;
letter-spacing:-1px;
}
.searchform button {
background: transparent url(http://www.blogsmithmedia.com/wow.joystiq.com/media/buttons.png) no-repeat 0 0;
background-position:-70px 0px;
display: block;
margin: 0 !important;
padding: 0;
border: solid #222 5px;
position: absolute;
right: 0;
top: 1px;
cursor: pointer;
height: 33px;
width: 70px;
}

.searchform button img {
display: none;
}
#smore {
position: absolute;
top: 0;
left: 0;
background: #fff;
border: 1px solid #ddd;
padding: 10px;
width: 100px;
_width: 100px;
z-index: 9999;
margin-left: 13em;
}
#smore ul {list-style-type:none; margin: 0;}
#smor e ul li {height:1.5em;white-space:nowrap;}
#smorex {position:absolute;right:5px;top:1px;}

/* =CONTENT
--------------------------------------------------- */
#content h1.small {
color: #ececec;
font-size: 1.3em;
font-weight: normal;
margin-bottom: .3em;
}
#content h1, #content h2 {
font-size: 2.4em;
line-height: 1.1em;
letter-spacing: -1px;
margin: .2em 0 .2em;
font-family: georgia;
font-weight: normal;
font-style: italic;
width: 580px;
}
#content h1 a,
#content h1 a:visited, 
#content h2 a,
#content h2 a:visited {
color:  #172a38;
text-decoration: none;
}
#content h1 a, #content h2 a:hover {
color: black;
}
#content h3 {
font-weight: normal;
margin-bottom: .3em;
}
/* =POST
--------------------------------------------------- */
.post {
margin: 0 0 0em 0;
padding: 0;
}
.post .filed-under {
color: #999;
margin: 0 0 .3em 0;
font-size: 90%;
}
.post .filed-under a {
color: #999;
}

.by-wrap {
background: transparent;
margin-bottom: 1em;
overflow: hidden;
}

.byline {
color: #666;
float: left;
margin: 0 0 .7em;
font-family: Georgia;
font-size: 1.2em;
}

.byline em {
font-family: georgia, sans-serif;
}
.byline strong {
font-weight: normal;
}
.post .byline a {
text-decoration: none;
font-family: Georgia;
color: #457ca5;
}
.post .byline a:hover {
text-decoration: underline;
}



/* =POST BODY --------------- */
.post .postbody {
clear: both;
font-size: 98%;
}

#content-container .postbody a {
	color: #457ca5;
}

.post .postgallery {
	margin: 10px 0 10px 0;
	background: #c9c9c9;
}

.post .postgallery a img {
	border: solid #CCC 1px;
	margin-left: 10px;
}

.post .postgallery a:hover img {
	border: solid #0081b9 1px;
}

.post .postgallery p {
	font-size: 120%;
	padding-top: 5px;
}

.post .postgallery p strong {
		margin: 0 0 0 10px;
		}
#page .postgallery {
	margin: 10px 0 10px 0;
	background: #c9c9c9;
}

#page .postgallery a img {
	border: solid #CCC 1px;
	margin-left: 10px;
}

#page .postgallery a:hover img {
	border: solid #0081b9 1px;
}

#page .postgallery p {
	font-size: 120%;
	padding-top: 5px;
}

#page .postgallery p strong {
		margin: 0 0 0 10px;
		}


.post .postbody p {
margin: 0 0 .8em;
}

.post .postbody p.posttags{
	margin-top: 1em;
}
.post .postbody br {
line-height: .5em;
}
.post .postbody ul {
margin-left: 0;
margin-top: 10px;
}
.post .postbody ul li {
list-style-type: square;
margin: 0 0 .5em 2.5em;
padding-left: 5px;
_height: 1%;
}
.postbody img {
background: #FFF;
border: 1px solid #ccc;
margin: 0 0 10px 0;
padding:5px;
}
#page img {
background: #FFF;
border: 1px solid #ccc;
margin: 0 0 10px 0;
padding:5px;
}
.postbody img.photo {
background: #fff;
padding: 4px;
border: 1px solid #ddd;
}
.postbody img.right {
float: right;
margin: 0 0 15px 15px;
}
.postbody img.left {
float: left;
margin: 0 15px 15px 0;
}
#content .continueReading {
margin: .6em 0 0 0;
clear: both;
font-size: 1.4em;
}
#content .filed-under {
margin: 1em 0 .3em 0;
}

/*.post .postbody .aol-share {
margin-top: .5em;
float: none;
}*/

/* =POST META ----- */
.postmeta {
_width: 450px;
}
.postmeta a em {
color: #457ca5;
font-weight: bold;
font-size: 1em;
}
.postmeta p {
margin: .5em 0;
padding: 0;
}
.postmeta br {
line-height: .5em;
}
.postmeta h4 {
border-top: 1px solid #ddd;
font-weight: normal;
padding-top: 1em;
}
.postmeta .navbar {
background: #ececec;
clear: both;
margin: 0 0 2em;
min-height: 64px;
padding: 10px 0 30px 0;
_width: 582px;
_height: 1%;
text-align: center;
}
.postmeta .navbar ul {
min-height: 28px;
margin: 0;
padding-top: 15px;
}

* html .postmeta .navbar ul {height:1%;}
#content .postmeta .navbar li {
background: transparent;
height: 28px;
display: inline;
padding: 0 10px;
}
.postmeta .navbar li a {
font-size: 11px;
font-weight: normal;
text-decoration: none;
}

.postmeta .navbar ul li.permalink a {
font-size: 145%;
font-family: Georgia;
color: #457ca5;
padding-right: 10px;
}
.postmeta .navbar ul li.permalink a:hover{
	color: black;
}
.postmeta ul li a:hover {
// border-bottom: 3px solid #f3f3f3;
}
.postmeta ul li.email-this a {
background-image: url(http://www.blogsmithmedia.com/www.autoblog.com/media/icon-email.gif);
background-position: 0 8px;
padding-left: 18px;
}
#content .postmeta ul li.comments {
float: right;
}
.postmeta ul li.comments a em {
color: #000;
font-style: normal;
}
.postmeta ul li.comments a {
background: url(http://www.blogsmithmedia.com/wow.joystiq.com/media/comment-button-gradient.png) #eee;
//font-weight: bold;

margin-right: 0;
border: solid #999 1px;
}
.postmeta ul li.comments a:hover {
background: url(http://www.blogsmithmedia.com/wow.joystiq.com/media/comment-button-gradient.png) #eee;
border: solid #999 1px;
}
ul.list-related-links {
margin: .2em 0 1em;
padding-bottom: 2.5em;
display: none;
}
ul.list-related-links li {
height: 3em;
line-height: 1.5em;
overflow: hidden;
position: relative;
width: 450px;
}
ul.list-related-links a {
background-color: transparent !important;
background-image: url(http://www.blogsmithmedia.com/framework.weblogsinc.com/media/icon-page-link.gif);
background-position: 0 5px;
background-repeat: no-repeat;
color: #005891;
display: block;
float: left;
padding-left: 20px;
text-decoration: underline;
white-space: nowrap;
}
ul.list-related-links a:hover { text-decoration: none; }
ul.list-related-links span.ellipsis {
color: #999;
float: right;
position: relative;
display: block;
height: 3em;
line-height: 1.5em;
margin-top: -1.9em;
background: #f3eee3;
z-index: 1;
}
/* =POST HEADLINES  (RECENT & RELEVANT POSTS) */
.post-headlines {
margin:0 0 2em;
width: 50%;
float: left;
z-index:9999;
position: relative;
}
#content .post-headlines h3 span {
line-height:1em
}
.post-headlines ul {
margin: 1em 0;
}
.post-headlines ul li {
background: url(http://www.blogsmithmedia.com/www.autoblog.com/media/bullet-circle.gif) no-repeat 0 4px;
margin: 0 0 .7em;
padding-left: 18px;
padding-right: 10px;
_height: 1%;
}
.post .postbody ul ul li {
padding-left: 30px;
list-style-type: circle;
background: none;
list-style-position: inside;
}
.post-headlines li .meta {
color: #888;
font-size:11px;
}
#relevantheadlines {
width: 50%;
float: left;
}

/* SPHERE AD */
#content .sphere {
clear: both;
background: whitesmoke;
padding: 20px 20px 5px;
margin-bottom: 2em;
font-size: 1em;
line-height: 1.4em;
position: relative;
}
#content .sphere ul {
margin: 0 0 1em;
}
#content .sphere ul li {
margin-bottom: .7em;
line-height: 1.3em;
}
#content .sphere h3 {
font-size: 1.3em;
font-weight: bold;
margin: 0 0 .8em;
line-height: 1.2em;
letter-spacing: -1;x;
width: 85%;
}
#sphereTalk p.timestamp {
color: #999;
margin:  0 0 .7em;
display: none;
padding-left: 3px;
}
#sphereTalk {
float: left;
width: 238px;
}
#sphereAd {
padding-top: 25px;
float: right;
}
p.powered-by {
position: absolute;
top: 20px;
right: 20px;
}
#content .sphere p.see-more {
display: block;
text-align: center;
margin: 0;
font-size: 1.1em;
min-height: 30px;
line-height: 30px;
clear: both;
}
#content .sphere p.see-more {
padding-top: .5em;
display: block;	
margin-bottom: 0;
}
#content .sphere p.see-more a {
background
}
/* =SUBCONTENT
--------------------------------------------------- */
#subcontent h3 {
background: #eee;
font-size: 1.1em;
font-weight: bold;
color: #333;
clear: both;
margin: 10px 0 0;
_height: 1%;
}
#subcontent h4 {
clear: both;
margin: 1em 0 0;
_height: 1%;
}
#subcontent dt {
background: #eee;
font-size: 1.1em;
font-weight: bold;
color: #333;
margin: 0;
margin-bottom: 10px;
}
#subcontent dd {
margin: .2em 0;
}
#subcontent h3 span,
#subcontent h3 a,
#subcontent dt span {
background: #181818;
background-position:0px -102px;
color: #ddd;
display: block;
padding: 0 12px;
line-height: 2.5em;
font-size: 85%;
}
#subcontent h3 a {
color: #ddd;
text-decoration: none;
}
#subcontent dt span {
padding: 4px 12px;
}
#subcontent dd em {
color: #000;
}
#subcontent dl.box {
background: #fff;
padding: 0 0 10px;
}
#subcontent dl.box dd {
padding: 0 20px 0;
margin: .4em 0;
}
#subcontent ul.box {
margin: 0;
padding: 12px 20px 16px;
background: #222;
}
#subcontent ul.box li {
padding: 0;
margin: 0 0;
}
#subcontent .box p {
margin: 0;
padding: 12px 20px 16px;
background: #222;
}
#subcontent .headlines {
background: #000;
padding-top: 0;
margin-top: 1em;
padding-bottom: 10px;
margin-bottom: 1em;
}
#subcontent .headlines h3 {
background: transparent;
width: 100%;
margin: 0 auto;
border-left: none;
border-bottom: solid #6 1px;
}
#subcontent .headlines h3 span {
background: #222;
padding: 0px;
margin: 0px auto;
}

#subcontent .headlines h3 a {
color: #f2ffff;
text-decoration: none;
padding: 0;
background: #181818;
height: 29px;
font-size: 100%;
padding-left: 10px;
}

#subcontent .headlines-wrap .sandbox h3 span {

}

#subcontent #breakingnews {
width:159px;
float: left;
position: relative;
z-index: 99;
}
#subcontent #featuredstories {
width:159px;
float: right;
position: relative;
z-index: 99;
}
#subcontent h3 a.feed {
display: block;
position: absolute;
top: 6px;
right: 9px;
background: url(http://www.blogsmithmedia.com/www.switched.com/media/icon-feed.gif) no-repeat -1px 0;
height: 0 !important;
height /**/: 15px;
padding: 15px 0 0 0;
width: 15px;
overflow:hidden;
z-index: 9999;
}
#subcontent h3 a.feed:hover {
background-position: 0 -15px;
}

#subcontent .headlines ul {
margin: 0 5px 0 10px
}
#subcontent .headlines ul li {
font-size: .9em;
margin:0;padding: 0;
border-bottom: solid #222 1px;
padding-bottom: 2px;
line-height:1.3em;
*height:1%;
}
#subcontent .headlines ul li a {
display:block;
padding: 2px 0 3px;
color: #99CCFF;
}
#subcontent .headlines ul li a:hover {
display:block;
padding: 2px 0 3px;
color: #f6df41;
text-decoration: none;
}
#subcontent .leftcol {
width: 159px;
float: left;
clear: both;
}
#subcontent .rightcol {
width: 159px;
float: right;
}
#subcontent .rightcol .skyscraper {
padding-top: 10px;
}

#our-team {
clear: both;
background: #ececec;
min-height: 600px;
}
#our-team h3 {
width: 159px;
margin-bottom: 10px;
}
#our-team h4 {
font-size: 1.1em;
margin: 0 0 .3em;
padding: 0 13px;
}
#our-team h4 .wrap {
margin: 0; padding: 0;
}
#our-team .box {
width: 169px;
min-height: 536px;
}
#our-team dt, #our-team dl, #our-team dd, #our-team ul{
background: transparent;
padding:0; margin: 0;
line-height: 1.3;
}
#our-team dl, #our-team ul {
margin: 0 0 1em;
padding: 0 13px;
}
#our-team dt {
font-size: 1.1em;
}
#our-team dd {
font-size: 1em;
}
#our-team li {
line-height: 1.5em;
}
.bloggerlist {
margin-top: 2em;
}

/* =FOOTER */
#footer {
background:#151615;
color:white;
clear:both;
width:962px !important;
width /**/: 982px;
margin:1px auto 0 auto;
padding:10px;
}
#footer p {
margin: 0 0 .3em;
text-align: center;
}
#footer a:link, #footer a:visited, #footer a:hover, #footer a:active{color:white; text-decoration: none;}

/* =GRID */
#grid2 {
background: #fff;
clear: both;
width: 962px;
margin: 0 auto;
padding: 0 0 3em 20px;
}
#grid2 h3 {
color:#777;
font-weight:normal;
font-size:15px;
margin: 0 0 1.5em 0;
margin-top:0; 
padding-top:10px;
padding-bottom:4px;
}
#grid2 strong {
color: #000;
}
#grid2 table {
width:958px;
margin:0;
padding:0;
font-size:12px;
}
#grid2 table td{
font-size:12px;
padding: 25px 20px 0 0;
vertical-align:top;
width: 33%;
}
#grid2 h4 {
font-size:1.3em;
margin: 0 0 0;
padding-bottom: 4px;
border-bottom: 3px solid #eee;
}
#grid2 h4 a {
color: #222;
text-decoration:none;
border:none;
padding-left: 3px;
}
#grid2 table td ul {
margin: 0;
list-style: square;
padding: 15px 0 0;
}
#grid2 table td ul li {
line-height: 1.4em;
list-style: disc;
color:#ccc;
margin-bottom: .6em;
padding-left: 0;
margin-left: 15px;
}

#grid table td ul li a {padding:5px 0;}

#grid table td  div.grid_subscribe{
padding: .6em 50px .4em 71px;
background-position: 50px .4em;
}

/* LEGAL --*/

#legal {
color: #666;
padding-top: 1.3em;
padding-bottom: 2em;
text-align: right;
position: relative;
}
#legal p {
margin: 0 20px .4em;
text-align: right;
padding: 0;
line-height: 1.4em;
}
#legal .cobrand {
display: block;
height: 0 !important;
height /**/ 20px;
padding: 60px 0 0 0;
overflow: hidden;
width: 90px;
position: absolute;
top: 15px;
left: 22px;
_margin-left:-980px;
background: url(http://www.blogsmithmedia.com/wow.joystiq.com/media/aol-tech-logo.png) no-repeat 0 0;
}

/* =ADS
-------------------------------------------------------------- */
#omniture {position: absolute; top: 0 left: 0;}

#dogear_promo {
position:absolute;top:0;right:0;width:120px;height:120px;z-index:99;
}
#topleader-wrap {
background: transparent;
padding: 0 !important;
margin: 0;
width: 100%;
}
.topleader {
position: relative;
text-align: center;
margin: 0 auto;
width: 982px;
overflow: hidden;
background: black;
padding: 0 0;
}
.topleader img {
text-align: center;
margin: 4px 0;
}
.blogsmith-logo {
display: block;
margin: 1em 0 1em 8px;
text-align: center;
width: 160px;
}
.pinboxland {
margin: 10px 0;
}
.pinbox {
margin: 0 0 8px;
}
.bottomleader { 
width: 728px; 
margin: .6em auto 1em; 
text-align: center; 
}
.skyscraper {
margin: 0;
padding: 0;
width: 160px;
overflow: hidden;
}
.on-view {
padding: 8px 0 8px;
margin: 0 auto;
width: 300px;
}
.skyscraper img {
background: #fff;
border: 1px solid #ddd;
}
.medrect {
padding: 8px 0 8px;
margin: 0 auto;
width: 300px;
}
.medrect * {
margin: 0;
}
#subcontent #sponsoredlinks h3 {
border: none;
margin: 0; padding: 0;
text-align: center;
}
#sponsoredlinks ul {
background:#ffe;
margin-top: 6px;
border:1px solid #feefb1;
clear: both;
}
li.sponsored{ 
background: transparent;
border:  none;
font-size:1em; 
margin: 1.2em 15px;
line-height: 1.2em; 
}
div.inpostad {
margin: 1em auto 2em;
text-align: left;
width: 300px;
}
.quigoads {
padding-bottom: 0px;
background: #FFF;
margin-bottom: 15px;;
}
/* =TAG CLOUD
-------------------------------------------------------------- */
#tagCloud p {
line-height: 1.9em;
margin: 0 0 2em;
padding-top: .7em;
}
* html #tagCloud p {
height: 1%;
}
#tagCloud a.tagSmall {font-size: .9em;}
#tagCloud a.tagNormal {font-size: 1.2em;}
#tagCloud a.tagLarge {font-size: 1.6em;}

/* =FEATURED BOX
-------------------------------------------------------------- */
#sidebar .featuredbox h3 { margin-bottom: 0; }
#sidebar .featuredbox h3 span
{ background: transparent url(http://www.blogsmithmedia.com/framework.weblogsinc.com/media/bg-sidebar-h3-rt-grn.gif) no-repeat bottom right; }

#sidebar .featuredbox .box { 
background: #eee url(http://www.blogsmithmedia.com/framework.weblogsinc.com/media/bg-sidebar-mod-featured.gif) no-repeat bottom right;
padding: 12px;
margin-bottom: 1em;
}
#sidebar .featuredbox .box p {
font-size: 11px;
line-height: 1.4em;
margin: 0 0 .5em;
}
#sidebar .featuredbox ul.box {
padding: 7px;
margin: 0;
}
#sidebar .featuredbox ul li {
background: url(http://www.blogsmithmedia.com/framework.weblogsinc.com/media/bg-featured-story-img.gif) no-repeat 3px 3px;
clear: both;
margin-bottom: 1px;
padding-bottom: 0;
font-size: 11px;
_height: 1%;
_padding-bottom: 2px;
}
#sidebar .featuredbox ul a {
color: #252525;
display: block;
line-height: 1.3em;
padding: 5px;
text-decoration: none;
min-height: 53px;
}
#sidebar .featuredbox ul a:hover {
background-color: #ddd;
text-decoration: none;
}
#sidebar .featuredbox img.thmb {
margin-right: 10px;
height: 50px;
width: 50px;
display: block;
float: left;
border: 1px solid #85a66b;
}
/* =ACCORDION
-------------------------------------------------------------- */
.accordion, 
.accordion * {
padding: 0; margin: 0;
}
#main .accordion .parent,
#main .accordion a {
display: block;
cursor: pointer;
margin-left: 0;
text-decoration: none;
padding: 5px 5px 5px 13px;
display: block;
margin-left: 0;
text-decoration: none;
cursor: pointer;
_height:1%;
}
#main .accordion .parent { 
background: #fff; 
color: #333; 
border-bottom: 1px solid #eee;
text-decoration: none;
font-weight: bold;
}
.accordion ul a {
background: #f3f3f3;
}
.accordion ul a:hover {
background: #ddd;
}
/* =SEARCH RESULTS PAGE
-------------------------------------------------------------- */
#sortlinks { color: #ccc; font: normal 1.1em arial;}
#sortlinks strong {
color: #000;
border-bottom: 2px solid #ddd;
font-weight: normal;
}
#sortlinks a {text-decoration: none;}
#content .searchresults h2 {
font-size: 1.5em;
margin: 1em 0;
padding-bottom: .4em;
letter-spacing: normal;
border-bottom: 1px solid #ddd;
}
#content .searchresults h2 strong {
font-style: italic;
}
#content .searchresults h3 {
color: #000;
font-size: 1.3em;
margin: 1em 0 .1em;
border: none;
}
#content .searchresults {
	background: #ececec url(http://www.blogsmithmedia.com/wow.joystiq.com/media/wow-top-post.jpg) no-repeat;
	padding: 20px;
}
#content .searchresults .byline strong {
font-weight: normal;
}
#content .searchresults .byline {
font-weight: normal;
font-size: .80em;
line-height: 1.4em;
margin: 0;
}

#content .searchresults .search_post {
font-size: .9em;
border-bottom: 1px solid #ddd;
padding-bottom: 1.5em;
margin: .4em 0;
}
/* =SPONSORED RESULTS */
.sponsored {
background: #fff;
border: 1px solid #eee;
margin: .6em 0;
padding: 0 0 .3em 0;
}
#content .sponsored h2 {
background: #e1e1e1;
font-size: 1.1em;
font-family: arial, sans-serif;
padding: 10px;
margin: 0;
letter-spacing: normal;
_width: 450px;
}
#content .sponsored .post {
font-size: 12px;
padding: 0 10px;
margin: 0 0 1em;
line-height: 1.3em;
}
#content .sponsored h3 {
font-size: 1.2em;
margin: .5em 10px 0;
}
#content .sponsored h3 a {
text-decoration: none;
}
#content .sponsored p {
margin: .3em 0;
}
#content .searchresults .byline {
font-size: .75em;
margin: 0 0 .5em;
}
/* =DATA TABLE
-------------------------------------------------------------- */
table.data {
background-color: transparent;
width: 100%;
font-size: 11px;
}
table.data a {
font-weight: bold;
}
table.data th {
background-color: #fff;
color: #000;
font-weight: normal;
text-transform: uppercase;
text-align: left;
padding: 4px 4px
}
table.data tr td.statsclass1 {
background-color: #ebeadb;
}
table.data tr td.statsclass2 {
background-color: #f5f4ea;
}
table.data td {
padding: 6px 4px;
}
thead th {
font-weight: normal;
}
/* =STATS DATA
-------------------------------------------------------------- */
ul .statsclass1 {
padding: 5px 0 !important;
}
ul .statsclass2 {
padding: 5px 0 !important;
}

/* =PAGE NAV
-------------------------------------------------------------- */
p.page-nav {
padding: 0;
}
.searchresults p.page-nav {
margin-top: 2em;
}
p.page-nav .divider {display: none;}
#content p.page-nav a {
background: #ddd;
text-decoration: none;
_display: inline-block;
height: 36px;
line-height: 35px;
font-size: 1.2em;
color:  #457ca5;
width: 161px;
}
#content p.page-nav a:visited {
color:  #457ca5;
}
#content p.page-nav a.previous-page {
float: left;
text-align:center;
}

#content p.page-nav a.next-page {
float: right;
text-align:center;
}

#content p.page-nav a:hover {
background-position: 0 -36px;
color: #345c79;
}

p.page-nav a.related-link {
background: url(http://www.blogsmithmedia.com/www.autoblog.com/media/icon-link.gif) no-repeat 0 4px;
padding-left: 19px;
clear: both;
float: left;
display: block;
padding: 4px 0 4px 19px;
}
.post a.related-link {
background: url(http://www.blogsmithmedia.com/www.autoblog.com/media/icon-link.gif) no-repeat 0 4px;
padding-left: 19px;
clear: both;
display: block;
padding: 4px 0 4px 19px;
}


/* =COMMENTSFORM SMS ---- */
#cmttabs {
background: url(http://www.blogsmithmedia.com/framework.weblogsinc.com/media/cmttabs-bg.gif) repeat-x 0 0;
height: 42px;
}
#cmttabs ul {
list-style: none;
margin: 0;
padding: 0;	
}
#cmttabs li {
background: url(http://www.blogsmithmedia.com/framework.weblogsinc.com/media/cmttab-divider.gif) no-repeat right center;
float: left;
margin: 0;
}
#cmttabs li a {
display: block;
line-height: 41px;
text-decoration: none;
padding: 0;
color: #999;
font-weight: bold;
padding: 0 15px;
}
#cmttabs li.currenttab a,
#cmttabs li a:hover {
background: url(http://www.blogsmithmedia.com/framework.weblogsinc.com/media/cmttab-on.gif) no-repeat center bottom;
color: #000;
}
#cmttabs li#cmtutab_sns {
height: 42px;
background: url(http://www.blogsmithmedia.com/framework.weblogsinc.com/media/cmtaol-btn.gif) no-repeat center 4px;
}
#cmttabs li#cmtutab_sns:hover,
#cmttabs li.currenttab .cmtaol b {
background: url(http://www.blogsmithmedia.com/framework.weblogsinc.com/media/cmtaol-btn.gif) no-repeat center -32px;
display: block;
}
#cmttabs li#cmtutab_sns a {
height: 41px;
text-indent: -9000px;
width: 60px;
}
.cmtuinfo {
clear: left;
padding: 10px 15px;
border-bottom: 1px dotted #cecece;
margin-bottom: 10px;
}
.cmtuinfo .instructions {
color: #999;
margin: 0 0 .7em;
}
.cmtuinfo label {
font-weight: bold;
display: block;
float: left;
}
.cmtuinfo input {
background: #eee;
width: 160px;
margin-right: 8px;
}

#cmtmain {
padding: 10px;
clear: both;
}
#cmtmain label {
font-weight: bold;
}
#cmtmain div {
padding: 5px;
}
#commentform {
background: #fff;
display: block;
border: 1px solid #ddd;
margin-bottom: 10px;
border-top: 0;
}

.cmtuinfo input, #cmtmain textarea { border: 1px solid #eee; border-top-color: #bbb; border-left-color: #bbb; padding: 3px;}
.cmtuinfo input:focus, #cmtmain textarea:focus { background: #e3f2df; }

#cmtmain .cmtchecks { padding: 6px 5px 0; }
#cmtmain .cmtchecks label { font-weight: normal; }
#cmtmain .cmtchecks input { margin: 0 5px 0 0; }
#cmtmain textarea {
background: #eee;
margin-top: 5px;
}
#replyindicator { font-weight: bold; }			

#cmtbuttons input {
margin-top: 1em;
}
#instructions {
border-top: 1px dotted #cecece;
padding: 15px;
margin-top: 1em;
}
#instructions p {
color: #777;
margin: 0 0 .7em;
line-height: 1.2em;
}
#instructions .preamble {
color: #000;
font-size: 1.1em;
line-height: 1.1em;
}

/* =COMMENTS*/
.comments {position: relative;font-size:1.1em;}
.comments #cmt_sub_link { color: white; padding-left: 16px; position: absolute; right: 0; top: 0;}
	* html .comments #cmt_sub_link {  }
.comments #cmt_sub_link:hover {background-position: 0 -66px; color: #EEE;}

h2#readercomments { font-size: 1.5em; margin: 10px 0 5px 0; color: white; }
h2#readercomments span { font-size: .8em; }


.comment_thread h2#readercomments { border-bottom: 0; }

.comments .cmt_tools { float: right; width: 53px; margin: 3px 0 0 5px; }
	* html #comments .cmt_tools {height: 1%; z-index: 9999; position: absolute; top: 0; right: 0; margin-right: 0;}

.comments .cmt_tools a {
background: transparent !important;
height: 15px;
width: 15px;
display: block;
float: left;
margin-right: 1px;
}
/*
.comments .cmt_tools a.voteup {
background: url(vote_up.gif) no-repeat 0 0;
}
.comments .cmt_tools a.votedn {
background: url(vote_down.gif) no-repeat 0 0;
}
.comments .cmt_tools a.reportLink {
background: url(report.gif) no-repeat 0 0;

}
*/
.cmt_label { float: right; margin:3px 0 0 3px; font-size: .9em; }
	* html .cmt_label {position: absolute; right: 60px; top: 0;}

	.label_level0, .label_level1 { color: darkred; }
	.label_level2 { color: #444; }
	.label_level3, .label_level4, .label_level5 { color: #268c57; }

.cmt_reply_show a{display:block; padding: 0 6px 1px; text-align: right; background:#f5f5f5; float: right; border:  1px solid #eee; margin: 0 4px 4px 0; background-color: #fff; font-weight: bold; font-size: 11px;}
.cmt_reply_show a:hover{background:#008eb4; color: #fff;}

.comments h4 {  padding: 0 5px 0 0; margin: .7em 0 0 80px; font-size: 1em; clear: none;}
.comments h4 span.cmt_time { color: #999; display: inline; }
.comments h4 span.cmt_time a {color: #aaa; font-weight: normal;}
p.cmt_contents { padding: 0 ; margin: .3em 0 .3em 80px; min-height: 47px; line-height: 1.3em;}
	* html p.cmt_contents {height: 47px;}
.commentclass1, .commentclass2 { margin: 5px 0;background:#f5f5f5; border:1px solid #eee; overflow: hidden; position: relative;}
	* html .commentclass1, * html .commentclass2 {width: 100%;}

.replies_inline, .child { margin-left: 33px;background: #fff url(http://www.blogsmithmedia.com/www.engadget.com/media/stripe.gif); border-color:#eee}
	* html .replies_inline, * html .child {margin-left: 5%; width: 92%; float: right; clear: both;}
.child p.cmt_contents {min-height: 21px; margin-left: 48px;}
	* html .child p.cmt_contents {height: 21px;}
.comments .child h4 {margin-left: 48px;}

.cmt_paging { padding: 5px 0; }
#cmt_paging strong {
	color: white;
}
#thankYou * { margin: 0; padding: 0; }
#thankYou { background: #ffc; margin: .5em 0 2em 0; padding: 1.4em; }
.comment_thread .child { margin-left: 10px; }

.votedComment .cmt_tools a { display: none; }
.votedComment .cmt_tools { background: url(http://www.blogsmithmedia.com/www.engadget.com/media/voted.gif) 0 1px no-repeat; width: 54px; height: 16px; }

.reportedComment .cmt_tools,
.reportedComment .cmt_contents,
.reportedComment .cmt_reply_show,
.reportedComment .cmt_reference,
.reportedComment .cmt_label {
	display: none;
}
#comments h3 {
	color: white;
}
.reportedComment h4 {
	background: #eee;
}

.level0 { filter: alpha(opacity=20); opacity: .2; -moz-opacity: .2; }
.level1 { filter: alpha(opacity=40); opacity: .4; -moz-opacity: .4; }
.level2 { filter: alpha(opacity=80); opacity: 1; -moz-opacity: 1; }
.level3 { filter: alpha(opacity=90); opacity: 1; -moz-opacity: 1; }
.level4 { background:#d8f0fb; }
.level5 { border-color: #197a30 !important; }
.level5 {  }



.avatar{
position: absolute;
top: 0;
left: 0;
display:block;
width:64px;height:64px;
float:left;
margin:3px 10px 0px 3px;
border:1px solid #ccc;
padding:2px;
background:white;
font-size:9px;
line-height:1em;
}
.avatar a img{
border:0;
}
.cmt_time{
clear:right;
display:block;
font-size:.9em;
}

.child .avatar{
width:32px;height:32px;

}

.child .avatar img{
width:32px; height:32px;
}
/* =CONTENT FORM
-------------------------------------------------------------- */
#contentform {
background: #e6eadf;
display: block; 
padding: 20px; 
margin: 1em 0; 
font-size: 100%;
width: 410px !important;
width /**/: 450px;
}
#incontent .byline {
font-family: georgia, serif;
font-size: 1.1em;
}
#incontent .byline a {
font-family: arial, helvetica, sans-serif;
}
#contentforminner {
padding: 0;
}
#contentform p.instructions {
font-size: .9em;
margin: 1em 0;
}
#contentform .formlabel {
display: block;
padding: 1.3em 0 .4em 2px;
font: normal 11px/100% "trebuchet ms", trebuchet, arial;

font-weight: normal;
color: #000;
text-transform: uppercase;
}
#contentform input.text,
#contentform textarea.text {
border: 1px solid #ccc;
padding: 3px;
width: 310px;
}
#contentform textarea.text {
width: 410px;
}
#contentform .nav {
margin: 1em 0;
}
#contentform p {
clear: both;
}
#contentform button {
float: none;
margin-top: 15px;
}
.form-button {
margin-top: 15px;
}
/* =POLLS -- */
.poll {
clear: both;
border-collapse: collapse;
background: #d2cfcf;
width: 80%;
padding-bottom: .5em;
margin: 1em auto;
position: relative;
}
div.poll {
border: none;
}
.poll table.poll {
width: 100%;
}
.poll fieldset {
background: transparent;
padding: 5px 10px 10px;
font-size:1em;
border:none;margin:0;
text-align:left;
width: 100%;
}
.poll caption, 
#content .poll form p {
font-family: "helvetica neue", Arial, Helvetica, "Lucida Grande", Verdana, sans-serif !important;
padding:10px 0;
margin:0;
font-weight:normal;
border-bottom: 3px solid #ddd; 
background: #fff;
border-top: 2px solid #eee;
font-size: 1.2em;
line-height: 1.2em;
text-align: center;
color: #457ca5;
_height: 1%;
}
.poll td, .poll th {
text-align:left;
border-collapse: collapse;
border-bottom: 1px dotted #ddd;
padding: .3em 10px;
font-weight: normal;
}
.poll th{
width:80%;
}
.poll td{
width: 20%;
white-space: nowrap;
border-left: 3px solid #fff;
font-style: italic;
}
.poll form label{
display:block;
position: relative;

text-align:left;
margin: .4em 0;
padding-left: 25px;
width: 90%;
line-height: 1.5em;
_height: 1%;
}
.poll label input {
position: absolute;
top: 0;
left: 0px;
}
.poll button {
width: 7em;
left: 50%;
position: relative;
margin-left: -3.5em;
}
.poll_result_bar {
background: transparent !important;
border-bottom: 9px solid #457ca5;
position: relative;
}

/* =FEATURED GALLERIES -- */

.featuredgalleries {
background: #ececec;
padding: 1em 0 0 1.2em;
}
.featuredgalleries .thumb {
margin: .5em .1em 0 1em;
float: left;
margin: 0 10px 10px 0;
float: left;
}
.featuredgalleries .thumb a {
background: #fff;
border-right: 1px solid #ddd;
border-bottom: 1px solid #ccc;
display:block;
height:90px;
width:90px;
}
.featuredgalleries .thumb a:hover {
background: #457ca5;
}
.featuredgalleries .thumb a img {
margin: 7px 0 0 7px;
}

/* =Adverpost
-------------------------------------------------------------- */

.adverpost_ind_top,
.adverpost_ind_bottom {
font: normal 10px arial, helvetica, sans-serif;
text-align: center;
}

.adverpost_ind_top {
margin: 0;
}

.adverpost_ind_bottom {
margin: 0;
}

.adverpost {
padding: 10px;
background-color: #ffe;
border: 1px solid #ccc;
font-size:.9em;
}

.adverpost h1, .adverpost h2, .adverpost h3 {
font-size: 1.2em;
margin: 0 0 .5em 0 !important;
}

.adverpost img {
float: right;
margin: 0 0 5px 5px;
}

.adverpost:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

/* for IE-mac */
.adverpost {display: inline-table;}

/* Hides from IE-mac \*/
* html .adverpost {height: 1%;}
.adverpost {display: block;}
/* End hide from IE-mac */


/* =MISC
-------------------------------------------------------------- */
.clearfix { display: inline-block; }   
.clearfix:after, .container:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 

visibility: hidden;
}
* html .clearfix { height: 1%; }
.clearfix { display: block; }
.hide {
visibility: hidden;
}
.noheight {

height: 0 !important;
margin-bottom: 0 !important;
}
.center {
text-align: center;
}
.hide-me {
display: none;
}
.no-bullets {
margin: 0 0 1em;
}
.no-bullets li {
background: transparent;
padding-left: 0 !important;
margin-left: 0 !important;
}
.trigger {cursor:pointer;}
img.left {float: left; padding: 0 10px 10px 0;}
.hide     { display: none; }
.required {
color: darkred !important;
font-weight: bold;
}
span.normal {
text-transform: none !important;
font-size: 1em !important;
}
.module {
margin-bottom: 0 0 1em;
}

/* Profile */

#profile_main {
border-bottom: 2px solid #ccc;
color: #999;
font-size: .95em;
}
#profile_main img {
border: 1px solid #ddd;
padding: .1em;
float: left;
margin-right: 1em;
}
#profile_main form {
background: #111;
clear: both;
padding: 10px 0 20px 45px;
border: 1px dotted #444;
}
#profile_main form label {
display: block;
}
#profile_main a {
color: #222;
text-decoration: none;
border-bottom: 1px solid #666;
}
#profile_main a:hover {
border-bottom: none;
}
#profile_comments h2 {
color: w;
font-size: 1.6em;
font-weight: normal;
}
#profile_comments h3 {
margin: 0;
padding: 0;
font-size: 1.3em;
}
h3 .blogname a {
color: #111;
padding: 0 3px;
text-decoration: none;
}
h3 .blogname a:hover {
text-decoration: underline;
}
.cmt_cmt strong {
color: #888;
display: block;
font-size: 10px;
font-weight: normal;
padding: 0;
margin: -.7em 0 .5em 0;
}
#pwLogin {
border: 1px solid #ccc;
padding: 3px;
margin-right: 3px;
width: 140px;
}
#loginButton {
padding: 1px;
}
#pwStatus {
color: red;
display: block;
clear: both;
text-align: center;
margin-bottom: .3em;
}
#memberName strong {
color: #333;
font-size: 2em;
font-weight: normal;
}
p#profile_change a {
background: #eee;
border-bottom: 1px solid #ccc;
color: #666;
padding: .2em;
}
p#profile_change a:hover {
background: #ddd;
border-bottom: 1px solid #999;
color: #444;
}
p.cmt_cmt {
color: #444;
}
#activity_inner th {
background: #333;
color: #ccc;
}
#activity_inner tr {
border-bottom: 1px solid #ddd;
}
#activity_inner tr td.cmt-count {
color: #777;
}

/* tabs */

#Tcontainer {
margin: 1em 0;
width: 100%;
}

#Tcontainer .anchors {
border-bottom: 2px solid #ccc;
clear: both;
list-style: none;
margin: 0;
padding: 0;
}

#Tcontainer .anchors:after { /* clearing without presentational markup, IE gets extra treatment */
    display: block;
    clear: both;
    content: " ";
}
#Tcontainer .anchors li {
    float: left;
    margin: 0 5px 0 0;
    background: #eee;
    font: 1.1em Arial, sans-serif;
}
#Tcontainer .anchors a {
    display: block;
    position: relative;
    top: 1px;
    border-bottom: 0;
    color: #333;
    text-decoration: none;
    padding: 4px 5px;
    font-weight: bold;
}
#Tcontainer .anchors .on a {
background: #dddddd;
}
#Tcontainer .anchors .plain a {
    font-weight: normal;
font-size: 8px;
background: #f7f7f7;
}

#Tcontainer .anchors a:focus, .anchors a:active {
    outline: none; /* @ Firefox 1.5, remove ugly dotted border */
}

.anchors a:hover, .anchors a:focus, .anchors .on a, .anchors a:active,
.anchor {
color: #333!important;
}
.anchors .on a:link, .anchors .on a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
    cursor: text;
}
.anchors .plain a:link, .anchors .on a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
    cursor: text;
}

.anchors a:hover, .anchors a:focus, .anchors a:active {
    cursor: pointer;
}
.anchor {
    padding: 0px;
}
@charset "UTF-8";

/**
 * Horizontal CSS Drop-Down Menu Module
 *
 * @file		dropdown.css
 * @package		Dropdown
 * @version		0.7.1
 * @type		Transitional
 * @stacks		597-599
 * @browsers	Windows: IE6+, Opera7+, Firefox1+
 *				Mac OS: Safari2+, Firefox2+
 *
 * @link		http://www.lwis.net/
 * @copyright	2006-2008 Live Web Institute. All Rights Reserved.
 *
 */

ul.dropdown,
ul.dropdown li,
ul.dropdown ul { list-style: none; margin: 0; padding: 0; }

ul.dropdown { position: relative; z-index: 597; float: left; }

ul.dropdown li { float: left; vertical-align: middle; zoom: 1; }


ul.dropdown li.hover,
ul.dropdown li:hover { position: relative; z-index: 599; cursor: default; }

ul.dropdown ul { visibility: hidden; position: absolute; top: 30px; margin-left: 2px; z-index: 598; width: 100%; font-size: 120%; }

ul.dropdown ul li { float: none; }

ul.dropdown ul ul { top: 1px; left: 99%;  }
	
#nav li.dir ul li a { text-transform:capitalize}

ul.dropdown li:hover > ul { visibility: visible; }
ul.dropdown li.rtl ul { top: 100%; right: 0; left: auto; }

ul.dropdown li.rtl ul ul { top: 1px; right: 99%; left: auto; }

@charset "UTF-8";

/** 
 * Default CSS Drop-Down Menu Theme
 *
 * @file		default.css
 * @name		Default
 * @version		0.1
 * @type		transitional
 * @browsers	Windows: IE5+, Opera7+, Firefox1+
 *				Mac OS: Safari2+, Firefox2+
 *
 * @link		http://www.lwis.net/
 * @copyright	2008 Live Web Institute. All Rights Reserved.
 *
 * Module Classes: *.dir {} *.on {} *.open {} li.hover {} li.first {} li.last {}
 * Expected directory tag - li
 *
 */


/*-------------------------------------------------/
 * @section		Base Drop-Down Styling
 * @structure	ul (unordered list)
 *				ul li (list item)
 *				ul li a (links)
 *				/*\.class|(li|a):hover/
 * @level sep	ul
 */

ul.dropdown {  }
	ul.dropdown li, ul.dropdown li.dir { font-size:85%; padding:8px 10px 8px 10px;   }
	ul.dropdown li.dir ul { background-image:none; }
	ul.dropdown li.hover,
	ul.dropdown li:hover { cursor:pointer;}

	ul.dropdown a:link,
	ul.dropdown a:visited	{color:#cccccc;text-decoration: none; }
	ul.dropdown a:hover		{  }
	ul.dropdown a:active	{ }

	/* -- level mark -- */
	ul.dropdown ul { background:#111; background-image:none; width: 125px; margin-top: 0px; border-top:1px solid #000; }
	ul.dropdown ul li { font-weight: normal; background:none;  }

/*-------------------------------------------------/
 * @section		Support Class `dir`
 * @level sep	ul, .class
 */

ul.dropdown *.dir { color:#CCC; padding-right: 20px; background-position: 100% 50%; background-repeat: no-repeat; }

/* -- Components override -- */
ul.dropdown-horizontal ul *.dir { padding-right: 15px; background-position: 100% 50%; background-repeat: no-repeat; }
	
ul.dropdown-upward *.dir { }
ul.dropdown-vertical *.dir,
ul.dropdown-upward ul *.dir { }

#sitenav ul.dropdown li { background:url(http://www.blogsmithmedia.com/wow.joystiq.com/media/seperators.png) repeat-y right 0px; }
#sitenav ul.dropdown li.dir { background:url(http://www.blogsmithmedia.com/wow.joystiq.com/media/seperators.png) repeat-y right 0px; }

ul.dropdown-vertical-rtl *.dir { padding-right: 10px; padding-left: 15px; background-position: 0 50%; }

ul li.dir a:hover { text-decoration:underline;}


#sitenav {float:left; width:100%; text-transform:uppercase; background:url(http://www.blogsmithmedia.com/wow.joystiq.com/media/gradients.jpg); background-position:0px -100px;border:1px solid #000000; border-bottom:none; height: 30px;  } 
	#sitenav .right { margin: 0 0px 4px 0px; float: right; }
	#sitenav .right a { color:#CCC; text-transform:none; margin:0px 10px 0px 0px;}

/* Sign In Module*/
#signin-pop li.dir { padding:0; margin:0; }
#signin-pop li.dir ul { background:#000; font-size:140%; width:220px; margin:0px 0px 0px -25px;  border:none; background:#04080C;}
#signin-pop li.dir ul li { margin:0; padding:0px;}
	#signin-pop li.dir ul li a { font-size:90%; width:200px; display:block;text-decoration:none; color:#FFF; background:#000; margin:1px 1px 1px 1px; padding:5px 8px 5px 10px;}
	#signin-pop li.dir ul li a:hover { color: #99CCFF;background:#000 url(../images/bg/signin-a.png) no-repeat right; }
		#loginStatus span {
	color: #99ccff;
	background: url(http://www.blogsmithmedia.com/wow.joystiq.com/media/aim-icon.png) no-repeat right;
	text-decoration: underline;
	padding-right: 20px;
}
#twitter_div {
	background: #ececec;
}
#twitter_div li {
	color: #666;
	list-style-position: inside;
	list-style-type: disc;
	padding-top: 2px;
	padding-bottom: 5px;
}
#release-dates table.data tr th {
	background: #333;
	color: #ececec;
}
#release-dates table.data tr td.statsclass1 {
	background: #ececec;
	color: #ececec;
}
#release-dates table.data tr td.statsclass2 {
	background: #CCC;
	color: #ececec;
}
.gButton a {
	background: #CCC;
	padding: 6px 8px;
	border:  solid #AAA 1px;
}
.gButton a:hover {
	background: #BBB;
	padding: 6px 8px;
	border:  solid #AAA 1px;
	text-decoration: none;
}
.sandbox p {
	color: #ececec;
}
#blizz { width: 652px; height: 250px; }
.blizzHero { width: 628px; height: 250px; margin: 10px 0 10px 10px; display: none; }
.blizzContainer { width: 628px;  color: white; padding-top: 100px; }
#blizz h1 { color: white;background: black; padding: 5px; opacity:0.8;filter:alpha(opacity=80); width: 100%; }
.blizzNavigation { margin: 0 0 5px 0; padding: 5px; height: 15px; }
.navLeft { float: left; }
.navRight { float: right; }
#blizzIntro { background: black; padding: 5px 15px; margin: 5px 0; color: white; }
#blizzIntro h1 { color: white; }
ul.blizzLister li { display: inline; background: #f5d880; padding: 2px 3px; margin-right: 4px; margin-top: 7px; }
.blizzLister a {  text-decoration: none; color: black; }
.blizzLister a:hover { color: #666; }

/* e3 */

#e3-container {
position: relative;
width: 623px;
background: #333 url(http://www.blogsmithmedia.com/www.joystiq.com/media/e3-top-bg2.png) no-repeat top center;
border-top: 3px solid #444;
overflow: hidden;	
padding: 10px;
}

.e3-top-promo {
	height: 235px;
}


#e3-left {
	width: 270px;
	float: left;
}

#e3-left img { 	border: solid #444 3px; }
#e3-left img:hover { 	border: solid #ffa007 3px; }


#e3-right {
	width: 340px;
	float: left;
	padding-left: 13px;
	padding-top: 5px;
}



#e3-right a {
	color: #3ca9eb;

}

#e3-right a:hover {
	color: #ffa007;
	text-decoration: none;
}

#e3-right h1 {
	color: #ececec;
	line-height: 100%;
}

#e3-right p.e3byline {
margin: 0; color: #CCC; font-style: italic;
}

#e3-right p {
	color: #ececec;
	margin: 0;
	padding-bottom: 1em;
}

#e3-right p.continued {
	text-align: right;
	margin-right: 15px;
}


#e3-carousel ul {
	margin: 0 0 0 0;	
}

#e3-carousel li {
	display:inline;
	padding-right: 5px;

}

#thumbnail-headlines {
	color: #000;
	padding: 3px;
	margin-top: 15px;
	background: #ffa007;
	width: 603px;
}


#e3-carousel img {
	width: 75px;
	border: solid #444 3px;
}
#e3-carousel img:hover {
	border: solid #ffa007 3px;
}
#e3-carousel img.on {
	border-top: solid #ffa007 10px;
}
#e3-post-title {
	display: inline;
}
#e3-list-post { width: 580px; height: 135px; }
#e3-list-post-left { float: left; width: 75px; }
#e3-list-post-left img { border: 0; }
#blogBadge { text-align: center; text-transform: uppercase; background: orange; margin-top: 5px; font-size: 75%; }
#blogBadge:hover { background: black; color: white; }
#blogBadge a { color: white; text-decoration: none; font-size: 130%; }
#e3-list-post-right { float: left; width: 490px; padding: 0 5px 5px 5px; margin-left: 5px; }
#e3-list-post-right h4 { margin: 0; font-size: 150%; }
#e3-list-post-right a { text-decoration: none; }
#e3-list-post-right a:hover { text-decoration: none; color: black; }
#e3-list-post-right p.e3byline { margin: 0; color: #666; font-style: italic; }
#e3-list-post-right p.excerpt { margin: 0; }
.Joystiq { text-align: center; background: url(http://www.blogsmithmedia.com/www.joystiq.com/media/e3-joystiq-badge.png); margin-top: 5px; }
.Massively { text-align: center; background: url(http://www.blogsmithmedia.com/www.joystiq.com/media/e3-massively-badge.png); margin-top: 5px; }
.Big.Download { text-align: center; background: url(http://www.blogsmithmedia.com/www.joystiq.com/media/e3-bigdownload-badge.png); margin-top: 5px; }
.WoW { text-align: center; background: url(http://www.blogsmithmedia.com/wow.joystiq.com/media/wowcom28337.jpg); margin-top: 5px; }


/* AFS */
.sponsorArea {display:block;position:relative;font-size:12px; }
.sponsorArea .body {border-color:#cbcbcb;border-style:solid;border-width:1px 0px 1px;margin:0px 0px 4em;padding:5px 0px 15px;}
.sponsorArea .body a.sponsorLink {color:#757454;font-weight:normal;margin:5px 0; position:absolute;top:0;right:0px;}
.sponsorArea .body .sponsorPromo {color:#898989;margin-top:15px;cursor:pointer;}
.sponsorArea .body .sponsorPromo .title a {font-weight:normal;}
.sponsorArea .body .sponsorPromo .title a:hover {text-decoration:underline;}
.sponsorArea .body .sponsorPromo .link a {color:#81bc61;font-weight:normal;}
.sponsorArea .body .sponsorPromo .link a:hover {text-decoration:underline;}

.postbody em ul ul ul ul {
	padding-left: 10px;
}
/* Writers Promo */

#writers-promo {
background: #fff;
position: relative;
_width: 320px;
}

#writers-promo h3 {
margin-top: 0;
}

#writers-promo * {
margin: 0;
padding: 0;
}

#writers-promo .writer-block {
height: 30px;
border-bottom: 1px solid #ddd;
position: relative;
overflow: hidden;
_width: 328px;
}

#writers-promo .writer-block img {
display: none;
float: left;
width: 52px;
height: 52px;
}

#writers-promo .writer-info {
margin: 8px 6px;
_margin: .8em;
float: left;
width: 250px;
}

#writers-promo .writer-info h4 {
margin: 0;
font-size: 1em;
_font-size: 1em;
line-height: 1.`em;
_line-height: 1.1em;
text-transform: uppercase;
}

#writers-promo .writer-info h4 a {
color: #222;
text-decoration: none;
float: left;
}

#writers-promo .writer-info h4 a:hover {
text-decoration: underline;
}

#writers-promo .writer-info p {
color: #888;
font-size: 80%;
float: left;
margin-left: 5px;
margin-top: 2px;
}

#writers-promo .writer-block a.feed {
background: url(http://www.blogsmithmedia.com/www.tuaw.com/media/icon-feed-a.png) top left no-repeat;
display: block;
float: right;
width: 16px;
height: 16px;
text-indent: -9999px;
margin: .6em .7em 0 0;
_margin: 1em .3em 0 0;
}

#writers-promo p.more-writers {
padding: .8em 1em;
}
#featured-video {
	color: #FFF;
}
#featured-video a {
	color: #E4C42F;
}

.wow_com_text_header_1
{
    font-family: arial;
    font-size: 16px;
    font-weight: bold;
}

.wow_com_text_header_2
{
    font-family: arial;
    font-size: 16px;
    font-weight: bold;
}

.wow_com_blizzard_box_top
{
    width: 98%;
    text-align: left;
    position: relative;
    padding: 3px;
    color: rgb(255, 255, 255);
    background: none repeat scroll 0% 0% rgb(51, 73, 138);
    border: 1px solid rgb(51, 51, 51);
}

.wow_com_blizzard_box_image
{
    border: 0px none;
    padding: 0px;
    margin-bottom: 3px;
    margin-left: 5px;
    margin-right: 3px;
}

.wow_com_blizzard_box_body
{
    width: 98%;
    text-align: left;
    position: relative;
    padding: 3px;
    color: rgb(153, 204, 255);
    background: none repeat scroll 0% 0% rgb(32, 32, 32);
    border: 1px solid rgb(51, 51, 51);
}

.wow_com_blizzard_box_body_
text
{
    padding: 5px;
}

.wow_com_blizzard_box_source_link
{
    font-size: 12px;
}

.wow_com_blizzard_box_quote
{
    padding-left: 20px;
    color: white;
    font-size: 11px;

}

/* AOL Share over-ride */
.aol-share {
float: right;
margin-top:0px !important;
}
.social-module{overflow: hidden;}
.aol-facebook-like{float:left;}

#adskinlink {
display:block;
position:absolute;
left:0;
top:28px;
width:100%;
height:1800px;
z-index:0
}

#livefyre {
background: #ececec url(http://www.blogsmithmedia.com/wow.joystiq.com/media/wow-top-post.jpg) top left no-repeat;
padding: 20px;
}

.lf-footer {
background: #ececec url(http://www.blogsmithmedia.com/wow.joystiq.com/media/wow-postnav-bottom4.jpg) bottom left no-repeat;
margin-top: -32px;
padding-bottom: 80px;
text-indent: -9999px;
}


/* SKINS! */
body.skinned {
	background: #000;
}
.skinned .topleader {
        background: none;
}
.skinned #GH_guts {
	background: #000;
	padding-right: 2px;
}
.skinned #GH_ #GH_nav {
	background: #000;
	witdh: 982px;
}

/* KLUDGY SLIDESHOW FIX */
.aol-knot-nav-outer, .aol-knot-thumb-outer {
  top: 40%!important;
  color: white!important;
}