/*
Theme Name: Mansion
Theme URI: http://graphpaperpress.com/2010/05/13/mansion/
Description: WordPress Theme to showcase your photos
Version: 0.3
Author: Chandra Maharzan
Author URI: http://graphpaperpress.com/about/
Tags: black, two-columns, three-columns, flexible-width, threaded-comments, photoblogging
License: GPL
*/

@import url("includes/styles/reset.css");

body {background: #000 url(images/bg.png) 0 0 repeat ; font: 12px/18px Arial; color: #ddd;}
#container {margin:0;} 
.clear {clear: both;} 
p{line-height: 1.6;}
a {color:#aaa;font-weight: bold;text-decoration: none;}
a:hover {color:#ddd;}
blockquote {padding-left: 20px; margin-bottom: 20px; border-left: 5px solid #333;}
blockquote p {padding: 15px 0;}
em {font-style: italic}
.aligncenter {display: block;margin-left: auto;margin-right: auto;}
.alignleft {float: left;}
.alignright {float: right;}
.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-dd {font-size: 11px;line-height: 17px;padding: 0 4px 5px;margin: 0;}

/* Logo description styles */
#header {background: #333; width: 200px; float: left; }
#header h1 {padding: 10px 10px 0; font-size: 18px;}
#header h1 a {color: #fff; text-decoration: none; text-transform: uppercase;display:block; font-weight: bold;width: 200px; height: 150px; }
#header span.description {font-size: 0px; padding: 0 10px; color: #999;text-indent: -9999em;}
#header .logo , #header .titles { background: #333 url(images/sanchtv.png);display:block; border-bottom: 1px solid #000; width: 200px; height: 150px;text-indent: -9999em;}
#header .menu {min-height: 150px; background: #333 url(images/bg2.png);} 
#header .logo {height: 150px; position: relative;}
#header .titles {background: #000;}
#header .bottom {position: absolute; bottom: 10px;}

/* Navigation styles */
#nav {padding: 10px; font-size: 11px; padding-bottom: 10px;}
#nav li a {color: #ddd;}
#nav li a:hover {color: #fff;}
#nav .pagenav, #nav .categories, #nav .subscribe {padding-top: 10px; }
#nav span.navtitle {text-transform: uppercase; color: #999;}
#nav li ul {margin-left: 10px;}
#nav li.search {position: absolute; bottom:10px;}
#nav #s {background: #2c2c2c url(images/search.png) 1px 3px no-repeat; border: 1px solid #222; width: 157px; color: #666;font-size: 11px; padding: 4px 4px 4px 16px; font-family: "Lucida Grande",Arial;}
#nav #s:hover {color:#ccc;background-color: #444;}

#nav .current-cat a, #nav .current_page_item a {color: #888;}
#nav .textwidget{ margin: 0px 10px 0px 10px;text-align: justify;}




.box { padding: 0px; margin: 0 0 1px 1px; float: left;-moz-border-radius: 8px;-webkit-border-radius: 8px; }


.smallboxtext {
   position: absolute;
    
   top: 100px;
   left: 1;
   width: 100%;

}

.smallboxtext span {
   color: white;
   font: bold 12px arial;
   line-height: 25px;
   background: rgb(0, 0, 0);
   background: rgba(0, 0, 0, 0.7);
   padding: 5px 5px 5px 5px  ;
   background:  url(images/bg2.png);
 
}
.bigboxtext {
   position: absolute;
   top: 220px;
   left: 1;
   width: 100%;
}
.bigboxtext span {
   color: white;
   font: bold 24px arial;
   text-decoration: none;
   background: rgb(0, 0, 0);
   background: rgba(0, 0, 0, 0.7);
   padding: 5px 5px  ; 
   background:  url(images/bg2.png);
}
.col1 {width:200px;}
.col2 {width:1;}
.box a {color: #aaa;}

h2.pagetitle {font-size: 18px; padding: 10px; text-transform: uppercase; color: #ccc; font-weight: bold;}
h2.posttitle {line-height: 1.2;}

/* Blog */
.category-blog .box {background: #222;padding-bottom: 4px;}
.category-blog .blog a {text-decoration: none; font-weight: normal;}
.category-blog .box h2.posttitle {padding:10px;font-size: 15px; font-weight: bold; padding-bottom: 0; margin-bottom: 0;}
.category-blog .box p {padding:5px 10px 10px;font-size: 12px; line-height: 16px;}
.category-blog .col2 h2.posttitle {font-family: Georgia, Times; font-size: 20px; font-style: italic; font-weight: normal;padding-top: 15px;}
.category-blog .col2 p {font-family: Georgia, Times; font-size: 16px; font-style: italic; line-height: 20px;padding-top: 10px;}
.category-blog .datediv {font-family: arial;margin: 10px 10px 0; float: right; color: #666; border-bottom: 2px solid #333;}
.category-blog span.day {font-size: 30px; text-decoration: none;font-weight: bold;display: block;}
.category-blog span.monthyear {font-size: 10px; text-transform: uppercase;}

/* Single Post Page */
#content {position: absolute; top: 0px; left: 202px ; width: 803px; float:left;background: #080808 }
#content .posted {padding:1px 10px 1px 10px;background: #000;font-size: 10px; position: absolute; width:200px; top: 277px; left: 735px ;-moz-border-radius: 10px;-webkit-border-radius: 10px;}
#content .posttitle {position: absolute; font-family: arial; font-size: 24px; font-weight: bold; padding-left: 16px;  top:272px; height: 29px ; width: 788px ;  background:  url(images/bg2.png);background-position: 0px -1px;}
#content .posttitle2 {position: absolute;  font-family: arial; font-size: 24px; font-weight: bold;   top:5px;}
#content .bgtitle {position: absolute;  font-family: arial; font-size: 24px; font-weight: bold; padding-left: 16px;  top:273px; height: 29px ; width: 788px ;  background:  url(images/bg2.png);}
#content .entry {padding: 8px 14px 8px 14px;  font-size: 10px;}
#content .entry2 {padding: 8px 14px 4px 14px;  font-size: 10px;}
#content p {padding-bottom: 10px;}
.videoflv {text-align: center;}
#resize {   position: relative;  width:100%; height:20px; }


/* Gallery */
.gallery {display: block;clear: both;overflow: hidden;margin: 0 auto;}
.gallery .gallery-row {display: block;clear: both;overflow: hidden;margin: 0;}
.gallery .gallery-item {overflow: hidden;text-align: center;list-style: none;padding: 0; margin: 0 auto;}
.gallery .gallery-item img, .gallery .gallery-item img.thumbnail {max-width: 100%;height: auto;padding: 0;border:none !important;}
.gallery-caption {margin-left: 0;}
.gallery-item .attachment-thumbnail {float:none !important;margin:0 auto;}
.gallery-item dd{clear:both;}

.pagetitle a {text-decoration: none !important;}
.pagetitle span {color: #555;font-weight: normal;}

/* Search */
.search .post {border-top: 1px solid #222; margin-top: 20px;padding-top: 30px;}
.posted {color: #666;}
.postmetadata {color: #666;font-size: 12px;}
.postmetadata a {color: #666;}
.postmetadata a:hover {color: #999;}

.editentry{font-size: 10px; position: absolute; top: 0px; left: 810px ; color: #999; width:100px; background: #888; background:  url(images/bg2.png);}

#errorpic{   position: absolute;  width:804px; height:302px; right: 0px; top:0px; background:  #CC0000 url(images/bug.png);}
#errorbox{   position: absolute;  width:804px; height:150px; right: 0px; top:302px; background:  #CC0000 url(images/bg2.png);}
.error{ font-family: verdana; font-size: 32px; font-weight: bold; color: #999; margin:20px 20px 20px 20px}




.commentbar{ color: #666;  position: relative;  width:100%; height:20px; background:  url(images/bg2.png);}
.commentpics{z-index: 10; position: relative; right: -705px;top:15px; width:12px; height:12px; background:  url(images/comments.gif);}
.togglecomment{font-size: 10px;  color: #999;  position: absolute; right: 10px ; top:0px}
#respond {background: #101010 ; margin:7px 10% 5px 10%; padding:12px 12px 12px 12px;-moz-border-radius: 10px;-webkit-border-radius: 10px;}
#respond h3 {font-size: 12px; padding: 0px 0;}
#commentform p {padding-bottom: 10px; font-size: 12px; color: #999;}
#commentform input, #commentform textarea {font-family: verdana; font-size: 12px; padding: 4px; border:none; background: #999;-moz-border-radius: 5px;-webkit-border-radius: 5px;}
#commentform #submit {-moz-border-radius: 8px; padding: 3px 8px; font-size: 12px; letter-spacing: 0px; font-weight: bold; background: #666;}
#commentform #submit:hover {background: #888;}
#commentform textarea {width: 95%; height: 100px;padding:8px 8px 8px 8px;-moz-border-radius: 5px;-webkit-border-radius: 5px;}

h3#comments {font-family: arial; font-size: 16px; color: #999;display:none;}
.commentnav {font-size: 12px; font-weight: normal; text-align: right;}
ol.commentlist { list-style:none; margin:0 0 0em; padding:0;  }
ol.commentlist li {background:#101010 ;margin:5px 10% 5px 10%; padding:0px 12px 0px 12px;-moz-border-radius: 10px;-webkit-border-radius: 10px; }
ol.commentlist li.alt {background:#101010  }
ol.commentlist li.bypostauthor {}
ol.commentlist li.byuser {background:#101010  }
ol.commentlist li.comment-author-admin {background: #222}
ol.commentlist li.comment { position: relative ;  top:0px ;}
ol.commentlist li div.comment-author {}
ol.commentlist li div.vcard { font:normal 14px verdana; position: relative ; bottom:-8px ;width: 100%;background:#666 url(images/bg2.png);-moz-border-radius: 8px;-webkit-border-radius: 8px;}
ol.commentlist li div.vcard cite.fn { font-style:bold;  position: relative ; bottom:20px; font:normal 16px verdana; }
ol.commentlist li div.vcard cite.fn a.url {}
ol.commentlist li div.vcard img.avatar { background:#000;position: relative ;  top:1px ; padding:4px 4px 4px 4px;margin:2px 2px 2px 2px; -moz-border-radius: 4px; -webkit-border-radius: 4px;}
ol.commentlist li div.vcard img.avatar-32 {-moz-border-radius: 4px; -webkit-border-radius: 4px;}
ol.commentlist li div.vcard img.photo { -moz-border-radius: 4px; -webkit-border-radius: 4px;}
ol.commentlist li div.vcard span.says {display:none}
ol.commentlist li div.commentmetadata {font-size:16px }
ol.commentlist li div.comment-meta { font-size:10px;position: relative ;  right: -50px ;top:-16px  }
ol.commentlist li div.comment-meta a {  }
ol.commentlist li p { font-size:10px; margin:0em 0 0 ;position: relative ;  top:0px  }
ol.commentlist li ul { font-size:10px;  margin:0 0 0em 0em; }
ol.commentlist li div.reply { font-size:10px ;position: relative ;  bottom:20px; float: right; }
ol.commentlist li div.reply a {  }
ol.commentlist li ul.children { list-style:none; margin:0em 0 0; text-indent:0; }
ol.commentlist li ul.children li {}
ol.commentlist li ul.children li.alt {}
ol.commentlist li ul.children li.bypostauthor {}
ol.commentlist li ul.children li.byuser {}
ol.commentlist li ul.children li.comment {}
ol.commentlist li ul.children li.depth-2 { background: #444; margin:0 0 0.70em 0.70em; position: relative ;  top:-3px ; right: -9px; }
ol.commentlist li ul.children li.depth-3 { background: #222; margin:0 0 0.70em 0.70em; position: relative ;  top:-3px ; right: -9px; }
ol.commentlist li ul.children li.depth-4 { background: #444; margin:0 0 0.70em 0.70em; position: relative ;  top:-3px ; right: -9px; }
ol.commentlist li ul.children li.depth-5 {background: #222; margin:0 0 0.70em 0.70em; position: relative ;  top:-3px ; right: -9px;}
ol.commentlist li ul.children li.comment-author-admin {background: #333}

ol.commentlist li ul.children li.odd {}
ol.commentlist li.even {  }
ol.commentlist li.odd {  }
ol.commentlist li.parent { border-left:0px solid #333; }
ol.commentlist li.pingback { border-bottom:0px solid #000; padding:0em; }
ol.commentlist li.thread-alt { }
ol.commentlist li.thread-even {}
ol.commentlist li.thread-odd {}



/* =Comments
-------------------------------------------------------------- */


/* Sidebar */



/* Footer */
#footer {clear: both;font-size: 11px; color: #444; display: block; padding: 20px; height: 20px;}
#footer a {color: #444;}
#footer a:hover {color: #666;}
#footer div.copyright { position:fixed; bottom:0; left: 0px ;}
#footer div.powered {position:fixed; bottom: 10px; right: 10px ; margin: -4px;}
#footer div.navigation {float: right;}
#footer a.gpplogo {width: 28px; height: 27px; float:left; margin-right: 5px;  display: block; background: url(images/gpp-logo.png) no-repeat; text-indent: -9999em;}
#footer a.wplogo {width: 27px; height: 27px; float:left;  display: block; background: url(images/wordpress-logo.png) no-repeat; text-indent: -9999em;}

 

div.navigation .prev,div.navigation .prev a {background: url(images/next.png) no-repeat;display:block;height: 35px;text-indent: -9999em;}
div.navigation .next,div.navigation .next a {background: url(images/prev.png) no-repeat;display:block;height: 35px;text-indent: -9999em;}
div.navigation .prev {float:left; background-position: -35px 0px; width: 35px; position:absolute; top:200px; right: 0px}
div.navigation .next {float:right; background-position: -35px 0px; width: 35px; position:absolute; top:200px; left: 0px ;}

div.navigation .next a:hover { background-position: 0px 0px; }
div.navigation .prev a:hover { background-position: 0 0px; }