/*
Theme Name: WordPress Template
Theme URI: http://www.zanedefazio.com/
Description: WordPress Template
Version: 0.1
Author: Zane DeFazio
Author URI: http://www.zanedefazio.com/
Tags: template
*/

/* Site Elements */
body { background: #EFEFEF url(img/bg.png) repeat-x; color: #2F3B3B; font-family: "Trebuchet MS"; font-size: 14px; }
h1 { }
h2 { }
h3 { }
h4 { }
strong { }
p { }
a img { border: none; }
ul { }
ol { }
li { }
code { }
blockquote { }
cite { }
pre { }
a { color: #2794CC; }

/* Layout */
#ux { display: none; }
#mainwrap { margin: 0 auto; width: 980px; }
#container { margin: 0 20px; }
#content { width: 630px; margin: 0 10px 0 0; }
#sidebar { width: 300px; }
#footer { margin: 10px 0 0 0; }

/* Header */
#header { height: 280px; background: url(img/header-a.jpg) no-repeat; }
#header h1 { margin: 0; padding: 0; }
#header h1 a { text-decoration: none; }

/* Top Nav */
#topnav { margin-top: 12px; margin-bottom: 1px; height: 38px; }
#topnav a { font-size: 16px; font-weight: bold; padding: 0 20px 0 0; text-decoration: none; text-transform: uppercase; color: #8C8C8C; }
#topnav a:hover { color: #DDDDDD; }
#search form { background-color: #3B3B3B; }
#search input { background: transparent; border: none; margin: 0; padding: 5px; color: #DDDDDD; }

/* Sidebar */
#plugs ul { list-style: none; padding: 0; margin: 0; }
#sidebar h2 { background: url(img/ribbon.png) no-repeat transparent; position: relative; left: -18px; height: 45px; width: 350px; /*border-bottom: 1px solid #4C4C4C;*/ color: #000; font-size: 120%; padding: 13px 0 0 15px; text-transform: uppercase; font-style: italic; margin: 0; }
#menu { background-color: #3C3C3C; border: 1px solid #4C4C4C; color: #DDDDDD; }
#respect ul, #socialize ul { list-style: none; margin: 0 10px 0 0; padding: 0; width: 125px; }
#respect li a, #socialize li a { display: block; height: 20px; padding: 5px 0 5px 20px; text-decoration: none; }
#socialize, #topics, #popular, #converse, #respect, #inspiration, #tagsmog, #plugs { margin: 0 0 0 0; padding: 10px; }

/* Tabify */
#tabs { margin-top: 70px; width: 630px; font-size: 100%; color: #efefef; }
#about, #twitter, #starred { margin: 0 0 10px 0; }
.tabcontent { clear: both; float: left; }
.tabcontent ul { list-style: none; margin: 0; padding: 0; }
.tabcontent li { border-bottom: 1px dashed #4C4C4C; font-size: 100%; padding: 5px 5px 5px 20px; }

/* Wordpress */
.date { color: #E0E0E0; font-size: 80%; padding: 3px 0; }
.storycontent { padding: 0 10px; }
#paginate a { text-decoration: none; }

/* Basic Classes */
.left { text-align: left; }
.right { text-align: right; }
.justify { text-align: justify; }
.center { text-align: center; }
.fleft { float: left; }
.fright { float: right; }
.clear { clear: both; }
.none { display: none; }
.padding { padding: 10px; }

/* Design Classes */
.box { background-color: #FFFFFF; border: 1px solid #E2E2E2; margin: 0 0 10px 0; padding: 10px; }
.title { font-size: 120%; font-weight: bold; margin: 0; text-transform: uppercase; }
.title a { color: #1F1F1F; text-decoration: none; }
.heading { border-bottom: 1px dashed #E2E2E2; padding: 0 0 5px 0; }
.footing { border-top: 1px dashed #E2E2E2; font-size: 80%; padding: 5px 0 0 0; text-align: right; }
.footing a { text-decoration: none; }
.buttons { list-style: none; margin: 0; padding: 0; }
.buttons li a { display: block; height: 20px; padding: 5px 5px 5px 20px; text-decoration: none; }

/* Alert Boxes */
.alert { }
.notify { }
.tip { }
.download { }

/* Images */
img a { border: none; }
img.centered { display: block; margin-left: auto; margin-right: auto; }
img.alignright { padding: 4px; margin: 0 0 2px 7px; display: inline; }
img.alignleft { padding: 4px; margin: 0 7px 2px 0; display: inline; }
.alignright { float: right; }
.alignleft { float: left }

/* 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; }
.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; }

/* Icons */
.twitter, .linkedin, .facebook, .colour, .cat-item, .popular, .star, .tutsplus, .smashing, .uxbooth, .alistapart { background: transparent no-repeat scroll 0 50%; }
.similar, .converse { background: transparent no-repeat scroll 0 0; }
.twitter { background-image: url(img/twitter-icon.png); }
.linkedin { background-image: url(img/linkedin-icon.png); }
.facebook { background-image: url(img/facebook-icon.png); }
.colour { background-image: url(img/colourlovers-icon.png); }
.cat-item { background-image: url(img/cat-icon.png); }
.popular { background-image: url(img/popular-icon.png); }
.converse { background-image: url(img/comments-icon.png); }
.star { background-image: url(img/respect-icon.png); }
.tutsplus { background-image: url(img/tutsplus-icon.png); }
.smashing { background-image: url(img/smashing-icon.png); }
.uxbooth { background-image: url(img/uxbooth-icon.png); }
.alistapart { background-image: url(img/alistapart-icon.png); }
.similar { background-image: url(img/similar-icon.png); }

#converse ul, #similarposts ul { list-style: none; margin: 0; padding: 0; }
#converse li, #similarposts li { padding: 0 5px 5px 0; margin: 5px 0; }
#converse a, #similarposts a { height: 20px; text-decoration: none; padding: 10px 5px 10px 20px }

pre {border: solid 1px blue;
     font-size: 1.3 em; 
     color: blue; 
     margin: 10px; 
     padding:10px; 
     background: #FFFFB3}
code {font-size:1.2em; 
     color: #008099}