/*  
Theme Name: World of Starcraft
Theme URI: http://www.templatepanic.com/article/world-of-starcraft-wordpress-theme
Description: World of Starcraft, theme for WordPress.
Author: Desktop Wallpaper
Author URI: http://www.getcliparts.com/

Terms of Use:
YOU ARE NOT ALLOWED TO DELETE THE CREDITS! This theme is released for free under the GNU General Public License 2.5 (GPL), requiring that the credits will stay intact. Thank you for using my WordPress Theme.

- 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 { font-family: Tahoma, Arial, Verdana, Georgia, sans-serif; font-size: 15px; color: #FFF5A4; line-height: 19px; margin: 0px; padding: 0px; background-color: #000; background: url(images/bg-tile.jpg) }

a { text-decoration: none; color: #4A9300; }
a:hover { text-decoration: none; color: #94FF28; }

.metadata { background-color: #282828; border: 1px solid #747697; padding: 15px; }

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

blockquote { margin: 10px; padding: 0px 0px 0px 50px; color:#8E8E8E; 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: #202020; }

.navigation { display: block; padding-bottom: 20px; margin: 2px 8px 12px 8px; }

.alignright { float: right; }
.alignleft { float: left; }


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

#header { display: block; background: url(images/header.jpg) no-repeat top left; width: 919px;
margin: 0 auto; height: 170px; }
#header img, #header img:hover { border: none; text-decoration: none; }

#content { background: transparent url(images/bg.jpg) repeat-y top left; position: relative; width: 919px;
margin: 0 auto; clear: both; }

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


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

#search { margin-bottom: 8px; text-align: right; }
#searchform { margin-bottom: 28px; }
#searchform input { width: 147px; background: #ffffff; }
#searchform .searchbtn { width: 23px; }

h1 { font-family: Tahoma, Georgia, Times ; font-size: 25px; font-weight: normal; color: #FFCC41; margin: 0; padding: 51px 35px 0 0px; text-align: right; }
h1 a, h1 a:link, h1 a:hover { color: #FFFDD7; }
.description { color: #f2f2f2; padding: 2px 35px 0 0; font-size: 90%; font-weight: normal; text-align: right; margin: 0px 0px 0px 260px}


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

#bodycontent { width: 426px; float: left; padding: 0 0 0 20px; }
#bodycontent h1 { margin: 0px; padding: 0; font-family: Tahoma, Georgia, Times, serif; font-size: 20px; font-weight: normal; color: #428400; }
#bodycontent h2 { padding: 0px; font-family: Tahoma, Georgia, Times, serif; font-size: 20px; font-weight: normal; color: #6DD207; }

.post { padding: 7px 7px 7px 7px ; background: transparent; }

.posttitle, .posttitle a, .posttitle a:link { color: #72C000; line-height: 23px; margin 16px 0px 16px 0px; font-size: 25px; }
.posttitle a:hover { color: #7CF700; text-decoration: bold; }

.info { border-top: 2px solid #84f316; margin-top: 6px; font-size: 10px; }
.info a:hover { border-bottom: 1px solid #84f316; margin-top: 6px; font-size: 10px; text-decoration: strong;}

p { padding-top: 4px; font-size: 13px; }
p img { margin: 10px; padding: 6px; border:0; }
p a img { padding: 8px; border:0; }


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

#comments { margin-bottom: 0px; border-top: 2px solid #D1D1D1; }
#comments h2 { margin: 0px 22px 12px 0px; }

.commenttext { background-color: #3C3C3C; margin: 4px 4px 4px 4px; padding: 0px 0px; display: block; }
.commenttext p { margin: 4px 4px 4px 4px; padding: 1px 0; }

.data { color: #9DC278; font-size: 10px; margin: 4px 4px 4px 4px; }
.data a { color: #97D559; text-decoration: none; }
.data .poster strong { font-weight: bold; color: #666; }


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

#commentform { margin-left: 2px; margin-bottom: 6px; border-top: 1px solid #334026; }
#commentform strong { color: #666; }
#commentform h2 { margin: 6px 6px 6px 12px; }
#commentform .guidelines strong { font-weight: bold; color: #666; }

#commentform .name { float: left; margin-right: 24px; }
#commentform .email { float: left; }
#commentform .url { margin: 6px 6px 6px 0; float: left; }

#commentform .name input { border: 1px solid #600000; width: 215px; }
#commentform .email input { border: 1px solid #600000; width: 215px; }
#commentform .url input { border: 1px solid #600000; width: 410px; }

#commentform textarea { margin-left: 0px; border: 1px solid #600000; width: 416px; height: 218px; margin-bottom: 1px; }
#commentform .remember input { margin-left: 4px; border: 0; margin-bottom: 1px; }
#commentform .submit { margin-left: 170px; }

.star { font-weight: bold; color: #4f8717; }


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

#sidebarleft { width: 185px; padding-left: 39px; float: left; color: #FF82AB; }
#sidebarleft h2 { margin: 0 0 5px 0; padding: 0 0 4px 0; font-size: 14px; color: #FF8282; line-height: 14px; }

#sidebarleft ul { list-style-type: none; margin: 0 25px 25px 0; padding: 0 0 0 5px; }
#sidebarleft ul li { list-style-type: circle; margin: 0 0 0 8px; padding: 0; }
#sidebarleft ul li a { text-decoration: none; padding: 5px 0 5px 0; color: #FF3232; }
#sidebarleft ul li a:hover { color: #FF82AB; text-decoration: underline; }
#sidebarleft ul li a p { margin: 0; padding: 0; }


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

#sidebarright { width: 175px; padding-left: 55px; float: left; color: #5FD7FF; }
#sidebarright h2 { margin: 0 0 5px 0; padding: 0 0 2px 0; font-size: 14px; color: #75F7FF; line-height: 22px; }

#sidebarright ul { list-style-type: none; margin: 0 0 10px 0; padding: 0 0 0 5px; }
#sidebarright ul li { list-style-type: circle; margin: 0 0 0 8px; padding: 0; }
#sidebarright ul li a { text-decoration: none; padding: 5px 0 5px 0; color: #0084FF; }
#sidebarright ul li a:hover { color: #5FD7FF; text-decoration: underline; }
#sidebarright ul li a p { margin: 0; padding: 0; }



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

#footer { font-size: 11px; text-align: center; }
#footer p { font-size: 11px; margin: 0; padding: 48px 0 0 5px; color: #f5f5f5; list-style: none; text-align:center; }
#footer a { text-decoration: none; color: #4EFF4A; font-weight: bold; }
#footer a:hover { text-decoration: strong; font-weight: bold; color: #F8FFF8; }