/*
Theme Name: Mansion
Theme URI: http://graphpaperpress.com/2010/05/13/mansion/
Description: WordPress Theme to showcase your photos
Version: 1.1
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; font: 18px/24px “Gill Sans”, “Trebuchet MS”, Calibri, sans-serif; color: #fff; }
#container {margin:0;} 
.clear {clear: both;} 
p { }

#header { line-height: 18px; }

#header a:link, #header a:visited,
#content a:link, #content a:visited,
#footer a:link, #footer a:visited {color:#fff; padding: 3px;}

#header a:hover, #header a:active,
#content a:hover, #content a:active,
#footer a:hover, #footer a:active  {color:#000; background-color: #fff;}

#content a.mainimage { margin: 0px; text-align: center; padding: 0; background: none; display: block;}
#content a:hover img, #content a:active img {  background: none; }

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 {line-height: 17px;padding: 0 4px 5px;margin: 0;}

#wrapper { margin: 0 auto; width: 1410px;}

/* Logo description styles */
#header {background: #000; height: 100px; border-top: 1px solid #666; border-bottom: 1px solid #666; height: 45px; margin: 30px 0; text-transform: uppercase;}
#header h1 { margin: 13px 0 0 10px; font-size: 30px; float: left;}
	#header.singleview h1 { margin: 15px 10px 0 0; font-size: 30px; float: right; }
#header h1 a { color:  #fff!important; padding: 2px; text-decoration: none; text-transform: uppercase; background: none!important; }
#header span.description {padding: 0 10px; color: #999;}

#header span.description {padding: 0 10px; color: #999;}
#header .menu {float: left;}
	#header.singleview .menu {float: right;}
#header .divider {padding: 0 20px; float:  left;}
	#header.singleview .divider {padding: 0 20px; float: right;}
#header .socialbar { float: right; padding: 15px 10px 0 0;}
	#header.singleview .socialbar { float: left; padding: 15px 0 0 10px;}
#header .socialbar a { margin: 0 0 0 4px; }
.addthis_toolbox.addthis_pill_combo{ padding: 30px; }
.addthis_toolbox span { display:  none; }
.addthis_toolbox { float: left; }
.at300b {text-decoration: underline;}

/* Navigation styles */
#nav {position: relative;}
#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; 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;}

.box { padding: 0px; margin: 0 0 1px 1px;float: left; }
.col1 {width:200px;}
.col2 {width:401px;}
.box a {color: #aaa; display: block}

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



/* Single Post Page */
#content {padding: 0 0 0 0; width: 100%; }
#content .posted { }
#content h2 { font-size: 24px; padding-bottom: 5px; margin-bottom: 22px;}
#content .entry {padding: 0px 0;}
#content .entry img { height:auto; max-width:100%; }
#content p {padding-bottom: 22px;}


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

.post.textbox { padding: 0 15px; }

/* Footer */
#footer {clear: both;  color: #fff; display: block; padding: 12px 15px 10px 15px; border-top: 1px solid #666; border-bottom: 1px solid #666; margin: 30px 0; text-transform: uppercase; }

#footer div.copyright { float: left; width: 50%;}
#footer div.powered {float: left; width: 80px; margin: -4px;}
#footer div.nav {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;}


/* Paging */
div.navigation { text-transform: uppercase; width: 40%; margin: 0px auto; padding: 0; overflow: hidden; }
div.navigation .prev,div.navigation .next, div.navigation .prev a, div.navigation .next a { display:block; }
div.navigation .prev {float:left; text-align: left; padding: 15px 30px; }
div.navigation .next {float:right; text-align: right; padding: 15px 30px;}
div.navigation .prev a {  }
div.navigation .next a {  }
div.navigation .next a:hover {  }
div.navigation .prev a:hover {   }

.addthis_toolbox.addthis_pill_combo a { float: left; }
.addthis_button_compact .at15t_compact { float: left; }

/* Clearen per Overflow */
.floatbox { overflow:hidden; }

/* .floatbox-Anpassung für IE */
* html .floatbox {width:100%;}

/* @group Layouts for resolutions */

/*4 columns*/
@media only screen and (max-width: 1428px) {
	#wrapper { width: 1128px;}
}

/*3 columns*/
@media only screen and (max-width: 1148px) {
	#wrapper { width: 846px;}
}

/*2 columns*/
@media only screen and (max-width: 866px) {
	#wrapper { width: 564px;}
	#header { height:  77px; }
	#header h1,
	#header.singleview h1 { float: left; margin:15px  0 0 13px; }
	#header.singleview .socialbar,
	#header .socialbar { float: left; padding:15px 0 0 13px; }
	#header .socialbar a { margin: 0; }
	div.navigation {width: 60%;  }
 }

/*layouts smaller than 600px, iPhone and mobiles*/
/*@media handheld and (max-width: 480px), screen and (max-device-width: 480px), screen and (max-width: 600px)  {
	#wrapper { width: 282px;}
	#header { height: 90px; }
	#header .socialbar { padding-top: 10px }
	#header .socialbar { padding-left: 10px }
	#header .divider { padding: 0 20px; }
}*/


/*Just iPhone*/
@media only screen and (max-device-width: 480px) {
	#wrapper { width: 564px;}
	#header { height:  77px; }
	#header h1,
	#header.singleview h1 { float: left; margin:15px  0 0 13px; }
	#header.singleview .socialbar,
	#header .socialbar { float: left; padding:15px 0 0 13px; width: 551px; }
	#header .socialbar a { margin: 0; }
	#wrapper { -webkit-text-size-adjust:none;  }
}


/*iPad styles*/
@media only screen and (device-width: 768px)  {
   /*rules for iPad in landscape orientation*/ 
  #wrapper { width: 846px; }
#content .entry img { width:  auto;  max-height: 1124px;}
  #header .socialbar { padding-top: 15px; }
  #header .divider { padding: 0 10px; }
}

/*iPad styles*/
@media only screen and (device-width: 768px) and (orientation: landscape) {
   /*rules for iPad in landscape orientation*/ 
   #header { /*background-color: red!important;*/ }
  #wrapper { width: 846px; }
	#content .entry img { width:  auto;  max-height: 650px;}
  #header .socialbar { padding-top: 15px; }
  #header .divider { padding: 0 10px; }
}


/* @end */