/*
Theme Name: Andrea
Theme URI: http://andreaburton.com
Description: portfolio site
Author: Andrea Burton
Author URI: http://andreaburton.com
version: 1.0
*/



/* basics */

* {
margin: 0;
padding: 0;
}

body {
background: white;
color: black;
text-align: center;
}

#container {
position: relative;
width: 950px;
text-align:left;
margin: 0 auto;
}
p {
margin: 1em 0;
}
body {
font-family: "Lucida Sans","Lucida Sans Unicode","Lucida Grande",Verdana,Arial,Helvetica,sans-serif;
font-size: 13px;
}
h1, h2, h3, h4, h5, h6, #navWrapper {
font-family: Georgia,"Times New Roman",Times,serif;
}
h1 {
font-size: 2em;
padding: 0;
font-weight: normal;
margin: 0;
}
/*renders  */
h2 {
font-size: 1.7em;
color: black;
}
h3 {
font-size: 1.4em;
}
h3 span {
background: #d11971;
padding: .2em 1em .5em 1em;
color: white;
text-transform: lowercase;
}
h4 {
font-size: 1.2em;
}
h5 {
font-size: .9em;
}
p {
font-size: 1em;
}
a {
color: #179ad3;
text-decoration: none;
}
a:active {
color: white;
}
a:hover {
text-decoration: underline;
}
.floatLeft {
float: left;
margin: 0 0 1em 1em;
}
.floatRight {
float: right;
margin: 0 1em 0 1em;
}
a:active, a:focus {
outline: 0;
}

/** No more dotted borders in Firefox! **/
input:active, a:active {
outline: none;
}

input:focus, a:focus {
-moz-outline-style: none;
}

/* images and misc. */

img {
border: none;
}
img a {
border: none;
}

img.left, img.alignleft {
float: left;
border: none;
padding: 6px;
}
img.right, img.alignright {
float: right;
border: none;
padding: 6px;
}

blockquote {
border-left: 1px solid #A5ABAB;
margin: 15px;
padding: 0 12px 0 12px;
}

code {
margin: 10px;
font-family: "Courier New", Courier, monospace;
}


/* links */

#navWrapper {
height: 35px;
background: #161616;
width: 100%;
padding: .3em 0;
}
#navWrapper ul {
margin: 0;
padding: 0;
float: left;
}
#navWrapper li {
display: inline;
margin: 0 2em;
}

#navWrapper a {
padding: 0;
color: white;
font-size: 1.8em;
color: #179ad3;
}
#navWrapper a:hover, #navWrapper a:active {
color: black;
color: #d11971;
text-decoration: none;
}


#contentWrapper {
position: relative;
width: 100%;
margin: 4em 0;
}

#portfolio {
position: relative;
width: 100%;
padding: .5em 0;
background: white;
}
#portfolio li {
display: inline;
}
#portfolio img {
padding: .5em;
background: #ebebeb;
border: 1px solid #b3b3b3;
margin: 1.4em 1.4em 0 0;
}

.portfolio {
position: relative;
width: 100%;
padding: .5em 0;
background: white;
margin-bottom: 2em;
}
.portfolio li {
display: inline;
}
.portfolio img {
padding: .5em;
background: #ebebeb;
border: 1px solid #b3b3b3;
margin: 1.4em 1.4em 0 0;
}


#content {
float: right;
position: relative;
width: 690px;
}

h2#portfolioHeader {
font-size: 1.8em;
}
h2#portfolioHeader span {
background: #d11971;
padding: 1em .5em;
color: white;
}

/* header */

#header {
position: relative;
width: 100%;
background: black;
}
#header img {
margin: 10px 0 10px 22px;
border: 0;
}
h1 a {
color: black;
text-decoration: none;
}
h1 a:hover {
color: #666;
text-decoration: none;
}

.navigation {
width: 200px;
}
.navigation a {
color: black !important;
}
.navigation ul li {
display: inline;
}

#resumeSidebar, #resume {
margin-top: 1em;
}
#resumeSidebar {
float: left;
width: 20%;
position: relative;
background: #179ad3;
padding: 1em;
margin-right: 2em;
height: 1000px;
}
#resume {
float: right;
width: 70%;
}
#resume ul li {
line-height: 2em;
list-style: disc;
margin-left: 2.5em;
}
#resume ul, #resume p, #resumeSidebar ul, #resumeSidebar p {
margin-bottom: 1em;
}
#resume p, #resumeSidebar p {
margin-top: 0;
}
#resume h3, #resume h4 {
color: #179ad3;
}
#resumeSidebar h4 {
color: white;
font-weight: bold;
}

#bioSidebar {
float: left;
width: 20%;
position: relative;
padding: 1em;
margin-right: 2em;
}
#bio {
float: right;
width: 70%;
}

/* content */


#content {
}

	.post {
}

		.post h2 {
border-bottom: 1px solid #CCCCCC;
color: black;
font-size: 2em;
font-weight: normal;
margin: 0 0 .5em 0;
padding-bottom: 5px;
text-transform: none;
}


	.post p {
font-size: 1em;
}

	.post a {
text-decoration: underline;
}

	.post ul {
}

	.post li {
}

	.postEntry {
position: relative;
width: 100%;
}
	.postEntry img {
float: left;
}
	.entry p {
margin: 12px 0;
}

	div.entry h3 {
margin-top: 30px !important;
}
	.postmetadata {
clear: both;
background: #F7F7F7;
padding: 6px;
margin-top: 16px;
}


	.navigation {
font-size: 8pt;
float: left;
width: 100%;
}

		.floatLeft {
float: left;
margin: 0 2em 2em 0;
}
		.floatRight {
float: right;
margin: 0 0 2em 2em;
}

	.notfound {
padding: 25px;
font-size: 14pt;
font-weight: 300;
}

	/* sidebar */

#sidebar, #portfolioSidebar {
width: 249px;
float: right;
margin: 0;
padding: 0;
font-family: "Lucida Sans Unicode","Lucida Grande",Garuda,sans-serif;
}
#portfolioSidebar a {
font-size: 1.3em;
font-weight: bold;
background: #179ad3;
color: white;
padding: .3em;
text-decoration: none;
display: block;
width: 90px;
text-align: center;
margin: 0 0 1em 0;
}
#portfolioSidebar a:hover {
background: #d11971;
}
#portfolioSidebar h4.thinkshout, #portfolioSidebar h4 a {display:inline;width:auto;color:black;background:none;font-size:1.1em}
#portfolioSidebar h4 a {padding:.3em;}
#portfolioSidebar h4 a:hover{color:white;}
#resume a {
color: #179ad3;
}
#portfolioSidebar h2 {
font-size: 1.3em;
font-weight: bold;
color: #179ad3;
}
#sidebar h2 {
font-family: georgia, verdana, times;
font-weight: normal;
font-size: 10pt;
text-align: left;
color: #08122E;
margin: 0;
padding: 0;
}

#sidebar p {
margin: 0;
padding: 0 6px 0 12px;
}

#sidebar img {
padding: 0;
margin: 0;
}

#sidebar ul {
margin: 12px;
padding: 0;
list-style-type: none;
}

#sidebar ul li {
margin: 0;
padding: 0;
line-height: 14pt;
list-style-type: none;
}

#sidebar ul ul {
margin: 6px 0 6px 12px;
padding: 0;
}

#sidebar ul ul li {
list-style-type: none;
list-style-position: inside;
}

#sidebar ul ul ul {
margin: 0;
padding: 0;
}

#sidebar ul ul ul li {
padding: 0 0 0 15px;
list-style-type: square;
color: #898989;
}

/* comments */

#commentssection {
clear: both;
padding: 2px 12px;
margin: 0;
}
	
#commentssection h3 {
font-family: georgia, times, verdana;
font-size: 12pt;
font-weight: 300;
font-style: normal;
color: #000;
}

#commentform {
background: #F0F0F0;
margin: 12px 12px 20px 12px;
padding: 20px;
}
	
#commentform p {
color: #000;
}
	
#commentform a {
color: #000;
text-decoration: none;
border-bottom: 1px dotted #465D71;
line-height: 14pt;
}
	
#commentform h3 {
font-family: georgia, times, verdana;
font-size: 10pt;
font-weight: 300;
color: #000;
}
	
#commentbox {
width: 75%;
min-width: 400px;
margin: 5px 5px 0 0;
}

#author, #email, #url, #commentbox, #submit {
background: #fff;
font-family: verdana, arial, times;
font-size: 8pt;
margin: 5px 5px 0 0;
border: none;
padding: 6px;
border: 1px solid #B2B2B2;
}

#submit {
margin: 5px 5px 0 0;
}

	
ol.commentlist {
list-style-type: none;
}

ol.commentlist li {
background: #fff;
margin: 10px 0;
padding: 5px 0 5px 10px;
overflow: hidden;
}

ol.commentlist li.alt {
background: #E5E5E5;
}
ol.commentlist li p {
margin: 6px 0 6px 0;
padding: 0 12px 0 0;
line-height: 14pt;
}

ol.commentlist a {
color: #000;
}

cite {
font-family: arial, verdana, tahoma;
font-size: 9pt;
font-weight: bold;
font-style: normal;
}
	
cite a {
color: #000;
text-decoration: none;
border-bottom: 1px dotted #465D71;
}


/* search */

#searchform {
padding: 6px 0 6px 6px;
font-family: verdana, arial, times;
}

#searchform input#s {
font-family: verdana, arial, times;
font-size: 8pt;
padding: 2px;
margin: 2px;
border: 1px solid #B7B7B7;
}

#searchform input#searchsubmit {
font-family: verdana, arial, times;
font-size: 7pt;
padding: 2px;
margin: 2px 0 0 2px;
border: 1px solid #B7B7B7;
background-color: #fff;
color: #797979;
}

/* footer */

#footer {
background: #0B1224;
clear: both;
width: 100%;
margin-top: 15px;
border-top: solid 1px #DEDEDE;
font-family: verdana, arial, tahoma;
font-size: 7pt;
}
	
#footer p {
padding: 6px;
margin: 0;
color: #eee;
}
#footer a {
color: #BCBCBC;
text-decoration: none;
}
#footer a:hover {
color: #5D5D5D;
text-decoration: underline;
}

#portfolioSidebar h3 {
margin-bottom: 1em;
}
#portfolioSidebar ul {margin-left:1.5em;}
#portfolioSidebar ul li {list-style:disc;margin-bottom:.6em;}
#interests {clear:left;margin:.4em 0 0 0;float:left;}