/*
NYC_skyline rgb(255,255,255) rgb(0,0,0)
*/
div#div_css_selector_wrapper{
  width  : 100% ;
  text-align : right ;
  font-size : 6pt ;
  padding-right : 5px ;
}

body, p{
  font-family : arial , sans-serif ;
  font-size : 12pt ;
  line-height : 18pt ;
  text-align : justify ;
}
div#container{
  width : 100% ;
  min-width : 500px ;
  margin : 0px ;
  border : 1px solid rgb(255,255,255) ;
  border-bottom-right-radius : 50px ;
  border-bottom-left-radius : 50px ;
  border-top-left-radius : 50px ;
  border-top-right-radius : 4px ;
}
div#outer_container{
  width : 90% ;
  min-width : 504px ;
  margin : auto ;
  border : 1px solid rgb(255,255,255) ;
  padding : 2px ;
  padding-right : 4px ;
  background-color : rgb(0,0,0) ;
  background-color : rgba(255,255,255,0.9) ;
  margin-bottom : 200px ;
  border-bottom-right-radius : 52px ;
  border-bottom-left-radius : 52px ;
  border-top-left-radius : 52px ;
  border-top-right-radius : 6px ;
}

.center{ text-align : center ; }

div.fb_wrapper{
  padding : 0px ;
  text-align : right ;
  height : 27px ;
  padding-right : 3px ;
}
span#span_tweet{
  position : relative ;
  top : 6px ;
}
div#heading{
  width : 100% ;
  padding : 0px ;
  background : rgb(255,255,255) ;
  border-top-left-radius : 48px ;
  border-top-right-radius : 2px ;
}
div#content{
  padding : 20px 20px 20px 20px ;
}
div#footer{
  text-align : center ;
}
h1, h2, h3, h4, h5, h6{
  font-family : georgia , serif ;
  font-style : italic ;
  text-align : center ;
}
h1{
  font-family : arial , sans-serif ;
  text-align : left ;
  padding-left : 0.25em ;
  color : inherit ;
  margin : 0em 0.25em ;
}
#tagline{
  font-size : 12pt ;
  font-style : italic ;
  font-family : times , serif ;
  text-align : right ;
  padding : 5px ;
  color : inherit ;
  margin-top : 0px ;
  margin-bottom : 2px ;
}
div#footer{}


table#contact_table{
  width : 600px ;
  margin : auto ;
}
th.contact{
  text-align : right ;
  vertical-align : top ;
}

/* Taken from www.aidansean.com/main.css */

/*Titles*/
h2.left, h3, h4{
	background-color : #dddddd ;
	color : #000000 ;
}
h2.right{
	margin : 10px ;
	padding : 5px ;
	background-color :rgb(255,255,255) ;
	color : rgb(0,0,0) ;
}
h2{
  background : rgb(0,0,0) ;
  color : rgb(255,255,255) ;
  border : 2px solid rgb(255,255,255) ;
  padding : 0.25em 0em ;
}
div.right{
  margin-top : 20px ;
  margin-bottom : 5px ;
}

h2{
  margin-top : 2em ;
  font : 16pt arial , sans-serif ;
  border-radius : 15px ;
  border : 2px solid rgb(255,255,255) ;
}

div.blurb, div.blurb_with_icon, div.blurb_with_movie_icon{
	margin : 0px ;
	padding : 2px ;
	padding-top : 1px ;
	font-size : 10pt ;
	text-align : justify ;
}
div.blurb_with_icon{ min-height : 140px ; }
div.blurb_with_movie_icon{ min-height : 197px ; }
h3{
	font-family : arial , sans-serif ;
	font-size : 12pt ;
	font-style : normal ;
	font-weight : normal ;
	text-align : left ;
	padding-left : 1em ;
	margin : 0px ;
	margin-top : 5px ;
	border-top : 1px solid #000000 ;
	border-bottom : 1px solid #000000 ;
}
h4{
  text-align : left ;
  font : 10pt italic arial , sans-serif ;
  border-top    : 1px solid rgb(255,255,255) ;
  border-bottom : 1px solid rgb(255,255,255) ;
}

/* Images */
img{
	margin : 5px ;
	border : 1px solid rgb(255,255,255) ;
}

img.flush{
	margin : 0px ;
	padding : 0px ;
	border : 0px solid rgb(255,255,255) ;
}

img.icon, img.icon_movie{
	position : relative ;
	float : left ;
	margin : 10px ;
	border : 1px solid rgb(255,255,255) ;
	z-index : 1 ;
	width : 100px ;
	height : 100px ;
}
img.icon_movie{
  width : 107px ;
  height : 157px ;
}
img.favicon{
  border : 0px solid black ;
  position : relative ;
  top : 10px ;
  width : 16px ;
  height : 16px ;
}

div.center, p.center{ text-align : center ; }
table.centered{ margin : auto ; }
input.narrow{ width : 100px ; }

/* Misc */

blockquote{
  width : 80% ;
  margin : auto ;
  margin-top : 1em ;
  padding : 20px ;
  padding-left : 50px ;
  background-color : #eeeeee ;
  border : 1px solid gray ;
  background-image : url("/images/quoteIcon.gif") ;
  background-repeat : no-repeat ;
  font-style : italic ;
  font-size : 12pt ;
  border-radius : 1em ;
}
span.quote{
  padding-left : 2em ;
  padding-top : 0.5em ;
  font-style : italic ;
  font-family : georgia , serif ;
  background-image : url("/images/quoteIcon.gif") ;
  background-repeat : no-repeat ;
}
h4.blockquote{
  background-color : #ffffff ;
  border-top    : 5px solid #cccccc ;
  border-bottom : 5px solid #cccccc ;
}
pre#pre_cookie_jar{
  font-size : 12pt ;
  text-align : left ;
  padding : 0em 2em ;
}

p.notice{
  width : 600px ;
  margin : auto ;
  margin-top : 5px ;
  margin-bottom : 5px ;
  padding : 5px ;
  text-align : center ;
  background-color : #ffeeee ;
  border-left : 5px solid #ffaaaa ;
  border-right : 5px solid #ffaaaa ;
}

.hide{ display : none ; }

div.image_wrapper_right{
  float : right ;
  padding : 1px ;
  border : 1px solid black ;
  margin : 5px ;
}
p.image_caption{
  text-align : center ;
  font-family : arial , serif ;
  font-size : 8pt ;
}

dl{
  background-color : #ffffff ;
  padding : 0px ;
  padding-right : 2em ;
}
dt{
  margin-left : 0px ;
  padding : 0.2em ;
  padding-left : 1em ;
  font-family : georgia , serif ;
  font-size : 14pt ;
  background-color : rgb(255,255,255) ;
  color : rgb(0,0,0) ;
  width : 280px ;
  margin-top : 1em ;
  border-top-left-radius : 1em ;
  border-top-right-radius : 1em ;
  border : 1px solid rgb(255,255,255) ;
}
dd{
  -webkit-margin-start : 0em ;
  padding : 0.25em 2em ;
  font-family : georgia , serif ;
  font-size : 12pt ;
  background-color : rgb(0,0,0) ;
  color : rgb(255,255,255) ;
  border : 2px solid rgb(255,255,255) ;
  border-radius : 0em 1em 1em 1em ;
}

/* Music wall */
.albumArt{
  border : 1px solid black ;
  padding : 0px ;
}
#imageHolder{
  text-align : center ;
  width : 500px ;
  margin : auto ;
}
img.albumArtWall{
  width : 100px ;
  height : 100px ;
  border : 1px solid black ;
  opacity : 0.8 ;
}
img.albumArtWall:hover{ opacity : 1 ; }
table#albumArtWallTable{
  width : 600px ;
  margin : auto ;
  background-color : white ;
}
div.albumArtWrapper{
  padding : 0px ;
  border : 0px solid black ;
}
th{ text-align : right ; }
th.deus_ex{
  width : 10% ;
  padding : 5px ;
  color : white ;
  background-color : #006633 ;
}
td.deus_ex{
  width : 90% ;
  padding : 5px ;
  background-color : #ffffff ;
}
table#searchTable{
  width : 600px ;
  margin : auto ;
}
input.button{
  border : 1px solid black ;
  width : 200px ;
  text-align : center ;
}
input.text{ width : 200px ; }
#imageHolder{ width : 100px ; }
#artistHolder, #albumHolder, #saveButtonHolder{
  width : 200px ;
  text-align : center ;
  padding : 5px ;
}
td.searchTable, th.searchTable{
  height : 30px ;
  vertical-align : middle ;
}
div#emptyArt{
  width : 100px ;
  height : 100px ;
  border : 1px solid black ;
  background-color : white ;
  font-size : 10pt ;
  vertical-align : middle ;
}

/* Photobucket */
div.photobucket_image_wrapper{
  width : 620px ;
  padding : 0px ;
  text-align : center ;
  margin : auto ;
  margin-bottom : 20px ;
  border : 1px solid #888888 ;
  background-color : #eeeeee ;
}
img.photobucket_image{
  width : 600px ;
  padding : 2px ;
  margin-bottom : 0px ;
}
p.photobucket_caption{
  width : 600px ;
  text-align : center ;
  font-family : arial , sans-serif ;
  margin : auto ;
  margin-top : 0px ;
  margin-bottom : 10px ;
}

p.usericon{ text-align : left ; }

/* Table of icons */
table#main_websites{
  width : 650px ;
  margin : auto ;
}
td.main_websites{
  width : 64px ;
  height : 64px ;
  text-align : center ;
  vertical-align : middle ;
  padding : 0px ;
}
img.main_websites{
  border        : 1px solid #222222 ;
  border-right  : 3px solid #222222 ;
  border-bottom : 3px solid #222222 ;
}

table#sitemap_icons{
  width : 500px;
  margin : auto ;
}
td.sitemap_icon{
  padding : 0px ;
  width : 100px ;
  height : 100px ;
}

hr.clear{
  clear : both ;
  border : 0 ;
}


div.tab     { display : table      ; width : 100% ; }
div.tab_row { display : table-row  ; }
div.tab_cell{ display : table-cell ; vertical-align : top ; }

/*div.right{ text-align : right ; }*/

img.blogpost_icon, img.github_icon, img.Wiki_icon{
  border : 0px solid black ;
  width : 32px ;
  height : 32px ;
  position: relative;
  top: -0.0em ;
  left : -0.55em ;
  margin : 0px ;
}
img.blogpost_icon_noOffset, img.github_icon_noOffset, img.Wiki_icon_noOffset{
  left : 0em ;
}

a.github, a.blogpost, a.Wiki{
  text-decoration : none ;
}

span.github, span.blogpost{
  padding : 0.25em ;
  position: relative;
  top: -0.88em ;
  left : -0.0em ;
  padding-right : 1em ;
  padding-left  : 0.5em ;
  text-align : right ;
  font-size : 10pt ;
  line-height : 1.2em ;
  border-radius : 5px 0px 0px 5px ;
}

span.github{
  color : white ;
  background : black ;
}

span.blogpost{
  color : white ;
  background : #21759b ;
}
div#websites_container{
  margin-top : 20px ;
  text-align : center ;
}

hr.divider{
  width : 100% ;
  border : 1px solid rgb(255,255,255) ;
}

button#submit_contact_send, button#submit_contact_reset{
  width : 100% ;
  font : 16pt arial , sans-serif ;
}
table#table_contact{
  margin : auto ;
}
th#th_contact_message{
  vertical-align : top ;
}
th#td_contact_name, th#th_contact_email, th#th_contact_message{
}

td#td_contact_submit{
  text-align : center ;
}

th#th_contact_name, th#th_contact_email, th#th_contact_message, input#input_contact_name, input#input_contact_email{
  font : 14pt arial , sans-serif ;
}

input#input_contact_name, input#input_contact_email{
  width : 100% ;
}
input#input_contact_name, input#input_contact_email, textarea#textarea_contact_messsage{
  /*border : 2px solid rgb(255,255,255) ;*/
}


input#submit_change_style{
  margin : 2px ;
}
/* Taken from http://css.maxdesign.com.au/listamatic/horizontal03.htm */
#navcontainer{
}
#navcontainer ul{
  padding-left : 0 ;
  margin : 0px ;
  margin-left : 0 ;
  background-color : rgb(0,0,0) ;
  color : rgb(255,255,255) ;
  float : left ;
  width : 100% ;
  font-family : arial, helvetica, sans-serif ;
  font-size : 14pt ;
}
#navcontainer ul li { display : inline ; }
#navcontainer ul li a{
  padding : 0.2em 1em ;
  background-color : rgb(0,0,0) ;
  color : rgb(255,255,255) ;
  text-decoration : none;
  float : left;
  border-right : 1px solid rgb(255,255,255) ;
}
#navcontainer ul li a:hover{
  background-color : rgb(255,255,255) ;
  color : rgb(0,0,0) ;
}
#currentNavButton{
  background-color : rgb(255,255,255);
}

@media screen and (max-width : 1400px){
  #navcontainer ul{ font-size : 16pt ; }
}
@media screen and (max-width : 1100px){
  #navcontainer ul{ font-size : 12pt ; }
}
@media screen and (max-width : 830px){
  #navcontainer ul{ font-size : 10pt ; }
}
@media screen and (max-width : 680px){
  #navcontainer ul li a{ padding : 0.2em 0.75em ; }
}
@media screen and (max-width : 610px){
  li#li_menu_Projects a{ display : none ; }
}
@media screen and (max-width : 585px){
  #navcontainer ul li a{ padding : 0.2em 0.5em ; }
}
@media screen and (max-width : 500px){
}
@media screen and (max-width : 320px){
  #navcontainer ul li#li_menu_About{ display : none ; }
}




span.tech_AJAX{
  border : 1px solid rgb(  5,105,191) ;
  background : rgb(  5,105,191) ;
  color : rgb(255,255,255) ;
}
span.tech_AJAX:hover{
  color : rgb(  5,105,191) ;
  background : rgb(255,255,255) ;
}
span.tech_Apache{
  border : 1px solid rgb(  0,  0,  0) ;
  background : rgb(  0,  0,  0) ;
  color : rgb(255,255,255) ;
}
span.tech_Apache:hover{
  color : rgb(  0,  0,  0) ;
  background : rgb(255,255,255) ;
}
span.tech_canvas{
  border : 1px solid rgb(138,220,  0) ;
  background : rgb(138,220,  0) ;
  color : rgb(255,255,255) ;
}
span.tech_canvas:hover{
  color : rgb(138,220,  0) ;
  background : rgb(255,255,255) ;
}
span.tech_cookies{
  border : 1px solid rgb(  0,  0,  0) ;
  background : rgb(  0,  0,  0) ;
  color : rgb(255,255,255) ;
}
span.tech_cookies:hover{
  color : rgb(  0,  0,  0) ;
  background : rgb(255,255,255) ;
}
span.tech_CSS{
  border : 1px solid rgb( 14, 91,170) ;
  background : rgb( 14, 91,170) ;
  color : rgb(255,255,255) ;
}
span.tech_CSS:hover{
  color : rgb( 14, 91,170) ;
  background : rgb(255,255,255) ;
}
span.tech_GoogleMaps{
  border : 1px solid rgb(213, 50, 45) ;
  background : rgb(213, 50, 45) ;
  color : rgb(255,255,255) ;
}
span.tech_GoogleMaps:hover{
  color : rgb(213, 50, 45) ;
  background : rgb(255,255,255) ;
}
span.tech_HTML{
  border : 1px solid rgb(222, 56, 19) ;
  background : rgb(222, 56, 19) ;
  color : rgb(255,255,255) ;
}
span.tech_HTML:hover{
  color : rgb(222, 56, 19) ;
  background : rgb(255,255,255) ;
}
span.tech_JavaScript{
  border : 1px solid rgb(205,176, 24) ;
  background : rgb(205,176, 24) ;
  color : rgb(255,255,255) ;
}
span.tech_JavaScript:hover{
  color : rgb(205,176, 24) ;
  background : rgb(255,255,255) ;
}
span.tech_MSOffice{
  border : 1px solid rgb( 20, 93,204) ;
  background : rgb( 20, 93,204) ;
  color : rgb(255,255,255) ;
}
span.tech_MSOffice:hover{
  color : rgb( 20, 93,204) ;
  background : rgb(255,255,255) ;
}
span.tech_MySQL{
  border : 1px solid rgb(221,122,  0) ;
  background : rgb(221,122,  0) ;
  color : rgb(255,255,255) ;
}
span.tech_MySQL:hover{
  color : rgb(221,122,  0) ;
  background : rgb(255,255,255) ;
}
span.tech_PHP{
  border : 1px solid rgb( 99,100,167) ;
  background : rgb( 99,100,167) ;
  color : rgb(255,255,255) ;
}
span.tech_PHP:hover{
  color : rgb( 99,100,167) ;
  background : rgb(255,255,255) ;
}
span.tech_python{
  border : 1px solid rgb( 43, 89,142) ;
  background : rgb( 43, 89,142) ;
  color : rgb(255,255,255) ;
}
span.tech_python:hover{
  color : rgb( 43, 89,142) ;
  background : rgb(255,255,255) ;
}
span.tech_SVG{
  border : 1px solid rgb(352,134,  6) ;
  background : rgb(352,134,  6) ;
  color : rgb(255,255,255) ;
}
span.tech_SVG:hover{
  color : rgb(352,134,  6) ;
  background : rgb(255,255,255) ;
}
span.tech_Unicode{
  border : 1px solid rgb(214,  0, 25) ;
  background : rgb(214,  0, 25) ;
  color : rgb(255,255,255) ;
}
span.tech_Unicode:hover{
  color : rgb(214,  0, 25) ;
  background : rgb(255,255,255) ;
}
span.tech_XML{
  border : 1px solid rgb(255, 78,  0) ;
  background : rgb(255, 78,  0) ;
  color : rgb(255,255,255) ;
}
span.tech_XML:hover{
  color : rgb(255, 78,  0) ;
  background : rgb(255,255,255) ;
}
span.tech_YouTube{
  border : 1px solid rgb(210, 19, 38) ;
  background : rgb(210, 19, 38) ;
  color : rgb(255,255,255) ;
}
span.tech_YouTube:hover{
  color : rgb(210, 19, 38) ;
  background : rgb(255,255,255) ;
}

h3.project_heading{
  text-align : center ;
}

p.project_text{
  font : 10pt sans-serif ;
  text-align : justify ;
  line-height : 1.5em ;
  padding : 1em 2em 1em 2em ;
  margin : 0em ;
  height : 130px ;
  overflow : hidden ;
}

span.tech_generic, span.tag_generic{
  padding-top    : 2px ;
  padding-left   : 5px ;
  padding-right  : 5px ;
  padding-bottom : 2px ;
  font : 10pt courier , monospace ;
  border-radius : 4px ;
}

h3.project_heading{
  font-size : 14pt ;
  padding : 0.25em ;
  background : rgb(0,0,0) ;
  color : rgb(255,255,255) ;
  border : 0px solid rgb(0,0,0) ;
  margin-top : 0px ;
}
a.project_link{
  text-decoration : none ;
}
span.project_link{
  font : 15pt arial ;
  border : 2px solid rgb(255,255,255) ;
  width : 200px ;
  margin : auto ;
  margin-top : 1em ;
  border-radius : 1em ;
  background : rgb(0,0,0) ;
  padding : 0.25em ;
  padding-left : 0.5em ;
  padding-right : 0.5em ;
  color : rgb(255,255,255) ;
}
span.project_link:hover{
  color : rgb(0,0,0) ;
  background : rgb(255,255,255) ;
  border : 2px solid rgb(0,0,0) ;
}

span.tag_generic{
  background : #666666 ;
  border : 1px solid rgb(0,0,0) ;
  color : rgb(255,255,255) ;
}
a.tag{
  color : inherit ;
  text-decoration : none ;
}
a.tech{
  color : inherit ;
  text-decoration : none ;
}

span.tag_generic:hover{
  background : rgb(255,255,255) ;
  color : #333333 ;
}
img.project_hidden{
  display : none ;
}
span.project_image{
  width : 100% ;
  margin : 0px ;
  height : 250px ;
  border : 0px solid rgb(255,255,255) ;
  display : inline-block ;
  border-radius : 25px 0px 0px 25px ;
}
span.GitHubBlogPostShort{
  display : inline-block ;
  width :60px ;
  text-align : left ;
  border-radius : 6px ;
}
p.tags, p.technologies{
  /*border : 1px solid gray ;*/
  margin : auto ;
  padding : 0.25em ;
  background : rgb(255,255,255) ;
  border-radius : 4px ;
  margin-bottom : 0.5em ;
}

div.project_tags_tech{
  padding : 10px ;
  height : 190px ;
}
div.project_wrapper{
  width : 100% ;
  margin : auto ;
  margin-top : 20px ;
  height : 240px ;
  overflow : hidden ;
}
div.project_image{
  vertical-align : top ;
  width : 150px ;
  max-width : 150px ;
  height : 240px ;
  overflow : inherit ;
  border : 5px solid rgb(0,0,0) ;
  border-radius : 30px 0px 0px 30px ;
}
div.project_intro{
  vertical-align : top ;
  height : 240px ;
  border-right : 5px solid rgb(0,0,0) ;
  border-bottom : 5px solid rgb(0,0,0) ;
  background : rgb(255,255,255) ;
  overflow : hidden ;
}
div.project_tags, div.project_intro_noTags{
  border-radius : 0px 25px 25px 0px ;
}
div.project_tags{
  border-top : 5px solid rgb(0,0,0) ;
  border-right : 5px solid rgb(0,0,0) ;
  border-bottom : 5px solid rgb(0,0,0) ;
  background : rgb(255,255,255) ;
  width : 180px ;
  height : 240px ;
  overflow : hidden ;
}
a.project_image{
  display : block ;
  padding : 0px ;
  text-decoration : none ;
  line-height : 0px ;
}
p.project_icons{
  margin : 0px ;
}

span.project_also_like_image{
  display : block ;
  width : 150px ;
  height : 150px ;
}
h3.project_also_like_header a{ color : inherit ; }

@media screen and (max-width : 900px){
  div.project_tags{ display : none ; }
  div.project_intro{ border-radius : 0px 25px 25px 0px ; }
}

div#div_alsoLike_wrapper{
  width : 100% ;
  text-align : center ;
}
div.project_also_like{
  width : 150px ;
  display : inline-block ;
  margin : 20px ;
}
span.project_also_like_image{
  width : 150px ;
  height : 130px ;
  display : block ;
  border : 1px solid black ;
  border-top-left-radius : 10px ;
  border-top-right-radius : 10px ;
}
h3.project_also_like_header{
  width : 150px ;
  color : rgb(255,255,255) ;
  background : rgb(0,0,0) ;
  border-bottom-left-radius : 10px ;
  border-bottom-right-radius : 10px ;
  border : 1px solid black ;
  border-top : 0px solid black ;
  margin : 0px ;
  padding : 0px ;
  text-align : center ;
}

body{
  background : rgb(0,0,0) ;
  background-repeat : no-repeat ;
  background-attachment : fixed ;
  background-position : bottom ;
}
div#heading{
  /*background-image : url('/images/lights.jpg') ;*/
  background : rgb(0,0,0) ;
  color : rgb(255,255,255) ;
}
h1, div#tagline{
  color : rgb(255,255,255) ;
}
div#container{
  border : 1px solid rgb(0,0,0) ;
  background-color : rgb(255,255,255) ;
}
div#outer_container{
  border : 1px solid rgb(0,0,0) ;
}

@media screen{
   body{ background-image : url('/images/wallpapers/NYC.jpg') ; }
}