/* 
Theme Name: GymDJ.com
Theme URL: http://www.GymDJ.com/
Description: GymDJ - workout music blog
Author: Jonathan
Author URI: http://www.GymDJ.com
Version: 3.0.0
*/

body { background:url('images/background.jpg') repeat #f6f6f6; margin:0; padding:0; font-family:Georgia, "Times New Roman", Times, serif; font-size:16px; color:#6a6a6a; line-height:1.4; }
a { outline:none; text-decoration:none; } img { border:none; }

/** LAYOUT **/
#page { background:url('images/stripes-background.png') no-repeat top center; width:100%; }
#wrapper { width:960px; margin:auto; }
#header { width:960px; height:60px; padding-top:8px; }
#content-wrapper { width:940px; background:url('images/content-background.jpg') repeat-y top center #ffffff; border:1px solid #e7e7e5; padding:20px 0 0 20px; }
#content { width:600px; float:left; }
#sidebar { width:330px; float:right; padding-left:10px; }
#content h1 { padding:0; margin:0; font-size:28px; }
#content h2 { padding-top:15px; margin:0; font-size:20px; margin-bottom:-12px; }
a:link, a:visited { color:#c98b49; } a:hover, a:active { color:#825626; }
#browse-more { width:374px; height:39px; padding:10px; margin:15px 6px 10px 0; float:right; background:url('images/browse-button.jpg') no-repeat top left; }
.wp-pagenavi { padding:8px; font-size:18px; font-family:"Times New Roman", Times, serif; }
.wp-pagenavi a, .wp-pagenavi a:link { padding:12px; margin:0 6px 0 0; }
.wp-pagenavi a:visited, .wp-pagenavi a:active { padding:12px; }
.wp-pagenavi span.current { padding:12px; background:#d7d7d3; margin:0 6px 0 0;  }
.wp-pagenavi a:hover { padding:12px; background:#fe9729; margin:0 6px 0 0; }
.linklove { display:none; }

/** SOCIAL NETWORKS **/
#social-networks { width:320px; height:45px; background:url('images/network-background.jpg') repeat-x top left; margin-bottom:13px; padding-left:10px; }
#social-networks ul { padding:0; margin:0; list-style-type:none; }
#social-networks ul li { display:inline; margin:0 48px 0 0; }

/** POSTS **/
.boxgrid { width:182px; height:182px; float:left; overflow:hidden; background:#fff; position:relative; padding:5px; margin:0 8px 10px 0; }
.boxgrid img { position:absolute; top:0; left:0; border:0; }
.boxgrid-title { font:16px Georgia, "Times New Roman", Times, serif; letter-spacing:-1px; color:#777777; }
.boxgrid-bpm { font:11px Georgia, "Times New Roman", Times, serif; color:#000; }
.boxgrid a:link, .boxgrid a:visited { text-decoration:none; }
#post-table { font-size:13px; width:580px; text-align:left; border-collapse:collapse; color:#424242; line-height:1.6; margin-bottom:20px; }
#post-table th { font-size:14px; padding:8px; background:#fd9c34; border-top:4px solid #f89123; border-bottom:1px solid #fdbb74; color:#424242; font-weight:normal; }
#post-table td { padding:8px; background:#f2f2f2; border-bottom:1px solid #fff; border-top:1px solid transparent; }
#post-table tr:hover td { background:#e2e2e1; color:#424242; }


/** FEATURED **/
#featured { width:590px; height:250px; overflow:hidden; }
#featured iframe { position:absolute; left:95px; }
#featured-right { width:590px; height:250px; float:right; }
.featured-right { position:relative; width:590px; height:250px; overflow:hidden; }
.featured-wrapper { width:147px; height:230px; padding:10px 10px 10px 50px; display:block; position:absolute; top:0; right:0; background:url('images/featured-bg.png') no-repeat; font-size:21px; color:#6a6a6a; }
#featured-title { width:147px; margin-bottom:8px; }
#featured-author { font-size:15px; font-style:italic; width:147px; height:20px; margin-bottom:2px; } #featured-bpm { font-size:60px; left:73px; position:absolute; text-shadow:#000000 -1px -1px 2px; } #single-bpm { font-size:13px; font-style:italic; width:147px; height:40px; padding-bottom:5px; } .bpm { color:#df8423; font-size:11px; text-shadow:none; }
.author { font-size:15px; }

/** LIKES STYLES **/
#likes { width:300px; margin-bottom:20px; padding-left:10px; }
#likes-wrapper { width:300px; margin:10px 0; }
#likes-content { width:184px; float:left; padding-right:5px; }
#likes-album-cover { width:111px; float:right; padding-bottom:5px; }
#likes-sample { width:300px; clear:both; height:10px; padding-bottom:5px; }

/** SIDEBAR STYLES **/
.sidebar-info { width:310px; margin-bottom:25px; padding:15px 10px 0 10px; background:url('images/sidebar-shadow.jpg') repeat-x top left; }
.sidebar-info h2 { padding:0; margin:0; }
.sidebar-info h3 { padding:0; margin:0; }
.sidebar-info h3 a:link, .sidebar-info h3 a:visited {color:#825626; }
.sidebar-info h3 a:hover, .sidebar-info h3 a:active { color:#c98b49; }
.poll-title { padding:5px 7px 3px 0; }
.blog-preview { width:260px; float:right; padding-right:10px; }

/** NAVIGATION STYLES **/
#navigation { width:920px; height:25px; background:url('images/gymdj-icon.jpg') no-repeat right top #ffffff; border:1px solid #e7e7e5; margin-bottom:20px; padding:20px;}
#nav { font-family:Arial, Helvetica, sans-serif; margin:-20px 0 0 -20px; padding:0; z-index:3; }
#nav li { float: left; position: relative; list-style: none; }
#nav a { color: #b3b3b3; text-decoration: none; display:block; margin:0; padding:22px 27px 22px 27px; }
#nav a:hover { background:url('images/network-background.jpg') repeat-x bottom right; color:#fe9729; margin:0; padding:22px 27px 22px 27px; }
#nav .current a, #nav li:hover > a { background:url('images/network-background.jpg') repeat-x bottom right; color:#fe9729; margin:0;  }
#nav ul a:hover, #nav ul .current a, #nav ul li:hover > a { background:#d7d7d3; color:#fe9729; z-index:200; padding:22px 27px 22px 27px\9; }
#nav li:hover > ul { display: block; padding:0; z-index:200; position:absolute; }
#nav ul { display:none; margin:0; padding:0; width: 210px; position: absolute; left: 0; background:#ebeaeb; border-right:2px solid #d7d7d3; border-bottom:2px solid #d7d7d3; z-index:200; }
#nav ul li { float: none; margin:0; padding:0; z-index:200; }
#nav:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }

/** SONG / ARCHIVES UL STYLES **/
.song-info { width:500px; margin:10px auto 30px auto; }
.song-info ul { padding:0; margin-left:10px; list-style-type:none; }
.song-info a { padding:8px 5px 2px 5px; display:block; width:100%; color:#825626; text-decoration:none; }
.song-info a:visited { color:#825626; }
html>body .song-info a { width:auto; }
.song-info a:hover { background:#f7f7f7; color:#c98b49; }
.archives h2 { border:none; padding:0 0 10px 0; }
.bpm-archives ul { width:500px; margin:0; list-style:none; }
.bpm-archives a:link, .bpm-archives a:visited { padding:8px; display:block; width:100%; color:#825626; text-decoration:none; border-bottom:1px solid #e0e0e0; }
.bpm-archives a:hover { background:#f7f7f7; color:#c98b49; }

/** FOOTER STYLES **/
#footer { width:920px; height:168px; background:url('images/sidebar-shadow.jpg') repeat-x top left #ffffff; margin-top:15px; padding:10px 0 20px 0; }
#footer-ads { width:600px; float:left; }
#footer-content { width:300px; float:right; padding-left:20px; }
#footer-468-wrap { width:468px; margin:auto; }
#footer-468 { width:468px; margin-bottom:8px; }
#footer-234-left { width:230px; height:80px; float:left; padding-right:4px; }
#footer-234-right { width:230px; height:80px; float:right; padding-left:4px; }

/** COMMENTS **/
#boxgrid-related { padding-top:30px; }
#comments { padding-top:8px; }
ol.commentlist { margin:0; padding:0; width:600px; background:#f7f7f7; }
.commentlist li { list-style:none; }
.commentlist cite { float:left; width:100px; padding:10px; border-top:1px solid #e7e7e5; font-size:13px; }
.commenttext { border:1px solid #e7e7e5; background:url('images/sidebar-shadow.jpg') repeat-x top left #ffffff; padding:0 15px 10px 15px; float:right; width:448px; }
.author { font-size:15px; font-style:normal; }
.author a:link, .author a:visited, .author a:hover { color:#c98b49; }
.comments_reply { width:560px; padding:0; margin:0; position:relative; padding:20px; }
.comments_reply label { width:90px; display:block; padding:3px 0 10px 0; float:left; text-align:left; }
.comments_reply input[type="text"], .comments_reply textarea { padding:10px; width:400px; font-family:Georgia, "Times New Roman", Times, serif; border:1px solid #e0e0e0; }
.comments_reply input[type="submit"] { margin:0 0 10px 0; padding:6px 7px; background:#f7f7f7; border:1px solid #e0e0e0; position:relative; left:89px; width:424px; }
.props { font-size:12px }

/** SEARCH **/
#search-wrapper{ width:320px; height:45px; background:url('images/network-background.jpg') repeat-x top left; }
#search-box { width:280px; height:45px;padding:10px; }
#search-box form { padding:0; margin:0; }
#search-box input[type="text"] { width:240px; height:32px; border:none; font-style:italic; color:#ccc; font-size:17px;}
#search-box input[type="submit"] { width:32px; height:32px; margin:0; padding:0; cursor:pointer; text-indent:-9999px; border:none; background:url('images/search-button.jpg') no-repeat top left; }
.result { margin:0 0 20px 0; }
.result h3 { font-size:15px; border-bottom:none; margin:0; }
.result .result-entry { line-height:1.5em; }
.result .permalink { font-size:12px; color:#86B443; margin:2px 0 8px 0; display:block; line-height:1.5em; }
strong.search-excerpt { color:#ff0000; }
