/* RESET */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin:0; padding:0 }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th { font-size:1.5em; font-style:normal; font-weight:normal; }
ul,ol { list-style:none; }
fieldset,img { border:none; }
caption,th { text-align:left; }
table { border-collapse:collapse; border-spacing:0; }

a, a:link { color:#CCA6B2; text-decoration:none; }
a:visited { color:#878787; }
a:hover { color:#AE7587; }

h1 { z-index:9999; position:absolute; top:-30px; left:-70px; height:300px; width:100%; padding-left:110px; background:url(/images/strimblelogo.png) left center no-repeat; color:#BA8699; line-height:300px; text-transform:lowercase; font-family:Zapfino; font-weight:bold; font-size:72px; }
h2 { height:18px; margin:10px 5px 2px; text-shadow:0 -1px rgb(76, 76, 76), 1px 0 rgb(86, 86, 86), 0 1px rgb(96, 96, 96), -1px 0 rgb(86, 86, 86); text-transform:lowercase; font-family: Helvetica; font-size:18px; font-weight:bold; }

.right { float:right; text-align:right; }
.left { float:left; text-align:left; }
.clear { clear:both; }
.center { display:block; width:100%; margin:0 auto; text-align:center; }

/* GRID */
.column { float:left; }
.grid3col { margin:15px; }
.grid3col .column { width:32%; margin-left:2%; }
.column.first, .column.last { margin-left:0 !important; }
.column.last { float:right !important; }

/* Main */
body { width:100%; margin:0; padding:0; background:#FFF url(http://blog.strimble.com/wp-content/themes/screaming-content/images/blog-bg.gif); color:#555; line-height:150%; font:14px/18px Arial, Verdana, sans-serif; }
body #main { position:relative; width:80%; margin:0 10% 10%; }
#main #header { position:relative; height:5.1em; width:100%; margin-top:5%; }
#main #content { position:relative; color:#777; background:#555; margin:-20px 0 1px; padding:220px 15px 15px; -webkit-box-shadow:5px 5px 5px rgba(0,0,0,0.2); -moz-box-shadow:#CCC 5px 5px 5px; box-shadow:#CCC 5px 5px 5px; -moz-border-radius-topright:30px; -webkit-border-top-right-radius:30px; -moz-border-radius-bottomleft:30px; -webkit-border-bottom-left-radius:30px; }
#main #content h2 a { color:#656565; }
#main #content h2 a:hover { color:#444; }

/* Main Navigation */
#main #nav { z-index:99999; position:absolute; top:75px; right:30px; text-transform:uppercase; }
#main #nav ul li { display:inline; margin:0 7px; }
#main #nav ul li a,
#main #nav ul li a:link,
#main #nav ul li a:visited,
#main #nav ul li a:hover { color:#CCA6B2; text-decoration:none; }
#main #nav ul li a:hover { border-top:4px solid #AE7587; border-bottom:2px solid #CCA6B2; color:#AE7587; }
#main #nav ul li a:active { border-top:4px solid #878787; }

/* Feeds */
#content .column .feed_container { margin:0 5px; color:#444; }
#content .column .feed_container div { *background:#656565; }
#content .column .feed_container div.feed_result { overflow:hidden; margin:1px 0 0; padding:0; border-top:1px solid rgb(96, 96, 96); border-right:1px solid rgb(86, 86, 86); border-bottom:1px solid rgb(76, 76, 76); border-left:1px solid rgb(86, 86, 86); -webkit-border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px; border-radius:3px; background-color:#656565; background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0.2)), to(rgba(96, 96, 96, 0.2))); background-image:-moz-linear-gradient(top, rgba(0,0,0,0.2), rgba(96,96,96,0.2)); color:#BABABA; text-shadow:#555 0px 1px 1px; font-size:100%; }
#content .column .feed_container .feed_result:hover { overflow:visible; }
#content .column .feed_container .feed_result div { margin:0; padding:0; }

#content .column #upcoming_events .feed_result div .upcoming_events_date { display:block; margin:5px 5px 0; border:none; }
#content .column #upcoming_events .feed_result div .upcoming_events_name { display:block; margin:0 10px; }
#content .column #upcoming_events .feed_result div .upcoming_events_venue { display:block; margin:0 5px 2px; text-align:right; }
#content .column #blog_posts .feed_result div .blog_posts_title { display:block; margin:5px 5px 0; }
#content .column #blog_posts .feed_result div .blog_posts_content { display:block; margin:0 10px; }
#content .column #blog_posts .feed_result div .blog_posts_categories { display:block; margin:0 10px 5px; }
#content .column #blog_posts .feed_result div .blog_posts_date { display:block; margin:0 5px 2px; border:none; text-align:right; }
#content .column #blog_posts .feed_result div ol { margin:0 30px; list-style-type:disc; }
#content .column #about_me .feed_result div .about_me_content { margin:5px 5px 2px; }
#content .column #tumblr_quotes .feed_result div .tumblr_quotes_ldquo { display:block; float:left; width:10%; margin:20px 5px 5px; font-family:Georgia; font-size:56px; }
#content .column #tumblr_quotes .feed_result div .tumblr_quotes_quote { display:block; float:left; width:80%; margin:5px 5px 5px 0; }
#content .column #tumblr_quotes .feed_result div .tumblr_quotes_source { display:block; margin:0 5px 2px; text-align:right; }
#content .column #delicious_bookmarks .feed_result div .delicious_bookmarks_link { display:block; margin:5px 5px 2px; }
#content .column #projects .feed_result div .projects_title { display:block; margin:5px 5px 2px; }
#content .column #twitter_tweets .feed_result div .twitter_tweets_user { display:inline-block; margin:5px 0 0 5px; }
#content .column #twitter_tweets .feed_result div .twitter_tweets_content { display:block; margin:0 10px 2px; }
#content .column #amazon_wishlist .feed_result div .amazon_wishlist_title { display:block; margin:5px 5px 0; }
#content .column #amazon_wishlist .feed_result div .amazon_wishlist_price { margin:0 5px 2px; text-align:right; }
#content .column #flickr_photos .feed_result div .flickr_photos_title { display:block; margin:5px 5px 2px; }
#content .column #flickr_photos .feed_result div .flickr_photos_link { display:block; float:right; height:77px; width:77px; margin:0 5px 2px 0; }
#content .column #flickr_photos .feed_result div .flickr_photos_link img { -webkit-box-shadow:0 2px 6px rgba(0,0,0,0.2); -moz-box-shadow:#555 0 2px 6px; -o-box-shadow:#555 0 2px 6px; box-shadow:#555 0 2px 6px; }

.friendme { margin:0 5px 10px; text-align:right; text-transform:lowercase; }
#content #sub-footer { margin:15px 15px 0; text-align:right; text-transform:lowercase; }

/* Footer */
#footer { clear:both; margin:.5em 0; padding:0; text-transform:lowercase; font-size:85%; }
#footer #copyright { display:block; float:left; width:50%; }
#footer #contact { display:block; float:right; width:50%; text-align:right; }

