/*

Theme Name: Vector Lover

Theme URI: http://thematize.com/wordpress-themes/vector-lover

Description: This theme uses a design from <a href="http://www.styleshout.com/">styleshout</a>. A modern and stylish theme design which uses a combination of brown, green and gray colors. Has a fixed width and two-column layout. Ideal for personal and small websites.

Version: 1.0

Author: Alberto Varela & Erwin Aligam

Tags: brown, green, gray, widgets, SEO, internazionalizated, CSS, 2 column



======== LICENSING ===========================

This wordpress theme is under the Creative Commons Attribution 2.5 License (http://creativecommons.org/licenses/by/2.5/).  This means that you are free:

    * to copy, distribute, display, and perform the work

    * to make derivative works

    * to make commercial use of the work

Under the following conditions:

    * You must attribute the work in the manner specified by the authors or licensors. (In this case, a link back to http://www.styleshout.com/ and other to http://thematize.com/)

    * For any reuse or distribution, you must make clear to others the license terms of this work

    * Any of these conditions can be waived if you get permission from Alberto Varela & Erwin Aligam

*/



* { margin: 0; padding: 0; outline: 0 }

body { background: #CCC url('images/bg.gif') repeat-x; font: 12px/170% 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif; color: #6B6B6B; text-align: center; }



/* links */
a, a:visited { color: #ed2b4e; background: inherit; text-decoration: none; }
a:hover { color: #e9123b; background: inherit; text-decoration: underline; }



/* headers */

h1, h2, h3 { font-family: 'Trebuchet MS', 'Helvetica Neue', Verdana, Sans-serif; font-weight: Bold; padding: 10px; color: #444; }

h1 { font-size: 2.3em; }

h2 { font-size: 2.5em; color: #88AC0B; }

h3, p#comments, p#respond { font-size: 1.6em; font-weight: normal; padding: 16px 10px 4px 10px; }



/* Paragraph */

p { padding: 12px 10px; }



/* Lists */

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

ul { list-style: none; }

dl { padding: 10px; margin: 0; }

dt { font-weight: bold; color: #79A62E; }

dd { padding-left: 25px; }



/* images */



img.float-right, img.alignright { margin: 5px 0px 10px 10px; }

img.float-left, img.alignleft { margin: 5px 10px 10px 0px; }



code { margin: 5px 0; padding: 15px; text-align: left; display: block; overflow: auto; font: 500 1em/1.5em 'Lucida Console', 'Courier New', monospace; /* white-space: pre; */

 border: 1px solid #EEE8E1; background: #FAF7F5; }

acronym { cursor: help; border-bottom: 1px dotted #895F30; }

blockquote { margin: 15px 10px; padding: 5px 7px 5px 40px; font-weight: normal; font-size: 17px; line-height: 1.6em; font-style: italic; font-family: Georgia, 'Times New Roman', Times, serif; color: #80614D; border: 1px solid #EEE8E1; background: #FAF7F5 url('images/quote.gif') no-repeat 15px 15px; }



/* start - table */

table { border-collapse: collapse; margin: 15px 10px; }

th { height: 38px; padding-left: 12px; padding-right: 12px; color: #fff; text-align: left; background: #ADD163; border-width: 1px; border-style: solid; border-color: #C4DE8F #93C138 #93C138 #C4DE8F; }

tr { height: 34px; background: #fff; }

td { padding-left: 11px; padding-right: 11px; border: 1px solid #E7F0CC; } 

/* end - table */



/* form elements */

form { margin: 20px 10px; padding: 15px 25px 25px 20px; border: 1px solid #EEE8E1; background: #FAF7F5; }

form p { border-bottom: 1px solid #ECE5DD; padding: 12px 0 5px 0; margin: 0; color: #f2627d; }

label { font-weight: bold; color: #f96380; }

input, select, textarea { margin: 5px 0; padding: 5px; color: #6A6969; border-width: 1px; border-style: solid; border-color: #d4d4d4 #ebebeb #ebebeb #d4d4d4; }

option { padding-right: 0.5em; } 



#author, #email, #comment, #url{ width: 455px; }

input.button { font: bold 12px Verdana, Sans-serif; height: 30px; margin: 0; padding: 2px 3px; color: #fff; background: #e31b40; border-width: 1px; border-style: solid; border-color: #ff607d #ff607d #ff607d #ff607d; }



#wrap { position: relative; width: 952px; background: #FFF url('images/wrap.gif') repeat-y center top; margin: 40px auto 30px auto; text-align: left; }

#content { clear: both; float: left; width: 952px; padding: 25px 0 60px 0; }

#header { position: relative; width: 952px; height: 245px; background: #df0818 url('images/header.jpg') no-repeat; color: #fff; padding: 0; margin: 0; }

#header h1#logo-text a, #header h1#logo-text span, #header h2#logo-text a { position: absolute; margin: 0; padding: 0; font: bold 66px 'Trebuchet MS', 'Helvetica Neue', Verdana, Sans-serif; letter-spacing: -5px; text-decoration: none; color: #7a0000; /* change the values of top and left to adjust the position of the logo*/ top: 75px; left: 55px; }

#header p#slogan { position: absolute; margin: 0; padding: 0; font: bold 15px 'Trebuchet MS', 'Helvetica Neue', Verdana, Sans-serif; color: #440000; letter-spacing: -0.5px; /* change the values of top and left to adjust the position of the slogan*/ top: 148px; left: 150px; }



/* top-menu */

 #top-menu { position: absolute; margin: 0; padding: 30px 15px 8px 15px; background: #df0818 url repeat-x; font-family: 'Trebuchet MS', Verdana, Sans-serif; color: #FFF; top: 0; right: 70px

 }

 #top-menu p { margin: 0; padding: 0; }

 #top-menu a { font-weight: bold; color: #fff; }



/* Navigation */

#nav { clear: both; padding: 0; margin: 0; width: 952px; height: 50px; background: #ea264a url('images/nav.gif') no-repeat; }

#nav ul { float: left; list-style: none; margin: 5px 0 0 0; height: 45px; padding: 0 0 0 40px; }

#nav ul li { float: left; margin: 0; padding: 0 0 0 10px; }

#nav ul li a { float: left; margin: 0; padding: 0 15px 0 5px; color: #FFF; font: bold 15px/45px 'Trebuchet MS', 'Helvetica Neue', Verdana, sans-serif; text-decoration: none; }

#nav ul li a:hover, 

#nav ul li a:active { color: #ff5272; }

#nav ul li.current_page_item { background: transparent url('images/left-tab.gif') no-repeat; }

#nav ul li.current_page_item a { color: #4B3D2C; background: transparent url('images/right-tab.gif') no-repeat right top; }



/* Main Column */

#main { float: left; width: 535px; padding: 0; margin: 0 0 0 40px; display: inline; }

#main h2 { font: bold 2.0em 'Trebuchet MS', 'Helvetica Neue', Verdana, Sans-serif; color: #ea264a; padding: 10px 0 5px 5px; margin-left: 5px; letter-spacing: -2px; border-bottom: 1px solid #f42c51; }

#main h2 a { color: #ea264a; text-decoration: none; }

#main h1 { font: bold 2.0em 'Trebuchet MS', 'Helvetica Neue', Verdana, Sans-serif; padding: 10px 0 5px 5px; margin-left: 5px; letter-spacing: -2px; border-bottom: 1px solid #f42c51; color: #ea264a; text-decoration: none; }

#main h1.pagetitle { color:#000; border:0; border-bottom: 2px solid #000; text-align:right; margin: 0 0 10px 5px;}

#main ul li { list-style-image: url('images/bullet.gif'); }



#sidebar { float: right; width: 285px; padding: 0; margin: 0 45px 0 0; display: inline; }

#sidebar ul { margin:0;padding:0;list-style:none;display:block; }

#sidebar ul li { margin:0;padding:0;list-style:none;display:block; }

#sidebar h3 { color: #ea264a; font: bold 2.9em 'Trebuchet MS', 'Helvetica Neue', Verdana, Sans-serif; text-transform: none; letter-spacing: -0.5px; padding: 5px 0 5px 7px; margin: 10px 0 5px 10px; border-bottom: 1px solid #f42c51; }



/* sidebar menu */

#sidebar .sidemenu, #sidebar ul li.sidemenuitem ul, #sidebar ul li.categories ul { margin: 10px 10px 5px 7px; padding: 0; text-decoration: none; }

#sidebar .sidemenu li, #sidebar ul li.sidemenuitem ul li, #sidebar ul li ul li.cat-item  { list-style: none; margin: 0; padding: 8px 10px; border-bottom: 1px solid #E8E8E8; }

* html body #sidebar .sidemenu li, * html body #sidebar ul li.sidemenuitem ul li,* html body #sidebar ul li ul li.cat-item { height: 1%; }

#sidebar .sidemenu li a, #sidebar ul li.sidemenuitem ul li a, #sidebar ul li ul li.cat-item a { text-decoration: none; color: #6b6b6b; background: none; font-weight: normal; }

#sidebar .sidemenu li span, #sidebar ul li.sidemenuitem ul li span, #sidebar ul li ul li.cat-item span { color: #7F7F7F; font-size: .9em; font-family: Georgia, 'Times New Roman', Times, serif; font-style: italic; font-weight: normal; }

#sidebar .sidemenu li a:hover, #sidebar ul li.sidemenuitem ul li a:hover, #sidebar ul li ul li.cat-item a:hover { color: #000; background: none; }

#sidebar .sidemenu ul { margin: 0 0 0 5px; padding: 0; }

#sidebar .sidemenu ul li { border: none; }

#sidebarabout img.avatar { float: left; margin: 0 10px 0 0; }



/* header quick search */

form#qsearch { padding: 0; margin: 20px 0 30px 10px; border: none; width: 270px; height: 33px; background: #F2F0F0 url('images/qsearch.gif') no-repeat; }

form#qsearch p { margin: 0; padding: 0; }

form#qsearch input { float: left; border: none; background: transparent; color: #B8B8B8; margin: 0; }

form#qsearch .tbox { margin: 5px 0 0 5px; width: 220px; display: inline; font: 1em 'Verdana', 'Helvetica Neue', Verdana, Sans-serif; }

form#qsearch .btn{ width: 24px; height: 24px; }

form#qsearch label { display: none; }



/* footer */

#footer { clear: both; width: 952px; margin: 0; padding: 30px 0 25px 0; background: #CCC url('images/footer-bottom.gif') no-repeat left top; font-family: 'Verdana', 'Helvetica Neue', Verdana, Sans-serif; font-size: 0.95em; color: #777; text-align: center; letter-spacing: .2px; }

#footer p { padding:10px 0; }

#footer a:hover { color: #555; border-bottom: 1px dotted #555; text-decoration: none; }



/* postmeta */

.post-footer { padding: 8px 10px; margin: 15px 10px 10px 10px; color: #977C57; border: 1px solid #EEE8E1; background: #FAF7F5; }

.post-footer .date{ margin: 0 10px 0 5px; padding: 7px; background: #FAF7F5 url('images/clock.gif') no-repeat 0 2px; padding-left: 30px; }

.post-footer a.comments { margin: 0 10px 0 5px; padding: 7px 5px; background: #FAF7F5 url('images/comments.gif') no-repeat 0 2px; padding-left: 30px; color: #977C57; }

.post-footer a.readmore { margin: 0 10px 0 5px; padding: 7px 5px; background: #FAF7F5 url('images/doc.gif') no-repeat 0 2px; padding-left: 30px; color: #977C57; }

.post-footer a.edit { margin: 0 10px 0 5px; padding: 7px 5px; background: #FAF7F5 url('images/edit-doc.gif') no-repeat 0 2px; padding-left: 30px; color: #977C57; }



.post-info { font-size: .95em; padding: 0 10px; margin-left: 2px; color: #660000; }

.post-info a, .post-info a:visited { color: #333; }



/* comments list */

ol.commentlist { margin: 12px 10px; padding: 0; border-style: solid; border-color: #EEE8E1; border-width: 1px 1px 0 1px; }

.commentlist li { margin: 0; padding: 10px; list-style: none; border-bottom: 1px solid #EEE8E1; }

.commentlist li .comment-meta { display: block; font-style: normal; font-weight: bold; padding: 7px; }

.commentlist li .comment-meta img { float: left; margin-right: 10px; }

.commentlist li .comment-meta .comment-data { font-size: .8em; font-weight: normal; }

.commentlist li .comment-text { clear: both; margin: 0; padding: 0; }

.commentlist li.alt { background: #FAF7F5; } 

.comment-meta cite {font-style:normal;}

/* alignment classes */

.float-left { float: left; }

.float-right { float: right; }

.align-left { text-align: left; }

.align-right { text-align: right; }



/* display and additional classes */

.no-border { border: none; }

.clearer { clear: both; }

.clear { display:inline-block; }

.clear:after { display:block; visibility:hidden; clear:both; height:0; content: "."; }

.clearall { display:block;margin:0;float:none;padding:0;border:0;clear:both; }



/* WP special */ 

.aligncenter, div.aligncenter {display: block; margin-left: auto; margin-right: auto;}

.alignleft {float: left;}

.alignright {float: right;}

.wp-caption {border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px margin: 10px; /* optional rounded corners for browsers that support it */ -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;}

.wp-caption img {margin: 0; padding: 0; border: 0 none;}

.wp-caption p.wp-caption-text {font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0;}

#twitter {
background : #b4edec;
padding : 5px;
color : #333;
width : 946px;
margin-top : 10px;
height : 23px;
}
#tw {
margin-top : -32px;
}
#twitter_update_list {
margin-left : 52px;
}


#oval{
padding:15px;
border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px;
background:#c5c5c5;
color:#720016;

a.oval:hover { color: #ffffff; }