/* ------ Общие стили
-----------------------------------------------*/

#content{
	margin:0 auto;
	width:1000px;
	text-align:left;
}
.example_header {
	padding:10px;
	background:#EDEDED;
	float:left;
	clear:both;
	width:980px;
	margin-bottom:10px;
	font-weight: bold;
}

.code_sample{
	clear:both;
}

/* ------ mobilynotes
-----------------------------------------------*/

.wrapper {
float:left;
clear:both;
width:100%;
height:200px;
margin:60px 0 60px;
}

.notes_txt,
.notes_img {
position:relative;
clear:both;
width:200px;
height:200px;
}

.notes_txt {
float:left;
}

.notes_img {
margin:0 auto;
}

.note {
position:absolute;
top:0;
left:0;
padding:10px;
background:#fff;
border:1px solid #D8D8D8;
width:200px;
}

.notes_img {
height:200px;
}

.notes_txt {
margin-right:80px;
margin-left:30px;
}

.notes_txt h2 {
margin:0;
margin-bottom:10px;
font-size:14px;
}

.notes_txt .note {
background:#fff;
color:#231F20;
/* CSS3 */
-moz-border-radius:8px;
-webkit-border-radius:8px;
border-radius:8px;
}

ul.listNotes,
ul.listNotes li {
display:block;
list-style:none;
padding:0;
margin:0;
}

ul.listNotes li {
float:left;	
}

ul.listNotes a {
display:block;
line-height:30px;
padding:0 10px;
background:#231F20;
color:#fff;
text-decoration:none;
margin:0 10px 10px 0;
outline:none;
/* CSS3 */
-moz-border-radius:8px;
-webkit-border-radius:8px;
border-radius:8px;
}

ul.listNotes a:hover {
background:#fff;
color:#12202C;
}

a {
color:#fff;
}

a img {
border:none;
}