/*
Theme Name: GSport
Theme URI: http://francisdelapena.com
Description: GSport Website designed by Francis Delapena.
Version: 1.0
Author: Francis Delapena
Author URI: http://francisdelapena.com/
Tags: Francis, Delapena, Fixed Width, GSport, BMX

	A theme by Francis Delapena.

*/

/* general */
* {border: 0; margin: 0; padding: 0; }
body {background: #fff; color: #000; font-family: Helvetica, 'Lucida Grande', Verdana, Arial, Sans-Serif; font-size: 12px; }
p, h1, h2, h3, h4, h5, h6 { margin-bottom: 10px; }
h3 { text-transform: uppercase; }
blockquote, ul, ol { list-style: square;margin: 0 15px 15px; }
blockquote { font-size: 14px; font-style: italic; padding: 5px 0; border-top: 1px dotted #666; border-bottom: 1px dotted #666; margin: 15p; }
input, textarea {border: 1px solid #666;color: #666;padding: 2px; }
a, a:visited { color: #00adde; text-decoration: none; }
a:hover { text-decoration: underline; }
a.more-link { text-transform: uppercase; }
.alignleft { float: left; }
.alignright { float: right; }
.clear { clear: both; }

#wrapper { margin: 0 auto; padding: 20px; width: 960px; }

/* header */
#header { border-bottom: 1px solid #000; padding: 0 0 10px; position: relative; }
#header h1 { margin: 0; }
#top-menu { bottom: 10px; font-size: 20px; line-height: 20px; position: absolute; right: 0; text-align: right; }
#top-menu a { margin: 0 10px;text-decoration: none;text-transform: uppercase;color: #000; } 
#top-menu a.last { margin-right: 0; } 
#top-menu a:hover { color: #00adde; }

#twitter { border-bottom: 1px solid #000; margin-bottom: 10px; padding: 2px 0; font-size: 12px; color: #000; background: #eee; }
#twitter a { color: #ff0000; }
#twitter a:hover { color: #000; }

/* sidebar */
.side { width: 150px; }
.side ul { list-style: none; margin: 0; }
.side li { display: block; margin-bottom: 10px; }
.side a { background: #000; color: #fff; display: block; font-family: Helvetica, 'Lucida Grande', Verdana, Arial, Sans-Serif; font-weight: bold; font-size: 12px; height: 85px; text-decoration: none; text-transform: uppercase; }
.side a:hover { background-color: #FF0000; }
.side a strong { display: inline-block; padding: 10px; font-weight: normal; width: 75px; }

#sideteam { text-align: right; float: right; }
#sideteam.side a { height: 73px; }
#content { float: left; height: auto !important; height: 655px; min-height: 655px; margin: 0 10px 10px; width: 640px; }

/* galleries - main */
.gal-main { height: 480px; position: relative; margin-bottom: 10px; width: 640px; } 
.gal-main .current img, .gal-main .advance-link, .gal-main .caption { left: 0; position: absolute; top: 0; }
.gal-main .current .advance-link { display: block; height: 480px; width: 640px; }
.gal-main .caption { left: 1px; top: 1px; } 
.gal-main h2 { background: #fff; border: 0; display: inline-block; font-size: 20px; text-transform: uppercase; padding: 5px; }
.gal-main a, .gal-main h2 a { color: #000; } 

/* galleries - entries */
.entry .gal-main .current h3 a { background: #fff; color: #000; display: inline-block; font-size: 12px !important; padding: 5px; margin-right: 2px; }
.entry .gal-main h3 a:hover { color: #ff0000; text-decoration: none; }
.gal-main small { background: #fff; color: #000; display: inline-block; font-size: 9px; margin-top: 2px; padding: 2px; text-transform: uppercase; }

/* galleries */
.gal-thumbs ul { bottom: 1px; left: 1px; list-style: none; margin: 0; position: absolute; z-index: 10; }
.gal-loading { color: #999; font-size: 36px; padding: 5px; text-transform: uppercase; }
.gal h3 { font-size: 16px; margin-bottom: 5px; }
.gal p { margin-bottom: 10px; } 
.gal-thumbs li { display: inline; float: left; margin-right: 1px; }
.gal-thumbs li .caption { display: none; visibility: none; }
.gal-thumbs a { background: #fff; color: #000; display: inline-block; font-weight: bold; padding: 2px 5px; text-transform: uppercase; }
.gal-thumbs li.selected a { color: #ff0000; }
.gal-thumbs li.selected a:hover { color: #666; }
.gal-thumbs a:hover { color: #FF0000; text-decoration: none !important; }

/* gal - linked */
#gal-linked .current a.more-link { display: block; height: 480px; left: 0; position: absolute; top: 0; width: 640px; z-index: 2; }
#linked-controls { position: absolute; right: 1px; top: 1px; z-index: 10; }
#linked-controls a { background: #fff; color: #000; display: inline-block; margin-left: 2px; padding: 5px; }
#linked-controls a:hover { color: #ff0000; text-decoration: none; }
#linked-caption:hover h2 a { color: #ff0000; }
#gal-linked a.more-link:hover { text-decoration: none; }
.page h2.linked { padding: 5px; border: 0; color: #fff; }
.page h2.linked a { color: #000; }
.page h2.linked a:hover { color: #ff0000; }

/* home - news */
#home-news { background: #00adde; height: 165px; overflow: hidden; position: relative; }
#news-slideshow { padding: 5px; }
h3.news { font-size: 12px; padding: 10px; } 
h3.news a { color: #000; } 
#news-loading,
#home-news a.advance-link img { left: 10px; position: absolute; top: 30px; }
#home-news .caption { background: #00adde; bottom: 0; left: 120px; position: absolute; right: 0; top: 35px; } 
#home-news .caption, 
#home-news .caption a { color: #fff; }
#home-news h3 { font-weight: lighter; }
#home-news h3.news a:hover,
#home-news .caption a:hover { text-decoration: underline; }
#home-news .gal-thumbs a:hover { color: #666; }
#home-news .gal-thumbs li.selected a { color: #00adde; }

/* submenus */
.submenu { background: #82d5f2; border-bottom: 1px solid #000; border-top: 1px solid #000; clear: both; font-weight: bold; font-size: 12px; line-height: 12px; margin-bottom: 10px; text-transform: uppercase; } 
.submenu .parent { color: #fff !important; background: #000 !important; } 
.submenu a { background: #c1ebf9; display: inline-block; padding: 10px; border-right: 1px solid #000; color: #000; }
.submenu a.active { color: #ff0000; }
.submenu a:hover { background: #ccc; text-decoration: none !important; }

/* archives */
.archive h2.pagetitle { border-bottom: 0; display: block; font-size: 24px; line-height: 24px; text-align: center; padding: 25px 0; }
.archive h2.pagetitle em { background: url(images/rabbit-right.gif) no-repeat left top; display: inline-block; padding: 30px 0 30px 125px; }

/* posts */
/* .single { height: auto !important; height: 615px; min-height: 615px; } */
.archive .post { padding-bottom: 15px; }
.archive h2,
.page h2,
.single h2 { border-bottom: 1px solid #ff0000; font-size: 16px; line-height: 16px; padding: 0 0 2px; font-weight: normal; text-transform: uppercase; }
.page h2 a,
.post h2 a { color: #000; }
.page h2 a:hover,
.post h2 a:hover { color: #ff0000; text-decoration: none !important; } 
.page h2 small,
.post h2 small { float: right; font-size: 9px; }
.post .more-link { display: block; font-weight: bold; color: #ff0000; padding-bottom: 10px; }
.post .more-link:hover { color: #000; text-decoration: none !important; }
.post a:hover,
.page a:hover { text-decoration: underline; }
.wp-caption-text { text-transform: uppercase; padding-bottom: 20px; font-size: 10px; }
h6 { text-transform: uppercase; font-size: 9px; }

/* postmeta */
.postmeta { height: auto !important; height: 100px; min-height: 100px; margin-top: 30px; padding-left: 110px; position: relative;}
.postmeta img.thumb { position: absolute; left: 0; top: 0; }
.postmeta ul { float: left; list-style: none; margin: 0;}
.postmeta strong { text-transform: uppercase; }
.postmeta .facebook { display: inline-block; width: 50px; height: 20px; margin-right: 2px; }
.postmeta .twitter-share-button { margin-right: 5px; }
.postmeta iframe { float: left; }

/* sociable */
.sociable { display: inline-block; float: left; padding-top: 2px; }
.sociable ul { display: inline-block; list-style: none; margin: 0; float: left; }
.sociable li { display: inline; float: left; }
.sociable a { margin-right: 5px; }

/* tech corner */
.tech h3 { color: #ff0000; font-size: 12px; }
#ride-uk-tech-articles { background: #ccc; float: right; font-size: 10px; margin: 0 0 10px 10px; padding: 10px; width: 200px; }
#ride-uk-tech-articles h3, #ride-uk-tech-articles a { color: #000; }
#ride-uk-tech-articles ul { margin-bottom: 0; }
#ride-uk-tech-articles a:hover { color: #ff0000; }
.tech-frequent li { margin-bottom: 5px; }
.tech #userinfo input { width: 291px; margin: 0; }
.tech #userinfo #email { float: right; margin: 0; }
.tech #comments h3 { color: #000; }
.tech #comments { padding: 5px 20px 20px; }
.tech #comment { width: 595px; }
.tech .commentlist { list-style: square; }
.uk-article img { padding: 70px; background: #ccc; }

/* navigation */
.navigation { border-top: 1px solid #ff0000; font-size: 12px !important; padding: 5px 0 10px; text-transform: uppercase; } 
.navigation a { color: #000; }
.navigation a:hover { color: #ff0000; text-decoration: none !important; }

/* comments */
#comments { clear: both; margin-bottom: 25px; }
#comments h3 { border-bottom: 1px solid #000; font-family: Georgia, "Times New Roman", Times, serif; font-size: 12px; text-transform: uppercase; padding-top: 15px; }
#comments .navigation { border-top: 0; }
.commentlist { list-style: none; }
.commentlist li { border-bottom: 1px dotted #999; margin-bottom: 15px; }
.commentlist li li { border-bottom: 0; list-style: circle; }
.vcard { font-weight: bold; font-size: 14px; }
.vcard a { color: #000; }
.commentmetadata { text-transform: uppercase; margin-bottom: 5px; font-size: 9px; }
.reply { text-transform: uppercase; font-weight: bold; font-size: 9px; margin-bottom: 15px; }
#cancel-comment-reply-link { text-decoration: none; margin-bottom: 5px; }
#userinfo input { width: 204px; }
#userinfo #email { margin: 0 0 0 5px; }
#userinfo #url { float: right; margin: 0; }
#commentbox { clear: both; position: relative; }
#commentbox input { background: #fff; border-bottom: 0; bottom: 0; display: inline-block; left: 10px; padding: 5px 5px 0; position: absolute; } 
#commentbox input:hover { padding-bottom: 5px; cursor: pointer; }
#comment { margin-top: 5px; width: 635px; }

/* pages - links */
.links div { float: left; margin: 0 10px 0 0; width: 203px; }
.specs h3, .links h3 { border-bottom: 1px solid #000; font-family: Georgia, "Times New Roman", Times, serif; font-size: 12px; padding: 0 0 2px; }

/* footer */
#footer { clear: both; margin-top: 10px; border-top: 1px solid #000; text-transform: uppercase; }
#footer a { text-decoration: none; color: #000; }
#footer a:hover { color: #00adde; }
#footer select, #footer option { background: #eee; }

#searchform { background: #eee; border-bottom: 1px solid #000; margin-bottom: 5px; width: 100%; }
#s { background: #eee; border: 0; font-weight: bold; width: 100%; padding: 2px 0; text-transform: uppercase; }

/* network */
#network { clear: both; width: 100%; margin-top: 100px; padding: 25px 0; background: #000; color: #666; text-transform: uppercase; font-size: 20px; text-align: center; }
#network a { display: inline-block; padding: 0 5px; filter: alpha(opacity=50); -moz-opacity:.5; opacity:.5; }
#network a:hover { filter: alpha(opacity=100); -moz-opacity:1; opacity:1; }