/*   
Theme Name: Spider-Man Style 1
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;
text-align:left;
background:url(http://flash.sonypictures.com/movies/spiderman/blogtemplate/style1/images/tile_bg.jpg);
line-height:1.4;
}

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

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

#category_title{
font-family:Georgia, "Times New Roman", Times, serif;
font-weight:normal;
font-size:32px;
color:#1a3f4d;
}

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

#bg_1{
background:url(http://flash.sonypictures.com/movies/spiderman/blogtemplate/style1/images/vert_bg.jpg) repeat-x;
width:100%;
min-height:1097px;
}

#headertable{
width:100%;
}

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

#headercontent{
width:750px;
margin:0 auto;
position:relative;
left:40px;
text-align:left;
}

#headercontent h1, #headercontent h1 a:link, #headercontent h1 a:visited, #headercontent h1 a:active, #headercontent h1 a:hover{
font-family: Georgia,"Times New Roman",Times,serif;
font-weight: normal;
font-size: 36px;
color: #ffffff;
text-decoration:none;
}

#headercontent h1 a:active, #headercontent h1 a:hover{
color:#cccccc;
}

#tableframe{
width:750px;
margin:0 auto;
padding:10px 0;
}

#content{
}

#contentwrapper{
width:494px;
vertical-align:top;
}

#middlespace{
width:6px;
}

#side{
}

#sidewrapper{
width:250px;
vertical-align:top;

}

#searchwrapper{
height:55px;
}

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

#topbar{
background-image:url(http://flash.sonypictures.com/movies/spiderman/blogtemplate/style1/images/topbar.jpg);
background-repeat:repeat-x;
height:13px;
}

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

#visitthesitewrapper{
background:#1a3f4d;
margin:10px 0;
}

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

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

.border4{
border:1px solid #122c35;
background-image:url(http://flash.sonypictures.com/movies/spiderman/blogtemplate/style1/images/post_bg.jpg);
}

.border3{
border:4px solid #ffffff;
}

.border2{
border:1px solid #acacac;
}

.border1{
border:1px solid #cdcdcd;
}

.clearfloat{
clear:both;
}

.date{
}

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

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

.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;
}

.postline{
width:100%;
}

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

.comment_text{
color:#666666;
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:#666666; }
.post_bottom_text a:hover, .post_bottom_text a:active{ color:#6699cc; }

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

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

.post_text{
font-size:12px;
}

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

.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:#0F1E23; }

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

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

.sideline_text{
font-size:11px;
}

.side_title{
background-color:#45626d;
color:#cccccc;
font-weight:bold;
font-size:16px;
padding:0 0 0 8px;
margin:6px 0 4px 0;
}
.side_title a:link, .side_title a:visited{color:#cccccc;}
.side_title a:active, .side_title a:hover{color:#6699cc;}

.spacer{
height:20px;
}

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