/*   
Theme Name: WebDevilAZ
Theme URI: http://www.webdevilaz.com
Description: A theme built from a design I made for my portfolio and blog
Author: Jeremy Lindblom
Author URI: http://www.webdevilaz.com
Version: 0.5
.
Umm... Yay!
.
*/

body {background-color:#2f2921;}

#az-header div.panel {height:125px;}
#az-navigation div.panel {height:75px; color:white;}
#az-introduction div.panel {color:white;}
#az-prefooter div.panel {height:75px;}
#az-footer div.panel {color:white;}
#az-footer2 div.panel {color:white; padding-bottom:40px;}
div.about-me p {line-height:1.5em;}

#az-introduction div.panel a, #az-footer div.panel a, #az-footer2 div.panel a {color:#e4cb7e;}
#az-introduction div.panel a:hover, #az-footer div.panel a:hover, #az-footer2 div.panel a:hover  {color:#ffffff; background-color:transparent;}
#box4 a[href]:hover {background-color:#f0e8d0;}
/*#sidebar a[rel='tag'] {line-height:135%;}*/

#box1 {background: #e4cb7e url(images/layout_content.jpg) top center repeat-x;}
#box2 {background: #312412 url(images/layout_navigation.jpg) top center repeat-x;}
#box3 {background: #392a15 url(images/layout_introduction.jpg) top center repeat-x;}
#box4 {background: #f8f8d8 url(images/layout_content.jpg) top center repeat-x; min-height:350px;}
#box5 {background: #2f2921 url(images/layout_footer.jpg) top center repeat-x;}
/* #443219 */

#logo-avatar {padding-left: 20px; padding-top: 18px;}
#logo-title {padding-left: 20px; padding-top: 10px;}
#az-header {position: relative;}
#logo-webdevil {position: absolute; left: 262px; top: 12px; width: 460px; height: 108px;}
#rss-icon {float:right;}
#twitter-button {text-align:right;}
img.blog-photo {padding:2px; border:1px solid #b1984b; width:614px; margin-bottom:10px;}
img.profile {padding:1px; border:1px solid #b1984b; height:65px;}

h1 {visibility:hidden;}
h2.tagline {font-weight:bold; font-size:125%; font-style:italic; padding:20px 0 20px 30px; color:#66543B;}
h2 img.heading {padding-top:10px;}
h2.current-page {padding:0 0 5px 10px; margin:0.75em 0; font-size:250%; border-bottom: 2px solid #312412 ; border-left: 6px solid #312412;}
#sidebar h2 {color:#443219;}
h3 {margin-bottom:0.25em;}
.about-table h3 {font-size:250%;}
div#az-footer h2 {padding-top:12px;}
div.az-content h2 {color:#8d0000; padding-top:15px; font-variant:small-caps; font-family:Georgia,Times,"Times New Roman",serif;}
#az-introduction h3 {margin:0; color:#e4cb7e; font-family:Georgia,Times,"Times New Roman",serif;}
#az-introduction h3 + p {font-family:Georgia,Times,"Times New Roman",serif; font-style:italic; padding-top:5px;}
p + p {text-indent:0;}
p ul, p ul.special {margin-top:5px; margin-bottom:5px;}
code, q em {font-weight:bold;}
cite {white-space: nowrap;}
input, textarea {font-family:"Helvetica Neue",Helvetica,Verdana,Arial,sans-serif;}
div.hr {width:auto; height:50px; background: url(images/hrstephan.png) center center no-repeat;}
fieldset {border-color:#908880;}
fieldset input, fieldset textarea {font-size:115%;}
legend {font-weight:bold; color:#8d0000;}
ins {background-color:white;}
span.required {font-weight:bold; color:#8d0000; font-size:125%}
textarea.error {border: 1px dashed #c00; background-color: #fdd;}
textarea.error:hover {border: 1px solid #c00; background-color: #fdd;}
textarea.error:focus {border: 1px solid #c00; background-color: #fee;}
.post-data-time {color:#685840; margin-bottom:1em; font-variant:small-caps;}
.blog-post p {margin-top:0.5em;}
.blog-post .post-image, .blog-post .wp_syntax {max-width:615px;}
.standalone {clear:both;}
.padded {padding:10px;}
.wp_syntax table {border:0; margin:0; padding:0;}
ol li, ul li {margin-left:1em;}

.blog-post table.ratings-table .rating-category {width:25%;}
.blog-post table.ratings-table .rating-rating {width:25%; text-align:center; font-weight:bold;}
.blog-post table.ratings-table .rating-comments {width:50%;}
.blog-post table.ratings-table tfoot th {background-color:#443219;}
.blog-post table.ratings-table tfoot ol {margin-bottom:0;}
.blog-post table.ratings-table tr.overall th, .blog-post table.ratings-table tr.overall td {background-color:#e4cb7e; color:black;}

#az-navigation div.p1 {text-align:center; cursor:hand;}
#az-navigation div.current {background-color: #443219;}
#az-navigation div.p1:hover {background: #312412 url(images/navhover.png) center center repeat-x;}

#az-navigation a {font-weight:bold; font-size:125%; display:block; padding:12px 0; color:white; text-decoration:none; text-transform:uppercase; text-align:center; line-height:1em;}
#az-navigation span.description {font-size:75%; color:#e4cb7e;}

ul.blogroll {list-style-type: none; margin-left: 0;}
ul.blogroll li {padding-left: 1.5em; background-repeat: no-repeat; background-position: left center; background-image: url(panels/images/icons_mini/bullblack.png);}
ul li.cat-item, ul.recent-posts-red-arrows li {list-style-image: url(images/category_bullet.png);}
ul.wp-tag-cloud {margin-left: 0; line-height: 2em;}
ul.wp-tag-cloud li {list-style: none; padding-left: 24px; background: url(images/category_bullet.png) left top no-repeat;}
.align-justify {text-align:justify;}

#search-btn {padding:3px 10px; margin:0 0 0 5px; background-color:#8d0000; float:right; font-weight:bold; border: 2px solid #312412; border-top:0; -webkit-border-bottom-right-radius: 6px; -webkit-border-bottom-left-radius: 6px; -moz-border-radius-bottomright: 6px; -moz-border-radius-bottomleft: 6px;}
#search-btn a {color:white;}
#search-btn a[href]:hover {background-color:transparent;}
#search-box{display:none; text-align:center; padding:10px; background-color:#8d0000; font-weight:bold; position:absolute; right:0; top:0; z-index:5; border: 2px solid #312412; border-top:0; color:white; -webkit-border-bottom-right-radius: 6px; -webkit-border-bottom-left-radius: 6px; -moz-border-radius-bottomright: 6px; -moz-border-radius-bottomleft: 6px; width:415px; height:25px;}
#close-search img {position:absolute; right:-15px; top:-10px; z-index:2;}
#search-form #s {background: #f8f8d8 url(images/searchlabel.png) center left no-repeat; padding:2px 5px 0 100px; width:235px; height:22px; border:1px solid #312412; font-size:125%; -webkit-border-top-left-radius: 3px; -webkit-border-bottom-left-radius: 3px; -moz-border-radius-topleft: 3px; -moz-border-radius-bottomleft: 3px; float:left;}
#submit-search {display:block; background:#443219 url(images/searchgo.png) center center no-repeat; height:22px; color:white; float:left; border:1px solid #312412; border-left:0; padding-top:2px; width:40px; -webkit-border-top-right-radius: 3px; -webkit-border-bottom-right-radius: 3px; -moz-border-radius-topright: 3px; -moz-border-radius-bottomright: 3px; text-decoration:none; font-weight:bold;}
#twitter-follow {position:absolute; right:0; bottom:5px;}

#slideshow {width:auto; height:180px; border:2px solid #312412; background-color:#8d0000; margin:1.5em 0.5em; padding:1em; -webkit-border-radius: 6px; -moz-border-radius: 6px;}
#slideshow div.slide {display:none; overflow:hidden; position:relative;}
#slideshow img.screenshot {border:10px solid #f8f8d8; float:left; width:280px; margin-right:30px; -webkit-border-radius: 6px; -moz-border-radius: 6px;}
#slideshow div.description {float:left; width:550px;}
#slideshow div.description h3 {color:#e4cb7e;  font-family:Georgia,Times,"Times New Roman",serif;}
#slideshow div.description p {color:#f8f8d8; text-align:justify;}
#slideshow div.description p.navigation {text-align:right; position:absolute; right:0; bottom:0;}
#slideshow div.description a {color:#e4cb7e; font-weight:bold;}
#slideshow div.description a:hover {color:white;}
#slideshow div.description p.navigation a:hover {background-color:transparent;}

table.about-table {border:0; width:100%; margin:0 auto;}
table.about-table td {border:0; width:50%;}
table.about-table about-jeremy {padding-right: 20px;}
table.about-table about-penny {padding-left: 20px;}
table.about-table img {padding:2px; border:1px solid #b1984b; margin:0 5px 5px 0;}

.simplepie.sideblog ul {list-style: none; margin-left: 0;}
.simplepie.sideblog ul li {margin-left: 0; padding-left: 0; padding-bottom: 8px; margin-bottom: 8px; border-bottom: 1px solid #8d0000;}
#friends-list {line-height:2em; font-size:125%;}
#friends-list a.inline {padding-left: 22px; background: url(images/blog-icons/blog_other.png) left center no-repeat;}
#friends-list a.inline.blogger {background-image: url(images/blog-icons/blog_blogger.gif);}
#friends-list a.inline.livejournal {background-image: url(images/blog-icons/blog_livejournal.png);}
#friends-list a.inline.wordpress {background-image: url(images/blog-icons/blog_wordpress.png);}

.square-ad {margin: 18px 6px 6px 6px; padding: 1px; border:1px solid #b1984b; width: 125px; height: 125px;}
.no-border {border: 0;}

.centered-photo {margin: 1em auto; text-align: center;}
.centered-photo img {width: 500px; padding: 2px; border: 1px solid #b1984b;}
.centered-photo p {width: 550px; margin: 0 auto; color: #333; text-align: center; font-weight: bold;}

#browser-list.special {margin-top:0; margin-bottom:0; line-height:2em;}
.inline.msie {background-image:url(/images/browsers/msie.gif);}
.inline.firefox {background-image:url(/images/browsers/firefox.gif);}
.inline.safari {background-image:url(/images/browsers/safari.gif);}
.inline.chrome {background-image:url(/images/browsers/chrome.gif);}
.inline.opera {background-image:url(/images/browsers/opera.gif);}

select#cat {width: 95%; padding: 3px; font-size: 115%;}

.bookmarklet {padding-left: 20px; background: url(images/book_add.png) left center no-repeat; font-weight: bold;}