./*
Theme Name: Easypy
*/

/*responsive*/


html {
margin: 0;
padding: 0;
background-color: 222222;
}

body {
height:100%;
width:auto;
position: relative;
font: normal 100% Helvetica, Arial, sans-serif;
background-color: #222222;
color: #000000;
margin: auto;
padding: auto;
}

#container {
position: relative;
width: 1080px;
max-width:1080px;
bottom: 0;
padding: 3%;
padding-top: 0;
margin:auto;
background-color: #222222;
text-align: center;
border:0;
-moz-box-shadow: 0 0 10px 8px #000;
-webkit-box-shadow: 0 0 10px 8px#000;
box-shadow: 0 0 10px 8px #000;
}

#header {
height: 80px;
width:100%;
max-width:1080px;
position: static;
border:0;
padding:35px 0 0 0;
margin:0;
background-color: 222222;
color: #FFFFFF;
font-family: 'Source Sans Pro', sans-serif;
}

#header .logo {
max-height: 100px;
text-align:center;
background-color: #222222;
color: #FFFFFF;
vertical-align:middle;
padding: 0 0 60px 0;
float: center;
margin: 0 0 60px 0;
border: 0;
}

#header .logo img {
	height: 100px;
}

#header .title {
font-weight: 900;
width:40%;
margin: 0;
border: 0;
z-index: 1110;
letter-spacing: -0.05em;
font-size: 24px;
color: FFFFFF;
}

#header .nav {
width:40%;
text-align:right;
background-color: #222222;
color: #FFFFFF;
vertical-align:middle;
float: right;
margin: 10 0 10 0;
padding: 10 0 10 0;
border: 0;
}

#header a:link {
color: #FFFFFF;
font-size: 14px;
background-color: #000000;
padding: 5px 10px 5px 10px;
margin:0;
text-decoration:none;
}

#header a:visited {
color:#FFFFFF;
}

#header a:hover {
background-color:#666666;
}

#header table {
margin:0;
padding:0;
border:0;
height:100%;
position:relative;
}

#header h1 {
padding:35 0 35 0;
border:0;
margin:0 0 0 0;
}

#grid {
width: 100%;
max-width:1080px;
margin:0;
padding-top: 6px;
position: relative;
z-index:1;
float:left;
background-color:#222222;
padding:0;
border: 0;
border-top: 0;
border-style: solid;
border-color:#222222;
}

#grid a {
background-color:#000000;
}

#homenav {
width:100%;
height:30px;
max-width: 1080px;
margin: auto;
margin-bottom: 10px;
background-color:#222222;
color: #FFFFFF;
font-size:12px;
font-family:'Source Sans Pro', sans-serif;
z-index:2;
position: relative;
text-align:center;
}	

#homenav a:link {
	color:white;
}

#homenav a:visited {
	color:white;
}

#homenav a:hover {
	color:white;
}

#homenav a:focus {
	color:white;
}


#portnav {
width:100%;
height:30px;
max-width: 1080px;
margin: auto;
margin-bottom: 10px;
background-color:#222222;
color: #FFFFFF;
font-size:12px;
font-family:'Source Sans Pro', sans-serif;
z-index:2;
position: relative;
text-align:center;
}

#portnav a:link {
	color:white;
}

#portnav a:visited {
	color:white;
}

#portnav a:hover {
	color:white;
}

#portnav a:focus {
	color:white;
}



#portnav ul {
width:100%;
height:100%;
text-align: center;
display: inline;
margin: auto;
}

#portnav ul li {
height:30px;
list-style: none;
display: inline-block;
vertical-align: middle;
float:left;
margin: none;
width:12%;
}

#portnav ul li a:link  {
color:#FFFFFF;
height:30px;
display:inline-block;
padding:5px 5px 0 5px;
text-decoration: none;
}

#portnav ul li a:hover   {
color:#FFFFFF;
display:inline-block;
background-color:#666666;
text-decoration: none;
height:30px;
}

#portnav a:link span {
display:inline-block;
}

#portnav a:hover span {
display:inline-block;
}

#portnav ul li a:visited  {
color:#FFFFFF;
text-decoration: none;
background-color:#2C9B85;
}

#portnav ul li a:active  {
color:FFFFFF;
background-color:#2C9B85;
}

.pic {
border:0;
border-color:#000000;
border-style:solid;
padding:0;
width:23%;
height:auto;
margin: 5px;
float:left;
background-color:#000000;
text-align: center;
position:relative;
z-index:50;
}

.pic a img {
position:relative;
float:left;
width:100%;
margin:0;
padding:0;
display:inline-block;
}

/*#grid a img {
border:1px;
border-color:#000000;
border-style:solid;
padding:0;
width:255px;
height:255px;
margin: 5px;
float:left;
}
*/

.pic a:link .info, .pic a:visited .info {
width:80%;
margin:none;
padding:0 10% 0 10%;
top:20%;
color:#FFFFFF;
line-height:20px;
font-family: 'Source Sans Pro', sans-serif;
font-weight: 900;
letter-spacing: 0em;
font-size: 22px;
text-align: center;
vertical-align: middle;
display:block;
opacity: 0;
-moz-opacity:0;
filter: alpha(opacity=0);
z-index:100;
position:absolute;
}

.pic a:hover .info {
opacity: 1;
-moz-opacity:1;
filter: alpha(opacity=100);
color:FFFFFF;
}

#grid a:hover img, #grid a:hover object {
text-decoration:none;
opacity: 0.1;
-moz-opacity:0.1;
filter: alpha(opacity=10);
}

#left_column {
width:55%;
float: left;
padding:0;
margin:0;
background-color: #222222;
}

#post {
width:inherit;
}

#sidebar {
position: static;
margin: 0;
padding: 0 0 0 0;
width: 45%;
border: none;
float:left;
background-color:#222222;
}

#sidebar img .photo {
width: 80%;
}

#sidebar table {
position:static;
width: 100%;
padding: 0 0 0 0;
margin:0 0 0 0;
}

#sidebar table tr, #sidebar table tr td .search {
text-align: right;
margin:0;
padding:0;
}

#sidebar ul li {
list-style:none;
float:left;
margin: 10px 0 0 0;
}

.portrait {
position:inherit;
width:148px;
margin: 20px 0 0 0;
padding:0;
list-style:none;
display:inline;
text-align:right;
}

.tweet {
position:inherit;
text-align:center;
width:270px;
display:inline;
padding: 58px 20px 0 20px;

list-style:none;
color:#000000;
}

.tweet a, .tweet a:link {
color:#000000;
font-family: 'Source Sans Pro', sans-serif;
font-weight: 900;
letter-spacing: -0.08em;
font-size: 24px;
}

.search {
text-align:right;
}

#content {
background-color: #222222;
margin: 0 0 0 0;
/*width: 580px;*/
width: 100%;
float: left;
}

#content h2,
#content h2 a:link,
#content h2 a:hover,
#content h2 a:visited,
.post-title h2 a:link {
margin:0 0 30px 0;
display:inline-block;
position: static;
display:inline;
font-size:22px;
line-height:31px;
font-family: 'Source Sans Pro', sans-serif;
font-weight:900;
letter-spacing: -0.08em;
color:#FFFFFF;
text-decoration:none;
}

#footer {
color: #FFFFFF;
background-color: #000000;
border: 0px solid #000000;
height: 85px;
width: 100%;
text-align: right;
}

.post {
font-family: 'Petrona', serif;
vertical-align:top;
width: inherit;
margin: 0;
padding:0;
}

.contact {
width: 32%;
padding: 0.5px;
float:left;
border:none;
}

#grid .contact h2, #grid .contact h2 a {
font-family: 'Source Sans Pro', 'sans serif';
font-size:16px;
font-weight:900;
color: #000000;
background-color: #222222;
}

/* Small Screen Size */

@media only screen and (max-width:560px) {

#body {
width: 100%;
max-width: 100%;
text-align: center;
}

#container {
position: relative;
max-width: 500px;
width: 80%;
text-align:center;
background-color: #222222;
margin:auto;
bottom: 0;
height: 100%;
}

#header {
height:70px;
width:100%;
min-width:230px;
position: static;
font-size:1em;
font-family:'Source Sans Pro', sans-serif;
border:0;
margin:0 0 60px 0;
text-align:center;
}

#header .title {
width:100%;
float:left;
font-weight: 900;
}


#header .nav {
display: block
width:100%;
position: static;
font-size: 20px;
float:left;
text-align:center;
background-color:none;
color: #FFFFFF;
margin-bottom:2px;
padding-top:5px;
padding-bottom:0;
}

#header .nav {
width: 100%;
font-size:20px;
text-align: center;
margin: 10px 0 4px 0;
vertical-align: top;
display: block;
}

#header .nav a {
display: block;
width: 100%;
padding: 10 0 10 0;
}

#header a {
color: #FFFFFF;
}

#header a:link, #header a:active, #header a:visited  {
color: #FFFFFF;
background-color: #000000;
padding: 15px 0 15px 0;
margin:10px 0 10px 0;
width: 100%;
text-decoration:none;
}

#header h1 {
font-family: 'Source Sans Pro', sans-serif;
font-weight: 900;
padding:35 0 35 0;
border:0;
font-size: 24px;
line-height: 20px;
width:100%;
text-align:center;
margin:0;
}

#portnav {
width:100%;
height:30px;
max-width: 1080px;
margin:0;
margin-bottom: 2px;
background-color:#000000;
font-size:10px;
font-family:'Source Sans Pro', sans-serif;
float:left;
z-index:2;
position: relative;
display:none;
}

#grid {
width: 100%;
max-width:100%;
min-width:230px;
margin:0;
position: static;
text-align:center;
}

.pic {
border:0;
border-color:#000000;
border-style:solid;
padding:0;
width:100%;
height:auto;
margin: 0.5% 0 0.5% 0;
float:left;
background-color:#000000;
text-align: center;
position:relative;
z-index:50;
}

.pic a img {
position:relative;
float:left;
width:100%;
margin:0;
padding:0;
display:inline-block;
}

.pic a:link .info, .pic a:visited .info {
width:80%;
margin:none;
padding:0 10% 0 10%;
top:20%;
color:#FFFFFF;
line-height:16px;
font-family: 'Source Sans Pro', sans-serif;
font-weight: 900;
letter-spacing: -0.08em;
font-size: 16px;
text-align: center;
vertical-align: middle;
display:block;
opacity: 0;
-moz-opacity:0;
filter: alpha(opacity=0);
z-index:100;
position:absolute;
}

.pic a:hover .info {
opacity: 1;
-moz-opacity:1;
filter: alpha(opacity=100);
color:#FFFFFF;
}


/*#grid a img {
pointer-events: none;
border:1px;
border-color:#000000;
border-style:solid;
padding:0;
width:100%;
height:auto;
margin: 2px 0 2px 0; /*9px / 1080 = .0083 / 2 = 0.004 *\/
float:left;
}*/

/*#grid a:hover, #grid a:hover img {
background-color:#000000;
text-decoration:none;
}*/

#left_column {
position:relative;
width:100%;
padding:0;
margin:0;
float:left;
background-color: #222222;
}

#pgcolumn {
width:100%;
border: 0px solid #222222;
background-color: #222222;
float: left;
padding: 0 0 0 0;
margin: 0 0 0 0;
}

#pgcolumn img {
padding: 20px 20px 20px 20px;
border: none;
}

.contact {
width: 98%;
padding: 0.5px;
float:left;
border:none;
border-bottom: solid;
border-color: #000000;
border-width: 1px;
padding-bottom: 10px;
}

#sidebar {
margin: 5px 0 0 0;
padding: 25px 0 0 0;
width: 100%;
min-width:220px;
background-color:#222222;
border: 0px solid #000000;
font-family:arial, helvetica, sans-serif;
color:#000000;
text-align:center;
float:left;
margin:auto;
}

#sidebar table {
width: 100%;
padding:0;
margin:25px 0 0 0;
border:0;
}

#sidebar table td {
text-align:center;
}

#sidebar ul {
text-align:center;
}

#sidebar li {
list-style:none;
}

#sidebar li img{
width:90%;
}

.portrait {
position:relative;
width:90%;
max-width:200px;
min-width:110px;
margin: auto;
padding:5px;
list-style:none;
float:left;
}

.tweet {
position:inherit;
text-align:center;
float:left;
width:90%;
margin:auto;
min-width:110px;
display:block;
padding: 35px 5px 5px 0;
font-size:1.2em;
line-height:1.4em;
font-family: 'Source Sans Pro', sans-serif;
font-weight: 900;
letter-spacing: -0.08em;
list-style:none;
}

.search {
text-align:center;

}

#content {
background-color: #222222;
margin: 0;
border:0;
padding:0 0 0 0;
width: 100%;
float: left;
}

#footer {
color: #FFFFFF;
background-color: #000000;
border: 0px solid #000000;
height: 85px;
width: 100%;
text-align: right;
}

.pgcontent {
margin: 0 15px 15px 0px;
width: auto;
display:block;
}

.pgcontent p {
width: inherit;
}

.post {
position: ;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color: #000000;
vertical-align:top;
width: 100%;
margin: 0 0 0 0;
padding:0 0 0 0;
border-top: 10px;
border-top-color: #000;
border-top-style: solid;
}

.post-date {
text-align:left;
}

.post-title {
margin-bottom:30px;
}

.post-date {
position:relative;
width:100%;
min-width:100%;
text-align:left;
border:0;
margin:0;
padding:0;
font-size:11px;
font-family: Arial, helvetica, sans-serif;
}

.post p {
margin: 0 0 0 0;
font-family: arial, helvetica, 'sans serif';
font-size:14px;
letter-spacing:normal;
line-height: 20px;
width:100%;
text-align:justify;
color:#FFFFFF;
text-indent:0px;
}

/* typography */

#header .title h1 {
font-size:24px;
}

.shim {
display: none;
}
}

/* Medium Screen Size*/

@media screen and (min-width:561px) and (max-width: 860px) {

#body {
max-width: 860px;
min-width: 500px;
}

#container {
position: relative;
width: 500px;
text-align:left;
background-color: #222222;
}

#header {
height:80px;
width:500px;
position: static;
font-size:16px;
font-family:'Source Sans Pro', sans-serif;
border:0;
margin:0 0 0 0;
text-align:center;
}

#header .title {
width:100%;
float:left;
}

#header .nav {
display: block;
width: 100%;
width:100%;
float:left;
text-align:center;
background-color: #000000;
/*margin-top:15px;*/
padding-top:5px;
padding-bottom:5px;
}

#header a {
color: #FFFFFF;
font-size: 20px;
}

#header h1 {
font-family: 'Source Sans Pro', sans-serif;
padding:35 0 35 0;
border:0;
margin:0;
font-size: 24px;
line-height: 20px;
width:700px;
text-align:center;
}

#portnav {
	display:none;
}

#grid {
width:500px;
margin:0;
padding:0;
position: static;
text-align:center;
}

.pic {
border:0;
border-color:#000000;
border-style:solid;
padding:0;
width:156.4px;
height:auto;
margin: 5px;
float:left;
background-color:#000000;
text-align: center;
position:relative;
z-index:50;
}

.pic a img {
position:relative;
float:left;
width:100%;
margin:0;
padding:0;
display:inline-block;
}

/*#grid a img {
border:1px;
border-color:#000000;
border-style:solid;
padding:0;
width:160px;
height:160px;
margin:2px;
float:left;
}*/

#left_column {
position:relative;
width:100%;
padding:0;
margin:0;
float:left;
background-color: #222222;
}

#pgcolumn {
width:100%;
border: 0px solid #222222;
background-color: #222222;
float: left;
padding: 0 0 0 0;
margin: 0 0 0 0;
}

#pgcolumn img {
padding: 20px 20px 20px 20px;
border: none;
}

.contact {
width: 98%;
padding: 0.5px;
float:left;
border:none;
border-bottom: solid;
border-color: #000000;
border-width: 1px;
padding-bottom: 20px;
}

#sidebar {
margin: 5px 0 0 0;
padding: 0;
width: 100%;
background-color:#222222;
border: 0px solid #000000;
font-family:arial, helvetica, sans-serif;
color:#000000;
text-align:center;
float:left;
margin:auto;
}

#sidebar table {
width: 100%;
padding:0;
margin:25px 0 0 0;
border:0;
}

#sidebar ul {
text-align:center;
}

#sidebar li {
list-style:none;
}

#sidebar li img{
width:90%;
}

.portrait {
position:relative;
width:45%;
max-width:148px;
margin: 20px 0 0 0;
padding:5px;
list-style:none;
float:left;
text-align:center;
}

.tweet {
position:inherit;
text-align:center;
float:left;
width:45%;
display:block;
padding: 35px 5px 5px 0;
font-size:24px;
line-height:26px;
font-family: 'Source Sans Pro', sans-serif;
font-weight:900;
letter-spacing: -0.04px;
list-style:none;
}

.search {
text-align:center;
}

#content {
background-color: #222222;
margin: 0;
border:0;
padding:0 0 0 0;
width: 100%;
float: left;
}

#footer {
color: #FFFFFF;
background-color: #000000;
border: 0px solid #000000;
height: 85px;
width: 100%;
text-align: right;
}

.pgcontent {
margin: 0 0 0 0;
width: auto;
display:block;
float: left;
}

.pgcontent p {
width: inherit;
}

.post {
position:
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color: #000000;
vertical-align:top;
width: inherit;
margin: 0 0 0 0;
padding:0 0 0 0;
border-top: 10px;
border-top-color: #000;
border-top-style: solid;
}

/*////////styles for portfolio pages - i.e. wordpress pages that are iframed in to the main index.php//////////*/
#port_left_column {
width:100%;
float: left;
padding:0;
margin:0;
}


#port_sidebar {
position:static;
margin: 0;
padding: 0 0 0 0;
width: 100%;
border: none;
float:left;
}

#port_sidebar img, #port_left_column img {
border:1px;
border-color:#000000;
border-style:solid;
padding:0;
width:100%;
margin: auto;
}

}

/* Large Screen */

@media screen and (max-width: 3000px) and (min-width: 860px) {

#container {
position: static;
width: 800px;
max-width:800px;
text-align:left;
background-color: #222222;
}

#header {
height: 60px;
width:100%;
max-width:800px;
position: static;
font-size:12px;
font-family:'Source Sans Pro', sans-serif;
margin:0 0 60px 0;
}

#header h1, {
padding:35 0 35 0;
border:0;
margin:0 0 0 -0.65em;
font-family: "Lucida Grande", "Lucida Sans Unicode", 'Source Sans Pro', sans-serif;
}

#header .title {
width:60%;
margin: 0;
border: 0;
display:block;
float:left;
vertical-align:middle;
z-index: 1110;
}

#header .title h1 {
width:100%;
}

#header .nav {
position: relative;
width:40%;
text-align:right;
background-color: #222222;
color: #FFFFFF;
vertical-align:middle;
float: right;
margin: 10 0 10 0;
padding: 0 0 10px 0;
border: 0;
display: block;
}

#header .nav a {
	color:#FFFFFF;
	font-size:16px;
}

.pic {
border:0;
border-color:#000000;
border-style:solid;
padding:0;
width:23.72%;
height:auto;
margin: 5px;
float:left;
background-color:#000000;
text-align: center;
position:relative;
z-index:50;
}

.pic a img {
position:relative;
float:left;
width:100%;
margin:0;
padding:0;
display:inline-block;
}

/*#grid a img {
padding:0;
width:185px;
height:185px;
margin: 5px;
float:left;
}*/


#left_column {
position:static;
width:580px;
padding:0;
margin:0;
background-color: #222222;
}

#pgcolumn {
width:100%;
border: 0px solid #222222;
background-color: #222222;
float: left;
padding: 0 0 0 0;
margin: 0 0 0 0;
}

#pgcolumn img {
padding: 20px 20px 20px 20px;
border: none;
}

.contact {
width: 32%;
padding: 0.5px;
float:left;
border:none;
}

#sidebar {
margin: 5px 0 0 0;
padding: 0;
width: 200px;
background-color:#222222;
border: 0px solid #000000;
font-family:"Lucida Grande", "Lucida Sans Unicode", arial, helvetica, sans-serif;
color:#000000;
text-align:center;
float:left;
}

#sidebar table {
width: 100%;
padding:0;
margin:0;
border:0;
position:relative;
}

#sidebar ul {
text-align:center;
}

#sidebar li {
list-style:none;
}

#sidebar li img{
width:90%;
}

.portrait {
position:relative;
width:80%;
margin: 20px 0 0 0;
padding:4px 10% 4px 10%;
list-style:none;
}

.tweet {
position:inherit;
text-align:center;
float:left;
width:80%;
display:block;
padding:4px 10% 4px 10%;
font-size:24px;
line-height:26px;
font-family: "Lucida Grande", "Lucida Sans Unicode", 'Source Sans Pro', sans-serif;
font-weight:800;
letter-spacing: -.04em;
list-style:none;
}

.search {
text-align:center;
}

#content {
background-color: #222222;
margin: 0;
border:0;
padding:0 0 0 0;
width: 100%;
float: left;
}

#footer {
color: #FFFFFF;
background-color: #000000;
border: 0px solid #000000;
height: 85px;
width: 100%;
text-align: right;
}

#pgcolumn {
margin: 0 15px 15px 0px;
width: auto;
display:block;
float: left;
}

.pgcontent p {
width: 100%;
}

.post {
position:
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color: #000000;
vertical-align:top;
width: 100%;
margin: 0 0 0 0;
padding:0 0 0 0;
border-top: 10px;
border-top-color: #000;
border-top-style: solid;
}

/*////////styles for portfolio pages - i.e. wordpress pages that are iframed in to the main index.php//////////*/

#port_left_column {
width:48%;
float: left;
padding: 0 2% 0 0;
margin:0;
}


#port_sidebar {
position:static;
margin: 0;
padding: 0 0 0 0;
width: 50%;
border: none;
float:left;
}

#port_sidebar img, #port_left_column img {
border:1px;
border-color:#000000;
border-style:solid;
padding:0;
width:100%;
margin: auto;
}



}


/*////////// TYPOGRAPHY //////////*/

h1, h1 a {
position: static;
display:inline;
font-size:27px;
line-height:31px;
font-family: 'Source Sans Pro', sans-serif;
font-weight:400;
letter-spacing: 1px;
padding:0;
}

h1 a:hover {
background-color:#666666;
}

h2, h2 a {
position: static;
display:inline;
font-size:22px;
line-height:31px;
font-family: 'Source Sans Pro', sans-serif;
font-weight:900;
letter-spacing: 1px;
}

h3 {
position: static;
display:inline;
font-size:14px;
line-height:26px;
font-family: 'Source Sans Pro', sans serif;
font-weight: 900;
letter-spacing: -0.02em;
color:#000000;
}

h3 a:link,
h3 a:hover,
h3 a:visited {
color:#000000;
text-decoration:underline;
}

ul, li, ul a {
margin: 0px;
padding: 0px;
border:none;
}

#container h1 a:link,
#container h1 a:hover,
#container h1 a:visited,
{
position: static;
display:inline-block;
font-size:22px;
line-height:26px;
font-family: 'Source Sans Pro', sans-serif;
font-weight:400;
letter-spacing:normal;
color: #000000;
margin-bottom:15px;
text-decoration:none;
}

.postmetadata {
font-family: 'Petrona', serif;
color: #000000;
font-size:11px;
clear:both;
}

.postmetadata a:link,
.postmetadata a:hover,
.postmetadata a:visited
{
color: #000000;
font-family: 'Petrona', serif;
text-decoration:none;
}

.clear {
clear: both;
}

#pgcolumn ul {
font-family:arial, helvetica, sans-serif;
color:#333;
font-size: 14px;
line-height:18px;
list-style: none;
padding:0px 5px 5px 5px;
margin: 0;
}

#pgcolumn a:hover {
text-decoration: underline;
background-color:#666666;
}

#pgcolumn ul a:visited {
}


.tocNav ul li {
margin-left: 0px;
}



/*////////// NAV //////////*/
#top_navlist {
background-color: #222222;
position: absolute;
top: 220px;
width: 900px;
height:50px;
text-align:right;
border: 0px solid #003333;
}

#top_navlist li {
display:inline;
padding:20px;
font-family:Arial, Helvetica, sans-serif;
font-size: 18px;
color: #fff;
}

#top_navlist li a {
display:inline;
padding:20px;
font-family:Arial, Helvetica, sans-serif;
font-size: 18px;
color: #fff;
}

#content .alignleft a, #content .alignleft a:visited {
float:left;
width:40%;
color: #FFFFFF;
font-size: 14px;
background-color: #000000;
padding: 5px 10px 5px 10px;
margin:0;
}

#content .alignleft a:hover {
background-color:#666666;
}


#content .alignright a, #content .alignright a:visited {
float:right;
width:40%;color: #FFFFFF;
font-size: 14px;
background-color: #000000;
padding: 5px 10px 5px 10px;
margin:0;
}

#content .alignright a:hover {
background-color:#666666;
}

#content img {
width:inherit;
}

p {
margin: 0 0 4px 0;
font-family: arial, helvetica, 'sans serif';
font-size:14px;
width:100%;
text-align:left;
line-height:20px;
color:#FFFFFF;
text-indent:0px;
}


/*////////// FOOTER //////////*/

#pushbottom{
clear:both;
position:static;
bottom:0;
}

#footer a {
font-family:Arial, Helvetica, sans-serif;
color:#FFFFFF;
font-size:11px;
}

.post h1 a:link {
color: #000000;
text-decoration: none;
font-size: inherit;
padding: 0;
}

.post p a:link {
color: #FFFFFF;
text-decoration: underline;
font-size: inherit;
padding: 0;
}

a:visited {
color: #000000;
text-decoration: none;
}

#fancybox-close a {
padding:0;

}

a:hover {
color: #000000;
text-decoration:none;
padding: none;
}

a:active {
color: #000000;
}

a img {
border:none;
}

.thumbnail {
width:248px;
height:248px;
border:1px;
border-color:#000000;
border-style:solid;
margin:5px;

}
.post-title {
width:100%;
text-align:left;
border:0;
margin:0;
padding:0;
}

.post-date {
width:50%;
text-align:left;
border:0;
margin:0;
padding:0;
font-size:11px;
color:#000000;
font-family: Arial, helvetica, sans-serif;
}


/*////////// Spacers //////////*/

.200 {
height:200px;
background-color: none;
border:none;
margin:none;
}

.10 {
height:10px;
background-color: none;
border:none;
margin:none;
}

.5 {
height:5px;
background-color: none;
border:none;
margin:none;
}

/*login and out form*/

#logout_form input[type="submit"]
{
 width:250px;
 margin-top:10px;
 height:40px;
 font-size:16px;
 background:none;
 border:2px solid white;
 color:white;
}
#login_form
{
 margin-top:30px;
 background-color:white;
 width:100%;
 margin:auto;
 padding:20% 30% 20% 30%;
 box-sizing:border-box;
 box-shadow:0px 0px 10px 0px #3B240B;
}
#login_form h1
{
 margin:0px;
 font-size:18;
 color:#111111;
}
#login_form input[type="password"]
{
 width:250px;
 margin-top:10px;
 height:40px;
 padding-left:10px;
 font-size:16px;
}
#login_form input[type="submit"]
{
 width:250px;
 margin-top:10px;
 height:40px;
 font-size:16px;
 background-color:#2c9b85;
 border:none;
 box-shadow:0px 4px 0px 0px #111111;
 color:white;
 border-radius:3px;
}
#login_form p
{
margin: 16px 0 16px 0;
font-family: arial, helvetica, 'sans serif';
font-size:14px;
width:100%;
text-align:left;
line-height:20px;
color:#000000;
text-indent:0px;
}