/*
Theme Name: Telluspanel
Theme URI: http://telluspanel.com/
Description: Template built for telluspanel.com
Version: 1.0
Author: Johan Hermansson
Author URI: http://johanhermansson.se/
*/

body { background: #fff url('images/background_gradient.png') repeat-x left top; }

h1, h2, h3, h4 { margin: 0; line-height: 1em; }

h1 { font-size: 22px; font-weight: normal; color: #009345; font-family: Georgia, Times, sans-serif; font-style: italic; }
h2 { font-size: 14px; font-weight: normal; color: #009345; }

p {  }

blockquote { color: #009345; }

small { font-size: 11px; color: #666; }
strong { font-weight: bold; }

iframe { border: none; }

a:link, a:visited { color: #009345; text-decoration: underline; }
a:hover, a:active, a:focus { color: #666; text-decoration: underline; }

.line { height: 2px; background: transparent url('images/line.png') no-repeat left top; }

.cufon { font-family: Georgia, Times, sans-serif; font-style: italic; }

#iframe_container { display: none; }

#side_right { width: 960px; margin: 0 auto; background: transparent url('images/border_sides.png') repeat-y right top; }
#side_left { margin-right: 10px; background: transparent url('images/border_sides.png') repeat-y left top; }

#site { width: 940px; float: left; margin: 0 10px; background: #fff url('images/site_marks.png') no-repeat right top; }

#header_container, #sidebar_container { margin-right: 0; }
#header_container, #content_container, #title_container, #footer_container, #iframe_container { margin-left: 0; }

#header { margin-bottom: 30px; }

#logo { margin-top: 25px; }


#menu { margin: 20px 0 15px 0; }
#menu ul, #menu li { margin: 0; padding: 0; list-style: none; }
#menu li { float: left; margin-right: 13px; }
#menu a { display: block; width: 67px; height: 72px; background: transparent url('images/menu_bubble.png') no-repeat left top; font-family: 'Lucida Grande', 'Lucida Sans Unicode', Arial, sans-serif; font-size: 9px; line-height: 1em; text-transform: uppercase; cursor: pointer; }

#menu .w { display: block; width: 60px; height: 46px; position: relative; left: 2px; top: 12px; }
#menu .o { display: block; height: 46px; overflow: hidden; position: relative; width: 100%; }
#menu .o[class] { display: table; position: static; }
#menu .m { position: absolute; top: 50%; width: 100%; text-align: center; }
#menu .m[class] { display: table-cell; vertical-align: middle; position: static;  }
#menu .i { position: relative; top: -50%; text-align: left; }
#menu .i { width: 60px; margin-left: auto; margin-right: auto; }
#menu .i[class] { position: static; }

#menu a:link, #menu a:visited { color: #009345; text-decoration: none; }
#menu a:hover, #menu a:active, #menu a:focus { color: #009345; background-position: center top; }
#menu a:hover .w, #menu a:active .w, #menu a:focus .w { top: 2px; }

#menu .current_page_item a { background-position: right top; }
#menu .current_page_item a:link, #menu .current_page_item a:visited, #menu .current_page_item a:hover, #menu .current_page_item a:active, #menu .current_page_item a:focus { color: #fff; }
#menu .current_page_item .w { top: 2px; }

#blogs { text-align: right; cursor: default; }

#login { text-align: right; }
#login div { border: 1px solid #87c66f; text-align: left; margin: 3px 0; -moz-border-radius: 10px; -webkit-border-radius: 10px; }
#login input { height: 20px; background: transparent; border: none; padding: 0; margin: 0; line-height: 20px; display: block; float: left; font-size: 11px; font-family: Arial, sans-serif; color: #666; }
#login #login_username { width: 100%; text-indent: 5px; }
#login #login_password { width: 118px; text-indent: 5px; }
#login #login_submit { width: 39px; height: 18px; margin: 1px 0; background: #87c66f; -moz-border-radius: 10px; -webkit-border-radius: 10px; text-align: center; color: #fff; }
#login a:link, #login a:visited { color: #666; text-decoration: none; }
#login a:hover, #login a:active, #login a:focus { text-decoration: underline; }

#content {  }
#content h1, #title h1 { margin-bottom: 1em; }
#content h2 { margin-top: 1em; line-height: normal; }
#content p { font-size: 13px; }

#content.front_page p { font-size: 14px; }

#pins { margin-top: 40px; }
#pins .item { float: left; width: 158px; height: 190px; margin-right: 40px; background: transparent url('images/frontpage_pin.png') no-repeat left top; text-align: center; }
#pins .item a { display: block; text-decoration: none; width: 158px; height: 158px; position: relative; cursor: pointer; }
#pins .item span { display: block; margin: 0 auto; line-height: 1em; position: absolute; }
#pins .item .title { font-size: 18px; color: #87c66f; font-weight: bold; width: 120px; bottom: 95px; left: 19px; }
#pins .item .content { font-size: 11px; color: #fff; width: 136px; bottom: 65px; left: 11px; }

#footer { margin-top: 50px; padding-bottom: 25px; }
#footer p { margin: 20px 0 0 0; font-size: 11px; color: #666; text-align: center; }
#footer img { vertical-align: middle; margin-left: 15px; }
#footer_border { width: 960px; margin: 0 auto; height: 9px; background: transparent url('images/border_bottom.png') no-repeat 2px top; }
#footer_logo { margin-top: 25px; padding-bottom: 25px; height: 72px; background: transparent url('images/footer_logo.png') no-repeat center top; }

#footer a:link, #footer a:visited { color: #666; text-decoration: none; }
#footer a:hover, #footer a:active, #footer a:focus { text-decoration: underline; }