/*
Theme Name: Stephanie Chung
Theme URI: stephaniechung.net
Description: Custom theme built for stephaniechung.net
Version: 1.0
Author: Stephanie Chung
Author URI: http://www.stephaniechung.net
*/

/* RESET */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	font-weight:normal;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/*END RESET */

.floatLeft {
float:left;
}

.floatRight {
float:right;
}

body {
margin:0;
padding:0;
}

.page {
width:100%;
}
div#content-page {
min-width:960px;
background:#eeeff0 url("images/main-background.jpg") scroll repeat-y 50%;
float:left;
}

div#content-posts {
float:right;
width:480px;
}

.content_area {
width:800px; min-width:960px; margin-left:auto; margin-right:auto;
}

div#sidebar {
float:left;
margin-left:100px;
}

img#tag {
margin-top:30px;
}

div#header {
background-image:url('images/top-background.jpg');
background-repeat:repeat-x;
height:80px;
width:100%;
}

div#nav {
margin-left:auto;
margin-right:auto;
width:800px;
}

div#nav h2 {
display:inline;
padding:40px;
position:relative;
top:40px;
}

div#nav h2 a{
font-size:20px;
font-family:trebuchet ms;
color:#404040;
text-decoration:none;
}

div#nav h2 a:hover{
color:#ddc88f;
}
div#flickr-images {
width:200px;
margin:auto;
float:left;
height:180px;
}

div#flickr-images img {
border:1px solid #232323;
padding:3px;
}

a#prev, a#next {
float:left;
width:25px;
font-family:times;
font-size:50px;
text-decoration:none;
color:#e5e5e5;
position:relative;
top:60px;
font-weight:bold;
}

a#prev:hover, a#next:hover {
color:#232323;
}

a#prev {
padding-right:30px;
}

a#next {
padding-left:30px;
}

div#categories, div#portfolio-aside, div#flickr {
margin-top:20px;
}
div#categories a {
font-family:arial;
color:#fff;
text-decoration:none;
margin-left:60px;
text-transform:lowercase;
font-size:12px;
}

div#categories a:hover {
color:#232323;
}

div#portfolio-aside a {
font-family:arial;
color:#fff;
text-decoration:none;
margin-left:60px;
text-transform:lowercase;
font-size:12px;
}

div#portfolio-aside a:hover {
color:#232323;
}

div#portfolio-aside p {
font-family:times;
}

#content-posts {
margin-left:20px;
}

#content-posts p, #content-posts ul li {
font-family:arial;
font-color:#232323;
font-size:12px;
line-height:16px;
}

.archive h1 {
font-size:24px;
font-family:times;
font-weight:100;
color:#ddc88f;
}

div.archive ul li {
padding-bottom:0px;
}

div.archive ul li a {
font-family:times;
}

#content-posts h1 a{
font-size:24px;
font-family:times;
font-weight:100;
color:#ddc88f;
text-decoration:none;
}

#content-posts h1 a:hover{
color:#232323;
}

.post {
background-image:url('images/post-divider.jpg');
background-repeat:no-repeat;
background-position: bottom center;
padding-bottom:40px;
padding-top:40px;
}
.post ul {
list-style-type:square;
margin-left:40px;
padding:10px;
}

.post ul li {
padding:10px;
}

pre { 
  background: #eee; 
}

div#post-navigation {
padding-top:20px;
}
div#post-navigation a {
font-size:18px;
font-family:times;
font-weight:100;
color:#ddc88f;
text-decoration:none;
text-transform: uppercase;
}

div#post-navigation a:hover {
font-size:18px;
font-family:times;
font-weight:100;
color:#232323;
text-decoration:none;
text-transform: uppercase;
}

img.wp-post-image {
float:left;
padding-bottom:8px;
padding-right:8px;
}

.archive {
min-height:220px;
}

.tag_cloud {
text-align:center;
}

img.large {
width:450px;
}

#respond h2 {
font-size:24px;
font-family:times;
font-weight:100;
color:#ddc88f;
padding-bottom:20px;
padding-top:20px;
}

#respond label {
font-size:12px;
font-family:times;
font-weight:100;
color:#232323;
padding-bottom:20px;

}

#respond input, #respond textarea {
padding:3px;
margin:3px;
border:1px solid #e5e5e5;
}

#respond input:focus,#respond textarea:focus {
border:2px solid #ddc88f;
}

#respond input#submit {
border:1px solid #e5e5e5;
}

#respond input#submit:hover {
background-color:#ddc88f;
}

ul.commentlist {
margin:0px;
padding:0px;
}

ul.commentlist li {
list-style-type: none;
}

a {
color:#444;
font-weight:bold;
font-style:normal;
text-decoration:none;
}

a:hover {
color:#ddc88f;
font-weight:bold;
font-style:normal;
text-decoration:none;
}

cite.fn, span.says, cite.fn a {
font-size:18px;
font-family:times;
font-weight:100;
color:#ddc88f;
}

cite.fn a:hover {
color:#232323;
}


img.thumbnail {
margin-top:20px;
}