/* Start of CMSMS style sheet 'iPhoneStore CSS Main' */
/* iPhone  MAIN CSS Document */


/* iphone colors   orange #f58d14  link gray  #aaaaaa  */

* {
margin:0;
padding:0;
}

/* Set initial font styles */

body {
   text-align: left;
   font-family:"Myriad Pro","Lucida Grande","Lucida Sans Unicode",Helvetica,Arial,Verdana,sans-serif;
   font-size: 13px;
   line-height: 14px;
   font-weight:normal;
}

/*
set font size for all divs,
this overrides some body rules
*/
div {
   font-size: 1em;
}

/*
if img is inside "a" it would have 
borders, we don't want that
*/
img {
   border: 0;
}

/*
default link styles
*/
/* set all links to have underline and bluish color */
a,
a:link 
a:active {
   text-decoration: underline;
/* css validation will give a warning if color is set without background color. this will explicitly tell this element to inherit bg colour from parent element */
   background-color: inherit; 
   font-weight:400;
   color:#f58d14 ;
   /*color: #aaaaaa; */
}

a:visited {
   text-decoration: underline;
   background-color: inherit;
  color: #bbbbbb;                /* a different color can be used for visited links */
}


/* remove underline on hover and change color */
a:hover {
   text-decoration: none;
   /*background-color: #C3D4DF;*/
   color: #f58d14;
}

/*****************
basic layout 
*****************/
body {
   background-color: #212121;
   color: #333;
   margin:0; /*gives some air for the pagewrapper */
}

/* center wrapper, min max width */
div#pagewrapper {
    margin: 0 auto;     /* this centers wrapper */
   max-width: 966px; /* IE wont understand these, so we will use javascript magick */
   min-width: 60em;
   background-image:url(/images/mainback.jpg);
   background-position:top center;
   background-repeat:repeat-y;
   background-color: #black;;
   color: white;
/* background-color: #fff;;
   color: black; 
   border: 1px solid black;*/
}


/*** header ***
we will hide text and replace it with a image
we need to assign a height for it
*/

div#header {
   height: 110px; /* adjust according your image size */
   background: #212121;           
}

div#header h1 a {
/* you can set your own image here */
   background: #212121 url(/images/iphone_logo.jpg) no-repeat 0 2px; 
   display: block; 
   height: 110px;             /* adjust according your image size */
   text-indent: -999em;  /* this hides the text */
   text-decoration:none; /* old firefox would have shown underline for the link, this explicitly hides it */
}

div#search {
   float: right;
   width: 27em;     /* enough width for the search input box */
   text-align: right;
   padding: 0.6em 0 0.2em 0;
   margin: 0 1em;
}

div.breadcrumbs {
   padding: 1em 0 1.2em 0; /* CSS short hand rule first value is top then right, bottom and left */
   font-size: 90%;             /* its good to set fontsizes to be relative, this way viewer can change his/her fontsize */
   margin: 0 1em;              /* css shorthand rule will be opened to be "0 1em 0 1em" */
   border-bottom: 1px dotted #000;
}

 div.breadcrumbs span.lastitem { 
   font-weight:bold; 
 }


div#content {
   margin: 1.5em auto 2em 0; /* some air above and under menu and content */
}

div#main {
   margin-left: 29%; /* this will give room for sidebar to be on the left side, make sure this space is bigger than sidebar width */
   margin-right: 2%; /* and some air on the right */
}


div#sidebar {
   float: left;  /* set sidebar on the left side. Change to right to float it right instead. */
   width: 26%;    /* sidebar width, if you change this please also change #main margins */
   display: inline;  /* FIX ie doublemargin bug */
   margin-left: 0;
}

/* if sidebar doesnt include menu but content add class="hascontent" */
div#sidebar.hascontent {
   padding: 0 1%;
   width: 24%;  /* make width smaller if there's padding, or it will get too wide for the floated divs in IE */
}

div#footer {
   clear:both;       /* keep footer below content and menu */
   color: #fff;
   height:130px;
   width:966px;
   background-image:url(/images/mainback_footer.jpg);
   background-position:top 0px;
   background-repeat:no-repeat;
   background-color: #212121; /* same bg color as in header */
}

div#footer p {
   font-size: 0.8em;
   padding: 3em;      /* some air for footer */
   text-align: right; /* centered text */
   margin:0;
}

div#footer p a {
   color: #fff; /* needed becouse footer link would be same color as background otherwise */
}

/* as we hid all hr for accessibility we create new hr with extra div element */
div.hr {
   height: 1px;
   margin: 1em;
   border-bottom: 1px dotted black;
}

/* relational links under content */
div.left49 {
  float: left;
  width: 49%;  /* 50% for both left and right might lead to rounding error on some browser */
}

div.right49 {
  float: right;
  width: 49%;
  text-align: right;
}




/********************
CONTENT STYLING
*********************/
div#content {

}

/* HEADINGS */
div#content h1 {
   font-size: 2em;  /* font size for h1 */
   line-height: 1em;
   margin: 0;
}
div#content h2 {
   color: #f58d14; 
   font-size: 1.5em; 
   text-align: left; 
/* some air around the text */
   padding-left: 0.5em;
   padding-bottom: 1px;
/* set borders around header */
   border-bottom: 1px solid #f58d14; 
  /* border-left: 1.1em solid #e7ab0b; */
   line-height: 1.5em;
/* and some air under the border */
   margin: 0 0 0.5em 0;
}
div#content h3 {
   color: #f58d14; 
   font-size: 16px;
   line-height: 1.3em;
   margin: 0 0 0.5em 0;
}
div#content h4 {
   color: #f58d14; 
   font-size: 1.2em;
   line-height: 1.3em;
   margin: 0 0 0.25em 0;
}
div#content h5 {
   font-size: 1.1em;
   line-height: 1.3em;
   margin: 0 0 0.25em 0;
}
h6 {
   font-size: 1em;
   line-height: 1.3em;
   margin: 0 0 0.25em 0;
}
/* END HEADINGS */

/* TEXT */
p {
   font-size: 1em;
   margin: 0 0 1.5em 0;  /* some air around p elements */
   line-height:1.4em;
   padding: 0;
}
blockquote {
   border-left: 10px solid #ddd;
   margin-left: 10px;
}
pre {
   font-family: monospace;
   font-size: 1.0em;
}
strong, b {
/* explicit setting for these */
   font-weight: bold;
}
em, i {
/* explicit setting for these */
   font-style:italic;
}

/* Wrapping text in <code> tags. Makes CSS not validate */
code, pre {
 white-space: pre-wrap;       /* css-3 */
 white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
 white-space: -pre-wrap;      /* Opera 4-6 */
 white-space: -o-pre-wrap;    /* Opera 7 */
 word-wrap: break-word;       /* Internet Explorer 5.5+ */
 font-family: "Courier New", Courier, monospace;
 font-size: 1em;
}

pre {
   border: 1px solid #000;  /* black border for pre blocks */
   background-color: #ddd;
   margin: 0 1em 1em 1em;
   padding: 0.5em;
   line-height: 1.5em;
   font-size: 90%;   /* smaller font size, as these are usually not so important data */
}

/* END TEXT */

.white_content_menu{background-image:url("/images/white_back_menucontent.jpg");
background-repeat:repeat-y;
color:#AAAAAA;
min-height:650px;
text-align:left;}


/* LISTS */
div#main ul,
div#main ol,
div#main dl {
  font-size: 1.0em;
   line-height:1.4em;
   margin: 0 0 1.5em 0;
}
div#main ul li,
div#main ol li {
   margin: 0 0 0.25em 3em;
}

div#dl dt {
   font-weight: bold;
   margin: 0 0 0.25em 3em;
}
div#dl dd {
   margin: 0 0 0 3em;
}
/* END LISTS */


/* white blocks */
.iphone_white{width:660px}
.white_top{
	background-image:url(/images/white_back_top.jpg);
	background-repeat:no-repeat;
	background-position:left top;
	height:22px;
}
.white_content{
	background-image:url(/images/white_back_content.jpg);
	background-repeat:repeat-y;
	padding:15px;
	text-align:left;
	color:#5e5e5e;
}
.white_content4itunes{
	background-image:url(/images/white_back_content.jpg);
	background-repeat:repeat-y;
	padding:15px;
	text-align:left;
	color:#5e5e5e;
}

.white_content_search_itunes{
	background-image:url(http://www.iphone-store.org/images/iTunes_search_block.jpg);
	background-repeat:no-repeat;
        height:250px;
	padding:15px;
	text-align:left;
	color:#5e5e5e;
}
.white_content_search_accessories{
	background-image:url(http://www.iphone-store.org/images/accessories_search_block.jpg);
	background-repeat:no-repeat;
        height:250px;
	padding:15px;
	text-align:left;
	color:#5e5e5e;
}


white_bottom{
	background-image:url(/images/white_back_bottom.jpg);
	background-position:left top;
	background-repeat:no-repeat;
	height:20px;
}

/* itunes FEED */
.white_content4itunes p  { margin-top:18px;padding-left:10px; }
.white_content4itunes p b a {font-size:14px; font-weight:bold; }
.white_content4itunes table {
		border:0px none !important; 
		background-color:#f5f5f5;
		padding-top:5px;
		padding-bottom:5px;
		/*background-image:url(/images/whitepaperback.jpg);	background-position:center bottom; background-repeat:no-repeat; min-height:155px;*/
	/*border-top:0px none !important; 
	border-left:0px none !important; 
	border-right:#eee 1px solid  !important; 
	border-bottom:#eee 1px solid  !important; 
	background-color:#f5f5f5;*/
	/*background-image:url(/images/h_separator.jpg);	background-position:center bottom;	background-repeat:no-repeat; height:10px;*/  }

.white_content4itunes table tr td table,
.white_content4itunes table tr td table tr td table,
.white_content4itunes table tr td table tr td table tr td table{border:0px none !important;}

.divider{background-image:url(/images/h_separator.jpg);	background-position:center top;	background-repeat:no-repeat; height:10px; }

.white_content4itunes table  tr td {border:0px none !important; }
.white_content4itunes table tr td table tr td {border:0px none !important;}
.white_content4itunes table tr td table tr td table tr td {border:0px none !important;}
.white_content4itunes table tr td table tr td table tr td table tr td {border:0px none !important;}


.white_content p a{font-size:16px; margin-top:5px; margin-bottom:1px; padding-top:8px; /* margin-top:8px; */}

.white_content p em{display:none;width:600px;color:white}

/* itunes FEED */



/* end white blocks */

/* lgray blocks */
.iphone_white{width:660px}
.lgray_top{
	background-image:url(/images/lgray_back_top.jpg);
	background-repeat:no-repeat;
	background-position:left top;
	height:22px;
}
.lgray_content{
	background-image:url(/images/lgray_back_content.jpg);
	background-repeat:repeat-y;
	min-height:200px;
	padding:15px;
	text-align:left;
	/*color:#5e5e5e;*/
}
.lgray_bottom{
	background-image:url(/images/lgray_back_bottom.jpg);
	background-position:left top;
	background-repeat:no-repeat;
	height:20px;
}
/* end lgray blocks */

/* gray blocks */
.iphone_gray{width:230px}
.gray_top{
	background-image:url(/images/gray_back_top.jpg);
	background-repeat:no-repeat;
	background-position:left top;
	height:15px;
}
.gray_content{
	background-image:url(/images/gray_back_content.jpg);
	background-repeat:repeat-y;
	min-height:650px;
	padding:10px;
	text-align:left;
	color:#aaaaaa;
}
gray_bottom{
	background-image:url(/images/gray_back_bottom.jpg);
	background-position:left top;
	background-repeat:no-repeat;
	height:15px;
}
.for_gray h2  {font-size:11px;color:#fafafa}
/* end gray blocks */


/*  RSS news  */
.iphone_rss{width:630px}       
.iphone_rss h3, .iphone_rss td, .iphone_rss tr, .iphone_rss th { font-size:11px;color:#ffffff;background-color:#000000;}

/* end RSS news  */

/* blog */
.blogs-breadcrumb{background-color:#121212;padding:4px}
.blogs-showblogsentries{padding:5px}
.blogs-showblogsentry {padding-top:5px; padding-bottom:5px; margin-bottom:1px solid #818181}
.blogs-showentrytitle{padding-top:3px; padding-bottom:3px; margin-bottom:1px solid #818181; font-weight:bold; color:#F58D14}
.blogs-showblogsentrytime, .blogs-showentrytime{font-size:10px;color:#f5f5f5;padding:4px}
.blogs-showblogsentryshorttext{line-height:17px;color:#F5F5F5;padding-top:3px; padding-bottom:3px;}
.blogs-showblogsentrycategory{font-size:10px; float:right; color:#F58D14; font-style:italic; padding-left:5px}
.blogs-showblogsentrycomments{font-size:10px; float:right; color:#F58D14; font-style:italic; padding-left:5px}
.blogs-addcommentlabel{line-height:17px;color:#F5F5F5;padding-top:5px; padding-bottom:5px;}
.blogs-showentrycomments{line-height:17px;color:#999;padding-top:7px; padding-bottom:7px; font-size:11px; font-weight:500;}
.blogs-showentrycomment{padding:7px; margin-top:5px; background-color:#101010;}
.blogs-showblogsentrytitle a, .blogs-showblogsentrytitle a:link{color:#F58D14}
.blogs-addcommentinput{width:300px}
.blogs-showmessage{color:red;font-size:17px;line-height:60px;text-decoration:blink; }

.blogs-showcategoryentrytitle{font-weight:500; color:#F58D14; }
.blogs-showcategoryentrytitle h3 a{font-weight:500; color:#F58D14; }
.blogs-showcategoryentrytime{font-size:11px; margin-top:5px; margin-bottom:5px}
/* blog */

/* iphone vs nexus .. news */

#iphone_batle{}
#iphone_batle td{min-height:40px; height:45px; color:#fafafa; border-bottom:#5e5e5e 2px dotted}
.text_big{font-size:13px; font-weight:normal; color:#fafafa; padding-top:3px}
.text_small{font-size:11px; font-weight:normal; color:#FFF; padding-top:3px}
.text_huge{font-size:15px; font-weight:normal; vertical-align:middle; padding-top:3px}

/* iphone vs nexus .. news */

/* blogs - news & articles */
/* news */
.NewsSummaryLink a{color:#f58d14;text-decoration:none; font-size:12px}
.NewsSummaryLink a:hover{text-decoration:underline}
/* news */

/* slided main menu */
.menu { height:40px;display:block; float:left;} 
.menu a {} 
.menu div { height:auto; display:none; float:left; }
.menu_slided_subtitle{font-size:11px; color:#fafafa}
.menu_slided_content {color:#f0f0f0; padding-left:20px; width:200px}
.menu_slided_content ul{}
.menu_slided_content li{}

/* slided main menu */


/* slided stuff  */
.slided_title {font-size:14px; line-height:25px;}
slided_subtitle {color:#fafafa}
.slided_content {color:#f0f0f0}
/* slided stuff  */




/* End of 'iPhoneStore CSS Main' */