/*  
Theme Name: sylviaaaaa
Theme URI: http://is.derekpunsalan.com/
Description: sylviaaaaa needed something nice to play in online.
Author: Derek Punsalan
Author URI: http://is.derekpunsalan.com/
*/

* { margin: 0; padding: 0; }
body { background: #211E20 url(images/bg.gif) no-repeat top center; color: #CFCFCF; font: 62.5% "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", helvetica, arial, sans-serif; text-align: center; }
h1, h2, h3, h4 { font-weight: normal; }
h1 { font-size: 2.4em; }
h2 { font-size: 1.8em; }
h3 { font-size: 1.6em; }
h4 { font-size: 1.4em; }
a { text-decoration: none; }

div#global_wrapper { margin: 0 auto; width: 770px; }
div#masthead { color: #A86AB3; text-transform: lowercase; text-align: right; padding-top: 10px; position: relative; }
div#masthead h1 { background: url(images/birds.gif) no-repeat right center; padding: 0 35px 35px 0; position: absolute; top: 280px; right: 0; z-index: 100; }
div#masthead h1 a { color: #A86AB3; }
div#masthead h1 span { color: #555; }
a#mt_link { position: absolute; top: 10px; left: 0; }
ul#navigation { font-size: 1.6em; list-style: none; margin: 0; }
	ul#navigation li { display: inline; }
	ul#navigation li a { background: url(images/nav-dot.gif) no-repeat right center; color: #C0ACC2; padding-right: 9px; }
	ul#navigation li a:hover { color: #82438E; }
	ul#navigation li.last a { background: none; padding: 0 0 0 0; }
div#twitter_updates { font-size: 1.3em; line-height: 1.5em; margin-top: 375px; text-align: left; }
	div#twitter_updates h4 { color: #C0ACC2; text-transform: lowercase; margin: 0 0 7px 0; }
	div#twitter_updates a { color: #A86AB3; }
	div#twitter_updates a:hover { color: #BC7DC8; }
	span#my_twitter_status { color: #C0ACC2; }
	#twitter_updates p { color:#C0ACC2; }
div#search_wrapper { padding: 3px; margin: 10px 0 0 0; }
	form#searchform { margin: 0; }
	form#searchform input { font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", helvetica, arial, sans-serif; font-size: 1em; vertical-align: middle; }
	input#s { background: #C0ACC2 url(images/s_input_bg.gif) repeat-x 0 0; border: 1px solid #C3C3C3; border-top-color: #7C7C7C; border-bottom-color: #DDD; padding: 1px 2px 0 ; margin: 0 3px 0 0; width: 388px; }
div#content_column { float: left; text-align: left; font-size: 1.2em; margin: 1em 0; width: 460px; }
	p.description { color: #AFAFAF; }
	p.description a { background: url(images/purple-dots.gif) repeat-x bottom left; color: #C0ACC2; }
	p.description a:hover { color: #BC7DC8; }
	div#content_column div.intro { clear: both; color: #5a5a5a; font-size: 1.1em; line-height: 1.5em; margin: 10px 0 8px 0; }
	div.intro h3 { margin: 0 0 5px 0;}
	div.yelp, div.flickr { padding: 15px 0 0 0; }
	div:hover.intro span { color: #6a6a6a; }
	div#content_column div.intro h3 { font-size: 1.5em; text-transform: lowercase; }
	div.post { border-bottom: 1px solid #2a2a2a; line-height: 1.5em; }
	div.post h2 { color: #C0ACC2; font-size: 16px; float: left; margin: 3px 0; }
	div.post h2 a { color: #BC7DC8; font-size: 16px; }
	div.post h2 a:hover { color: #C0ACC2; }
	div.single h2 a { color: #BC7DC8; font-size: 16px; }
	div.single h2 a:hover { color: #C0ACC2; }
	h4.date { color: #3f3f3f; float: right; font-size: 1.2em; margin: 4px 0 3px; }
	div.navigation { margin: 10px 0 0 0; }
	div.navigation a { color: #3f3f3f; }
	div.navigation a:hover { color: #444; }
div.entry { color: #AFAFAF; clear: both; font-size: 1.1em; line-height: 1.5em; margin: 1em 0 1.5em; }
	div.entry p { margin: 1em 0; }
	div.entry p a { background: url(images/purple-dots.gif) repeat-x bottom left; color: #C0ACC2; }
	div.entry p a:hover { color: #BC7DC8; }
	div.entry img, div.entry a img { border: 3px solid #2f2f2f; max-width: 450px; }
	div.entry a:hover img { border-color: #333; }
	div.entry ul, div.entry ol, blockquote { margin: 1em 1em 1em 2em; }
	div.entry li a { background: url(images/purple-dots.gif) repeat-x bottom left !important; color: #C0ACC2 !important; }
	div.entry li a:hover { color: #BC7DC8 !important; }
	div.entry img.wp-smiley { border: none; }
div#sidebar_column { color: #3f3f3f; border-left: 1px solid #2a2a2a; font-size: 1.15em; float: right; width: 245px; text-align: left; margin: 28px 0 0 0; padding: 0 0 10px 30px; }
	div#sidebar_column h3 { color: #5a5a5a; text-transform: lowercase; margin: 0 0 5px 0; }
	div#sidebar_column h3 a { color: #979198; }
	div#sidebar_column p.date { color: #7F7F7F; }
	div#sidebar_column div.nav { color: #7F7F7F; margin: 5px 0 0 0; }
	div#sidebar_column div.nav a { color: #C0ACC2; }
ul#yelp_reviews { list-style: none; }
	ul#yelp_reviews { margin: 10px 0 0 0; }
	ul#yelp_reviews li { border-bottom: 1px solid #2a2a2a; clear: both; line-height: 2em; }
	ul#yelp_reviews li h2 { float: left; overflow: hidden; white-space: nowrap; width: 300px;}
	ul#yelp_reviews li h2 a { color: #BC7DC8; font-size: 14px; }
	ul#yelp_reviews li h2 a:hover { color: #C0ACC2; }
	div.date { color: #3f3f3f; font-size: 1.2em; float: right; }
ul#flickr_photos { list-style: none; margin: 10px 0; }
	ul#flickr_photos li a img { border: 3px solid #2f2f2f; }
	ul#flickr_photos li a:hover img { border-color: #333; }
	ul#flickr_photos li { display: inline; }
	ul#flickr_photos li img { height: 64px; width: 64px; margin: 0 3px; }
div#comments_wrapper { clear: both; margin: 1.5em 0; text-align: left; font-size: 1.3em; }
	div#comments_wrapper a { background: url(images/purple-dots.gif) repeat-x bottom left; color: #C0ACC2; }
	div#comments h3, h3#respond { font-size: 1.3em; margin-bottom: 7px; }
	ol.commentslist, ol.pingslist { color: #AFAFAF; clear: both; margin: 1em 0 3em; list-style: none; }
	ol.commentslist li, ol.pingslist li { clear: both; margin: 0 0 18px 0; }
	ol.commentslist li { line-height: 1.5em; }
	ol.commentslist li p { margin: 0 0 1em; }
	div.author_meta { float: right; font-size: 11px; line-height: 1.3em; border-left: 1px solid #2a2a2a; width: 245px; padding: 4px 0 10px 30px; }
	div.author_meta p { margin: 0 !important; }
	div.author_meta a { background: none !important; }
	li.alt div.comment_text { color: #9a9a9a; }
	li.alt div.author_meta { border-left: 1px solid #4a4a4a; }
	li.author div.author_meta { border-left: 1px solid #82438E; }
	div.comment_text { float: left; width: 460px; margin-top: 10px; }
form#commentform {}
	form#commentform p { margin: 1em 0; }
	form#commentform small { font-size: 0.9em; color: #555; letter-spacing: 1px; }
	input#author, input#email, input#url, textarea#comment { background: #C0ACC2 url(images/s_input_bg.gif) repeat-x 0 0; border: 1px solid #C3C3C3; border-top-color: #7C7C7C; border-bottom-color: #DDD; font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", helvetica, arial, sans-serif; font-size: 1em; padding: 1px 2px 0; }
	input#author, input#email, input#url { width: 180px; }
	textarea#comment { width: 460px; overflow: auto; }
div#footer { font-size: 1.2em; color: #5a5a5a; margin: 3em 0 2em; text-transform: uppercase; text-align: left; margin-left: 30px; }
	div#footer a { color: #7a7a7a; }
	div#footer a:hover { color: #C0ACC2; }
	
img.floatleft, img.left { float: left; margin: 4px 5px 0 0; }

/* clearing rules */
.right { float: right; }
.left { float: left; }
.clrea { clear: both; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; } 
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */