@font-face {
  font-family: 'Bitter';
  font-style: normal;
  font-weight: 400;
  src: local('Bitter-Regular'), url(https://themes.googleusercontent.com/static/fonts/bitter/v4/s9gJB935qk_YG8d-lnTdvA.woff) format('woff');
}
@font-face {
  font-family: 'Bitter';
  font-style: normal;
  font-weight: 700;
  src: local('Bitter-Bold'), url(https://themes.googleusercontent.com/static/fonts/bitter/v4/JGVZEP92dXgoQBG1CnQcfD8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
}
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 300;
  src: local('Source Sans Pro Light'), local('SourceSansPro-Light'), url(https://themes.googleusercontent.com/static/fonts/sourcesanspro/v5/toadOcfmlt9b38dHJxOBGIPZSf8Ud0kNoe3bGnF7K24.woff) format('woff');
}
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 400;
  src: local('Source Sans Pro'), local('SourceSansPro-Regular'), url(https://themes.googleusercontent.com/static/fonts/sourcesanspro/v5/ODelI1aHBYDBqgeIAH2zlBBHWFfxJXS04xYOz0jw624.woff) format('woff');
}
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 700;
  src: local('Source Sans Pro Bold'), local('SourceSansPro-Bold'), url(https://themes.googleusercontent.com/static/fonts/sourcesanspro/v5/toadOcfmlt9b38dHJxOBGAE-U1AYRUXXE0Dth8uKIE0.woff) format('woff');
}
@font-face {
  font-family: 'Source Sans Pro';
  font-style: italic;
  font-weight: 300;
  src: local('Source Sans Pro Light Italic'), local('SourceSansPro-LightIt'), url(https://themes.googleusercontent.com/static/fonts/sourcesanspro/v5/fpTVHK8qsXbIeTHTrnQH6HOOzCfWADO619gxuli7ZzU.woff) format('woff');
}
@font-face {
  font-family: 'Source Sans Pro';
  font-style: italic;
  font-weight: 400;
  src: local('Source Sans Pro Italic'), local('SourceSansPro-It'), url(https://themes.googleusercontent.com/static/fonts/sourcesanspro/v5/M2Jd71oPJhLKp0zdtTvoM1xDqsnd7zNt-b9r25av6rY.woff) format('woff');
}
@font-face {
  font-family: 'Source Sans Pro';
  font-style: italic;
  font-weight: 700;
  src: local('Source Sans Pro Bold Italic'), local('SourceSansPro-BoldIt'), url(https://themes.googleusercontent.com/static/fonts/sourcesanspro/v5/fpTVHK8qsXbIeTHTrnQH6L7TcrrtjxQtUk4wnkGIFYE.woff) format('woff');
}


/* base
----------------------------------------------- */

body {
	margin: 0;
	padding: 0;
	font-family: Verdana, "Lucida Grande", Tahoma, Helvetica, sans-serif;
	color: #000;
font-size: 12px;
	background: url(/images/17.jpg);
}

blockquote, p, li {
	padding-right: 10px;
	padding-left: 10px;
	font-size: 0.9em;
	line-height: 1.5em;
}

blockquote {
	margin-right: 0;
	margin-left: 20px;
}

h1, h2, h3 {
	margin: 0 0 15px 0;
	padding: 0 10px;
	font-weight: normal;
}

h1 {
font-family: Bitter;

}

h3 {
font-family: Source Sans Pro;
}

#mainarticle h2 {font-family: Bitter}

small, .small {
	font-size: 0.8em;
}



/* links
----------------------------------------------- */

a {
	text-decoration: none;
color: darkblue;
}


a img {
	border: none;
}

h1 a, h2 a, h3 a {
	border: none;
}

#site-name a {
border: none;
font-weight: 700;
padding-left: 90px;
color: #fff;
}

#head:hover {
background: #444 url(http://cfpm.org/images/3.png) no-repeat 20px 10px;
}



#mainmenu ul#nav {
margin: 1px 20px 10px;
padding: 5px 0;
background: #444;
}

#mainmenu ul li {
display: inline;
font-weight: 700;
border-right: 2px solid #aaa;
margin: 5px 0;
padding: 7px 15px 6px 10px;
}

#mainmenu ul li:hover {
background: #111
}

#mainmenu ul li a {
color: #fff;
margin: 0;
padding: 0
}

#nav ul {
display: none;
position: absolute;
top: 178px;
padding: 0 ;
margin-left: 130px;
background: url(http://cfpm.org/images/12.png);
-webkit-box-shadow: 2px 2px 10px #222;
-moz-box-shadow: 2px 2px 10px #222;
box-shadow: 2px 2px 10px #222;
}

#nav ul li:hover {
background: url(http://cfpm.org/images/13.png);
}

#nav li.current ul {
margin-left: 221px;
}

#nav li.past ul {
margin-left: 344px;
}

/* dropdown */

#nav li:hover > ul {
display: block;
border-top: none;
border-left: none;
}

#nav ul li {
border: none;
border-bottom: 1px dashed #555;
display: list-item;
list-style-type: none;
margin: 0;
color: #eee;
font-weight: normal;
padding: 10px 15px
}

#nav ul li:hover > ul {
margin: 0;
position: absolute;
top: 1px;
left: 190px;
width: 150px;
}

#nav ul li a {font-weight: 700}
#nav ul li:last-child {border: none} 
#nav ul li > ul.founder {margin-top: 140px;}

/* layout
----------------------------------------------- */
#accessibility {
	position: absolute;
	top: -10000px;
}

#container {
	margin: 0px 20px;
}

#head {
text-align: left;
margin: 0 20px;
padding: 30px 10px 20px 10px;
background: #444 url(http://cfpm.org/images/4.png) no-repeat 20px 10px;
}

#site-name {
margin: 30px 35px 0;
padding: 0;
font-size: 2.5em;
}

#site-slogan {
color: #fff;
margin: 0 0 15px 0;
padding: 0 130px;
font-family: Georgia, Times, Serif;
font-style: italic
}

#mainmenu {
margin: 2px 0 40px 0
}

#over {
margin: 20px;
}

#left
{width: 60%;
float: left;
}

#right {
float: right;
width: 38%;
}


#news, #models, #papers, #mainarticle {
background: #fff;
border-top: none;
-webkit-box-shadow: 5px 5px 10px #555;
-moz-box-shadow: 5px 5px 10px #555;
box-shadow: 5px 5px 10px #555; 
}


#mainarticle {
float: left;
width: 100%;
margin: 0 0 40px 0
}

#news {
float: right;
width: 45%;
padding: 0;
}

#models {
float: left;
margin: 0 10px;
margin-bottom: 40px;
width: 45%;
}

#papers {
float: left;
margin: 0 10px;
margin-bottom: 40px;
width: 45%;
}

#news h3, #papers h3, #mainarticle h3, #models h3 {
background: #000;
color: #fff; 
font-weight: 700;
padding: 2px 10px 4px;
border-left: 21px solid orangered;
margin: 0
}

#mainarticle h3 {margin: 0 0 10px 0}


#foot {
margin-top: 5px;
clear: both;
text-align: center;
}

#over ul {
margin: 0 10px; 
padding: 0;
}

#over ul li {
list-style-type: none; 
margin: 0; 
line-height: 1.1em;
padding: 10px 5px;
list-style-position: inside;
border-bottom: 1px dotted #999
}


#cfpmsphere
{
border-top: 2px solid #000;
margin-bottom: 0;
margin-top: 400px;
clear: both;
background: #444;
padding: 20px 45px;
}

#cfpmsphere h3 {
border-bottom: 2px solid #333;
font-size: 1.5em;

}

#cfpmsphere h3 a {
color: #fff;
font-weight: 700;
}

#cfpmsphere ul li a, #cfpmsphere ul li  {color: #ccc;}


#cfpmsphere #links ul li a {
font-weight: 700;
color: #eee;
}

#cfpmsphere #links ul li {
list-style-type: none;
list-style-position: inside;
border-bottom: 2px solid #444;
margin: 5px 0;
padding: 2px 10px 5px 10px;
}

#cfpmsphere #links ul {
margin: 0;
padding: 0;
}

#cfpmsphere #links ul li p {
margin:  0 0 5px 0;
padding: 0;
line-height: 1.5em;
}

#feeds {width: 60%}

#links {
float: right; width: 30%;
margin: 0 20px;
padding-bottom: 5px;
background: #333 url(http://cfpm.org/images/10.png) no-repeat -10px -25px; 
}

a.twitter {
color: #fff;
text-decoration: underline;
padding: 5px 0;
margin: 10px; 
font-weight: 700;
}

#links p {
color: #eee;
padding: 5px 0;
margin: 10px; 
}

#links h3 {
background: #000 url(http://cfpm.org/images/10.png) no-repeat -010px -25px; 
border: none;
text-align: right;
margin: 0;
padding: 2px 20px;
color: #fff;
font-weight: 700;
}

#footer {background: #222;
border-top: 2px solid #000;
margin: 0;
clear: both;
padding: 10px;}

#footer p {
text-align: center;
color: #ddd;
}

#footer a {
color: #fff;
font-weight: 700}

/* images
----------------------------------------------- */

.MMU {
float: right;
margin: 0 50px;
padding: 10px 5px;
background: #fff;
border: 1px dashed #000;
-webkit-box-shadow: 2px 2px 10px #000;
-moz-box-shadow: 2px 2px 10px #000;
box-shadow: 2px 2px 10px #000;
}


img.RSSFeed {float: right;
margin: 5px 10px;
}

/* articles
----------------------------------------------- */

.directory {
	list-style-type: circle;
}

.author {
	font-style: italic;
	font-size: 0.9em;
margin: 0 10px;
}

.code {margin: 5px 10px;
}

.code a {font-weight: 700}

.published {
	font-size: 0.8em;
}

img.article_image {
float: left; 
margin: 0 10px 10px;
border: 1px solid #aaa;
padding: 2px;
}

img.internal
{
float: none; 
margin: 10px;
border: none;
padding: 2px;
}


img.stretch {
width: 98%
}

h4 {margin: 15px 10px 0;}

#over ul.files li.download, #over #mainarticle ul li {
border: none;
margin: 5px 10px;
padding: 0;
line-height: 1.2em;
list-style-position: inside;
list-style-type: square;
}

/* comments
----------------------------------------------- */

.comments_error {
	color: #000;
	background-color: #fff4f4;
}

ul.comments_error {
	padding : 0.3em;
	list-style-type: circle;
	list-style-position: inside;
	border: 2px solid #fdd;
}

div#cpreview {
	color: #000;
	background-color: #f1f1f1;
	border: 2px solid #ddd;
}

form#txpCommentInputForm td {
	vertical-align: top;
}

#comments-help {
	margin: 2px 0 15px 0;
	font-size: 0.7em;
}

/* error page
----------------------------------------------- */

.error-status {
	font: 1.3em Georgia, Times, serif;
}

iframe {
border: none;
width: 100%;
height: 1000px
}

hr {
margin: 0 10px;
border: 1px dashed #999
}


@media only screen and (max-width: 1000px) {

body {font-size: 11px}
h1 a {font-size: .8em}
h3 {font-size: 1em}

#nav ul {
top: 178px;
margin-left: 122px;
}

#nav ul li:hover > ul {
top: 0px;
left: 180px;
width: 120px;
}

#nav li.current ul {
margin-left: 201px;
}

#nav li.past ul {
margin-left: 314px;
}

@media only screen and (max-width: 700px) {

body {font-size: 10px}
h1 a {font-size: .8em}
h3 {font-size: .9em}

#nav ul {
top: 158px;
margin-left: 112px;
}

#nav ul li:hover > ul {
top: 0px;
left: 180px;
width: 120px;
}

#nav li.current ul {
margin-left: 201px;
}

#nav li.past ul {
margin-left: 314px;
}

}