/*   
Theme Name: Spider-Man Style 4
Theme URI: http://spiderman.sonypictures.com/
Description: Official theme for the Spider-Man 3 movie
Author: Sony Pictures
Author URI: 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;
}

h2{
color:#cccccc;
}

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

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

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

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

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

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

#content{
background-color:#000000;
}

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

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

#headercontent h2{
font-size:14px;
}

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

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

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

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

#side{
}

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

#searchwrapper{
height:55px;
}

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

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

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

.clearfloat{
clear:both;
}

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

.icon{
border:1px solid #898d7b;
float:left;
}

.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:#999966;
text-decoration:none;
}

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

.post a:link, .post a:visited{
color:#999966;
} 
.post a:hover, .post a:active{
color:#cccc99;
} 

.posticon{
float:left;
}

.posticon_text{
float:left;
position:relative;
top:6px;
}

.postline{
width:100%;
}

.postline_pad{
padding:6px;
}

.post_bottom_text, .vert_spacer{
color:#666666;
font-size:12px;
}

.post_bottom_where, .post_bottom_edit, .post_comment_count{
color:#999966;
font-size:12px;
}

.post_title, .post h3{
width:100%;
color:#43484e;
font-weight:bold;
font-size:16px;
}

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

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

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

.sideline li{
color:#999966;
font-size:11px;
list-style:none;
}

.sideline li a:link, .sideline li a:visited{
color:#999966;
}
.sideline li a:hover, .sideline li a:active{
color:#cccc99;
}

.sideline li li{
padding:4px 0 0 12px;
}

.sidelist li{
padding:4px 0 0 12px;
}

.side_title, .sideline h2{
background-color:#21262e;
color:#ffffff;
font-weight:bold;
font-size:16px;
padding:0 0 0 12px;
margin:12px 0 4px 0;
}

.spacer{
height:20px;
}

.tableborder{
background-color:#21262e;
}