/* Reseting values */

ul, li { padding: 0px; margin: 0px; }
a { text-decoration:none; }

/* General styles */

body { 
text-align: center; font-family: Arial, Helvetica, sans-serif; margin: 0px; 
background:url(street-art-site-images/back.jpg) #cacaca fixed top center no-repeat; 
border-top: 3px solid #000; 
}
#wrapper { text-align: left; width: 890px; margin: 0px auto; }
#header { position: relative; width:100%; height: 131px; }
#content, #content_areas  { clear:both; background-color:#000000; padding: 0px 34px; padding-top: 38px; }
/* #content { height: 1000px; } */
/* body.areas #content { height: 900px; } */

#menu { width: 100%; height: 33px; }

/* Header elements */

#header_logo { position: absolute; left: 700px; top: 19px; width:100%; width: 187px; height: 130px; }
#header_share, #header_twitter, #header_rss { background-color: #000; font-size:9px; padding: 6px 0px; text-align:center; letter-spacing: 1px; }
#header_share { width:59px; }
#header_twitter { width: 69px; }
#header_rss { width:45px; } 
#header_share { position: absolute; left: 0px; top: 0px; }
#header_twitter { position: absolute; left: 62px; top: 0px; }
#header_rss { position: absolute; left: 134px; top: 0px; }
#header a, #header a:visited { color:#666; }
#header_twitter a:hover, #header_rss a:hover {text-decoration:underline; color:#CCC; }

/* Menu elements */

#menu ul { font-size: 10px; letter-spacing: 1px; }
#menu li { display:inline; list-style-type: none; }
#menu li a { line-height: 10px; color:#666; margin-right:3px; display: block; float: left; padding: 10px 15px; background:url(street-art-site-images/menu-back.gif) repeat-x; }
#menu li a.selected, #menu li a.selected:hover { background-image:none; background-color:#000; padding-bottom: 13px; color:#FFF; }
#menu li a:hover { color:#ccc; background:url(street-art-site-images/menu-back-over.gif) #333 repeat-x; }
#menu li a.map_link:link, #menu li a.map_link:visited { color:#FFF; } 


/* Content elements */

H1 { margin: 0px; color:#999; font-size: 15px; }
#content p { color:#666; width: 450px; font-size: 12px; line-height:18px; margin-bottom: 30px; margin-top:15px; }
#content p a:link, #content p a:visited { color:#bbb; }
#content p a:hover { color:#FFF; }
#sort, .links_divider { height: 30px; background: url(street-art-site-images/dashed-line.gif) bottom left repeat-x; }
#sort img { margin-right: 10px; }
#add-your-street-art { position: absolute; left: 555px; top: 165px; }

/* Home page */

#street_art_thumbs, #category_areas { float:left; height: 753px; }
#street_art_thumbs { width: 527px; height: 753px; }
#category_areas, #hori_categories { color: #666; line-height: 20px; font-size: 10px; letter-spacing: 1px; text-transform: uppercase; }
#category_areas { width: 154px; }
#google_ads { width: 141px; float:left; height: 627px; clear:right; }
#ad_container { width: 120px; margin-top: 15px; padding: 10px 3px 0px 3px; margin-left: 13px; border: 1px solid #212121; }
#street_art_thumbs li, #area_thumbs li { width: 160px; height: 108px; list-style-type: none; display:inline;}
#street_art_thumbs img, #area_thumbs img {  padding: 15px 15px 0px 0px; }
#categories { background: url(street-art-site-images/categories-back.jpg) no-repeat; }
#areas { background: url(street-art-site-images/areas-back.jpg) no-repeat; }
#artists { background: url(street-art-site-images/most-featured-back.gif) no-repeat; }
#categories, #areas, #twitter, #artists { width: 139px; padding: 45px 0px 16px 14px; margin: 15px 0px; background-color:#1b1b1b; }
#category_areas a:link, #category_areas a:visited, #hori_categories a:link, #hori_categories a:visited { color: #666; }
#category_areas a:hover, #hori_categories a:hover  { color: #fff; }

#page_nav { clear:both; background: url(street-art-site-images/dashed-line.gif) top left repeat-x; padding-top: 15px; height:30px; }
#page_nav li { display:inline; list-style-type: none; color: #666; }
#page_nav a { display: block; float:left; }
#page_nav a, #page_nav span { background-color: #333; color: #666; font-size: 10px; padding: 7px 11px; margin-right:5px; }
#page_nav a:hover { background-color: #212121; }
#page_nav a.page, #page_nav #more_photos span { background-color: #6c6c6c; color:#fff; }
#page_nav a.first, #page_nav a.last, #page_nav a.last-off, #page_nav a.first-off { letter-spacing: 1px; }
#page_nav a.first-off, #page_nav a.last-off, #page_nav a.last-off:hover, #page_nav a.first-off:hover { background-color: #333; color: #444444; }
#page_nav a.page:hover { background-color: #6c6c6c; }

/* Footer elements */

#footer { background: url(street-art-site-images/footer-top.gif) #191919 no-repeat top left; font-size: 11px; color:#666; line-height: 17px; border-top: 40px solid #000; }
#about, #books, #featured-book { padding-top: 45px; float: left; }
#about a:link, #about a:visited { color:#999999; }
#about a:hover { color: #FFF; }
#about { padding-left: 34px; margin-top: 30px; width: 347px; background: url(street-art-site-images/title-about.gif) 34px top no-repeat;}
#books { margin:30px 0px 0px 40px; width: 280px; background: url(street-art-site-images/title-suggested-reading.gif) no-repeat; }
#books a { display:block; border-bottom: 1px solid #2f2f2f; padding-bottom: 5px; margin-bottom: 5px; }
#books a.more-books { border:none; padding-top: 8px; }
#books a:link, #books a:visited { color: #999; }
#books a:hover { color: #fff; }
#featured-book { margin-left: 35px; padding-top: 29px; }
#featured-book img { padding: 5px; border: 1px solid #2f2f2f; }
#credits { height: 17px; clear:both; background-color: #333; letter-spacing: 1px; text-align:center; font-size: 9px; padding: 5px 0px; border-top: 20px solid #191919; }
#credits a:link, #credits a:visited { color:#666; }
#credits a:hover { color: #ccc; }

/* Area elements */

#area_thumbs, #area_map { float:left; }
#area_thumbs { width: 350px; height: 630px; }
#area_map { width: 454px; border: 1px solid #2f2f2f; padding: 8px; margin-top: 15px; }
#hori_categories { background-image: url(street-art-site-images/title_horizontal_cat.gif); background-repeat: no-repeat; clear:both; padding: 10px 8px; padding-top: 40px; border: 1px solid #2f2f2f; }
#areas_col2, #categories_col2 { width: 201px; float: left; }
#areas_col1, #categories_col1 { width: 200px; float: left; }
#all_clear { clear:both; }
#hor_google_ads { text-align: center; height: 90px; padding: 10px 0px; margin-bottom: 20px; border: 1px solid #212121; clear: both; background-color: #0e0e0e; }
body.areas #page_nav { height: 50px; }
#map { font-size: 12px; }

/* Photo page */

#photo_land { padding: 15px 0px;  }
H1.photo { float:left; text-transform: uppercase; color:#999; width: 500px; margin: 0px; line-height: 15px; }
#previous_photo, #more_photos, #next_photo { padding: 7px 0px; height: 50px;}
#previous_photo, #more_photos { float:left; }
#next_photo { float:right; text-align: right;}
#next_photo, #previous_photo { width: 100px; letter-spacing: 1px;}
#more_photos { width: 622px; text-align:center; }
#next_photo a, #next_photo span { margin-right: 0px; }
#more_photos a, #next_photo a, #previous_photo a { float:none; display: inline;}
#previous_photo span, #next_photo span { color: #333; background-color: #191919; } /* sets the text color & background color when there isn't a next or previous photo */
#photo_comment, #photo_votes { float:left; }
#photo_comment { width:722px; height: 90px;}
#photo_votes { width: 100px; }
#content p.photo_info { font-size:10px; letter-spacing:1px; color:#666;  margin: 9px 0 0 0; width: 710px; text-transform: uppercase;}
#photo_comment a:link, #photo_comment a:visited { color:#999; }
#photo_comment a:hover { color:#CCC; }
#content p.comment { width:600px;  margin: 8px 0 0 0; }
#photo_title { background: url(street-art-site-images/dashed-line.gif) bottom left repeat-x; height: 24px; padding-bottom:5px; }
#map_link { float:right; width: 92px; }

/* Map page elements */

#map_street_art { width: 804px; border: 1px solid #2f2f2f; padding: 8px; margin: 15px 0px; clear:both; height: 650px; }
#map img { padding:8px 0px; }
.iwstyles { font-size:11px; display: block; width: 180px; padding-bottom: 15px; line-height: 15px; }
#map { overflow:hidden; }
.marker_number { font-size: 10px; color:#666; text-transform: uppercase; letter-spacing: 1px;}
optgroup label { font-style:normal; }

/* Book page elements */

#street_art_books { float: left; width: 680px; margin-bottom: 30px;}
.book_container { float: left; width: 169px; padding-top: 15px; height: 300px; }
#street_art_books .book_container p { width: 140px; margin-bottom: 0px;}
.book_author { font-size: 10px; font-style:italic; }
.book_title { color:#CCC; }
.book_description { font-size: 11px; color:#424242; line-height:15px;}
#street_art_books img { margin: 0px; padding: 0px; }

/* Links page elements */

#street_art_links { float: left; width: 680px; margin-bottom: 30px; }
.link_container { color:#666; height: 60px; padding-top: 20px; padding-right: 50px; font-size: 12px; line-height: 17px;  }
.link_container img { float: left; padding-right: 20px; }
#street_art_links .link_container p { margin: 0px 0px 8px 0px; line-height: 12px; text-transform: uppercase; font-size: 11px; }
#street_art_links a:link, #street_art_links a:visited { color:#CCC; }
#street_art_links a:hover { color:#FFF; }
.links_divider { padding-top:35px; }
#street_art_links_1, #street_art_links_2  { float: left; width: 330px; margin-bottom: 30px; font-size:13px; line-height: 18px; color:#444; }
#street_art_links_1 a:link, #street_art_links_2 a:link, #street_art_links_1 a:visited, #street_art_links_2 a:visited { color:#4f637d; }
#street_art_links_1 a:hover, #street_art_links_2 a:hover { color:#22436d; } 
#street_art_links_1 H3, #street_art_links_2 H3 { color:#ccc; font-size: 12px; margin-bottom: 8px; margin-top:15px; }
#street_art_links_2 { margin-left: 20px; }



/* Submit page elements */

#submit_street_art { float: left; width: 679px; margin-bottom: 30px; }
H2 {font-size: 13px; color:#999; margin: 0px; padding-top: 5px;}
#submit_street_art p { line-height: 30px; margin-bottom: 20px;} 

/* Privacy Policy */

#privacy_policy p { width: 700px; margin: 8px 0px; }
#privacy_policy h3 { font-size: 12px; color:#999; }

/* Blog styles */

#blog_content { width: 527px; float:left; }
#blog_content .entry { padding: 45px 20px 20px 20px; margin-bottom: 20px; width: 470px; background: url(street-art-site-images/blog-entry-back.jpg) #FFF no-repeat; }
#blog_content .entry img { padding-bottom:3px; } 
#blog_content H3 { font-size: 15px; color: #333; text-transform:uppercase; }
#blog_content H3 a:link, #blog_content H3 a:visited { color: #333; }
#blog_content H3 a:hover { color:#069; }
#blog_content .date { }
#blog_content p { margin: 10px 0px; }
#blog_content p.entry_info { border-top: 1px dashed #999; font-size: 9px; text-transform:uppercase; letter-spacing: 1px; margin: 0px; padding-top: 8px;} 
#blog_content .entry p a:link, #blog_content .entry p a:visited, #comments-help a:link, #comments-help a:visited { color:#069; }
#blog_content .entry p a:hover, #comments-help a:hover { color:#666; }
#blog_content .entry img { border:none; }
#twitter { background: #1b1b1b url(street-art-site-images/twitter-back.jpg) no-repeat; overflow:hidden; }
#twitter .tweet_text { text-transform:none; }
#twitter li { padding: 8px 0px; width:125px; border-bottom: 1px dashed #333; } 
#twitter ul { line-height:15px; list-style-type:none; }
#twitter p.my_twitter { font-size:11px; width: 150px; margin: 4px 0px; }
#twitter a.tweet_time { font-size:9px; }
#older_articles, #newer_articles { color: #333; font-size:10px; letter-spacing:1px; float:left; width: 255px; padding: 5px 0px; }
#older_articles { text-align:right; }
#older_articles a:link, #older_articles a:visited, #newer_articles a:link, #newer_articles a:visited { color:#666; }
#older_articles a:hover, #newer_articles a:hover { color:#CCC; }
#post_ads { padding:20px; width:468px; height: 60px; border: 1px solid #212121; margin-bottom: 8px;}

/* Blog comment display */

#comment { color:#666666; font-size:16px; }
ol li p, #cpreview { color:#666666; }
ol, #cpreview { font-size: 12px; }
ol { color:#FFF; }
#txpCommentInputForm { font-size: 12px; color:#666666; }
#cpreview { margin: 8px 0px; padding: 10px; border: 1px solid #cccccc; }