/*

Theme Name: Bicycling

Theme URI: http://www.TemplatePanic.com

Description: Get More Free Wordpress Themes By Visiting <a href="http://www.amazingwordpressthemes.com">Wordpress Themes</a> 

Author: Effi

Author URI: http://www.EffiHaryanti.com/



Terms of Use:

- DO NOT REMOVE any of the links in the footer!

- You are free to share, to copy, distribute and transmit this theme.

- This theme is distributed for free. You are not allowed to sell this theme.

Thanks for using this theme.



*/





/* ---------------- General ------------------*/



body { background: #545454 url(/cyclocross.gif); margin: 0; font-family: Tahoma, 'Trebuchet MS', Times, serif; font-size: 13px; color: #000; letter-spacing: 1px; }



a { text-decoration: none; color: #a57c52; }

a:hover { text-decoration: underline; color: #754c24; }



.metadata { border-top: 1px solid #ccc; padding: 5px; }



.clear { clear: both; font-size: 0px; line-height: 0px; visibility: hidden; margin: 0; }



blockquote { margin: 10px; padding: 0px 0px 0px 50px; color:#666; background: url(images/blockquote.gif) no-repeat left top; }

code{ display:block; overflow:auto; text-align:left; margin: 5px 0 10px 0; padding: 5px 10px 5px 10px; background-color: #f4f4f4; }



.navigation { display: block; padding-bottom: 20px; margin: 0 auto; }



.alignright { float: right; }

.alignleft { float: left; }





/* ---------------- Layout ------------------*/



#header { display: block; background: url(images/header.jpg) no-repeat top left; width: 979px;

margin: 0 auto; height: 253px; }

#header img, #header img:hover { border: none; text-decoration: none; }



#content { background: url(images/bg.jpg) repeat-y top left; position: relative; width: 979px;

margin: 0 auto; clear: both; }



#footer { background: url(images/footer.jpg) no-repeat top left; position: relative; margin: 0 auto; width: 979px; height: 104px; }





/* ---------------- Header ------------------*/





h1 { font-family: Georgia, Times, serif; font-size: 26px; color: #333; font-size: 180%; margin: 0; padding: 25px 0 0 50px; }

h1 a, h1 a:link, h1 a:hover { color: #333; }

.description { color: #333; padding-left: 50px; font-size: 90%; font-weight: normal; font-style:italic; }





/* ---------------- Main Post ------------------*/





#bodycontent { width: 511px; float: left; margin: 0 0 0 20px; }

#bodycontent h1 { margin: 0; padding: 0; font-family: Georgia, Times, serif; font-size: 20px; font-weight: normal; color: #666; }

#bodycontent h2 { margin: 0; padding: 0; font-family: Georgia, Times, serif; font-size: 18px; font-weight: normal; color: #666; }



.post { padding: 0 10px 20px 10px; }



.posttitle, .posttitle a, .posttitle a:link { color: #754c24; margin-bottom: 10px; font-size: 28px; }

.posttitle a:hover { text-decoration:none; color: #754c24; }



.info { margin-top: 3px; font-size: 9px; }



p { padding-top: 10px; font-size: 13px; }

p img { padding: 5px; border:0; }

p a img { padding: 5px; border:0; }





/* ---------------- Comments ------------------*/



#comments { margin-bottom: 20px; border-top: 1px solid #17386e; }

#comments h2 { margin: 8px 0 20px 0; }



.commenttext { background-color: #f7f1ea; margin: 0; padding: 0px 10px; display: block; }

.commenttext p { margin: 0; padding: 5px 0; }



.data { color: #666; font-size: 10px; margin: 5px 0 30px 0; }

.data a { color: #5192c9; text-decoration: underline; }

.data .poster strong { font-weight: bold; color: #5192c9; }





/* ---------------- Comment Form ------------------*/



#commentform { margin-bottom: 25px; border-top: 1px solid #17386e; }

#commentform strong { color: #17386e; }

#commentform h2 { margin: 8px 0 20px 0; }

#commentform .guidelines strong { font-weight: bold; color: #17386e; }



#commentform .name { float: left; margin-right: 21px; }

#commentform .email { float: left; }

#commentform .url { margin: 10px 0; float: left; }



#commentform .name input { border: 1px solid #ccc; width: 298px; }

#commentform .email input { border: 1px solid #ccc; width: 298px; }

#commentform .url input { border: 1px solid #ccc; width: 509px; }



#commentform textarea { border: 1px solid #ccc; width: 509px; height: 209px; margin-bottom: 10px; }

#commentform .remember input { border: 0; margin-bottom: 1px; }

#commentform .submit { margin-left: 117px; }



.star { font-weight: bold; color: #17386e; }





/* ---------------- Sidebar Left ------------------*/



#sidebarleft { width: 185px; margin-left: 24px; float: left; font-size: 11px; }

#sidebarleft h2 { margin: 0 0 15px 0; padding: 0 0 5px 0; border-bottom: 1px solid #666; font-size: 15px; color: #666; line-height: 25px; }



#sidebarleft ul { margin: 0; padding: 0 0 30px 0; list-style: none; }

#sidebarleft ul li { margin: 0; padding: 5px 0 5px 0; }

#sidebarleft ul li a { text-decoration: none; padding: 5px 0 5px 0; }

#sidebarleft ul li a p { margin: 0; padding: 0; }



#search { margin-bottom: 20px; text-align: right; }

#searchform { margin-bottom: 20px; }

#searchform input { width: 150px; background: #fff; }

#searchform .searchbtn { width: 22px; }





/* ---------------- Sidebar Right ------------------*/



#sidebarright { width: 185px; float: right; margin-right: 25px; font-size: 11px; }

#sidebarright h2 { margin: 0 0 15px 0; padding: 0 0 5px 0; border-bottom: 1px solid #666; font-size: 15px; color: #666; line-height: 25px; }



#sidebarright ul { margin: 0; padding: 0 0 30px 0; list-style: none; }

#sidebarright ul li { margin: 0; padding: 5px 0 5px 0; }

#sidebarright ul li a { text-decoration: none; padding: 5px 0 5px 0; }

#sidebarright ul li a p { margin: 0; padding: 0; }







/* ---------------- Footer ------------------*/



#footer { text-align: right; }

#footer p { font-size: 9px; margin: 0; padding: 50px 50px 0 0; list-style: none; }