/*



Theme Name: Stories that Fly

Theme URI: http://storiesthatfly.com

Description: Theme for the Stories that Fly webzine

Authors: Liz Wyglendowski & Ben Hollis

*/







/*////// SITE-WIDE HTML TAGS //////*/

html, body {height:100.01%}

body {font-size:14px; letter-spacing:.05px; font-family: Calibri, Arial, Verdana, Sans-Serif;background: #171717 url(images/bg_body.jpg) top repeat-x;color: #333}

a {color:#0061dc;text-decoration:none}

a:active {color:#0061dc}

a:visted {color:#0061dc}

a:hover {color:#61a1f6}

blockquote {padding:1px 8px; margin:1px 15px; font-size:24px; font-weight:bold; float:left}





/*////// CONTAINER //////*/

#page {width:898px;	margin:0 auto;	background:url(images/bg_page.jpg) left repeat-y}





/*////// HEADER //////*/

#header {background: #1f1f1f url(images/bg_header.gif) top left no-repeat; height:89px; padding:12px 0px 0px 0px; color:#9a9a98}

#header a {color:#cbcbcb; text-decoration:none; font-weight:bold}

#header a:hover {color:#FFF}

#header h1 {font-size:16px; margin:0px; padding:0px 0px 3px 0px; color:#979893; text-transform:capitalize}

#header p {font-size:12px; padding:0px 0px 10px 0px;margin:0px; color:#808076}

#header form {margin:0px; padding:0px 0px 15px 0px}

#header input {background:#CCC; color:#1f1f1f; font-size:12px}





/*////// TOP NAVIGATION //////*/

#logo {width:250px; float:left}

#community {width:180px; float:left; padding:0px 13px 0px 0px}

#send {width:190px; float:left; padding:0px 13px 0px 0px}

#search {width:220px;float:right; padding:10px 25px 0px 0px; text-align:right}

#search a {font-weight:normal; font-size:12px}

.searchbox {padding:2px;margin:0px; font-size:12px; font-family:Calibri, Arial, Verdana}





/*////// PAGE //////*/ 

#content {width:642px; float:left; background:#eeeeee; padding:0px; letter-spacing:.5px}

#content h2 {padding:20px 0px 2px 15px; margin:0px}

#content a.more {color:#333; font-weight:bold}

#content a.more:hover {color:#999}

#introduction {padding:0px 15px}

#introduction h1 {font-size:36px; margin:0px; padding:5px 0px}

#introduction p {padding:5px 15px 15px 25px; margin:0px}

#postdetails {width:100%; padding:0px; margin:0px}

.pagetitle {font-size:14px; margin:0px; padding:0px; color:#999}

.pagetitle-empahsis {font-size:36px; color:#666; text-transform:lowercase}

.post h2 a {font-size:22px; color:#333}

.post h2 a:hover {font-size:22px; color:#999}

.entry {background:#d6e0ec; padding:0px 15px 10px 15px; margin:0px; clear:both}

.thumbnail {float:left; margin:18px 10px 10px 0px; border:1px solid #d6e0ec;filter:alpha(opacity=100);-moz-opacity:1;opacity:1}

.thumbnail:hover {float:left; margin:18px 10px 10px 0px; border:1px solid #999;filter:alpha(opacity=80);-moz-opacity:.80;opacity:.80}


.date {background:#999; padding:4px 6px 2px 15px; color:#FFF; float:left}

.author {float:left; padding:4px}

.tags {float:right; padding:4px;color:#999}

.tags a {color:#999}

.tags a:hover {color:#CCC}

.search-results form {padding:15px}





/*////// COMMENTS //////*/

#comments {padding:0px 15px}





/*////// SIDEBAR //////*/

#sidebar {width:235px; float:right; background:#d8d8d8; padding:0px 10px 0px 0px}

#sidebar ul {list-style:none; margin:10px 0px 0px 20px; padding:0px}

#sidebar li {padding:3px 0px}

#sidebar h2 {color:#000; border-bottom:2px solid #FFF; margin:0px 0px 5px 0px; padding:20px 0px 0px 0px; font-size:16px}

#sidebar a.more {font-size:11px; font-weight:normal; color:#666; text-transform:uppercase}

#sidebar .divide {color:#FFF}

#sidebar a.more:hover {color:#999}

#sidebar img {border:none}

#flickr {padding:0px 0px 10px 0px}

#flickr img {border:none;border:1px solid #d8d8d8;filter:alpha(opacity=100);-moz-opacity:1;opacity:1}

#flickr img:hover {border:none;border:1px solid #999;filter:alpha(opacity=80);-moz-opacity:.80;opacity:.80}

#flickr h2 {background:url(images/logo-flickr.gif) right no-repeat}

#cloud {margin:10px 0px 0px 10px}

#cloud a {padding:3px 6px}

li h2 {list-style:none}




/*////// SPECIAL EVENT //////*/

#special-event {position:fixed; left:0px; top:0px; z-index:100; width:107px; height:179px}





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

#footer {padding:10px 0px 0px 0px;margin: 0 auto;width: 898px;clear: both; text-align:center; color:#9a9a98; font-weight:normal}

#footer a {color:#cbcbcb}

#footer a:hover {color:#FFF}





/*////// SITE-WIDE CLASSES //////*/

.hidden {display:none}

.clear {clear:both; margin:0px;padding:0px}







/*////// WP CAPTIONS //////*/

.aligncenter, div.aligncenter {display: block;margin-left: auto;margin-right: auto}

.wp-caption {border: 1px solid #ddd;text-align: center;	background-color: #f3f3f3;padding-top: 4px;margin: 10px;-moz-border-radius: 3px;-khtml-border-radius: 3px;-webkit-border-radius: 3px;	border-radius: 3px}

.alignleft {float:left}

.alignright {float:right}

.wp-caption img {margin: 0;	padding: 0;	border: 0 none}

.wp-caption p.wp-caption-text {font-size: 11px;	line-height: 17px;padding: 0 4px 5px;margin: 0}

