/*
Reset default browser CSS.
Based on work by Eric Meyer:
http://meyerweb.com/eric/tools/css/reset/index.html
*/
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,
b, u, i, center, 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-size: 100%;
vertical-align: baseline;
}
body {
color:#000;
font: normal .90em Georgia, sans-serif, Arial, Verdana;
line-height: 1;
}
blockquote:before, blockquote:after, q:before, q:after { content: '';content: none; }
table { border-collapse: collapse; border-spacing: 0; }
a { color:blue;text-decoration:none; }
a:visited { color:#006666;text-decoration:none; }
a:hover { color:red;text-decoration:underline; }/*
Set default typography based on Blueprint
http://code.google.com/p/blueprintcss/
*/
input, textarea { color:#000; line-height:18px; }
/* Headings */
h1,h2,h3,h4,h5,h6 { font-weight:normal; margin:12px 0px 6px 0px;}
h1 { font-size: 140%; } h2 { font-size: 130%; } h3 { font-size: 120%; } h4, h5, h6 { font-size: 100%; }
/* Text elements */
p { margin:0;padding:0; }
ol, ul { margin: 0 0 18px 2.5em; }
ul { list-style:disc; }
ol { list-style-type: decimal; }
ol ol { list-style:upper-alpha; }
ol ol ol { list-style:lower-roman; }
ol ol ol ol { list-style:lower-alpha; }
ul ul, ol ol, ul ol, ol ul { margin-bottom:0; }
dl	{ margin:0 1.5em; }
dt { font-weight:bold; }
dd { margin-bottom:18px; }
strong { font-weight: bold; }
cite, em, i { font-style: italic; }
blockquote { margin: 0 3em; }
blockquote em, blockquote i, blockquote cite { font-style:normal; }
pre { font:normal 11px Monaco, monospace; line-height:18px; margin-bottom:18px; }
code { font:normal 11px Monaco, monospace; }
abbr, acronym { border-bottom:1px dotted #333; cursor: help; }
ins { text-decoration:none; }
sup, sub { height: 0; line-height: 1; vertical-align: baseline; _vertical-align: bottom; position: relative; }
sup { bottom: 1ex; }
sub { top: .5ex; }
/* Pullquotes */
blockquote.left {
float: left;
margin-left:0;
margin-right:20px;
text-align: right;
width: 33%;
}
blockquote.right {
float: right;
margin-left:20px;
margin-right:0;
text-align: left;
width: 33%;
}/* 
Default styles for Images
*/
a img { border: none; }
img { margin:0; border:0; }
.alignleft, img.alignleft { float: left; margin:0px 15px 15px 0px; }
.alignright, img.alignright { display: block; float: right; margin:0px 0px 15px 15px; }
.aligncenter, img.aligncenter { margin-left:auto; margin-right:auto; display: block; clear: both; }
.caption { text-align: center; margin-bottom:18px; }

img.border-000 { padding:3px;border:1px solid #000; }
img.border-fff { padding:3px;border:1px solid #fff; }
img.border-eee { padding:3px;border:1px solid #eee; }
img.border-ddd { padding:3px;border:1px solid #ddd; }
img.border-ccc { padding:3px;border:1px solid #ccc; }
img.border-bbb { padding:3px;border:1px solid #bbb; }
img.border-aaa { padding:3px;border:1px solid #aaa; }

img.border-dotted-000 { padding:3px;border:1px solid #000; }
img.border-dotted-fff { padding:3px;border:1px solid #fff; }
img.border-dotted-eee { padding:3px;border:1px solid #eee; }
img.border-dotted-ddd { padding:3px;border:1px solid #ddd; }
img.border-dotted-ccc { padding:3px;border:1px solid #ccc; }
img.border-dotted-bbb { padding:3px;border:1px solid #bbb; }
img.border-dotted-aaa { padding:3px;border:1px solid #aaa; }#sn-page {
	margin:0 auto;
	width:900px;
}

#sn-leftcol {
	float:left;width:240px;
}
#sn-rightcol {
	padding:20px 0 0 0;
	float:right;width:650px;
}

#sn-footer {
	clear:both;
	text-align:right;
	color:#666;
}

/* left info */
h1#profile_name {
	font:bold 2em "Trebuchet MS";
}
img.profile_photo {
	padding:2px;border:1px solid #999;
}
.socialnetwork_acc a img {
	border:0px;
}
.contact_info {
	margin:8px 0px 8px 0px;
	padding:3px 0px 3px 0px;
	width:206px;
	border-top:1px dotted #666;
}
.google_map {
}

/* resume, portfolio */
.css-panes {
	line-height:120%;
}
#achievements h2, #achievements h3, #portfolio h2, #resume h2, #portfolio h3, #resume h3 {
	font-weight:bold;
	text-transform:capitalize;
	margin:12px 0px 6px 0px;
}
#achievements p, #portfolio p, #resume p {
	margin:0px 0px 12px 0px;
}
#achievements li, #portfolio li, #resume li {
	padding-bottom:5px;
}

/* MISC */
.lcol { float:left;margin-right:5px; }
.rcol { float:right; }

.portf_title { margin-bottom:8px; }
.title, .title a { color:blue;text-decoration:underline; }
.metadata { font-style:italic;color:#555; margin:0px 0px 0px 0px; }

.swidth { width:100px; }
.mwidth { width:200px; }
.wwidth { width:300px; }

.h_separator {
	clear:both;
	border-top:1px solid #aaa;
	margin:5px 0px 5px 0px;
}
.clear { clear:both; height:5px; margin-top:-5px; }

.download {
	text-align:right;
}

h2.heading {
	text-transform: uppercase;
	font-weight: bold;
	color:blue;
}

/* sub menu */
.submenu {
	margin:0 0 10px 0px;
	padding:0 0 3px 0px;
	border-bottom:1px solid #444;
}
.submenu a strong {
	color:#ff0000;
}
/* root element for tabs  */
ul.css-tabs {  
	margin:0 !important; 
	padding:0;
	height:30px;
	border-bottom:1px solid #666;	 	
}

/* single tab */
ul.css-tabs li {  
	float:left;	 
	padding:0; 
	margin:0;  
	list-style-type:none;	
}

/* link inside the tab. uses a background image */
ul.css-tabs a { 
	float:left;
	font-size:13px;
	display:block;
	padding:5px 10px 5px 10px;	
	text-decoration:none;
	border:1px solid #666;	
	border-bottom:0px;
	height:18px;
	background-color:#efefef;
	color:#777;
	margin-right:2px;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-topright:4px;
	position:relative;
	top:1px;	
}

ul.css-tabs a:hover {
	background-color:#F7F7F7;
	color:#333;
}
	
/* selected tab */
ul.css-tabs a.current {
	background-color:#ddd;
	border-bottom:0px solid #ddd;	
	color:#000; font-weight:bold;
	cursor:default;
	padding:5px 10px 6px 10px;
}

	
/* tab pane */
div.css-panes {
	border:1px solid #666;
	border-width:0 1px 1px 1px;
	min-height:300px;
	padding:15px 20px;
	background-color:#ddd;
}.bmk_item {
	padding:3px;
	background:#eee;
	margin-bottom:2px;
}
.bmk_item .date {
	color:#444;font-size:90%;
}
.bmk_item .tag {
	background:#ddd;
	padding:2px;margin-left:5px;
}label {
	display:block;
	font-weight:bold;
}
input[type="submit"] {
	background:#444;
	color:#fff;
	padding:3px;
	border:1px solid #000;
}
input[type="text"] {
	width:300px;
	border-top:2px solid #aaa;
	border-left:2px solid #aaa;
	border-bottom:1px solid #aaa;
	border-right:1px solid #aaa;
	background:#fff;
	padding:3px;
}
input[type="submit"]:hover {
	cursor:pointer;
	border:1px solid #444;
	background:#eee;
	color:#666;
}
input[type="text"]:hover,
input[type="text"]:focus {
	border-color:#444;
}

textarea {
	padding:3px;
	width:500px;
	min-height:200px;
	border:1px solid #aaa;
}

select.invalid, textarea.invalid, input.invalid {
	border-color:red;
}
strong.required {
	color:red;
}

#msg {
	display:none;
	background:#fff;
	padding:5px;
	color:red;
	border:1px dotted #444;
	margin:5px 0px 15px 0px;
}