/*@font-face {
font-family: 'PaulMaul';
src: url('fonts/PaulMaul-webfont.eot');
src: local(' '), url('fonts/PaulMaul-webfont.woff') format('woff'), url('fonts/PaulMaul-webfont.ttf') format('truetype'), url('fonts/PaulMaul-webfont.svg#webfontIWNxdTm6') format('svg');
font-weight: normal;
font-style: normal;
}*/

body {
color:#333;
background:#eee; /* url(../images/bg1.gif) no-repeat fixed center 165px; */
font-family:verdana, arial, sans-serif;
font-size:90%;
margin-left:auto;
margin-right:auto;
margin-top:5px;
margin-bottom:15px;
max-width:999px;
width:95%;
}
body {
background-image: -webkit-gradient(
linear,
left top,
left bottom,
color-stop(0.8, rgb(222,222,222)),
color-stop(0.2, rgb(245,245,245))
);
/*background-image: -moz-linear-gradient(
center top,
rgb(222,222,222) 80%,
rgb(245,245,245) 20%
);*/
}

fieldset {
border:none;
}

/***************** SOCIAL MEDIA ICONS ***/
h1 {
font-size:2em;
font-weight:normal;
margin-bottom:0;
padding-bottom:0;
text-shadow:2px 1px 1px #ccc;
}
h2 {
font-size:1.5em;
font-weight:normal;
padding:0;
margin:.5em 0;
}

#hdBlog, #hdDel, #hdTwit, #hdFlickr {
padding-left:28px;
height:24px;
}

#hdBlog {
background:url(../images/icons/feed.png) no-repeat left top; 
}
#hdDel {
background:url(../images/icons/delicious.png) no-repeat left top;
}
#hdTwit {
background:url(../images/icons/twitter2.png) no-repeat left top;
}
#hdFlickr {
background:url(../images/icons/flickr.png) no-repeat left top;
}

#profiles {
padding-left:0;
}
#profLinkedIn, #profFacebook, #profGoogle, #profDigg, #profStumble, #profInstagram {
list-style:none;
padding-left:28px;
padding-top:4px;
height:26px;
}
#profLinkedIn {
background:url(../images/icons/linkedin.png) no-repeat left center;
}
#profFacebook {
background:url(../images/icons/facebook.png) no-repeat left center;
}
#profGoogle {
background:url(../images/icons/gplus.png) no-repeat left center;
}
#profDigg {
background:url(../images/icons/digg.png) no-repeat left center;
}
/*#profStumble {
background:url(../images/icons/stumbleupon.png) no-repeat left center;
}*/
#profInstagram {
background:url(../images/icons/instagram.png) no-repeat left center;
}

#blip {
padding-left:28px;
padding-top:4px;
height:26px;
background:url(../images/icons/blip.png) no-repeat left center;
}

/***************** LAYOUT ***/
#wrapper {
width: 95%;
max-width: 1100px;
margin-left: auto; 
margin-right: auto;
}

.column {
width:32%;
min-width:18em;
margin-right:2%;
float:left;
}
#columnLast {
width:32%;
float:left;
}

#flickr a {
color:#fff;
margin:.5em .5em .5em 0;
border:none;
}
#flickr a:hover {
color:#fff;
}

footer {
margin:1.5em 0 5em 0;
text-align:center;
clear:left;
}

/***************** LINKS ***/
a:link,
a:visited {
color:#333;
}
a:hover,a:focus,
a:active {
text-decoration:none;
background-color:#333;
color:#fff;
}

.mod1 a:link,
.mod1 a:visited {
color:#c95000;
}
.mod1 a:hover, .mod1 a:focus,
.mod1 a:active {
text-decoration:none;
background-color:#c95000;
color:#fff;
}

.mod2 a:link,
.mod2 a:visited {
color:#578200;
}
.mod2 a:hover, .mod2 a:focus,
.mod2 a:active {
text-decoration:none;
background-color:#578200;
color:#fff;
}

.mod3 a:link,
.mod3 a:visited {
color:#069;
}
.mod3 a:hover, .mod3 a:focus,
.mod3 a:active {
text-decoration:none;
background-color:#069;
color:#fff;
}

/***************** HTML ***/
p,li,dd {
line-height:1.35em;
}
ul, ol {
padding-left: 1.5em;
}
li {
margin:.5em 0;
}
dt {
font-weight:bold;
margin-top:.5em;
}
dd {
margin-left: 1em;
}

/***************** CLASSES ***/
.fl {float:left;}
.fr {float:right;}
.ac {text-align:center;}
.ar {text-align:right;}

.color1 {
color:#c95000;
}
.color2 {
color:#578200;
}
.color3 {
color:#069;
}

.hide {
position:absolute;
left:-999em;
}

/***************** BOXES ***/
.mod0,
.mod1,
.mod2,
.mod3 {
margin:1.5em 0;
position:relative;
z-index:2;
border:1px solid #666;
background:#fff;
padding:0 1em 1em 1em;
-moz-border-radius: 12px;
-webkit-border-radius: 12px;
border-radius: 12px;
-webkit-box-shadow:5px 5px 5px #999;
-moz-box-shadow:5px 5px 5px #999;
box-shadow:5px 5px 5px #999;
}
.mod1 {
border-color:#c95000;
}
.mod2 {
border-color:#578200;
}
.mod3 {
border-color:#069;
}

@media only screen and (max-width: 799px) {
	.column {
	width:48%;
	}
	#columnLast {
	width:48%;
	}
}

@media only screen and (max-width: 639px) {
	.column {
	width:98%;
	}
	#columnLast {
	width:98%;
	}
}