/*
Theme Name: MOPH
*/


/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}


/* --------------------------- Text ------------------------- */

body{
	background-color: #e6e6e6;
	color: #6d6c71;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 20px;
}

h1, h2, h3, h4, h5, h6, p, ol, ul{
	margin-bottom: 10px;
}

h1, h2, h3, h4, h5, h6{
	font-family: 'Crimson Text', serif;
	font-weight: normal;
}

h2, h3, h4, h5, h6{
	color: #555;
}

h1{
	color: #464646;
	font-size: 28px;
	line-height: 28px;
}

h2{
	font-size: 25px;
	line-height: 25px;
}

h3{
	font-size: 22px;
	line-height: 22px;
}

h4{
	font-size: 19px;
	line-height: 19px;
}

h5{
	font-size: 16px;
	line-height: 16px;
}

h6{
	font-size: 13px;
}

a{
	color: #4265a7;
	text-decoration: underline;
}

a:hover{
	text-decoration: none;
}


/* --------------------------- Global Styles ------------------------- */

#wrap{
	margin: 0 auto;
}

#wrap, .topCurve, .bottomCurve{
	width: 1026px;
}

#header{
	background: url('images/header_bg.png') 0 0 repeat-y;
	margin-top: -4px;
	padding: 0 11px;
}

#content{
	background: url('images/content_bg.png') 0 0 repeat-y;
	padding-top: 10px;
}

#content{
	overflow: hidden;
}

#main-column{
	margin-left: 9px;
	width: 766px;
}

#side-column{
	margin-left: 21px;
	width: 210px;
}

#main-column, #side-column{
	float: left;
}

#footer{
	background: url('images/footer_bg.png') 0 0 repeat-y;
	overflow: hidden;
}

#footer, .footer_bottomCurve{
	margin: 0 auto;
	width: 1004px;
}


/* --------------------------- Wrap ------------------------- */

.topCurve{
	background: url('images/top_curve.png') 0 0 no-repeat;
	height: 14px;
}

.bottomCurve{
	background: url('images/bottom_curve.png') 0 0 no-repeat;
	height: 26px;
}


/* --------------------------- Header ------------------------- */

img.logo{
	float: left;
	margin: 5px 0 0 10px;
}

img.doctor{
	float: right;
}

#nav_bg{
	background: url('images/nav_bg.png') 0 0 repeat-x;
	height: 33px;
	clear: both;
}

.jquerycssmenu{
	/*padding-left: 15px;*/ /*offset of tabs relative to browser left edge*/
}

.jquerycssmenu ul{
	list-style-type: none;
	margin: 0;
}

/*Top level list items*/
.jquerycssmenu ul li{
	border-right: 1px solid #60626b;
	display: inline;
	float: left;
	position: relative;
}

/*Top level menu link items style*/
.jquerycssmenu ul li a{
	/*border-bottom: 1px solid #434d7d;*/
	color: #fff;
	display: block;
	padding: 7px 25px 5px;
	text-decoration: none;
}

.jquerycssmenu ul li a:hover{
	background-color: #4f73b8; /*tab link background during hover state*/
}

.jquerycssmenu ul li a.current{
	background: url('images/nav_tab_active.png') top center no-repeat;
}
	
/*1st sub level menu*/
.jquerycssmenu ul li ul{
	display: block;
	left: 0;
	position: absolute;
	visibility: hidden;	
}

/*Sub level menu list items (undo style from Top level List Items)*/
.jquerycssmenu ul li ul li{
	display: list-item;
	float: none;
}

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.jquerycssmenu ul li ul li ul{
	top: 0;
}

/* Sub level menu links style */
.jquerycssmenu ul li ul li a{
	background-color: #4f73b8;
	border-bottom: 1px solid #434d7d;
	border-left: 1px solid #434d7d;
	border-right: 1px solid #434d7d;
	margin: 0;
	padding: 4px 5px;
	width: 160px; /*width of sub menus*/
}

.jquerycssmenu ul li ul li a:hover{ /*sub menus hover style*/
	background-color: #fff;
	color: #434d7d;
}

/* ######### CSS classes applied to down and right arrow images  ######### */

/*.downarrowclass{
	position: absolute;
	top: 7px;
	right: 5px;
}
*/
.rightarrowclass{
	position: absolute;
	right: 5px;
	top: 11px;
}

img.rss{
	margin-top: 5px;
}

.socialWrap{
	margin-left: 343px;
	position: absolute;
}

.rssWrap, .fbWrap, .tweetWrap{
	border-right: 1px solid #60626B;
}

.rssWrap, .fbWrap, .tweetWrap, .plusWrap{
	float: left;
	height: 33px;
	padding: 0 10px;
}

.fbWrap, .tweetWrap, .plusWrap{
	width: 85px;
}

.fbWrap .fb-like{
	margin-top: 6px;
}

.tweetWrap iframe.twitter-share-button{
	margin-top: 7px;
}

.plusWrap .plusInner{
	margin-top: 4px;
}


/* --------------------------- Main Column ------------------------- */

.schoolCurve_top{
	background: url('images/school_curve_top.png') 0 0 no-repeat;
	height: 11px;
}

.schoolCurve_bottom{
	background: url('images/school_curve_bottom.png') 0 0 no-repeat;
	height: 7px;
	margin-bottom: 6px;
}

.schoolWrap{
	background: #f6f6f6 url('images/school_bg.png') left bottom no-repeat;
	border-left: 1px solid #e4e2e1;
	border-right: 1px solid #e4e2e1;
	overflow: hidden;
}

.schoolWrap p.schoolLinks{
	font-size: 10px;
	margin-bottom: 0;
}

.schoolLogoWrap{
	background: url('images/school_divider.png') right top repeat-y;
	margin: 0 0 5px 11px;
	padding-right: 10px;
	width: 152px;
}

.schoolTextWrap{
	margin-left: 10px;
	width: 572px;
}

.schoolLogoWrap, .schoolTextWrap{
	float: left;
}

a.clickhere{
	background: url('images/clickhere.png') 0 0 no-repeat;
	display: block;
	float: right;
	height: 55px;
	margin: 3px -11px 0 0;
	width: 222px;
}

a.clickhere:hover{
	background-position: 0 -55px;
}

.content_widget{
	background-color: #f6f6f6;
	border: 1px solid #e4e2e1;
	margin: 30px auto 15px;
	padding: 15px;
	width: 300px;
}

#main-column ul{
	list-style: disc;
}

#main-column ol{
	list-style: decimal;
}

#main-column ul, #main-column ol{
	margin-left: 30px;
}

h3.moreLink{
	margin-top: 15px;
}


/* --------------------------- Side Column ------------------------- */

#side-column h3{
	background: #dbdada url('images/side_heading_shadow.png') left bottom repeat-x;
	color: #646464;
	font-size: 18px;
	margin-bottom: 0;
	padding: 10px 10px 15px;
	text-align: center;
}

li.side_area{
	padding-bottom: 10px;
}

li.side_area p{
	margin: 5px 10px 0;
}

ul.degrees{
	padding: 0 10px;
}

ul.degrees li{
	background: url('images/programs_divider.png') left bottom repeat-x;
	padding: 5px 0;
}

ul.degrees a{
	background: url('images/programs_icon.png') 0 7px no-repeat;
	display: block;
	padding-left: 40px;
}

ul.degrees li:hover{
	background-color: #efefef;
}

.shareWrap{
	padding: 10px;
}

.shareSection{
	border-bottom: 1px solid #e4e2e1;
	margin-bottom: 5px;
	padding-bottom: 5px;
}


/* --------------------------- Footer Elements ------------------------- */

.footer_bottomCurve{
	background: url('images/footer_bottom_curve.png') 0 0 no-repeat;
	height: 21px;
}

#footer, #footer h2.entry-title, #footer a{
	color: #fff;
}

.recentPosts{
	float: left;
	padding: 10px 0 10px 20px;
}

#footer ul{
	margin: 0;
}

img.backToTop{
	float: right;
	margin: 75px 20px 0 0;
}

p.copyright{
	font-size: 11px;
	text-align: center;
}


/* ------------------------------- Form Elements ------------------------------- */

input[type="text"], select{
	display: block;
	margin-bottom: 10px;
}

.widget_form{
	margin: 10px 0 10px 15px;
}

.widget_form select{
	width: 180px;
}

input.submit_now{
	background: url('images/submit_now.png') 0 0 no-repeat;
	border: none;
	cursor: pointer;
	height: 40px;
	margin-left: 18px;
	width: 141px;
}

input.submit_now:hover{
	background-position: 0 -40px;
}

.content_widget .widget_form, .content_widget input.submit_now{
	margin-left: 0;
}

/* ------------------------------- Table Elements ------------------------------- */

/* ------------------------------- Blog Elements ------------------------------- */

.post, .page{
	padding: 0 10px 10px 10px;
}

.blog-title{
	border-bottom: 1px solid #e4e2e1;
	padding-bottom: 13px;
}

.entry-meta{
	font-size: 13px;
	font-weight: bold;
	margin: 5px 0;
}

.entry-utility{
	border: 1px solid #e4e2e1;
	font-size: 10px;
	padding: 5px;
}

#nav-below{
	background-color: #f6f6f6;
	border: 1px solid #e4e2e1;
	overflow: hidden;
	padding: 10px;
}

.nav-previous, .nav-next{
	width: 300px;
}

.nav-previous{
	float: left;
	text-align: left;
}

.nav-next{
	float: right;
	text-align: right;
}


/* ------------------------------- Extras ------------------------------- */

strong{
	font-weight: bold;
}

em{
	font-style: italic;
}


/* =Images
-------------------------------------------------------------- */

/*
Resize images to fit the main content area.
- Applies only to images uploaded via WordPress by targeting size-* classes.
- Other images will be left alone. Use "size-auto" class to apply to other images.
*/
img.size-auto,
img.size-full,
img.size-large,
img.size-medium,
.attachment img {
	max-width: 100%; /* When images are too wide for containing element, force them to fit. */
	height: auto; /* Override height to match resized width for correct aspect ratio. */
}
.alignleft,
img.alignleft {
	display: inline;
	float: left;
	margin-right: 24px;
	margin-top: 4px;
}
.alignright,
img.alignright {
	clear: both;
	display: inline;
	float: right;
	margin-left: 24px;
	margin-top: 4px;
}
.aligncenter,
img.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
img.alignleft,
img.alignright,
img.aligncenter {
	margin-bottom: 12px;
}
.wp-caption {
	background: #f1f1f1;
	line-height: 18px;
	margin-bottom: 20px;
	max-width: 632px !important; /* prevent too-wide images from breaking layout */
	padding: 4px;
	text-align: center;
}
.wp-caption img {
	margin: 5px 5px 0;
}
.wp-caption p.wp-caption-text {
	color: #888;
	font-size: 12px;
	margin: 5px;
}
.wp-smiley {
	margin: 0;
}
.gallery {
	margin: 0 auto 18px;
}
.gallery .gallery-item {
	float: left;
	margin-top: 0;
	text-align: center;
	width: 33%;
}
.gallery-columns-2 .gallery-item {
	width: 50%;
}
.gallery-columns-4 .gallery-item {
	width: 25%;
}
.gallery img {
	border: 2px solid #cfcfcf;
}
.gallery-columns-2 .attachment-medium {
	max-width: 92%;
	height: auto;
}
.gallery-columns-4 .attachment-thumbnail {
	max-width: 84%;
	height: auto;
}
.gallery .gallery-caption {
	color: #888;
	font-size: 12px;
	margin: 0 0 12px;
}
.gallery dl {
	margin: 0;
}
.gallery img {
	border: 10px solid #f1f1f1;
}
.gallery br+br {
	display: none;
}
#content .attachment img {/* single attachment images should be centered */
	display: block;
	margin: 0 auto;
}


/* =Comments
-------------------------------------------------------------- */
#comments {
	clear: both;
}
#comments .navigation {
	padding: 0 0 18px 0;
}
h3#comments-title,
h3#reply-title {
	color: #000;
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 0;
}
h3#comments-title {
	padding: 24px 0;
}
.commentlist {
	list-style: none;
	margin: 0;
}
.commentlist li.comment {
	border-bottom: 1px solid #e7e7e7;
	line-height: 24px;
	margin: 0 0 24px 0;
	padding: 0 0 0 56px;
	position: relative;
}
.commentlist li:last-child {
	border-bottom: none;
	margin-bottom: 0;
}
#comments .comment-body ul,
#comments .comment-body ol {
	margin-bottom: 18px;
}
#comments .comment-body p:last-child {
	margin-bottom: 6px;
}
#comments .comment-body blockquote p:last-child {
	margin-bottom: 24px;
}
.commentlist ol {
	list-style: decimal;
}
.commentlist .avatar {
	position: absolute;
	top: 4px;
	left: 0;
}
.comment-author {
}
.comment-author cite {
	color: #000;
	font-style: normal;
	font-weight: bold;
}
.comment-author .says {
	font-style: italic;
}
.comment-meta {
	font-size: 12px;
	margin: 0 0 18px 0;
}
.comment-meta a:link,
.comment-meta a:visited {
	color: #888;
	text-decoration: none;
}
.comment-meta a:active,
.comment-meta a:hover {
	color: #ff4b33;
}
.commentlist .even {
}
.commentlist .bypostauthor {
}
.reply {
	font-size: 12px;
	padding: 0 0 24px 0;
}
.reply a,
a.comment-edit-link {
	color: #888;
}
.reply a:hover,
a.comment-edit-link:hover {
	color: #ff4b33;
}
.commentlist .children {
	list-style: none;
	margin: 0;
}
.commentlist .children li {
	border: none;
	margin: 0;
}
.nopassword,
.nocomments {
	display: none;
}
#comments .pingback {
	border-bottom: 1px solid #e7e7e7;
	margin-bottom: 18px;
	padding-bottom: 18px;
}
.commentlist li.comment+li.pingback {
	margin-top: -6px;
}
#comments .pingback p {
	color: #888;
	display: block;
	font-size: 12px;
	line-height: 18px;
	margin: 0;
}
#comments .pingback .url {
	font-size: 13px;
	font-style: italic;
}

/* Comments form */
input[type=submit] {
	color: #333;
}
#respond {
	border-top: 1px solid #e7e7e7;
	margin: 24px 0;
	overflow: hidden;
	position: relative;
}
#respond p {
	margin: 0;
}
#respond .comment-notes {
	margin-bottom: 1em;
}
.form-allowed-tags {
	line-height: 1em;
}
.children #respond {
	margin: 0 48px 0 0;
}
h3#reply-title {
	margin: 18px 0;
}
#comments-list #respond {
	margin: 0 0 18px 0;
}
#comments-list ul #respond {
	margin: 0;
}
#cancel-comment-reply-link {
	font-size: 12px;
	font-weight: normal;
	line-height: 18px;
}
#respond .required {
	color: #ff4b33;
	font-weight: bold;
}
#respond label {
	color: #888;
	font-size: 12px;
}
#respond input {
	margin: 0 0 9px;
	width: 98%;
}
#respond textarea {
	width: 98%;
}
#respond .form-allowed-tags {
	color: #888;
	font-size: 12px;
	line-height: 18px;
}
#respond .form-allowed-tags code {
	font-size: 11px;
}
#respond .form-submit {
	margin: 12px 0;
}
#respond .form-submit input {
	font-size: 14px;
	width: auto;
}

.dfw-sidebar select {width: 180px;}
.dfw-sidebar form {margin: 10px 0 0 15px;}

.dfw-content select {width: 180px;}