* {
margin:0;
padding:0;
}
body { margin:0px; font-size:12px; font-family:arial, helvetica, sans-serif; color:#636363; background-image:url("/blog/wp-content/themes/default/images/background-blog.gif"); background-position:0 0; background-repeat:repeat-x; text-align: center; }
h2.pagetitle { font-size:25px; }
h2.categorytitle { font-size:32px; padding-bottom:20px; text-transform: capitalize; }
h3 { color:#302B1E; font-size: 25px; }
h2, h3 { color: #302B1E; }
h2, #sidebar h2, #wp-calendar caption, cite { text-decoration: none; }
a { color: #444; font-weight: normal; text-decoration: none; outline:none; }
a img { border: none; outline:none; }
ul li { list-style-image:none; list-style-type:none; list-style:none; margin-left:0; }
pre { background-color:#eee; font-family:Consolas, Menlo, Monaco, Lucida Console, Liberation Mono, DejaVu Sans Mono, Bitstream Vera Sans Mono, Courier New, monospace, serif; margin-bottom:10px; max-height:600px; overflow:auto; padding:5px; width:auto; color:#666; -moz-border-radius: 9px; -khtml-border-radius: 9px; -webkit-border-radius: 9px; -moz-border-radius-bottomleft:9px; -moz-border-radius-bottomright:9px; -moz-border-radius-topleft:9px; -moz-border-radius-topright:9px; }
pre:hover { background-color:#777; color: #fff; }
h1 { padding-top: 0px; margin: 0; }
h2 { color:#333; font-size:25px; margin:0; }
html>body .entry ul { margin-left: 0px; padding: 0 0 0 30px; list-style: none; padding-left: 10px;}
html>body .entry li { margin: 7px 0 8px 10px; list-style: none; }
.wp-caption p.wp-caption-text { color:#bbb; font-size:10px !important; margin:0; height:13px; text-align:right; width:624px; font-family:Helvetica, Arial, sans-serif; }
/* headers */
#header {background-image: url("/blog/wp-content/themes/default/images/horiz_dot.gif");
    background-position: center bottom;
    background-repeat: repeat-x; float:left; height:125px; padding-top:0px; width:960px; margin-top:15px; margin-bottom:30px;}
#logo-flash {float:left;}
h2#logo a { background:url(images/logo.gif) no-repeat; display:block; width: 191px; height:48px; position:relative; text-indent:-9999px; float:left; margin-left:20px; }
#header ul { float:right; margin-top:41px; margin-right:12px; }
#header ul li { float:left; }
#header ul li a { display:block; background:url(https://www.jasonsafir.com/2010/images/nav-blue.gif) no-repeat left; height:15px; position:relative; text-indent:-9999px; margin-left:45px; }
#header ul li.blog a { background:url(https://www.jasonsafir.com/2010/images/btn-blog.gif) no-repeat left; background-position: 0 -15px; width:46px; }
#header ul li.projects a { background:url(https://www.jasonsafir.com/2010/images/btn-projects.gif) no-repeat left; background-position: 0 0; width:88px; }
#header ul li.about a { background:url(https://www.jasonsafir.com/2010/images/btn-about.gif) no-repeat left; background-position: 0 0; width:62px; }
#header ul li a:hover { background-position: 0 -15px; }
/* hover and selected states */
.home #header ul li#home a, #header ul li#home a:hover { width:108px; background-position:0 bottom; }
.home #header ul li#home a, #header ul li#home a:hover { width:108px; background-position:0 bottom; }
.category-work #header ul li.cat-item-3 a, .category-interactive #header ul li.cat-item-3 a, .category-identity #header ul li.cat-item-3 a, .category-illustration #header ul li.cat-item-3 a, #header ul li.cat-item-3 a:hover { width:99px; background-position: -108px bottom; }
.single #header ul li.cat-item-7 a, .category-articles #header ul li.cat-item-7 a, #header ul li.cat-item-7 a:hover { width:120px; background-position: -207px bottom; }
.page-id-2 #header ul li.cat-item-8 a, #header ul li.cat-item-8 a:hover { width:110px; background-position: -327px bottom; }
.page-id-323 #header ul li.cat-item-9 a, #header ul li.cat-item-9 a:hover { width:120px; background-position: -437px bottom; }
ul { list-style-type:none; margin:0; padding:0; }
li { list-style-type:none; margin:0; padding:0; }
fieldset { border:medium none; }
.highlight { color:#585f60; background:#e2f6f7; padding:25px; margin-bottom:2em; }
.urgent { color:#FFF; background:#df3d82; padding:30px; }
#headline { color:#343434; font-size:28px; margin-top:20px; margin-bottom:25px; }
#btn_view a { font-size:42px; }
#date {font-family: arial, helvetica, sans-serif; font-size: 10px;margin-bottom:23px; margin-top:8px; color:#939393; text-transform:uppercase; font-weight:bold;}
.flickr-photos {margin-bottom:26px;}
table {margin-bottom:26px; padding-top:10px; padding-bottom:10px;}
.back {margin-top:50px;}

.gallery {margin-left: auto;   margin-right: auto;}

.gallery img {
border:3px solid #999999 !important;
}

.gallery img:hover {
border:3px solid #00a2c8 !important;
}

.gallery-item {
text-align:center;
width:150px !important;
margin-top:0 !important;
margin-left:37px;
}

.gallery-caption {
width:150px;
font-size:12px;
font-color:#808A94;
margin-top:7px;
}

/* sidebar */
#sidebar { padding: 0 0 10px 0; float:right; width:250px; }
#sidebar p {color: #5E676C; font-size:13px; font-family:Georgia, "Times New Roman", Times, serif; line-height:18px; }
#sidebar li { list-style-type:none; list-style:none; }
#sidebar .pagenav {background-image:url("/blog/wp-content/themes/default/images/horiz_dot.gif"); background-position:center bottom; background-repeat:repeat-x; margin-bottom:18px; padding-bottom:18px; text-transform:none; }
#sidebar .pagenav a { text-transform:none; }
#sidebar .pagenav p { margin-bottom:7px; }
#sidebar .categories {background-image:url("/blog/wp-content/themes/default/images/horiz_dot.gif"); background-position:center bottom; background-repeat:repeat-x; margin-bottom:18px; padding-bottom:18px; /*border-bottom:1px solid #ACACB4;*/ }
#sidebar a { color:#2C8BB1; font-family:georgia; font-size:13px; font-weight:normal; }
#sidebar a:hover { text-decoration:none; -moz-border-radius:3px 3px 3px 3px; background-color:#482F09; color:#FFFFFF; }
#sidebar h2 { color:#51442C; font-family:georgia, serif; font-style:italic; font-weight:bold; font-size:21px; letter-spacing:-1px; text-transform:lowercase; margin-bottom:14px; }
#sidebar .categories li { margin-bottom:10px; }
#sidebar li h2 { color:#51442C; font-family:georgia, serif; font-style:italic; font-weight:bold; font-size:21px; letter-spacing:-1px; text-transform:lowercase; margin-bottom:14px; }
#sidebar ul li { list-style-type: none; list-style-image: none; }
#sidebar ul ul li, #sidebar ul ol li { margin:0 0 7px 0; padding: 0; }
.wp_syntax pre { clear:none; float:none; font-size:14px; line-height:1.333; margin:0; overflow:visible; white-space:pre; width:auto; overflow-x:auto; overflow-y:hidden; width:100%; }
/* content */
#content { float:left; font-size: 14px; padding:0; margin:0; width:624px; padding-bottom:25px; }
#content a { /*color:#058BB2;*/ color:#00AEEF}
#content a:hover { color:#00A2C8; text-decoration:none; display:inline; background:url('https://jasonsafir.com/2010/dots.gif') center bottom repeat-x; }
#content a:hover img {}
#content h1 { font-size:36px; color:#26A5C4; }
#content p {font-size:14px; margin-bottom:26px; margin-top:0; line-height:22px; }
#content a.more-link { background:url('/blog/wp-content/themes/default/images/btn-readmore.jpg'); font-size: 18px; position: relative; height:43px; width:209px; display:block; text-indent:-9999px; margin-top:38px; }
#content h2 {font:28px arial; font-weight:normal;}
#content h2 a {font:28px arial;}
#content h3 {
color:#464646;
font-family:helvetica;
font-size:18px;
font-weight:bold;
line-height:24px;
margin-bottom:26px;
	}
#content h4 {font-size:16px; color:#494949; padding:0; margin:0 0 13px;}
#content .entry, .widecolumn .entry { text-align:left; }
#content p.postmetadata { font-size:11px; font-weight:bold; margin:0; padding:0; padding-bottom:4px; }
#post p.postmetadata { color:#939393; font-weight:bold; }
p.postmetadata { text-align: left; }
p.postmetadata a { font-weight:bold; font-family:Arial, Helvetica, sans-serif; font-weight:bold; text-transform:capitalize; }
p.postmetadata a:hover { color:#00a2c8 !important; }
.postmetadata ul, .postmetadata li { display: inline; list-style-type: none; list-style-image: none; }
.categories { font-size:11px; }
#page { background-color: #fff; margin: 0px auto; padding: 0; width:1000px; text-align:left }
#mainbody { width:980px; text-align:left; position:relative; margin: 0px auto; }
#mainWrapper { padding-left:25px; padding-right:25px; }
#category-title { margin-bottom:32px; }
#category-title h1 { font-size:36px; color:#333; }
#post { margin:0; text-align:left; }
.entry {background-image:url("/blog/wp-content/themes/default/images/horiz_dot.gif"); background-position:center bottom; background-repeat:repeat-x; margin-bottom: 50px; }
#post hr { display: block; }
#post h3 a { color:#302B1E; }
#post h3 a:hover { color:#26A5C4; }
.entry ul li:before, #sidebar ul ul li:before { content: "\00BB \0020"; }
.entry ol { padding: 0 0 0 35px; margin:0 0 26px;}
.entry ol li { margin: 0; padding: 0; list-style: none; }
/* End Entry Lists */


/* Begin Comments*/
.commentlist { padding: 0; text-align: justify; }
.commentlist li { margin: 15px 0 3px; padding: 5px 10px 3px; list-style: none; }
.commentlist p { margin: 10px 5px 10px 0; }
#commentform p { margin: 5px 0; }
.nocomments { text-align: center; margin: 0; padding: 0; }
.commentmetadata { margin: 0; display: block; }
#commentform input { width: 170px; padding: 2px; margin: 5px 5px 1px 0; }
#commentform textarea { width: 100%; padding: 2px; }
#commentform #submit { margin: 0; margin-bottom:40px; float: right; }
/* End Comments */

.navigation { display: block; text-align: center; margin-top: 10px; margin-bottom: 60px; }
/*footer*/

#footer { clear: both; border:none; color:#acacac; background-position:center bottom; background-repeat:repeat-x; margin:0 auto; }
#footer #global_footer { color:#636363; }
#footer.no_extra #extra_footer { display:none; }
#footer h1 { color:#636363; line-height:30px; }
#footer.extra #extra_footer #extra_footer_content { width:960px; margin:0 auto; }
#footer.extra #footer_dots { display:none; }
#global_footer_content { border-top:2px solid #444; color:#333333; width:930px; height:160px; overflow:hidden; font-size:11px; display:block; margin:0 auto; text-align:left; padding-top:15px; }
#global_footer_content ul { padding-left:0px; margin-left:0px; }
#global_footer_content li { line-height:17px; }
#global_footer_content h4 { margin:0; font-size:14px; font-weight:bold; height:24px; }
#global_footer_content h4 a { margin:0; padding-left:0; color:#444; font-weight:bold; }
#global_footer_content a { color:#058BB2; }
#global_footer_content a:hover { text-decoration:none; color:#26A5C4 !important; background-image:url(https://jasonsafir.com/2010/dots.gif); background-position:center bottom; background-repeat:repeat-x; }
#global_footer_content .global_footer_module { height:120px; float:left; width:160px; margin-top:9px; /*background-image:url("/images/footer_vert_dot.gif");*/ background-position:left center; background-repeat:repeat-y; }
#global_footer_content .global_footer_module ul li a, #global_footer_content #contact_jason div { margin-bottom:-5px }
#global_footer_content .global_footer_module .inner { padding:0 30px 20px 10px; }
#global_footer_content #contact_jason { padding-left:0; background-image:none; width:280px; }
#global_footer_content #contact_jason .inner { padding-left:0; }

.wp-pagenavi a, .wp-pagenavi a:link {
	padding: 2px 4px 2px 4px; 
	margin: 2px;
	text-decoration: none;
	color: #B4B4B4;
	font-size:13px;
	font-weight:bold;
	background-color: #F7F7F7;
}
.wp-pagenavi a:visited {
	padding: 2px 4px 2px 4px; 
	margin: 2px;
	text-decoration: none;
	color: #B4B4B4;
	background-color: #F7F7F7;
	font-size:13px;
	font-weight:bold;
}
.wp-pagenavi a:hover {	
	background:none !important;
	color: #FFFFFF !important;
	background-color:#482F09 !important;
	font-size:13px;
	font-weight:bold;
}
.wp-pagenavi a:active {
	padding: 2px 4px 2px 4px; 
	margin: 2px;
	text-decoration: none;
	color: #B4B4B4;
	background-color: #F7F7F7;
	font-size:13px;
	font-weight:bold;
}
.wp-pagenavi span.pages {
	padding: 2px 4px 2px 4px; 
	margin: 2px 2px 2px 2px;
	color: #FFFFFF;
	background-color:#482F09;
	font-size:13px;
	font-weight:bold;
}
.wp-pagenavi span.current {
	padding: 2px 4px 2px 4px; 
	margin: 2px;
	font-weight: bold;
	color: #FFFFFF;
	background-color:#482F09;
	font-size:13px;
	font-weight:bold;
}
.wp-pagenavi span.extend {
	padding: 2px 4px 2px 4px; 
	margin: 2px;	
	color: #000000;
	background-color: #F7F7F7;
	font-size:13px;
	font-weight:bold;
}

*:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin: 0; padding: 0; border: 0; }

@font-face { font-family: 'icons'; src: url('icons.woff') format('woff'), url('icons.ttf') format('truetype'); font-weight: normal; font-style: normal; }
[class*="icon-"] { font-family: 'icons'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; }

.icon--inline { margin-right: 5px; }
.icon-twitter:before { content: "\f099"; color: #0099EC; }
.icon-calendar:before { content: "\f073"; }
.icon-download-alt:before { content: "\f019"; }

#menu {background: url("/images/stripe.png") 0 22px repeat-x;
font: 14px/1.4 sans-serif !important; color: #222 !important; margin: auto; position: relative;
}

header { font-weight: bold !important; width: 960px; height: 80px; overflow: hidden; margin: 0 auto; padding-bottom: 20px; }
header a { text-decoration: none; font-weight: bold !important; }
header a:hover { background-color: #ddf5fb; }
header a:link, header a:visited { color: #222; }
header a.twitter, header a.github { display: block; float: left; width: 30px; height: 30px; border-radius: 100%; margin-left: 5px; margin-top: 25px; -webkit-transition: background-color 0.2s; -moz-transition: background-color 0.2s; -ms-transition: background-color 0.2s; -o-transition: background-color 0.2s; transition: background-color 0.2s; }
header a.twitter:hover, header a.github:hover { background-color: #72ccd2; }
header .twitter { font-size: 18px; text-align: center; padding-top: 3px; }
header .github { background: #fff url("/images/icons.png") 3px 4px no-repeat; text-indent: -9999px; }

.me { display: inline-block; line-height: 80px; vertical-align: top; float: left; }
.me:hover { background: none; }
.me:before { display: inline-block; content: ''; background: url("/images/underwaterFX.jpg") center center no-repeat; background-size: contain; border: 3px solid #fff; border-radius: 100%; width: 74px; height: 74px; margin: 3px 5px 0 0; vertical-align: top; }

nav { margin-top: 14px; margin-bottom: 14px;  float: right; }
nav a { text-decoration: none; }
nav a:link { float: left; height: 44px; overflow: hidden; }
header a:hover { background-color: #ddf5fb; }
nav span { background-color: #fff; display: inline-block; line-height: 36px; padding: 0 10px; margin-top: 8px; position: relative; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; transition: all 0.2s; }
nav span:before { content: ''; position: absolute; top: 36px; left: 0; border-right: 8px solid #00a583; border-bottom: 8px solid #fff; }
nav span:after { content: ''; position: absolute; top: 36px; right: 0; border-left: 8px solid #00a583; border-bottom: 8px solid #fff; }
nav a:hover span { background-color: #72ccd2; color:#fff; margin-top: 0; }

/* Modifications */
#contact_jason {width: 350px !important;}
.wp-pagenavi a:hover, .wp-pagenavi span.current {border-color: #000 !important;}
.wp-pagenavi span.current {background-color: #000 !important;}
.wp-pagenavi span.pages {background-color: #000 !important;}
.wp-pagenavi a:hover {background-color: #000 !important;}
.wp-pagenavi a {color:#777 !important;}
#footer a {color:#555 !important;}
#footer a:hover {color:#333 !important;}