/*  
Theme Name: magTheme
Theme URI: http://webarto.pl
Description: Theme for Mag Agency
Version: 1.0
Author: Paweł Jędrzejczyk
Author URI: http://webarto.pl
Tags: white
*/

@import url("class.css");
@import url("skin.css");
@import url("smoothDivScroll.css");

* { margin: 0; padding: 0; }

/* general */

body {
	font-family: Helvetica, Arial, Sans-Serif;
	font-size: 62.5%;
	overflow-y:scroll;
	*overflow-y:hidden;
}

ul {
	list-style-type: none;
}

#all {
	width: 105em;
	margin: 0 auto;
	margin-top: 5em;
	border: 0em solid black;
}

#clear {
	clear:both;
}

.clearing {
	clear:both;
	display:block;
	height:0;
	margin:0;
	overflow:hidden;
	padding:0;
}

/* logo */
#logo {
	float: left;
}

/* content */
#content {
	padding-top: 5em;
	clear:both;
}

.post {
	font-family: 'Georgia', Serif;
}

.post p {
	font-size: 1.5em;
	line-height: 1.6em;
}

.post h2 {
	text-transform: uppercase;
	font-family:  Helvetica, Arial, Sans-Serif;
	font-size: 2.1em;
	margin-bottom: 1.4em;
}

.post a {
	color: inherit;
}

/* custom menu */

#menu {
	margin-top: 3em;
	text-transform: uppercase;
	float: right;
}

#menu li {
	display: inline;
	margin-left: 5em;
	margin-top: 5em;
}

#menu a {
	font-size: 1.9em;
	color: #999;
	text-decoration: none;
}

#menu a:hover {
	color: #333;
}

.current_page_item a,
.current-page-ancestor a{
	color: orange !important;
}


.menu-portfolio_menu-container {
	font-family:  Helvetica, Arial, Sans-Serif;
	font-size: 1.5em;
	text-transform: uppercase;
	float: right;
}

#menu-portfolio_menu li {
	list-style-type: none;
	display: inline;
	margin-left: 7em;
	margin-top: 7em;
}

#menu-portfolio_menu a {
	color: #ccc;
	text-decoration: none;
}

#menu-portfolio_menu a:hover {
	color: #333;
}

#menu-portfolio_menu .current_page_item a {
	color: orange !important;;	
}

/* footer */
#footer {
	border-top: 2px solid #ccc;
	clear: both;
	margin-top: 4em;
	padding: 1em;
	padding-top: 2em;
	
}

#footer p {
	margin: 0;
	font-size: 1.3em;
}

#footer a {
	text-decoration: none;
	color: #000;
}

/* gallery */
p#desc {
	font-family:  Helvetica, Arial, Sans-Serif;
	font-size: 1.5em;
	margin: 0 auto;
	margin-top: 1.5em;
	color: #666;
	margin-bottom: 2em;
}

.ngg-galleryoverview {
	
}

.mag-picture {
	z-index:3000;
	position: relative;
	
}

#mag-picture-inner {
	width:100%;
	height:100%;
	overflow:hidden;
	position: relative;
}

#mag-image {

	display: block;
	margin: 0 auto;
}




#links {
	width: 1050px;
	height: 700px;
	top: 0;
	left: 0;
	opacity: 0.8;
	filter: alpha(opacity = 80);
	position: absolute;
	z-index: 300;
}

#links span {
	display:none;
}

#prev {
	float: left;
	left: 0;
}

#next {
	float: right;
	right: 0;
}

#prev:hover {
	background: url("images/prev.png") no-repeat scroll 20% 50% 
transparent;
	_background: url("images/prev.gif") no-repeat scroll 20% 50% 
transparent;
}

#next:hover {
	background: url("images/next.png") no-repeat scroll 80% 50% 
transparent;
	_background: url("images/next.gif") no-repeat scroll 80% 50% 
transparent;
}

#prev, #next {

	height: 100%;
	width: 48%;
	display: block;
	cursor: pointer;
}

/* gallery2 */
.mag-jquery img{
	border: 0;
}

#carousel li {
	display: inline;
	border-right: 10px solid #fff;;
}
#carousel {
	width:100%;
	height: 90px;
	position: relative;
}
	
#carousel div.scrollableArea *	{
	position: relative;
	float: left;
	margin: 0;
	padding: 0;
}

.alignright {
	padding-left: 2em;
	display: block;
	float: right;
}

.alignleft {
	padding-right: 2em;
	display: block;
	float: left;
}

table {
	font-size: 1.5em;
}

/* essay */
.essay {
	clear: both;
}

	.essay h1 {
		font-size: 20px;
	}
	
	.essay p {
		font-size: 13px;
		line-height: 20px;
		position: relative;
		top: 10px;
	}

.essay-big-image {
	width: 400px;
	float: left;
}

	.essay-big-image img {
		width: 350px;
	}
	
.essay-images {
	clear: both;
	position: relative;
	top: 10px;	
	border-top: 2px solid #ccc;
	border-bottom: 2px solid #ccc;
	padding: 10px 0;
	overflow: auto;
}

.essay-image {
	float: left;
	margin-right: 5px;
	margin-bottom: 5px;
	width: 135px;
}
	.essay-image a {
		width: 135px;
		height: 90px;
		display: block;
		margin: 0 auto;
		border: 1px solid #ccc;
	}

	.essay-image img {
		margin: 0 auto;
		display: block;
	}

.essay-space {
	height: 100px;
	clear: both;
}

#desc {
	visibility: hidden;
}