/*  
Theme Name: StylishGeek
Theme URI: http://www.tatianeps.net
Description:  Simple, clean and pink.
Version: 3.0
Author: Tatiane
Author URI: http://www.tatianeps.net
Tags: fixed width, widgets, three columns, portuguese
*/

body {
	margin: 0px;
	padding: 0px;
	font-family: "Trebuchet MS", Verdana, Helvetica, Sans-Serif;
	color: #111;
	font-size: 1em;
	background-color: #FFF;
}

a:link, a:active { text-decoration: none; color: #D83A69; }
a:visited { text-decoration: none; color: #B70E92; }
a:hover { text-decoration: underline; color: #B70E92; }

h1 { margin: 0px; font-size: 1.7em; } /* blog title */
h1 a:link, h1 a:active, h1 a:visited, h1 a:hover { text-decoration: none; }

h2 { margin: 0px; font-size: 1.3em; border-bottom: 1px solid #888; } /* post title */
h2 a:link, h2 a:active, h2 a:visited, h2 a:hover { text-decoration: none; }

h3 { margin: 5px 0px; font-size: 1.1em; }

h4 { margin: 5px 0px; font-size: 1em; }

h5 { margin: 0px; font-size: 1em; color: #FFF; }
.gray-box {
	margin: 0px 0px 10px 0px;
	padding: 5px 10px;
	background-color: #777;
	-moz-border-radius: 10px; 
	-webkit-border-radius: 10px;
}

/* sideblock item title */
h6 {
	margin: 0px;
	padding: 0px;
	font-size: 1em;
	color: #333;
	text-transform: lowercase;
}

img { border: 0; }

ul {	list-style-image: url('images/li.png'); }

blockquote {
	margin: 10px 0 0 25px;
	padding: 0 15px;
	border-left: 7px solid #f9d;
	color: #222;
	font-size: .9em;
}

code, pre {
	width: 540px;
	overflow: auto;
	padding: 5px;
	margin: 10px;
	line-height: 1.5em;
	background-color: #FFEEFF;
	border: 1px solid #FFDDFF;
}

code:hover, pre:hover {
	background-color: #FFDDFF;
	border: 1px solid #FFCCFF;
}

abbr, acronym {
	font-style: normal;
	border-bottom: 1px dotted #333333;
	cursor: help;
}

del {
	text-decoration: line-through;
	color: #999999;
}

ins {
	text-decoration: underline;
}

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

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

.alert {
	color: #191919;
	background: #FFE5BF url('images/box-alert.png') no-repeat 5px 7px;
	display: block;
	width: 90%;
	margin-top: 10px;
	margin-left: auto;
	margin-right: auto;
	padding: 12px 12px 12px 35px;
	font-weight: normal;
	border: 2px solid #FFC875;
	-moz-border-radius: 10px; 
	-webkit-border-radius: 10px;
}

.download {
	color: #191919;
	background: #E5F2BF url('images/box-download.png') no-repeat 5px 8px;
	display: block;
	width: 90%;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: auto;
	margin-right: auto;
	padding: 12px 12px 12px 35px;
	font-weight: normal;
	border: 2px solid #C2E069;
	-moz-border-radius: 10px; 
	-webkit-border-radius: 10px;
}

.info {
	color: #191919;
	background: #BFE5FF url('images/box-info.png') no-repeat 5px 7px;
	width: 90%;
	margin-top: 10px;
	margin-left: auto;
	margin-right: auto;
	padding: 12px 12px 12px 35px;
	display: block;
	font-weight: normal;
	border: 2px solid #4AB7FF;
	-moz-border-radius: 10px; 
	-webkit-border-radius: 10px;
}

.note {
	color: #191919;
	background: #FFF2BF url('images/box-note.png') no-repeat 5px 7px;
	display: block;
	width: 90%;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: auto;
	margin-right: auto;
	padding: 12px 12px 12px 35px;
	font-weight: normal;
	border: 2px solid #FFE375;
	-moz-border-radius: 10px; 
	-webkit-border-radius: 10px;
}

.warning {
	color: #191919;
	background: #FFBFC8 url('images/box-warning.png') no-repeat 5px 7px;
	display: block;
	width: 90%;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: auto;
	margin-right: auto;
	padding: 12px 12px 12px 35px;
	font-weight: normal;
	border: 2px solid #FF8888;
	-moz-border-radius: 10px; 
	-webkit-border-radius: 10px;
}

.alert a:hover, .download a:hover, .info a:hover, .note a:hover, .warning a:hover { text-decoration: none; }

#header {
	width: 950px;
	margin: 10px auto;
}

#header .title-box {
	width: 400px;
	float: left;
}

#header .title-img { display: block; }

#header .description {
	font-size: 1em;
	color: #6f6f6f;
	text-transform: lowercase;
}

#header .links {
	width: 550px;
	float: right;
}

#header ul {
	float: right;
	list-style-type: none;
	padding: 0px;
}

#header li {
	float: left;
	display: block;
	color: #7d7d7d;
	background: #EEE;
	height: 25px;
	margin-left: 5px;
	padding: 5px 10px;
	-moz-border-radius: 10px; 
	-webkit-border-radius: 10px;
}

#header li:hover { background: #f9f9f9; }

#header li a:link, #header li a:active,
#header li a:visited, #header li a:hover {
	text-decoration: none;
}

#header .header-img { height: 50px; margin: auto; }

#wrapper { width:950px; margin: 0px auto; }

#content { width: 630px; float: left; margin-right: 20px; }
#content .article { margin-bottom: 25px; }
#content .article-info { font-size: .8em; }
#content .tweet-post { float: right; margin-top: 3px; margin-left: 10px; }
#content .read-more:hover { font-weight: bold; text-decoration: none; }
#content .post-bottom-line { border-top: 1px dotted #DDD; }
#content .post-nav { margin-top: 10px; padding-bottom: 15px; }

#content .archive-info 		{ margin-bottom: 20px; }
#content .archive-info ul	{ margin-top: 0px; }
#content .archive-info li		{ list-style-image: url('images/li_pink.png'); }
#content.archive-info-top	{ margin-top: 10px; }

#content .spacer { margin-bottom: 15px; }
#content .images { margin-top: 15px; }
#content .profile-img { margin-right: 5px; }
#content .profile-link:hover { font-size: 1.2em; }

#sidebar { width: 300px; float: right; }

#sidebar .sidebar-box {
	margin-bottom: 10px;
	padding: 10px;
	background-color: #FCD8FC;
	border: 1px solid #C096AA;
	-moz-border-radius: 10px; 
	-webkit-border-radius: 10px;
}

#sidebar .box { margin-top: 10px; }

#sidebar .rss { background: url('images/rss.png') no-repeat; height: 30px; padding-left: 35px; line-height: 1.8em; }
#sidebar .rss-link { display: block; }
#sidebar .tag-cloud a:hover { background-color: #ffeeff; text-decoration: none; }

#sidebar  li.blog 		{ list-style-image: url('images/my-links_wordpress.png'); }
#sidebar  li.twitter 	{ list-style-image: url('images/my-links_twitter.png'); }
#sidebar  li.linkedin	{ list-style-image: url('images/my-links_linkedin.png'); }
#sidebar  li.facebook	{ list-style-image: url('images/my-links_facebook.png'); }
#sidebar  li.orkut 	{ list-style-image: url('images/my-links_orkut.png'); }
#sidebar  li.lastfm	{ list-style-image: url('images/my-links_lastfm.png'); }
#sidebar  li.flickr	{ list-style-image: url('images/my-links_flickr.png'); }

#sidebar .search { width: 200px; margin: 10px auto; }
#sidebar .search-txt { width: 165px; float: left; }

#sidebar  li.firefox	{ list-style-image: url('images/browsers_firefox.png'); }
#sidebar  li.chrome	{ list-style-image: url('images/browsers_chrome.png'); }
#sidebar  li.safari	{ list-style-image: url('images/browsers_safari.png'); }
#sidebar  li.opera	{ list-style-image: url('images/browsers_opera.png'); }

#comments { width: 630px; }

#comments ul {list-style: none; margin: 0px; padding: 0px;}

#comments li {
	border: #C096AA 1px solid;
	margin-bottom: 10px;
	padding: 5px;
}

#comments ul ul li {
	border: #C096AA 1px dashed;
	margin-left: 20px;
	margin-top: 10px;
	padding: 5px;
}

/* 
 * hacking fieldset and label with .fieldset and .label at contact page
 * so it doesn't mess recaptcha
 */
#comments fieldset, .fieldset  { border: none; }

#comments label , .label {
	width: 100px;
	float: left;
	text-align: right;
	line-height: 22px;
	padding-right: 5px;
}

#comments .text:focus, #contact-form .text:focus { background: #eee; }

#comments .txtBox, #contact-form .txtBox {
	width: 75%;
	height: 200px;
	display: block;
}

.submit {
	color: #FFF;
	background-color: #777;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	margin: 5px 0px 10px 0px;
	padding: 3px 5px;
}

.submit:hover { color: #111; background-color: #F0FFF0; }

#comments .space { margin-left: 115px; }
#contact-form .space { margin-left: 105px; }
#contact-form .space-captcha { margin: 10px 0px 10px 115px; }
#comments .navigation { padding: 0px 10px; }

#footer { 
	width: 950px;
	margin: 0px auto 15px auto;
	background: #EEE;
	border: 1px solid #CCC;
	padding: 5px;
}

#footer .text { font-size: .8em; }
#footer .text-left { float:left; line-height:1.6em; }
#footer .text-right { float:right; }