/*
Theme Name: GustavoTomsich
Theme URI: http://gustavotomsich.idra.it
Description: Multi-colored theme with 3 gorgeous color schemes. Different two or three column layouts. Footer Widgets. Custom Header Image. Options to customize the theme. Fixed-width, paged Navigation and threaded comments. Built-in bookmarking feature. Spanish Translation ready. Compatible with wordpress 2.7 and higher upto 2.9.x. Valid XHTML and CSS. Compatible with IE 7+, Firefox 3.0+, Safari 3.0+, Chrome. Demo with all options enabled: http://nischalmaniar.info/wpthemes/?themedemo=multi-color
Version: 0.1
Author: Massimo Ciccolini
Author URI: http://massimociccolini.idra.it
Tags:  Light, two-columns, three-columns, Fixed-width, Threaded-comments
Released under the <a href="http://www.opensource.org/licenses/gpl-license.php">GPL</a>.
*/

/* Typography and Structure */

html, body { margin: 0; padding: 0; text-align: center; font-family: Arial; font-size: 13px; text-shadow: 1px 1px 1px #fff; color: #666; }
#wrapper { background: #fff; margin: 0 auto 0 auto; width: 1100px; text-align: left; overflow: hidden; -webkit-box-shadow: 1px 1px 15px #000, -1px -1px 15px #000; -moz-box-shadow: 1px 1px 15px #000, -1px -1px 15px #000; }
h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; /*text-transform: capitalize;*/ }
h1 { font-size: 26px; margin-bottom: 15px; }
h2 { font-size: 20px; margin-bottom: 15px; }
h3 { font-size: 18px; margin-bottom: 15px; }
h4 { font-size: 16px; margin-bottom: 10px; }
h5 { font-size: 14px; margin-bottom: 10px; }
h6 { font-size: 13px; font-weight: bold; margin-bottom: 5px; }
p { margin: 0; padding: 0; line-height: 100%; }
a img { border: none; }
ul, ol { margin: 0; padding: 0; }
ul li, ol li { margin: 0; padding: 0; }
* { outline: none; }
.clear { clear: both; overflow: hidden; line-height: 0px; height: 0px; margin: 0; padding: 0; visibility: hidden; }
small { font-family: Arial, Helvetica, Sans-Serif; font-size: 0.9em; line-height: 1.5em; }
acronym, abbr, span.caps { font-size: 0.9em; letter-spacing: .07em; }
code { font: 1.1em 'Courier New', Courier, Fixed; }
.alignright { float: right; }
.alignleft { float: left; }
.aligncenter { display: block; margin-left: auto; margin-right: auto; }
img.centered { display: block; margin-left: auto; margin-right: auto; }
img.alignright { padding: 4px; margin: 0 0 8px 15px; display: inline; }
img.alignleft { padding: 4px; margin: 0 15px 8px 0; display: inline; }
blockquote { margin: 15px; padding: 15px; border: 1px #999 solid; color: #999; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
hr { border: none; height: 1px; background: #444; }
object { -moz-border-radius: 5px; -webkit-border-radius: 5px; }
.wp-caption { margin: 0 15px 8px 0; border: 1px #ccc solid; padding: 6px 4px 4px 4px; background: #eee; text-align: center; -moz-border-radius: 3px; -webkit-border-radius: 3px; }

/* Header */

#header h1 { font-family: Arial; font-size: 30px; text-shadow: #444 1px 1px 1px; margin-bottom: 5px; margin-left: 40px; padding-top: 50px; }
#header .description { font-size: small; margin-left: 40px; font-family: Arial; text-shadow: #444 1px 1px 1px; }
#header h1 a { text-decoration: none; }

/* Menu */

.menu { margin: 0 0 20px 0; -webkit-box-shadow: 0px 1px 5px #000; -moz-box-shadow: 0px 1px 5px #000; }
.menu ul { background: #eee; list-style: none; margin: 0; padding: 0; height: 35px; }
.menu ul li { margin: 0; padding: 0; float: left; position: relative; font-size: 13px; /*text-transform: capitalize;*/ font-weight: bold; }
.menu ul li a { line-height: 25px; height: 25px; background: #eee; padding: 5px 9px; display: block; color: #333; text-decoration: none; }
.menu ul li a:hover { background: #ddd; color: #333; text-shadow: 1px 1px 1px #fff; }
.menu ul li ul { display: none; }
.menu ul li:hover ul { display:block; position:absolute; top:35px; left:0; width:115px; }
.menu ul li:hover ul li ul { display: none; }
.menu ul li li { width: 115px; }
.menu ul li:hover ul li:hover ul { display:block; position:absolute; left:115px; top:0; }
.menu ul li:hover ul li:hover ul.left { left:-115px; }

/* Sidebar */

.sidebar { float: left; font-size: 12px; color: #333; }
.sidebar a { color: #777; text-decoration: none; }
.sidebar ul { list-style: none; }
.sidebar ul li { margin-bottom: 20px; }
.sidebar ul li h2 { font-family: Georgia; padding: 5px 7px; -moz-border-radius: 3px; -webkit-border-radius: 3px; font-size: 15px; color: #fff; font-style: italic; font-weight: bold; margin-bottom: 7px; }
.sidebar ul li h2 a { color: #fff; text-decoration: none; }
.sidebar ul li h2 a:hover { color: #fff; }
.sidebar ul ul { list-style: none; }
.sidebar ul li ul li { margin: 0; border-top: 1px #ddd solid; padding: 7px; }
.sidebar ul li ul li:first-child { border-top: none; }
.sidebar ul li ul li a { width: auto; display: block; }
.sidebar ul li ul li:hover { background: #eee; }
.sidebar ul ul ul { margin-left: 7px; }
.sidebar ul li li li { border: none; padding-bottom: 0; }
.sidebar ul li li li a { background: url(images/child_li_bg.png) no-repeat left center; padding-left: 15px; }

#wp-calendar { width: 100%; border-collapse: collapse; }
#wp-calendar caption { padding: 3px 0 5px 0; font-weight: bold; }
#wp-calendar th { text-align: center; border: 1px #ccc solid; padding: 5px; }
#wp-calendar td { text-align: center; padding: 5px; }
#wp-calendar td a { background: #ddd; padding: 5px; }
#wp-calendar tfoot td { border: none; }
#wp-calendar #prev { text-align: left; }
#wp-calendar #next { text-align: right; }
#wp-calendar #prev a, #wp-calendar #next a { background: none; padding: 0; }

select { background: #fff; border: 1px #777 solid; color: #777; -moz-border-radius: 3px; -webkit-border-radius: 3px; font-family: Arial; height: 25px; margin-top: 10px; }
select option { padding: 5px; color: #777; }
.sidebar ul li select { width: 75%; }

.rsswidget img { display: none; }

/* Footer */

#footer { padding: 30px 25px 20px 25px; color: #ccc; }
.footer_widget_area { float: left; width: 30%; margin-left: 40px; color: #ddd; }
.footer_widget_area a:hover { color: #fff; }
.footer_widget_area:first-child { margin-left: 0; }
.footer_widget_area ul { list-style: none; }
.footer_widget_area ul li { margin: 30px 0 0 0; padding: 0; }
.footer_widget_area ul li:first-child { margin-top: 0; }
.footer_widget_area ul li h2 { color: #fff; font-family: Arial; font-size: 18px; padding-bottom: 5px; border-bottom: 1px #ccc solid; }
.footer_widget_area ul li li { padding: 5px 0; margin: 0; }
.footer_widget_area ul li li:first-child { padding-top: 0; }

.copyright { margin: 20px 15px 0 0; text-align: right; }

/* Content */

#content { float: left; }

/* Posts */

.post, .page { margin-bottom: 30px; padding-top: 30px; border-top: 1px #ddd solid; }
.box-1 { padding-top: 0; border: none; }

.post h2, .page h2 { font-family: Arial; color: #444; font-size: 22px; font-weight: normal; }
.post h2 a, .page h2 a { color: #444; text-decoration: none; }

.pagetitle { font-family: Georgia; font-style: italic; font-weight: normal; border-bottom: 1px #666 solid; padding-bottom: 5px; margin-bottom: 25px; }

.postinfo { font-size: 11px; color: #999; }
.postinfo a { text-decoration: none; }
.postinfo .date { background: url(images/date_icon.png) no-repeat left center; padding-left: 18px; margin-right: 10px; }
.postinfo .comments { background: url(images/comments_icon.png) no-repeat left center; padding-left: 18px; margin-left: 10px; margin-right: 10px; }
.postinfo .edit-link { margin-left: 10px; }
.postinfo .share { background: url(images/share_icon.png) no-repeat left center; padding-left: 18px; margin-left: 10px; margin-right: 10px; }

#sharepanel { width: auto; margin-top: 30px; display: none; }
#sharepanel a { margin-right: 5px; }
#sharepanel a img { opacity:0.5; filter:alpha(opacity=50); }
#sharepanel a img:hover { opacity:1.0; filter:alpha(opacity=100); }
.hidebtn { cursor: pointer; }

.postmeta { font-size: 11px; }
.postmeta .postcategory { background: url(images/category_icon.png) no-repeat left center; padding-left: 18px; text-transform: capitalize; }
.postmeta .posttags { text-transform: capitalize; }
.postmeta .posttags img { vertical-align: middle; margin-right: 6px; }

.postnavigation { margin: 35px 0; font-size: 11px; }
.postnavigation .previouspost { float: left; background: #777; color: #fff; text-shadow: 1px 1px 1px #666; padding: 7px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
.postnavigation .nextpost { float: right; background: #777; color: #fff; text-shadow: 1px 1px 1px #666; padding: 7px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
.postnavigation .previouspost:hover, .postnavigation .nextpost:hover { background: #444; text-shadow: 1px 1px 1px #333; color: #fff; }
.postnavigation .previouspost a, .postnavigation .nextpost a { color: #fff; padding: 7px 0; }
.postnavigation .previouspost a:hover, .postnavigation .nextpost a:hover { color: #fff; }

.entry { margin: 30px 0; color: #666; }
.entry p { line-height: 170%; margin-bottom: 15px; } /* To modify the paragraph gap, change margin-bottom value */
/* styling the read more link */
.entry .more-link { color: #fff; text-align: center; padding: 5px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
/* border around images */
.entry img.size-full, .entry img.size-large, .entry img.size-medium, .entry img.size-thumbnail { border: 1px #ccc solid; padding: 4px; background: #eee; }
.entry .wp-caption img { background: none; border: none; padding: 0; }
.wp-caption p { margin: 4px 0 0 0; }

.entry blockquote p { margin: 15px 0 0 0; }
.entry blockquote p:first-child { margin-top: 0; }

.entry ul, .entry ol { margin: 0 0 0 20px; padding: 0; }
.entry ul li , .entry ol li { margin: 10px 0 10px 0; padding: 0; }

.entry table { border: none; }
.entry table th { background: #444; color: #fff; text-shadow: 1px 1px 1px #444; padding: 6px; border: 1px #fff solid; text-transform: capitalize; }
.entry table td { padding: 6px; border: none; }

.entry input { background: #eee; border: 1px #888 solid; color: #666; padding: 6px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
.entry textarea { background: #eee; border: 1px #888 solid; color: #666; padding: 6px; -moz-border-radius: 3px; -webkit-border-radius: 3px; overflow: auto; }

/* Navigation */

.navigation-pages { margin-bottom: 30px; }
.navigation-pages ul { list-style: none; margin:0; padding: 0; }
.navigation-pages li { display:inline; padding:0; margin:0; font-size:11px; }
.navigation-pages a, .navigation-pages a:visited, .navigation-pages a:hover, .navigation-pages span.current,
.navigation-pages span.pages, .navigation-pages span.extend, .navigation-pages span.current, .navigation-pages span.dots
 { background: url(images/pages_bg.png) no-repeat top left; color:#777; display:block; line-height: 30px; width: 30px; float:left; margin-right: 5px; text-decoration: none; text-align:center; }
.navigation-pages a:hover { background-position: bottom left; color:#fff; text-decoration:none; text-shadow: 1px 1px 1px #777; }
.navigation-pages span.current { background-position: bottom left; color:#fff; text-shadow: 1px 1px 1px #777; }
.navigation-pages span.dots { background: none; color: #777; }

/* Comments */

.commentsanchor { line-height: 0px; visibility: hidden; height: 0px; }
#comments { list-style: none; width: inherit; }
#comments li { float: left; cursor: pointer; background: #ddd; color: #777; text-align: center; padding: 5px 8px; border: 1px #666 solid; margin-bottom: -1px; z-index: 5; -moz-border-radius-topleft: 3px; -webkit-border-top-left-radius: 3px; -moz-border-radius-topright: 3px; -webkit-border-top-right-radius: 3px; }
#comments li:hover { background: #ccc; }
#comments li:first-child { border-right: none; }
#comments #writetab { float: right; }
#comments li.default { border-bottom-color: #fff; background: #fff; }
#comments li.default:hover { background: #fff; }
.content { clear: left; border: 1px #666 solid; z-index: 10; overflow: hidden; }

#trackbacklist { display: none; }

.commentlist { list-style: none; }
.commentlist ul { list-style: none; }
.comment-author { float: left; margin-right: 15px; }
.comment-author .gravatar { position: relative; }
.comment-author .gravatar img { position: relative; padding: 0; }
.comment-author .gravatar:after { content: url(images/avatar_bg.png); position: absolute; top: 0; left: 0; }
.commentlist li.odd .comment-author .gravatar:after { content: url(images/avatar_bg_alt.png); position: absolute; top: 0; left: 0; }
.comment-meta { float: left; font-size: 11px; color: #777; }
.comment-meta p { margin-top: 6px; }
.comment-meta p:first-child { margin-top: 0; }
.authorname { font-size: 14px; font-weight: bold; }
.comment-text { color: #666; font-size: 12px; margin-top: 10px; }
.comment-text p { margin-bottom: 15px; line-height: 170%; }
.comment-text blockquote p { margin: 15px 0 0 0; }
.comment-text blockquote p:first-child { margin-top: 0; }

.return-link { float: right; }

.commentlist li { padding: 15px 0 15px 15px; color: #666; }
.commentlist li.odd { background: #eee; }
.commentlist li li { padding-right: 0; padding-left: 20px; }

/* Comment Form */

#respond { background: #ddd; padding: 15px; margin-top: 20px; }
#respond h3 { font-style: italic; text-transform: none; font-family: Georgia; font-weight: normal; font-size: 20px; padding: 4px 7px; color: #eee; }
.textbox { width: 301px; height: 33px; background: url(images/textbox_bg.png) no-repeat; display: block; padding: 6px 5px; }
.textarea { width: 301px; height: 131px; background: url(images/textarea_bg.png) no-repeat; display: block; padding: 7px 5px; }
#commentform input { background: none; width: 289px; border: 0; font-size: 12px; font-family: Arial; color: #444; }
#commentform textarea { width: 289px; height: 119px; background: none; border: 0; font-family: Arial; font-size: 12px; overflow: auto; }
#commentform #submit { width: 157px; height: 28px; cursor: pointer; background: url(images/submit_btn_bg.png) no-repeat top left; color: #fff; text-shadow: 1px 1px 1px #222; font-size: 11px; }
#commentform #submit:hover { background-position: bottom left; }

/* Search */

.searchdivleft { height: 71px; background: url(images/searchdiv_left.png) no-repeat left; margin-bottom: 20px; }
.searchdivright { height: 54px; background: url(images/searchdiv_right.png) no-repeat right; text-align: center; padding-top: 17px; padding-left: 10px; }

#searchform { width: 221px; background: url(images/searchtxt_bg.png) no-repeat; height: 33px; display: block; padding: 7px 7px 4px 7px; margin: 0 auto 0 auto; text-align: left; }
#s { width: 150px; height: 18px; border: 0; background: none; font-family: Arial; font-size: 12px; color: #888; }
#searchbtn { width: 46px; height: 28px; cursor: pointer; margin-left: 10px; background: url(images/searchbtn_bg.png) no-repeat top left;  border: none; margin-top: -3px; font-family: Arial; color: #fff; text-shadow: 1px 1px 1px #666; }
#searchbtn:hover { background-position: bottom left; }