/*   
Theme Name: Spider-Man Style 8
Theme URL: http://spiderman.sonypictures.com/
Description: Official theme for the Spider-Man 3 movie
Author: Sony Pictures
Author URL: http://www.sonypictures.com/
.
MARVEL, SPIDER-MAN, and all MARVEL character names and distinctive likenesses thereof: TM & © Marvel Characters, Inc.
All Rights Reserved, MARVEL and SPIDER-MAN; Trademarks registered in the USA and certain other countries.
*/

body{
margin:0;
font-family:Arial, Helvetica, sans-serif;
line-height:1.4;
}

h1, h1 a:link, h1 a:visited{
font-family:Geneva, Arial, Helvetica, sans-serif;
font-weight:normal;
font-size:32px;
color:#cccccc;
text-decoration:none;
}
h1 a:active, h1 a:hover{color:#ffffff;}

h2 {
font-family:Georgia, "Times New Roman", Times, serif;
font-weight:normal;
font-size:18px;
color:#cccccc;
}

#wrapper{
background:#000000;
width:100%;
}

#category_title{
font-weight:normal;
font-size:28px;
color:#6699CC;
padding-left:6px;
position:relative;
top:20px;
}

#bg_1{
background:url(http://flash.sonypictures.com/movies/spiderman/blogtemplate/style8/images/tile_bg.jpg);
width:100%;
}

#bg_2{
background:url(http://flash.sonypictures.com/movies/spiderman/blogtemplate/style8/images/vert_bg.jpg) repeat-x;
width:100%;
}

#headerwrapper{
background-image:url(http://flash.sonypictures.com/movies/spiderman/blogtemplate/style8/images/banner_head.jpg);
background-position:center;
background-repeat:no-repeat;
height:212px;
width:758px;
margin:0 auto;
padding:0;
vertical-align:middle;
}

#headercontent{
width:758px;
margin:0 auto;
padding:0;
position:relative;
top:10px;
left:20px;
text-align:left;
}

#tableframe{
width:760px;
margin:0 auto;
}

#content{
background-color:#000000;
min-height:1100px;
}

#contentwrapper{
width:566px;
min-height:100%;
vertical-align:top;
background-color:#000000;
}

#gradient_left_1{
width:12px;
vertical-align:top;
background-image:url(http://flash.sonypictures.com/movies/spiderman/blogtemplate/style8/images/gradient_left_tile.jpg);
}

#gradient_left_2{
width:12px;
height:1275px;
background-image:url(http://flash.sonypictures.com/movies/spiderman/blogtemplate/style8/images/gradient_left_vert.jpg);
background-repeat:no-repeat;
}

#gradient_right_1{
width:12px;
background-image:url(http://flash.sonypictures.com/movies/spiderman/blogtemplate/style8/images/gradient_right_tile.jpg);
}

#gradient_right_2{
width:12px;
height:1275px;
background-image:url(http://flash.sonypictures.com/movies/spiderman/blogtemplate/style8/images/gradient_right_vert.jpg);
background-repeat:no-repeat;
}

#side{
}

#sidewrapper{
background-color:#000000;
border-right:1px solid #21262e;
width:192px;
vertical-align:top;
}

#searchwrapper{
height:55px;
}

#searchfield{
position:relative;
top:16px;
left:6px;
}

#toppost{
background-image:url(http://flash.sonypictures.com/movies/spiderman/blogtemplate/style8/images/top_post_bg.jpg);
background-position:top;
background-repeat:no-repeat;
padding:5px 20px 0 20px;
}

#visitthesite{
width:192px;
margin:0 auto;
}

#visitthesitewrapper{
background-color:#0f161d;
}

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

.archive li{
padding:4px 4px 0 12px;
font-size:12px;
color:#666666;
}
.archive li a:link, .archive li a:visited{ color:#666666; text-decoration:none; }
.archive li a:active, .archive li a:hover{ color:#A9A9A9; text-decoration:none; }

.clearfloat{
clear:both;
}

.date{
color:#666666;
font-size:10px;
}

.iconwrapper{
width:180px;
margin:0 auto;
clear:both;
padding:10px 0 0 0;
}

.icontext{
float:left;
padding-left:6px;
font-size:11px;
color:#666666;
}

.icontext_title{
font-size:12px;
}

.icontext_sub{
font-size:10px;
}

.icontext a{
font-size:11px;
color:#6699cc;
text-decoration:underline;
}

.post{
margin:20px;
background-image:url(http://flash.sonypictures.com/movies/spiderman/blogtemplate/style8/images/post_bg.jpg);
background-repeat:repeat-x;
}

.post_image_height{
height:80px;
}

.posticon{
float:left;
}

.postline{
width:100%;
}

.postline_pad{
padding:6px;
}

.postline label{
margin:0;
padding:0;
}

.comment_text{
color:#6699cc;
font-size:12px;
list-style:none;
}

.post_bottom_text, .vert_spacer{
color:#666666;
font-size:12px;
}
.post_bottom_text a:link, .post_bottom_text a:visited{ color:#6699cc; }
.post_bottom_text a:hover, .post_bottom_text a:active{ color:#99ccff; }

.post_bottom_where, .post_bottom_edit, .post_comment_count{
color:#6699cc;
font-size:12px;
}
.post_comment_count a:link, .post_comment_count a:visited { color:#6699cc; }
.post_comment_count a:active, .post_comment_count a:hover { color:#99ccff; }

.post_title{
width:100%;
color:#6699cc;
font-weight:bold;
font-size:16px;
}

.post_text{
font-size:12px;
color:#cccccc;
}

.sideline{
width:100%;
clear:both;
}

.sideline ul, .sideline li{
padding:0;
margin:0;
}

.sideline li{
color:#666666;
font-size:11px;
list-style:none;
}
.sideline a:link, .sideline a:visited{ color:#6699cc; }
.sideline a:active, .sideline a:hover{ color:#99ccff; }

.sideline ul{
font-size:11px;
color:#666666;
}

.sideline li, .sideline li.module-list-item{
padding:0 4px 4px 12px;
}

.sideline_text{
font-size:11px;
}

.side_title{
background-color:#1a2633;
color:#cccccc;
font-weight:bold;
font-size:16px;
padding:0 0 0 12px;
margin:12px 0 4px 0;
}
.side_title a:link, .side_title a:visited{color:#cccccc;}
.side_title a:active, .side_title a:hover{color:#eeeeee;}

.side_bottom{
background-color:#000000;
}

.spacer{
height:20px;
}

.spacerbig{
height:50px;
}

.tableborder{
background-color:#1a2633;
}

.splegal{
background-color:#000000;
color:#cccccc;
padding:6px;
font-size:11px;
width:90%;
margin:0 auto;
text-align:center;
}