/* Title: Index CSS for myphone.gr */
/* Author: MsK - Feb 21, 2013 */

@import url(base.css?v=4);
@import url(bread.css);

/* Featured Items jQuery Tools */
.scrollable {position:relative;overflow:hidden;width:920px;height:165px;margin:8px auto}
.scrollable .items {width:3000em;position:absolute}
.scrollable .active {border:2px solid #000;position:relative;cursor:default}
.items div {float:left}
.navi_toggle{float:right; width:80px; display:block; margin-right:8px} /* 55px for 3, 80 for 4 */
.navi {width:80px;height:15px;display:block;padding-right:10px} /* 55px for 3, 80 for 4 */
.navi a {width:12px;height:12px;float:left;margin:3px 3px; background:url('/img/navigator.png') 0 0 no-repeat; display:block;font-size:1px}
.navi a:hover {background-position:0 -12px}
.navi a.active {background-position:0 -24px}

/* Featured Items Extra CSS */
#featured {text-align:center;white-space:nowrap;overflow:hidden;
	background:#7694c4 url('/img/highlights_bg.gif') top left repeat-x; 
	border:1px solid #14306f;border-bottom:none;border-top:none;
	}
.featured_item, .featured_guide {width:280px; height:160px; border:2px solid #395377; white-space:normal; vertical-align:middle; overflow:hidden;}
.featured_item  {margin:0 11px 0 11px;}
.featured_guide {margin:0 6px; position:relative; text-align:center; padding:0;}

.featured_item strong, .featured_guide strong {width:280px; height:32px; display:block; vertical-align:middle; overflow:hidden; color:#fff; letter-spacing:-1px; font-size:12px; line-height:1.3;}
.featured_item strong  {bottom:32px; float:left; position: relative;}
.featured_guide strong {bottom:0px; position:absolute;}
.featured_guide em {width:280px; height:28px; bottom:132px; display:block; position:absolute; vertical-align:middle; overflow:hidden; color:#fff; font-size:12px; line-height:28px; font-weight:bold; font-style: normal}

.featured_item a strong, .featured_guide a strong {opacity:0.8;background:#203756;}
.featured_item a:hover strong, .featured_guide a:hover strong {opacity:0.94;background:#3f669b;}
.featured_guide a em {opacity:0.8;background:#204956;}
.featured_guide a:hover em {opacity:0.86;background:#3f759b;}
.featured_item a strong, .featured_guide a strong, .featured_guide a em {-webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: opacity,background-color .3s ease-in-out;}

/* Main Structure 
Based on a list apart's holy grail */

.content {margin:0; padding:0; color:#203462; line-height:1.8; background:#e6edfc; border-top:1px solid #000; border-left:1px solid #546b9e; border-right:1px solid #546b9e; border-bottom:1px solid #546b9e; overflow:hidden;}

#container {padding-right:340px;} /* RC width */
#container .column {position:relative; float:left;}
#main_column {width:100%; background: #fff url('/img/content_white_bg.gif') repeat-x; display: inline; }
#right_column {width:340px; background: #e6edfc url('/img/sidebar_bg.gif') top left repeat-x; margin-right: -340px; padding:0px; display: inline; }
#footer_column {padding-top:20px; clear:both;} /* background:#e6edfc; */

.splitter {background: url('/img/splitter_white.gif') repeat-x center; margin:20px 15px 0px 15px; padding:0;text-align:left;font-weight:bold;font-size:10px; font-family:tahoma,sans-serif; color:#888; clear: both;}
.splitter strong, .splitter b {background:#fff; color:#888; padding-right:10px;}

#main_column h3 {font-size:2em; letter-spacing:-1px; font-family: Myriad Pro, Tahoma, "Lucida Grande", Verdana, sans-serif; line-height:1.4; padding-right:60px;}
#main_column h3 a {color:#264790;display: block;}
#main_column h3 a:hover {color:#fff; background:#607189; text-decoration: none;}
#main_column hr { border:1px; margin:20px;}

/* Article Declarations */
.article {margin:15px 15px 20px 15px; position:relative; font-size:0.75em; clear:both}
#main_column .first {margin-top:0 !important;}

.article ul {list-style: disc;}
.article ol {list-style: decimal;}
.article li {margin-left:15px;}
.article a {color:#4d72c2;}
.article a:hover {text-decoration: underline;}
.article strong {font-weight:bold;color:#506070;}

.article_left {width:130px;text-align:center;float:left;}
.article_left_tag  {width:130px;height:100px;text-align:center;float:left;background: transparent url('/img/news_tag.png') top left no-repeat;}
.article_image_tag {width:110px; height:80px; margin:10px;}
.article_right {color:#203040; margin-left:140px;}
.article_text {color:#203040; margin:0px 0px;} /* margin:20px 0px */
.article_text img, .article_right img {max-width:100%;}
.article_left_image {max-width:130px;max-height:100px;}
.article_attached {text-align: center;padding-bottom:10px;}
.article sub {font-size:smaller;vertical-align:sub}
.article sup {font-size:smaller;vertical-align:super;opacity:.8}

.attachedimage {max-width:100%;}

#article_categories {margin:15px 10px 10px 10px; text-align:center;}
#article_categories a {color:#bcbcbc; border-top:4px solid #bcbcbc;display:block;float:right;width:80px;font-family:'Lucida Grande', Tahoma, sans-serif;font-size:0.75em;margin:0px 5px;}
#article_categories a:hover {border-top:4px solid #6982bb;color:#929292;}

.article_info {color:#636363; font-family:'Lucida Grande',Tahoma,sans-serif; font-size:1em; line-height:1.2; padding:2px 2px 12px 2px; margin:6px 0px; border-bottom:3px solid #C2D1EF; overflow:hidden;}
.article_info em {font-style:normal;}
.article_info a {color:#3b3b3b;}
.article_info a:hover {color:#50658f; text-decoration:underline;}

.article_pr, .article_fin, .article_tag a {display:block; float:left; margin-right:6px; font-style:normal; color:#fff; border-radius:5px; padding:0 6px;}
.article_pr {background:#838383;}
.article_fin {background:#e1bd6e;}
.article_tag a {background:#728dc8;} 
.article_tag a:hover {background:#395CAA; color:#fff; text-decoration:none;}

.article_comments {background: transparent url('/img/comment_tail.gif') bottom center no-repeat; position:absolute; top:0px; text-align:center; right:0px; line-height:24px; padding:0 0 6px 0; _padding-bottom:3px; } /* illegal _ */
.article_comments a {background:#728dc8; display:block; color:#fff; font-size:1.1em; font-weight:bold; font-family:'Lucida Grande',Tahoma,sans-serif; margin-top:0.2em; padding:.4em .7em; line-height:1.2; border-radius:2px;}
.article_comments a:hover {color:#fff; text-decoration:underline;}

.article_footer {background:#f9f9f9; border-bottom:1px solid #d9d9d9; color:#636363; font-family: "Lucida Grande", Tahoma, sans-serif; font-size:0.9em; line-height: 1.2; padding:5px; margin-top:10px; border-radius:2px;}
.article_footer a {color:#636363;text-decoration:none;}
.article_footer a:hover {color:#636363;text-decoration: underline;}

.article_readmore a {background: url('/img/article_more.gif') no-repeat right; color:#434249; padding-right:26px; display:block;}

.article_subhead {background:#E6EDFC; color:#536889; font-family:'Lucida Grande',Tahoma,sans-serif; font-weight:bold; font-size:0.75em; text-shadow:1px 1px 0px #fff; line-height:2.4; padding:5px; margin:25px 15px 10px 15px; border-radius:2px;}

.archive {margin:0px 15px 0px 15px; padding-left:4px; font-size: 0.75em; border-bottom:1px solid #f5f5f5; overflow: hidden; height:2em; }
.archive a {color:#5d75aa;}
.archive a:visited {color:#b2bfdb;}
.archive a:hover {color:#666; text-decoration: underline;}
.archive_info {font-size:0.75em;}
.archive_date {font-size:0.75em;color:#777;}

.article_navigation {background:#E6EDFC; color:#aaa; border-radius:6px;font-family:'Lucida Grande', Tahoma, sans-serif; font-size:0.75em; margin:10px; padding:12px; text-align: center;}
.article_navigation a {background:#f9f9f9; border:1px solid #888; border-radius:4px; color:#777; margin:0px; padding:4px 8px; display: block;}
.article_navigation a:hover {background:#dadada; -webkit-transition: background-color .1s linear;}

/* Boxes - Right Collumn */
.box_column {margin:15px 20px 5px 20px;}
.box_header {background:#546b9e;font-family:'Lucida Grande', 'Lucida Sans Unicode', Helvetica, Arial, sans-serif; font-weight:bold; font-size:0.75em; color:#fff; line-height:2;margin:5px 0px;padding:2px 5px;border-bottom:1px solid #000;}
.box_header a {color:#fff;}
.box_header a:hover {text-decoration: underline;}
.box_content {font-size:0.75em;}
.guide_content {border:2px solid #405789;padding:6px 0;}

/* Specific Boxes */
#box_32 div.box_content {text-align:center;margin:15px 15px 0;} /* follow us on twitter */

/* Tag Cloud */
#tagcloud {text-align:justify;line-height:1.4;}
.tagcloudlink {font-weight:bold;font-family:tahoma,arial,sans-serif;white-space:nowrap;margin:1px;padding:0 2px;}
.level1 {font-size:1em;color:#89b;}
.level2 {font-size:1.16em;color:#78a;}
.level3 {font-size:1.33em;color:#6a7b9d;}
.level4 {font-size:1.5em;color:#68799b;}
.level5 {font-size:1.8em;color:#679;}
#tagcloud a {display:inline-block;background:#e6edfc;text-shadow:1px 1px 0px #fff;border-radius:5px;-webkit-transition: all .3s linear;-moz-transition: all .3s linear;-o-transition: all .3s linear;}
#tagcloud a:hover {background:#546b9e;color:#fff;text-shadow:1px 1px 0px #000;}

/* Simple Popular */
.toparticles li a {display:block; border-bottom:1px solid #a0b3d0; color:#000;line-height:1.6;padding:6px 4px;}
.toparticles li a:hover {background:#c8d6eb;}

/* Top Popular */
#right_column ol {margin-top:4px;}
#right_column .box_item.top5 {font-size:12px; line-height:1.5; margin-top:2px; position:relative;}
#right_column .box_item.top5 a.top5link {background:#e6edfc;color:#000; border-bottom:1px solid #a0b3d0; display:block; height:56px; overflow:hidden; -webkit-transition:background-color,border-color .2s ease-out; -moz-transition:background-color,border-color .2s ease-out; -o-transition:background-color .2s ease-out;}
#right_column .box_item.top5 a.top5link:hover {color:#222; text-decoration:none; border-color:#546b9e; background:#c8d6eb}
#right_column .box_item.top5 .top5number {display:inline-block; width:54px; line-height:54px; float:left; text-align:center; background:#a0b3d0; color:#fff; font-family: tahoma, helvetica, sans-serif; font-size:32px; font-weight:bold; margin-right:2px; padding-top:2px; -webkit-transition:background .2s ease-out; -moz-transition:background .2s ease-out;-o-transition:all .2s ease-out;}
#right_column .box_item.top5 a.top5link:hover .top5number {background:#546b9e; color:#FFF;}
#right_column .box_item.top5 .top5title {display:block; padding-top:3px; padding-left:5px; font-weight: normal; color:#345; font-family:verdana, sans-serif;text-align: right;}

/* My Devices Sidebar */
#right_column .box_device {width:140px;height:140px;overflow:hidden;border:1px solid #000;vertical-align: middle;}
#right_column .box_device strong {overflow:hidden;display:block;position:relative;bottom:32px;height:32px;padding:2px;text-align:center;font-family:verdana, geneva, sans-serif;font-size:12px;line-height:1.2;font-weight:bold;letter-spacing:-1px;color:#fff;}

#right_column .box_preview a strong, #right_column .box_hands-on a strong, #right_column .box_review a strong {opacity:0.85;
	-webkit-transition:background-color .2s ease-out;-moz-transition:background-color .2s ease-out;-o-transition:background-color .2s ease-out}
#right_column .box_preview a:hover strong, #right_column .box_hands-on a:hover strong, #right_column .box_review a:hover strong {opacity:0.95}	

#right_column .box_preview a strong {background:#7b99c0}
#right_column .box_preview a:hover strong {background:#556d8d}
#right_column .box_hands-on a strong {background:#b3ad66}
#right_column .box_hands-on a:hover strong {background:#847f47} /* gadget: 73c782 - 498754 */
#right_column .box_review a strong {background:#c49e53}
#right_column .box_review a:hover strong {background:#7e6534}

#right_column .box_event {width:298px;height:200px;overflow:hidden;border:1px solid #000;vertical-align: middle;}
#right_column .box_event strong {overflow:hidden;display:block;position:relative;bottom:54px;height:54px;padding:2px;text-align:center;font-family:verdana, geneva, sans-serif;font-size:12px;line-height:1.2;font-weight:bold;letter-spacing:-1px;color:#fff;}

#right_column .box_event a strong {background:#021f50;}
#right_column .box_event a:hover strong {background:#000;}

.addpadding {padding-bottom:10px;}
.morepadding {padding-top:10px;}

/* BBCode */

.bbblock {margin:15px 3em 15px 0px;} /* was 100 px instead of 3 em */
.bbquote, .bbmedia {border:2px solid #dab381;padding:5px;border-radius:5px;} /* was #F9D9B0 */
.bbblock .attribution {color:#322311; background:#FADCB6; padding:4px 8px; border-top-left-radius:5px; border-top-right-radius:3px; border-bottom: 1px solid #CFA876; } /* was F9D9B0 */
.bbblock .attribution span {border-bottom:1px dotted #d9bc99;}
.bbblock .attribution a {color:#D8B07C; display: block;float:right;border:1px solid #E9C598; line-height:1; font-size:1.2em; background:#fff9f2; padding:1px 4px; font-weight:bold;border-radius:3px; font-family: 'Trebuchet MS', Helvetica, Arial, sans-serif;}
.bbblock .attribution a:hover {color:#D8B07C;border:1px solid #ddc3a6;background:#fff;text-decoration: none;}

.bbmedia {border-color:#d3d3d3;margin:0px auto 15px auto; width:500px; text-align: center; height:1%;}
.media {display:none;}
.media a {color:#fefefe;}
.media a:hover {text-decoration: underline;background-color:transparent;border:none;}
.embed {margin:5px;}
.embed object {width:490px;height:300px;}

.bbquote blockquote {color:#322311;background:#F8F0E6;border-bottom-left-radius:5px;border-bottom-right-radius:3px;padding:4px 8px;} /* was FFF4E5 then FDF1E2 */

.bbcode {border:2px solid #A1CBE3;padding:5px;border-radius:5px;} /* was #D7EDFC */
.bbblock .other, .bbblock .php, .bbblock .html {color:#27536c;background:#d3e9f5;padding:4px 8px;border-top-left-radius:5px;border-top-right-radius:3px; border-bottom:1px solid #7baac5;} /* D7EDFC */

.bbblock .other {background:#e3e9ec;border-bottom:1px solid #a8b6bd;}
.bbblock pre {overflow:auto;background:#eaeff1;white-space:pre;max-height:400px;}
.bbblock .code {overflow: auto;background:#eff9ff;max-height: 450px;}
.bbblock code {white-space: pre;}

.message sub {font-size:smaller;vertical-align: sub}
.message sup {font-size:smaller;vertical-align: super;}

/* Decorations */
.lastone {margin-bottom:15px;}

/* Event Boxes */
.light h2 a {color:#fff;}
.light h2 a:hover {color:#fff;}
.extra_box {background:#fff url('http://www.myphone.gr/img/content_white_bg.gif') repeat-x;padding:0;border-bottom:none;}
.extra_box .items {width:920px;margin:8px auto;position:relative;padding:10px 0;}
.extra_box .box_info {width:920px;margin:0 auto;position:relative;padding:0;overflow:hidden;}
.extra_box .box_item {width:282px;height:90px;margin:0 11px 15px;border:1px solid #8796ba;border-radius:5px;overflow:hidden;box-shadow:0 2px 2px 2px rgba(0,0,0,.1)}
.extra_box .box_item a {display:block;-moz-transition:.2s all;-webkit-transition:.2s all;padding:5px;height:80px;}
.extra_box .box_item a:hover {background:#f8fafe}

.extra_box .box_tweet a {background:#e5ecfb;}
.extra_box .box_tweet a em {background:#1a8ac4;}
.extra_box .box_tweet a strong {color:#0e3e57;font-weight:normal;letter-spacing:normal;font-size:12px;font-family:verdana;letter-spacing:-1px;}

.extra_box .box_justin a {background:#e5ecfb;}
.extra_box .box_justin a em {background:#d28313;}
.extra_box .box_justin a strong {color:#657396;}

.extra_box .box_trending a {background:#e5ecfb;}
.extra_box .box_trending a em {background:#445580;}
.extra_box .box_trending a strong {color:#657396;}

.extra_box .box_photo a {background:#E1E6F0;}
.extra_box .box_photo a em {background:#565656;border-bottom:2px dotted #E1E6F0;}
.extra_box .box_photo a strong {color:#668;font-weight:bold;letter-spacing:normal;font-size:12px;font-family:verdana;letter-spacing:-1px;}

.extra_box .box_item img {float:left;display:block;width:80px;}
.extra_box .box_item strong {display:block;margin-left:85px;letter-spacing:-1px;font-family:tahoma;font-size:14px;text-align:left;line-height:16px;overflow:hidden;max-height:48px;}
.extra_box .box_item em {display:block;margin:0 0 2px 85px;padding:4px 5px; color:#fff;font-size:10px;border-radius:0 5px 0 0;line-height:1;font-style:normal;font-weight:bold;letter-spacing:-1px;}

#box_item4, #box_item8 {display:none;}

/* Social add-ons */
iframe.facebook {border:1px solid #546b9e; overflow:hidden; width:292px; height:258px; padding:2px 3px;background-color:#fff;}

/* Basic Assumptions */
.imgalign {float:left; margin:0px 20px 20px 0px; position:relative; top:6px; display: none;}
.clearbox {display:block;}

/* Responsive */

@media only screen and (min-width: 1100px) { /* desktop pcs with huge screens */
	body {
		min-width:1020px !important;
	}
	.prewrap {margin:0px auto; width:1020px;}
}
@media only screen and (min-width: 1400px) { /* desktop pcs with really huge screens */
	body {
		min-width:1280px !important;
	}
	.prewrap {margin:0px auto; width:1280px;}
	.scrollable {width:1224px;} 
	.extra_box .items {width:1224px!important}
	#box_item4, #box_item8 {display:block!important;}
}

/* (//.)CK */