/*
Theme Name: Legion of Many
Theme URI: http://www.mosties.com
Description: Legion of Many custom WordPress theme, built on top of naked Starkers theme.
Version: 1.0
Author: Kaspars Upmanis
Author URI: http://www.mosties.com
*/

@import "style/css/reset.css";
@import "style/css/typography.css";
@import "style/css/layout.css";


body { background-color: #1e051b; text-align: center; font-family: Arial, "lucida console", sans-serif; font-size: 12px; color: white; }

a { color: white; text-decoration: underline; }
a:hover { text-decoration: none; } 

#container { width: 977px; margin: 0 auto; text-align: left; }
#header { float: left; display: block; width: 977px; height: 277px; background: url('style/images/header.jpg') no-repeat; }
#header ul { width: 740px; display: block; margin: 242px 0 0 26px; }
#header ul li { list-style-type: none; float: left; margin-right: 26px; }
#header ul li a { font-size: 16px; text-decoration: none; text-transform: uppercase; }
#header ul li a:hover { text-decoration: underline; }
#header ul li a#current { text-decoration: underline; }
#header h1 { display: none; }


#body { clear: left; float: left; width: 977px; margin-left: 11px; }
#body #col-left { width: 224px; float: left; }
#body #col-right { width: 224px; float: left; }
#body #col-middle { width: 508px; float: left; }

body.category #body, body.page #body { margin-top: 26px; } /* Extra space below top menu for inside sections */
body.home #body { margin-top: 26px; }


#body .box { width: 224px; float: left; background: url('style/images/box-head.png') no-repeat; }
#body .box-long { width: 508px; float: left; background: url('style/images/box-head-long.png') no-repeat; background-position: 0 -1px; }
#body .box h3, #body .box-long h3 { padding: 34px 0 14px 14px; font-size: 16px; text-transform: uppercase; font-weight: normal; } 
#body .box .box-content, #body .box-long .box-content { padding-left: 14px; padding-right: 14px; }

#body .box-content h1 { font-size: 16px; text-transform: uppercase; font-weight: normal; }
#body .box-content h2 { font-size: 16px; text-transform: uppercase; font-weight: normal; }
#body .box-content h3 { font-size: 14px; text-transform: uppercase; font-weight: normal; }
#body .box-content h4 { font-size: 12px; text-transform: uppercase; }
#body .box-content p { padding-bottom: 10px; }
#body .box-content object { padding-bottom: 10px; }

body.home .post, body.category .post { border-bottom: 1px solid #666; padding-bottom: 10px; margin-bottom: 10px; }
body.home .post h2, body.page .post h2, body.category .post h3 { font-weight: normal; font-size: 16px; text-transform: uppercase; }
body.home .post h2 a, body.page .post h2 a { text-decoration: none; }
body.home .post h2 a:hover, body.page .post h2 a:hover { text-decoration: underline; }
body.home .post p.date, body.category .post p.date { text-transform: uppercase; padding-bottom: 10px; }


body.page .post { margin: 0 392px 10px 14px; }
body.page .post h2 { padding-bottom: 10px; }

body.category .post { margin: 0 392px 10px 14px; }
body.category .post p, body.page .post p { padding-bottom: 10px; }

body.category .pagination { margin: 10px 0 0 14px; float: left; } 

#body #twitter { margin: 0px 0 0 14px; width: 200px; }
#body .merchandise img { margin-bottom: 15px; }

#body ul.social-media-links { margin: 0 0 0 14px; }
#body ul.social-media-links li { list-style-type: none; float: left; margin-right: 11px; }

#body .contact-form { margin: 38px 0 0 14px; width: 199px; }
#body .contact-form .pushbutton { height: 25px; margin-bottom: 6px; width: 197px; border: 1px solid #8f828d; background: url('style/images/textfield-bg.png'); color: #f7f7f7; text-transform: uppercase; }
#body .contact-form .textfield { padding-left: 5px; width: 192px; line-height: 25px; }
#body .contact-form .submit { cursor: pointer; color: white; }


#body .slideshow { width: 480px; height: 280px; }


body.home h3 a { text-decoration: none; }
body.home h3 a:hover { text-decoration: underline; }

.piclenselink { display: none; }



#footer { clear: left; float: left; font-size: 11px; margin: 10px 0 18px 0; }
#footer .box-footer { width: 959px; height: 42px; float: left; background: url('style/images/box-head-footer.png') no-repeat; }
#footer p { padding-left: 14px; }