/*
Theme Name: Pipologia
Theme URI: http://www.pipesmag.com/
Description: Wordpress theme for the most popular Greek News Magazine on the interweb, PiPES Magazine!
Version: 0.1a
Author: Phoat Spyropoulos
Author URI: http://phoat.com/
Tags: two columns, fix width, custom header
*/

@import url("_reset.css");
@import url("_common.css");
@import url("_single.css");
@import url("_archive.css");
@import url("_category.css");
@import url("_pages.css");
@import url("_sidebar.css");
@import url("_navigation.css");

body {
	margin: 0; padding: 0;
	background: #000 url(images/headers/header_coins.jpg) no-repeat scroll center top;	 
	}
	
body.date20081224,
body.date20081225,
body.date20081226,
body.date20081227,
body.date20081228,
body.date20081229
{ background: #000 url(images/headers/header_santa_01.jpg) no-repeat scroll center top; }	

body.date20090105,
body.date20090106,
body.date20090107,
body.date20090108,
body.date20090109
{ background: #000 url(images/headers/header_2009.jpg) no-repeat scroll center top; }	

body.m02.d14 { background: #000 url(images/headers/header_heart.jpg) no-repeat scroll center top; }	

body.email { background: none; }
	
#horizon {
	background: url(images/bg_horizon.jpg) no-repeat scroll center bottom;
	}	 

.wrapper {
	position: relative;
	width: 1000px;
	margin: 0 auto;
	}
	
#main {
	background: #000 url(images/bg_content.png) repeat-y scroll center top;
	border-bottom: 2px solid #333;
	}
	
#content {
	width: 700px;
	padding: 10px;
	float: left;
	}
	
.forum #content {
	width: 980px;
	}
	
#gradient {
	position: absolute;
	top: 0; left: 0;
	width: 1000px; height: 50px;
	background-attachment: scroll;
	background-image: url(images/bg_gradient.png);
	background-repeat: repeat-x;
	background-position: 0 -1px;
	}

.maintenance #main { background: none; border-width: 0; }
	
.maintenance #content {
	position: absolute;
	text-align: center;
	top: -40px; right: 40%;
	width: 300px; padding: 20px;
	color: #ccc;
	background-image: url(images/50_black.png);
	background-repeat: repeat;
	}
	
.maintenance h1 {
	font-size: 24px;
	}
	
	
/* Header
==================================================================================================== */
#header {
	height: 250px;
	}
	
#header .wrapper {
	height: 250px;
	}
	
#header h1 {
	visibility: hidden;
	}
	
#advertContent {
	margin: 10px 0; padding: 10px 116px;
	border-top: 1px dotted #777;
	border-bottom: 1px dotted #777;
	}
	
#quotes {
	margin: 10px 0;
	background-attachment: scroll;
	background-image: url(images/bg_quotes_bottom.png);
	background-repeat: no-repeat;
	background-position: bottom right;
	}
	
#quotes p {
	color: #1d1d1d;
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	font-style: italic;
	padding: 5px 0;
	background-attachment: scroll;
	background-image: url(images/bg_quotes_top.png);
	background-repeat: no-repeat;
	background-position: top left;
	background-color: #3b6c34;
	}
	
/* NEWS SHORTS
---------------------------------------------------------------------------------------------------- */
#newsShorts .post {
	width: 350px;
	height: 200px;
	margin-bottom: 20px;
	padding-bottom: 20px;
	float: left;
	background:  url(images/bg_news.png) no-repeat scroll -410px 25px;
	position: relative;
	border-bottom: 1px dotted #777;
}

#newsShorts .postImage { float: left; margin: 3px 10px 10px 0; padding: 3px; border: 1px solid #2f2f2f; }
#newsShorts h3 { margin-top: 5px; }
#newsShorts h3 a { font-size: 16px;	color: #fff; }
#newsShorts p { padding-right: 15px; color: #777; }

h4.categoryTitle {
	margin-right: 10px;
	padding: 5px 7px 2px;
	background: url(images/bg_category_tab.png) no-repeat scroll right top;
	}

h4.categoryTitle a {
	font-size: 12px;
	color: #fff;
	}
	
div.category-events h4.categoryTitle 		{ background: #701d20 url(images/bg_category_tab.png) no-repeat scroll right top; }	
div.category-technology h4.categoryTitle 	{ background: #744d1d url(images/bg_category_tab.png) no-repeat scroll right top; }
div.category-sports h4.categoryTitle 		{ background: #115432 url(images/bg_category_tab.png) no-repeat scroll right top; }
div.category-science h4.categoryTitle 		{ background: #113f5d url(images/bg_category_tab.png) no-repeat scroll right top; }
div.category-entertainment h4.categoryTitle { background: #3a234b url(images/bg_category_tab.png) no-repeat scroll right top; }
div.category-lifestyle h4.categoryTitle 	{ background: #701936 url(images/bg_category_tab.png) no-repeat scroll right top; }

div.category-events h4.categoryTitle:hover 			{ background-color: #ed1c24; }
div.category-technology h4.categoryTitle:hover 		{ background-color: #f7941d; }
div.category-sports h4.categoryTitle:hover 			{ background-color: #00a651; }
div.category-science h4.categoryTitle:hover 		{ background-color: #0072bc; }
div.category-entertainment h4.categoryTitle:hover 	{ background-color: #662d91; }
div.category-lifestyle h4.categoryTitle:hover 		{ background-color: #ed145b; }

p.readMore {
	position: absolute;
	bottom: 10px; right: 5px;
	margin: 0; padding: 0 0 0 0;
	background: url(images/bg_button_left.png) no-repeat scroll left top;
	}
	
p.readMore a {
	display: block;
	height: 24px;
	padding: 0 25px 0 10px;
	background: url(images/bg_button_right.png) no-repeat scroll right top;
	border-bottom-width: 0; 	
	line-height: 24px;
	}
	
div.category-events p.readMore a { background-color: #701d20; }	
div.category-technology p.readMore a { background-color: #744d1d; }
div.category-sports p.readMore a { background-color: #115432; }
div.category-science p.readMore a { background-color: #113f5d; }
div.category-entertainment p.readMore a { background-color: #3a234b; }
div.category-lifestyle p.readMore a { background-color: #701936; }

div.category-events p.readMore:hover a { background-color: #ed1c24; }	
div.category-technology p.readMore:hover a  { background-color: #f7941d; }
div.category-sports p.readMore:hover a { background-color: #00a651; }
div.category-science p.readMore:hover a { background-color: #0072bc; }
div.category-entertainment p.readMore:hover a { background-color: #662d91; }
div.category-lifestyle p.readMore:hover a { background-color: #ed145b; }



/*#newsShorts { clear: both; }

#newsShorts .post {
	width: 340px;
	padding-right: 20px;
	padding-bottom: 10px;
	}
	
#newsShorts table td.r_column {
	padding-bottom: 10px;
	}
	
h4.categoryTitle {
	padding: 5px 7px 2px;
	background: url(images/bg_category_tab.png) no-repeat scroll right top;
	}

h4.categoryTitle a {
	font-size: 12px;
	color: #fff;
	}

div.category-events h4.categoryTitle 		{ background: #701d20 url(images/bg_category_tab.png) no-repeat scroll right top; }	
div.category-technology h4.categoryTitle 	{ background: #744d1d url(images/bg_category_tab.png) no-repeat scroll right top; }
div.category-sports h4.categoryTitle 		{ background: #115432 url(images/bg_category_tab.png) no-repeat scroll right top; }
div.category-science h4.categoryTitle 		{ background: #113f5d url(images/bg_category_tab.png) no-repeat scroll right top; }
div.category-entertainment h4.categoryTitle { background: #3a234b url(images/bg_category_tab.png) no-repeat scroll right top; }
div.category-lifestyle h4.categoryTitle 	{ background: #701936 url(images/bg_category_tab.png) no-repeat scroll right top; }

div.category-events h4.categoryTitle:hover 			{ background-color: #ed1c24; }
div.category-technology h4.categoryTitle:hover 		{ background-color: #f7941d; }
div.category-sports h4.categoryTitle:hover 			{ background-color: #00a651; }
div.category-science h4.categoryTitle:hover 		{ background-color: #0072bc; }
div.category-entertainment h4.categoryTitle:hover 	{ background-color: #662d91; }
div.category-lifestyle h4.categoryTitle:hover 		{ background-color: #ed145b; }

#newsShorts div.categoryNews {
	margin: 0; padding: 5px 0 0;
	background: url(images/bg_news.png) no-repeat scroll right top;
	}

img.newsThumb {
	margin: 3px 10px 10px 0; padding: 3px;
	border: 1px solid #2f2f2f;
	}
	
#newsShorts h3 a {	
	font-size: 16px;
	color: #fff;
	}

#newsShorts p {
	color: #777;
	}
	
#newsShorts div.extraHeadlines {
	border-width: 0;
	border-bottom: 1px dotted #2f2f2f;
	padding-bottom: 15px;
	}
	
#newsShorts td.cat-05 div.extraHeadlines,
#newsShorts td.cat-06 div.extraHeadlines {
	border-bottom-width: 0;
	padding-bottom: 0;
	}
		
#newsShorts tr td div.extraHeadlines h3 {
	margin: 0 0 3px; padding: 3px 0 5px 10px;
	background: url(images/bg_gradient.png) repeat-x scroll left top;
	font-size: 14px;
	display: inline-block;
	} #newsShorts tr td div.extraHeadlines h3 { display: block; } /* fix for IE bug */

/*
td.cat-01 div.extraHeadlines h3 { border-left: 6px solid #701d20 }
td.cat-02 div.extraHeadlines h3 { border-left: 6px solid #744d1d }
td.cat-03 div.extraHeadlines h3 { border-left: 6px solid #115432 }
td.cat-04 div.extraHeadlines h3 { border-left: 6px solid #113f5d } 
td.cat-05 div.extraHeadlines h3 { border-left: 6px solid #3a234b }
td.cat-06 div.extraHeadlines h3 { border-left: 6px solid #701936 }

td.cat-01:hover div.extraHeadlines h3:hover { border-color: #ed1c24; }
td.cat-02:hover div.extraHeadlines h3:hover { border-color: #f7941d; }
td.cat-03:hover div.extraHeadlines h3:hover { border-color: #00a651; }
td.cat-04:hover div.extraHeadlines h3:hover { border-color: #0072bc; }
td.cat-05:hover div.extraHeadlines h3:hover { border-color: #662d91; }
td.cat-06:hover div.extraHeadlines h3:hover { border-color: #ed145b; }

div.featuredNews { position: relative; }

p.readMore {
	position: absolute;
	top: 135px; right: 5px;
	background: url(images/bg_button_left.png) no-repeat scroll left top;
	}
	
p.readMore a {
	display: block;
	height: 21px;
	margin-left: 5px; padding: 4px 22px 0 2px;
	background: url(images/bg_button_right.png) no-repeat scroll right top;
	border-bottom-width: 0;	
	}
	
td.cat-01 p.readMore { background-color: #701d20; }	
td.cat-02 p.readMore { background-color: #744d1d; }
td.cat-03 p.readMore { background-color: #115432; }
td.cat-04 p.readMore { background-color: #113f5d; }
td.cat-05 p.readMore { background-color: #3a234b; }
td.cat-06 p.readMore { background-color: #701936; }

td.cat-01 p.readMore:hover { background-color: #ed1c24; }	
td.cat-02 p.readMore:hover { background-color: #f7941d; }
td.cat-03 p.readMore:hover { background-color: #00a651; }
td.cat-04 p.readMore:hover { background-color: #0072bc; }
td.cat-05 p.readMore:hover { background-color: #662d91; }
td.cat-06 p.readMore:hover { background-color: #ed145b; }

	
/* Tab Slider
==================================================================================================== */
#slider {
	width: 700px;  
	margin: 0 auto;  
	position: relative;
	}
	
.scroll {  
	height: 200px;  
	overflow: auto;  
	position: relative; /* fix for IE to respect overflow */  
	clear: left;  
	}

.scrollContainer div.panel {
	padding: 10px 20px 25px 10px;
	height: 165px;
	width: 670px; /* change to 560px if not using JS to remove rh.scroll */
	background: #000 url(images/bg_slider.png) no-repeat scroll left bottom;
	}
	
ul.navSlider {
	height: 38px;
	border-bottom: 1px solid #909090;
	}
	
ul.navSlider li {
	float: left;
	margin-right: 10px;
	font-size: 12px;
	background: url(images/bg_nav_active_right.png) no-repeat scroll right top;
	}

ul.navSlider li a {
	display: block;
	padding: 10px;
	color: #ccc;
	background: url(images/bg_nav_active_left.png) no-repeat scroll left top;
	border-bottom: 1px solid #999;
	}
	
ul.navSlider li a:hover {
	color: #fff;
	}
	
ul.navSlider li a.selected {
	color: #fff;
	border-bottom: 1px solid #000;
	}	

.panel {
	position: relative;
	}
	
.testimonialsQuote {
	position: absolute;
	top: 50px; left: 275px;
	width: 325px;
	}
	
.testimonialsQuote h3 {
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	}
	
.testimonialsQuote p {
	font-size: 20px;
	font-weight: bold;
	color: #ccc;
	}
	
#cod .postImage {
	float: left;
	margin-right: 20px;
	}
	
.colorDescription {	
	padding-top: 20px;
	}
	
.colorDescription h3 {
	font-size: 20px;
	font-weight: bold;
	color: #fff;
	}
	
	
.scrollButtonRight, .scrollButtonLeft {  
	position: absolute;  
	top: 115px;
	cursor: pointer; 
	display: none;
	}
	
.scrollButtonLeft { left: 2px; }
.scrollButtonRight { right: 2px; }

/* Footer
==================================================================================================== */
#footer {
	margin-bottom: 50px;
	padding: 10px;
	zoom: 1;
	}
	
#footer .copyright p {
	margin-bottom: 10px;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	color: #444444;
	}

#footer .logos {
	text-align: center;
	}
	
	
#footer .logos img {
	margin: 0 5px;
	}