/*  
Theme Name: Tony Tsendeas
Theme URI: http://
Description: Grid aligned WordPress theme
Version: 1.1
Author: Derek Punsalan
Author URI: http://
Tags: white, grid, whitespace, minimal, clean, widgets

Grid Focus was designed and coded by Derek Punsalan. Find
more info about the guy at http://

*/

/* Global Reset Styles */
 * {margin:0;padding:0;}
 
html, div, span, 
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
img, ins, kbd, q, s, samp,
small, strike, strong, 
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;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {content: '';content: none;}
table {border-collapse: collapse;border-spacing: 0;}

body {
background:#fff;
}

/* T Y P O G R A P H Y ----------------------------------- */

h1, h2, h3, h4, h5, h6 {
margin:0 0 10px 0;
font-family:helvetica, sans-serif;
color:#333;
}

p {
margin:0 0 10px 0;
font-family:georgia, serif;
font-size:13px;
line-height:18px;
color:#333;
}

ul, ol {
margin:0 0 15px 0;
}

ul {
list-style:disc inside;
}

ol {
list-style:lower-roman inside;
}

li {
font-family:georgia, serif;
font-size:13px;
line-height:18px;
}

blockquote p {
}

.clear {
clear:both;
}

/* L I N K S ----------------------------------- */

a {
color:#a32814;
text-decoration:none;
}

a:hover {
color:#333;
}

p a {
}

/* =----------------------------------- main structure */

#wrapper {
width:940px;
margin:50px auto;
/* background:url(images/960_grid_12_col.png) left top repeat-y; */
}

#masthead {
width:940px;
float:left;
margin:0;
padding:20px 0;
border-bottom:4px solid #c9cacc;
}

#head {
width:940px;
float:left;
margin:0;
padding:0;
border-top:1px solid #c9cacc;
border-bottom:1px solid #c9cacc;
}

#filler {}

#mainColumn {
clear:both;
}

.secondaryColumn {}

/* =----------------------------------- header elements */

#head {
background:#fff;
}

#head h2 {
width:460px;
float:left;
margin:0;
font-weight:normal;
line-height:30px;
text-indent:-999em;
background:url(images/bg_h2.gif) 0 0 no-repeat;
}

#head ul#main_nav {
width:460px;
float:right;
margin:0;
list-style:none;
}

#head ul#main_nav li {
float:left;
margin:0;
font-size:11px;
font-weight:bold;
text-transform:uppercase;
font-family:helvetica, sans-serif;
line-height:30px;
}

#head ul#main_nav li a {
display:block;
float:left;
height:30px;
color:#a32814;
text-indent:-999em;
background:url(images/bg_main_nav.gif) 0 0 no-repeat;
}

#head ul#main_nav li a.resume {width:58px;background-position: 0 0;}
#head ul#main_nav li a.resume:hover {background-position: 0 -30px;}
body.page-template-resume-php #head ul#main_nav li a.resume {background-position: 0 -30px;}

#head ul#main_nav li a.photos {width:66px;background-position: -58px 0;}
#head ul#main_nav li a.photos:hover {background-position: -58px -30px;}
body.page-template-photos-php #head ul#main_nav li a.photos {background-position: -58px -30px;}

#head ul#main_nav li a.sounds {width:68px;background-position: -124px 0;}
#head ul#main_nav li a.sounds:hover {background-position: -124px -30px;}
body.page-template-sounds-php #head ul#main_nav li a.sounds {background-position: -124px -30px;}

#head ul#main_nav li a.poeshow {width:109px;background-position: -192px 0;}
#head ul#main_nav li a.poeshow:hover {background-position: -192px -30px;}
body.page-template-poeshow-php #head ul#main_nav li a.poeshow {background-position: -192px -30px;}

#head ul#main_nav li a.contact {width:73px;background-position: -301px 0;}
#head ul#main_nav li a.contact:hover {background-position: -301px -30px;}

#head ul#main_nav li a.home {width:54px;background-position: -374px 0;}
#head ul#main_nav li a.home:hover {background-position: -374px -30px;}
body.page-template-home-php #head ul#main_nav li a.home {background-position: -374px -30px;}

#masthead h1 {
width:460px;
float:left;
margin:0;
background:#fff;
}

#masthead h1 a {
display:block;
width:291px;
height:80px;
text-indent:-999em;
background:url(images/bg_h1.gif) 0 0 no-repeat;
}

/* =----------------------------------- page specific styles */

/* H O M E  P A G E */

body.page-template-home-php {
}

body.page-template-home-php .post {
padding:20px 0 20px 240px;
background:#fff;
border-bottom:1px solid #c9cacc;
}

body.page-template-home-php .post h2 {
display:none;
}

body.page-template-home-php .post p {
font-size:15px;
line-height:21px;
}

#home_slideshow {
width:200px;
height:220px;
float:left;
margin:20px 0 0 0;
border:10px solid #212b44;
background:#212b44;
}

#from_blog {
position:relative;
width:620px;
float:left;
margin:20px 0 0 0;
}

#from_blog h3 {
position:absolute;
top:0;
margin:0;
text-indent:-999em;
}

#from_blog h3 a {
display:block;
width:220px;
height:73px;
background:url(images/bg_h3_fromblog.gif) 0 0 no-repeat;
}

#from_blog p.rssfeed {
position:absolute;
top:83px;
width:220px;
height:16px;
}

#from_blog p.rssfeed a {
display:block;
float:right;
width:16px;
text-indent:-999em;
background:url(images/rss_16.png) 0 0 no-repeat;
}

#sidebar_miniposts {
width:380px;
float:right;
margin:0 0 0 20px;
}

#sidebar_miniposts h2 {
width:380px;
}

#sidebar_miniposts p {
float:left;
}

#sidebar_home {
width:220px;
float:right;
margin:20px 0 0 0;
}

#sidebar_home .widgetContainer ul li {
padding:2px 0;
list-style:none;
border-top:1px solid #c9cacc;
}

#sidebar_home .widgetContainer ul li:first-child {
border:none;
} 

/* R E S U M E  P A G E */

body.page-template-resume-php {
}

#resume h2 {
width:100%;
float:left;
clear:both;
margin:20px 0;
font-size:30px;
}

#resume {
width:940px;
float:left;
margin:0;
background:#fff;
}

#resume h3 {
width:100%;
float:left;
clear:both;
margin:20px 0 0 0;
font-size:24px;
}

#resume h4,
#resume h5 {
width:100%;
float:left;
clear:both;
margin:40px 0 10px 0;
padding:0 0 5px 0;
border-bottom:1px solid #c9cacc;
}

#resume .two_column {
width:940px;
float:left;
background:#fff;
}

#resume li {
padding:2px 0;
}

#resume ul.two_col {
list-style:none;
width:310px;
float:left;
background:#fff;
}

#resume ul.two_col li {
border-top:1px solid #eee;
}

#resume ul.two_col li:first-child {
border:none;
}

#resume ul.one_col {
list-style:none;
width:940px;
float:left;
clear:both;
background:#fff;
}

#resume ul.one_col li  {
border-top:1px solid #eee;
}

#resume ul.one_col li:first-child  {
border:none;
}

#resume ul.one_col li em {
width:310px;
float:right;
font-style:normal;
background:#fff;
}

#resume ul.one_col li span {
float:right;
font-size:12px;
font-style:italic;
width:310px;
}

#resume p {
clear:both;
}

#sidebar_resume {
display:none;
width:220px;
float:right;
margin:20px 0 0 0;
background:#fff;
}

/* P H O T O S  P A G E */

body.page-template-photos-php {
}

body.page-template-photos-php #photos {
float:left;
background:#fff;
}

body.page-template-photos-php #photos h2 {
float:left;
font-size:30px;
margin:20px 0 0 0;
}

#photos ul.photogallery {
float:left;
list-style:none;
margin:20px 0 0 0;
}

#photos ul.photogallery li {
width:220px;
height:220px;
float:left;
margin:0 0 0 20px;
}

#photos ul.photogallery li:first-child {
margin:0;
}

#photos ul.photogallery li a {
position:relative;
display:block;
width:220px;
height:220px;
background:#212b44;
}

#photos ul.photogallery li a span {
position:absolute;
top:0;
left:0;
display:none;
width:200px;
height:200px;
padding:10px;
color:#fff;
background:transparent url(images/bg_transparent.png) left top repeat;
}

#photos ul.photogallery li a:hover span {
display:block;
}

/* T H E  P O E  S H O W  P A G E */

body.page-template-poeshow-php {
}

body.page-template-poeshow-php .post {
width:620px;
float:left;
background:#fff;
}

body.page-template-poeshow-php .post h2 {
width:100%;
float:left;
margin:20px 0;
font-size:30px;
}

body.page-template-poeshow-php .post p,
body.page-template-poeshow-php .post ul,
body.page-template-poeshow-php .post ol {
margin:0 0 10px 0;
}

#sidebar_poeshow {
width:300px;
float:right;
margin:20px 0 0 0;
}

#sidebar_poeshow ul.poeshow_gallery {
list-style:none;
background:orange;
}

#sidebar_poeshow ul.poeshow_gallery li a {
width:140px;
height:140px;
float:left;
margin:0 0 20px 20px;
background:black;
border:none;
}

#sidebar_poeshow ul.poeshow_gallery li:first-child a {
margin:0;
}

/* S O U N D S  P A G E */

body.page-template-sounds-php {
}

body.page-template-sounds-php h2 {
float:left;
width:620px;
margin:20px 0;
font-size:30px;
}

body.page-template-sounds-php .post {
width:620px;
float:left;
}

body.page-template-sounds-php .post h2 {
font-size:18px;
margin:0 0 10px 0;
}

/* B L O G  P A G E */

body.page-template-blog-php {
}

body.page-template-blog-php .post {
width:620px;
float:left;
padding:20px 0;
}

#sidebar_blog {
width:220px;
float:right;
margin:20px 0 0 0;
background:#fff;
}

#sidebar_blog .widgetContainer {
margin:0 0 30px 0;
}

#sidebar_blog .widgetContainer ul li {
padding:2px 0;
list-style:none;
border-top:1px solid #c9cacc;
}

#sidebar_blog .widgetContainer ul li:first-child {
border:none;
} 

/* =----------------------------------- meta lead for each post */

.postMeta {display:none;}

.postMeta .container {}

.postMeta span.date {}

.postMeta span.comments {}

/* =----------------------------------- general post */

.post {
background:#fff;
}

.post h2 {}

.post h2 a {}

/* S I N G L E  P O S T  P A G E */

body.single .post {
width:620px;
float:left;
margin:20px 0 0 0;
}

#sidebar_post {
width:220px;
float:right;
margin:20px 0 0 0;
background:#fff;
}

#sidebar_post .widgetContainer ul li {
list-style:none;
border-top:1px solid #c9cacc;
}

#sidebar_post .widgetContainer ul li:first-child {
border:none;
} 


/* =----------------------------------- entry body */

.entry {}

.entry p {}

.entry ul,
.entry ol,
.entry blockquote {}

.entry ol {}

.entry ul li,
.entry ol li {}

.entry ul li {}

.entry blockquote {}

.entry img,
.entry a img {}

.entry a:hover img {}

.entry.meta {display:none;}

.entry.meta p {}

.entry.meta .highlight {}

.entry.meta a {}

.entry.meta a:hover {}

p.nocomments {
display:none;
}

/* =----------------------------------- widget enabled sidebar */

.secondaryColumn h3 {}

.widgetContainer {}

.widgetContainer ul li {
list-style:none;
}

.widgetContainer ul li ul {}

.widgetContainer .textwidget {}

/* =----------------------------------- style some comments */

#commentsContainer {}
#commentsContainer span.hook {}
#commentsContainer h3 {}
.cancel-comment-reply {}
.commentlist {}
.commentlist .comment-author {}
.commentlist .comment-author img.avatar {}
.commentlist .comment-meta {}
.commentlist li .reply {}
.commentlist li .reply a {}
.commentlist li p {}
.commentlist li ul,
.commentlist li ol,
.commentlist li blockquote {}
.commentlist .children {}
.commentlist .children li {}
#commentform .contain {}
#commentform #author,
#commentform #email,
#commentform #url,
#commentform textarea {}
#commentform #author,
#commentform #email,
#commentform #url,
#commentform textarea {}
#commentform p label {}
#commentform textarea {}

/* =----------------------------------- boring footer */

#footer {
margin:20px 0 0 0;
padding:20px 0;
border-top:4px solid #c9cacc;
}

#footer p {
font-family:helvetica, sans-serif;
color:#666;
}

#footer .left {
float:left;
}

#footer .right {
float:right;
}

#footer .right p {
float:left;
}