/*  
Theme Name: GizMag
Theme URI: http://www.geertbollen.be/
Description: Custom theme for GizMag.eu - with Ad-minister templates - Geert Bollen (c) 2008
Version: 3.4
Author: Geert Bollen
Author URI: http://www.geertbollen.be/
*/

/*** GENERAL ***/

body {
	font-family: Arial, sans-serif;
	font-size: 12px;
	color: #000000;
	background-color: #eeeeee;
	background-image: url(/images/bg_pxl_gray.gif);
	background-repeat: repeat;
	background-attachment: fixed;
	margin: 0;
}
#site {
	width: 885px;
	text-align: left;
	background-color: #ffffff;
	padding: 15px 10px 15px 15px;
	position: relative;
	z-index: 5;
}

img {
	border: 0;
}
.clear {
	clear: both;
	width: 0;
	height: 0;
}
.hidden {
	display: none;
	height: 0;
	font-size: 0;
}

/*** HEADERS & TITLES ***/

#header {
	width: 910px;
	text-align: left;
	margin: 15px 0 -10px 0;
	position: relative;
	z-index: 10;
}
.toptitle {
	background-color: #901798;
	color: #ffffff;
	font-weight: bold;
	font-size: 14px;
	padding: 0 2px 0 2px;
	margin: 0 0 5px 0;
	letter-spacing: -1px;
	text-transform: uppercase;
}

/*** THE CONTENT: WEBMAG ***/

#webmag {
	float: left;
	margin-right: 15px;
	width: 610px;
}
#webmag .page {
	padding: 5px;
}
#webmag .nosearch {
	padding: 0 5px 5px 5px;
}
#webmag .results {
}
#webmag #content {
	background-image: url('/images/bg_gray.gif');
	background-repeat: repeat;
	padding-bottom: 1px;
}
#webmag .browse {
	padding-top: 5px;
}
#webmag .issue {
	display: inline;
	font-size: 14px;
	letter-spacing: -1px;
	font-weight: bold;
	color: #ffffff;
	text-transform: uppercase;
}

/* Page content */

#webmag .page .text {
	color: #000000;
	background-color: #ffffff;
	padding: 5px 10px 5px 10px;
	font-size: 13px;
}
#webmag .page a {
	color: #000000;
}
#webmag .page a:hover {
	text-decoration: none;
}
#webmag .page .archive {
}
#webmag .page .archive a {
	font-weight: bold;
}
#webmag .page .archivetitle {
	font-weight: bold;
	font-size: 16px;
	letter-spacing: -1px;
	margin: 0 0 10px 0;
	overflow: hidden; /* weird IE bug because the image is floating */
}
#webmag .page .inpage {
	margin: 15px 0 10px 0;
}
#webmag .page .pdfarchive {
	overflow: hidden; /* weird IE bug because the image is floating */
}
#webmag .page .pdfarchive img {
	float: left;
	height: 85px;
	width: 60px;
	margin: 0 10px 10px 0;
}
#webmag .page .pdfarchive .specs {
	display: inline;
	background-color: #901798;
	color: #ffffff;
	font-weight: bold;
	padding: 0 1px 0 1px;
	margin: 0 2px 0 0;
}
#webmag .page .pdfarchive p {
	display: inline;
	margin: 0 2px 0 0;
}
#webmag .page .webarchive {
	float: left;
	width: 190px;
	margin: 0 0 2px 0;
}
#webmag .page .webarchive a {
	background-color: #000000;
	color: #ffffff;
	font-weight: bold;
	padding: 0 1px 0 1px;
	text-decoration: none;
}
#webmag .page .webarchive a:hover {
	text-decoration: underline;
}

/* Buzz */

#content .tweets {
	margin: 0 0 -5px 0;
}
#content .tweet {
	background-color: #ffffff;
	margin: 0 0 5px 0;
	padding: 10px 20px 10px 20px;
}
#content .tweets .body {
	font-size: 18px;
	font-style: italic;
}
#content .tweets .author {
	margin: 5px 0 0 10px;
}

/* Single post */

#webmag .entry {
	position: relative;
	/*width: 600px;*/
}
#webmag .entry img.cover {
	padding: 5px;
	margin: 0;
	background-color: #901798;
}
#webmag .entry img {
	margin: 0 5px 5px 5px;
	width: 600px;
	height: 120px;
}
#webmag .single img {
	margin: 5px;
}
#webmag .entry h3 {
	position: absolute;
	top: 10px;
	left: 10px;
	margin: 0;
	background-color: #000000;
	padding: 1px 4px 1px 2px;
	color: #ffffff;
	font-size: 14px;
	font-weight: bold;
	letter-spacing: -1px;
	text-transform: uppercase;
}
#webmag .entry p {
	margin: 0;
}
#webmag .entry .desc {
	position: absolute;
	top: 30px;
	left: 10px;
	margin: 0;
	background-color: #000000;
	padding: 1px 2px 1px 2px;
	color: #ffffff;
	font-size: 11px;
	text-transform: capitalize;
}
#webmag .entry .text {
	position: relative;
	width: 590px;
	margin: 0 0 5px 0;
	padding: 5px 10px 10px 10px;
	color: #ffffff;
	font-size: 13px;
	background-color: #901798;
}
#webmag .entry .text p {
	margin: 5px 0 5px 0;
}
#webmag .entry .text span {
	background-color: #ffffff;
	padding: 1px 3px 1px 3px;
	margin-right: 2px;
	color: #000000;
	font-size: 10px;
	text-transform: uppercase;
}
#webmag .entry .text small {
	font-size: 11px;
	color: #ffffff;
}
#webmag .entry .text a {
	color: #ffffff;
}
#webmag .entry .text a:hover {
	text-decoration: none;
}

/* HOME */

#webmag .homebox {
	background-image: url('/images/bg_gray.gif');
	background-repeat: repeat;
	padding: 5px 0 5px 0;
	margin: 0 0 15px 0;
}
#webmag .overview .meta {
	background-color: #000000;
	color: #ffffff;
	margin: 0 5px 0 5px;
	width: 590px;
	padding: 5px;
}
#webmag .overview .meta a {
	color: #ffffff;
	text-decoration: underline;
	font-size: 15px;
}
#webmag .overview .meta a:hover {
	text-decoration: none;
}
#webmag .overview .excerpt {
	background-color: #ffffff;
	margin: 5px 5px 0 5px;
	padding: 5px;
}
#webmag .overview .excerpt p {
	margin: 2px 0 2px 0;
}
#webmag .overview .excerpt a {
	color: #000000;
	text-decoration: underline;
}
#webmag .overview .excerpt a:hover {
	text-decoration: none;
}
#webmag .overview img.cover {
	padding: 0;
	margin: 0 5px 5px 5px;
	background-color: none;
}
#webmag .overview .text {
	position: relative;
	margin: 0 5px 5px 5px;
	padding: 5px;
	color: #000000;
	background-color: #ffffff;
}
#webmag .overview img.image {
	width: 150px;
	height: 150px;
	margin: 0;
}
#webmag .overview .spotlight {
	margin: 0 0 5px 5px;
}
#webmag .contentbox .cbox {
	margin: 5px 5px 0 0;
}
#webmag .contentbox .cbox a {
	color: #ffffff;
	text-decoration: underline;
}
#webmag .contentbox .cbox a:hover {
	color: #ffffff;
	text-decoration: none;
}

/* PDF */

#webmag .pdfmag {
}
#webmag .pdfmag img {
	margin: 5px 5px 0 5px;
}
#webmag .pdfmag .smallcover {
	display: none;
	height: 0;
	font-size: 0;
}
#webmag .pdfmag a {
	color: #000000;
	font-weight: bold;
	text-decoration: underline;
}
#webmag .pdfmag a:hover {
	text-decoration: none;
}
#webmag .pdfmag a.link-pdf {
	color: #901798;
	font-size: 14px;
}
#webmag .pdfmag a.link-jpgs {
	color: #901798;
}
#webmag .pdfmag a.link-view {
	color: #901798;
}
#webmag .pdfmag .specs {
	background-color: #000000;
	color: #ffffff;
	font-weight: bold;
	margin: 5px;
	width: 590px;
	padding: 5px;
}
#webmag .pdfmag p {
	background-color: #ffffff;
	margin: 5px 0 5px 5px;
	width: 590px;
	padding: 5px;
}

/* Articles */

#webmag .article {
	padding: 5px;
}
#webmag .article .image {
	float: left;
}
#webmag .article .desc {
	background-color: #000000;
	color: #ffffff;
	margin: 5px 0 0 0;
	width: 590px;
	padding: 5px;
}
#webmag .article .desc em {
	font-weight: bold;
}
#webmag .article a {
	color: #000000;
	text-decoration: underline;
}
#webmag .article a:hover {
	text-decoration: none;
}
#webmag .article p {
	background-color: #ffffff;
	margin: 5px 0 0 0;
	width: 590px;
	padding: 5px;
}
#webmag .articlelist {
	margin: 0 5px 5px 5px;
}
#webmag .articlelist .image {
	float: left;
}
#webmag .articlelist .title {
	background-color: #000000;
	color: #ffffff;
	padding: 5px;
}
#webmag .articlelist .desc {
	background-color: #ffffff;
	margin: 5px 0 0 0;
	width: 590px;
	padding: 5px;
}
#webmag .articlelist .desc p {
	margin: 0;
	padding: 0;
}
#webmag .articlelist a {
	color: #ffffff;
	text-decoration: underline;
}
#webmag .articlelist a:hover {
	text-decoration: none;
}

/* Comments */

#respond {
	padding: 15px 5px 5px 5px;
}
#respond p {
	margin: 0 0 5px 0;
}
#respond label {
	font-weight: bold;
	font-size: 11px;
}
#respond .text {
	width: 595px;
}
#respond .submit {
	font-weight: bold;
}
#respond .textarea {
	font-family: Arial, sans-serif;
	font-size: 12px;
	width: 595px;
	height: 70px;
}
#comments {
}
#comments p {
	margin: 3px 0;
}
#comments a {
	color: #000000;
	text-decoration: underline;
}
#comments a:hover {
	text-decoration: none;
}
#comments .meta {
	margin: 3px 0 0 0;
}
#comments .comment {
	background-color: #ffffff;
	margin: 5px;
	padding: 5px 10px;
}

/* Flickr */

#webmag .contentbox {
	background-image: url('/images/bg_gray.gif');
	background-repeat: repeat;
	padding: 5px;
	margin: 15px 0 0 0;
	color: #000000;
}
#webmag .contentbox p {
	margin: 10px 5px 5px 5px;
}
#webmag .contentbox a {
	color: #000000;
	text-decoration: underline;
}
#webmag .contentbox a:hover {
	color: #000000;
	text-decoration: none;
}
#webmag .contentbox img {
	margin: 0;
	width: 60px;
	height: 60px;
}
#webmag .contentbox img.vimeo {
	margin: 0;
	width: 80px;
	height: 60px;
	margin-left: -10px;
}
#webmag .contentbox .thumb {
	width: 60px;
	height: 60px;
	overflow: hidden;
	float: left;
}

/* Page navigation */

#webmag .navigation {
	color: #000000;
	font-weight: bold;
	font-size: 11px;
	padding: 4px 5px 0 5px;
	margin: 0 0 5px 0;
	text-transform: uppercase;
}
#webmag .navigation a {
	color: #000000;
	text-decoration: none;
}
#webmag .navigation a:hover {
	text-decoration: underline;
}
#webmag .navigation .next {
	float: right;
}
#webmag .navigation .prev {
	float: left;
}
#webmag .navigation ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
#webmag .navigation li {
	float: left;
	border: 1px solid #000000;
	padding: 2px 3px 2px 3px;
	margin: 0 3px 0 0;
	background-color: #ffffff;
}
#webmag .navBottom {
	padding: 0 5px 4px 5px;
	margin: 0;
}
#webmag .navPdf {
	margin: 0;
}
#webmag .navPdfBottom {
	padding: 0 5px 0 5px;
}
#webmag .navCategoryTop {
	padding: 0 5px 0 5px;
}
#webmag .navCategoryBottom {
	padding: 0 5px 0 5px;
}
#webmag .navCategoryBlock {
	padding: 5px;
	border-bottom: 5px solid #ffffff;
}

/*** PAGE ****/

#page {
	background-color: #ffffff;
	padding: 20px;
}

/*** NAVIGATION ***/

#navigation, #mainnavigation {
	color: #ffffff;
	font-size: 14px;
	letter-spacing: -1px;
	margin: 0 0 15px 0;
}
#navigation a {
	color: #ffffff;
	text-decoration: none;
	font-weight: bold;
}
#navigation a:hover {
	color: #ffffff;
	text-decoration: underline;
}
#mainnavigation a {
	color: #ffffff;
	text-decoration: none;
	font-weight: bold;
}
#mainnavigation a:hover {
	color: #ffffff;
	text-decoration: underline;
}

#mainnavigation .button {
	background-color: #901798;
	color: #ffffff;
	padding: 2px 4px 2px 4px;
	margin: 0 0 5px 0;
	font-size: 15px;
}
#navigation .button {
	background-color: #000000;
	padding: 1px 3px 1px 3px;
	margin: 0 0 5px 0;
}

#navigation .issue {
	background-color: #901798;
	padding: 0 2px 0 2px;
	margin: 0 0 5px 0;
}

/*** LINKS FRIENDS ***/

#friends {
	color: #ffffff;
	font-size: 14px;
	letter-spacing: -1px;
}
.link {
	background-image: url('/images/bg_gray.gif');
	background-repeat: repeat;
	padding: 0 2px 0 2px;
	margin: 0 0 5px 0;
}
.link a {
	color: #000000;
	text-decoration: none;
	font-weight: bold;
}
.link a:hover {
	color: #000000;
	text-decoration: underline;
}

/*** SIDEBARS ***/

#leftbar {
	float: left;
	margin-right: 15px;
	width: 120px;
	font-size: 11px;
}
#rightbar {
	float: left;
	margin-right: 0px;
	width: 120px;
	font-size: 11px;
}

#leftbar #pdfmag {
	background-color: #901798;
	color: #ffffff;
	padding: 5px 5px 1px 5px;
}
#leftbar #pdfmag .title {
	background-color: #4e9817;
	color: #ffffff;
	margin: 0 0 10px 0;
	padding: 0 2px 0 2px;
	font-weight: bold;
	font-size: 14px;
	letter-spacing: -1px;
	text-transform: uppercase;
}
#leftbar #pdfmag img {
	width: 110px;
	height: 156px;
}
#leftbar #pdfmag p, #leftbar #pdfmag .smallcover {
	margin: 0 0 5px 0;
}
#leftbar #pdfmag a {
	color: #ffffff;
}
#leftbar #pdfmag .specs {
	margin: 0 0 3px 0;
	font-weight: bold;
}

/*** SIDEBAR NOTES ***/

.sidenotes {
	margin: 5px 0 15px 0;
}
.sidenotes .note {
	padding: 5px;
	margin: 0 0 5px 0;
}
.sidenotes .gray {
	background-image: url('/images/bg_gray.gif');
	background-repeat: repeat;
}
.sidenotes .purple {
	background-image: url('/images/bg_purple.gif');
	background-repeat: repeat;
}
.sidenotes .note .image {
	margin: 0 0 5px 0;
}
.sidenotes .note p {
	margin: 0;
}
.sidenotes .meta {
	background-color: #000000;
	color: #ffffff;
	padding: 3px;
	margin: 5px 0 0 0;
	text-align: center;
}
.sidenotes .meta a {
	color: #ffffff;
	text-decoration: underline;
}
.sidenotes .meta a:hover {
	text-decoration: none;
}


/*** CREDIT LINK ***/

#credits {
	font-size: 14px;
	color: #ffffff;
	letter-spacing: -1px;
	font-weight: bold;
	background-color: #000000;
	padding: 0 2px 0 2px;
	margin: 5px 0 5px 0;
}
#credits a {
	color: #ffffff;
	text-decoration: none;
	font-weight: bold;
}
#credits a:hover {
	color: #ffffff;
	text-decoration: none;
}

/*** ADS ***/

#banner-left {
	margin: 0 0 5px 0;
}