/*
-------------------------------------------------
Author:		Alexander Freiria
URL:		http://xandercs.com
Created:	10/20/2009
Modified:	11/16/2009
-------------------------------------------------
*/

/*reset*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td			{ margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; vertical-align: baseline; text-decoration:none; }
h1, h2, h3, h4, h5, h6 									{ font-size:100%; }
:focus 													{ outline: 0; }
body 													{ line-height: 1; }
ol, ul 													{ list-style: none; }
table 													{ border-collapse: separate; border-spacing: 0; }
caption, th, td 										{ text-align: left;	font-weight: normal; }
blockquote:before, blockquote:after,
q:before, q:after 										{ content: ""; }
blockquote, q 											{ quotes: "" ""; }
html													{ overflow-y: scroll; }
textarea												{ overflow:hidden; }
/*end reset*/

/*font replacement*/
/*@font-face { font-family: Delicious; src: url('Delicious-Roman.otf'); }
@font-face { font-family: Delicious; font-weight: bold; src: url('Delicious-Bold.otf'); }*/
/*end font replacement*/

/**/
html								{ background-color:#222; }
body								{ text-align:center; font-family:Arial, Helvetica, Verdana; color:#FEFEFE;
    								  background-color:#222; font-size:13px; line-height:1.4; text-shadow:#030303 1px 1px 1px; }
div.container						{ width:850px; margin:0 auto; overflow:visible; }

h1									{ font-size:26pt; font-weight:700; margin:8px 0 6px; }
h2									{ font-size:22pt; font-weight:700; margin:8px 0 6px; }
h3									{ font-size:18pt; font-weight:700; margin:8px 0 6px; }
h4									{ font-size:14pt; font-weight:700; margin:8px 0 6px; }

div.wrapper_foot, div.wrapper_body,
div.wrapper_head					{ text-align:left; }
div.wrapper_foot, div.wrapper_head	{ background-color:#111111; color:#696969; }

div.wrapper_head					{ border-bottom:solid 1px #333; }
div.wrapper_body					{ background-color:#181818; /*background:#181818 url('../images/body_bg.jpg') repeat 50% 0;*/ color:#888; padding:15px 0; overflow:hidden; }
div.wrapper_body h3					{ color:#00A1DF; text-shadow:#030303 1px 1px 1px; }
div.wrapper_body h4					{ color:#CCC; text-shadow:#030303 1px 1px 1px; }


::selection							{ background: #00A1DF; color: #181818; }
::-moz-selection					{ background: #00A1DF; color: #181818; }

/*footer*/
div.wrapper_foot							{ border-top:solid 1px #333; padding:15px 0 25px; overflow:hidden; }
div.wrapper_foot h3							{ /*color:#BCBCBC;*/ color:#00A1DF; }
div.wrapper_foot ul li a					{ color:#00A1DF; background-color:#181818; display:block;
                            			      font-weight:700; padding:3px;}
div.wrapper_foot ul li a:hover				{ color:#181818; padding-left:14px;
                                  			  background:#00A1DF url('../images/arrow_111111.png') no-repeat 3px 10px; }
div.wrapper_foot a:hover					{ color:#00A1DF; }
div.wrapper_foot ul li						{ display:block; padding:5px 0; background:url(../images/dots_horizontal.png) repeat-x 0 100%; }
div.wrapper_foot div div.block_small,
div.wrapper_foot div div.block_medium,
div.wrapper_foot div div.block_large,
div.wrapper_foot div div.block_half									{ float:left; margin-top:10px; }
div.wrapper_foot div div.contact div.flt_r							{ width:150px; text-align:right; margin-right:120px; }
div.wrapper_foot div div.block_medium span							{ display:block; margin-top:4px;
                                          							  font-weight:700; color:#CCC; }
div.wrapper_foot div div.block_medium span strong					{ font-weight:700; color:#00A1DF; }
div.wrapper_foot span.copy											{ color:#EEE; display:block; font-family:georgia, 'Times New Roman';
																	  font-size:11px; font-style:italic; margin-top:20px; padding:3px;
																	  text-align:center; text-shadow:#888 1px 1px 1px; text-transform:lowercase; }

div.wrapper_foot label					{ display:block; width:150px; padding:3px; margin-top:3px; font-weight:700;
                      					  color:#CCC; }
div.wrapper_foot input[type=text],
div.wrapper_foot textarea				{ width:250px; margin-top:6px; background-color:#181818;
                         				  color:#CCC; border:solid 1px #696969; }
div.wrapper_foot input:focus,
div.wrapper_foot textarea:focus			{ outline:#00A1DF solid 2px; background-color:#EEE; color:#181818; }
div.wrapper_foot textarea				{ height:200px; }
/*end footer*/

/*head*/
div.wrapper_head div.container									{ height:65px; overflow:visible; position:relative;
                              									  background:url('../images/xandercoded_logo_dark.png') no-repeat 0px 5px; }
div.wrapper_head div.container h2								{ text-indent:-99999px; background:url('../images/tagline.png') no-repeat 0 0;
                                 								  position:absolute; left:250px; top:19px; z-index:10; width:300px; }	
	div.wrapper_head ul.top_menu								{ float:right; margin-top:25px; }
		div.wrapper_head ul.top_menu li							{ display:inline-block; position:relative; float:left; }
		div.wrapper_head ul.top_menu li a						{ background:url(../images/xandercoded_menu.png);
		                                 						  text-indent:-9999px; display:block; height:31px; position:relative;
		                                 						  float:left; cursor:pointer; }
		div.wrapper_head ul.top_menu li a span					{ background:url(../images/xandercoded_menu.png); display:block;
		                                      					  position:absolute; top:0px; left:0; z-index:100; }
		div.wrapper_head ul.top_menu li#home a 					{ width:63px; background-position:0px -0px; }
		div.wrapper_head ul.top_menu li#home a span				{ background-position: 0px 32px; }
		div.wrapper_head ul.top_menu li#portfolio a 			{ width:81px; background-position:-63px -0px; }
		div.wrapper_head ul.top_menu li#portfolio a span		{ background-position: -63px 32px; }
		div.wrapper_head ul.top_menu li#blog a 					{ width:50px; background-position:-144px -0px; }
		div.wrapper_head ul.top_menu li#blog a span				{ background-position: -144px 32px; }
		div.wrapper_head ul.top_menu li#resume a 				{ width:72px; background-position:-194px -0px; }
		div.wrapper_head ul.top_menu li#resume a span			{ background-position: -194px 32px; }
/*end head*/

/*body*/
div.wrapper_body div.container			{ /*background-color:#181818;*/ overflow:hidden; }
div.wrapper_body p						{ margin-bottom:5px; padding:0 5px; }
div.wrapper_body a						{ color:#00A1DF; font-weight:700; }
div.wrapper_body a:hover				{ color:#EEEEEE; }
div.wrapper_body div.border_lr			{ border-right:solid 1px #333; border-left:solid 1px #333; }
/*end body*/

/*blog*/
div.post_summary h3.post_title				{ margin-bottom:0px; }
img.post_img								{ background-color: #252525; height: 150px; width: 150px;
                             				  margin-right: 10px; padding: 5px; }
div.post_summary img.post_img:hover			{ background-color:#181818; }
div.post_summary h5.post_meta				{ color: #AAA; font-style: italic; font-weight: 700; }
span.likes									{ color:#BFFF00; font-weight:700; }
span.dislikes								{ color:#FF5500; font-weight:700; }
div.post_meta_info							{ clear:both; text-align:right; padding:3px; font-style: italic; }
div.post_meta_info span						{ margin-right:5px; }
div.post_summary a.post_readon				{ background-color: #252525; display: inline-block; padding: 0px 2px; }
div.post_summary a.post_readon:hover		{ background-color:#181818; }
p.post_feat									{ color: #BBB; font-size: 22px; font-style: italic; line-height: 1.2em; }

/*end blog*/

/*utils*/
div.block_small		{ width:263px; padding:0 10px; }
div.block_medium	{ width:545px; padding:0 10px; }
div.block_large		{ width:830px; padding:0 10px; }
div.block_half		{ width:405px; padding:0 10px; }

.border_r			{ background:url('../images/dots_vertical.png') repeat-y 100% 0; }
.border_l			{ background:url('../images/dots_vertical.png') repeat-y 0 0; }

.flt_l				{ float:left; }
.flt_r				{ float:right; }

.clr_b				{ clear:both; }
.clr_l				{ clear:left; }
.clr_r				{ clear:right; }

.error, span.error			{ color:#FF7100!important; font-weight:700; }
a.lnk_btn, input.lnk_btn	{ display:block; width:80px; padding:3px; float:left;
        					  background-color:#181818; color:#00A1DF; text-align:center;
        					  font-weight:700; margin:6px 10px; }
a.lnk_btn:hover, input.lnk_btn:hover	{ color:#181818!important; background-color:#00A1DF; text-shadow:#CCC 1px 1px 1px; }
a.lnk_btn:active, input.lnk_btn:active	{ color:#181818!important; background-color:#00A1DF; text-shadow:#CCC 1px 1px 1px; border:1px #AAA inset; padding:4px 2px 2px 4px; }
.transparent {
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
}
.hide{ display:none;}

div.pager					{ font-weight: 700; padding: 2px; text-align: center; }
/*end utils*/