/*   
Theme Name: CTMRISP
Theme URI: ctmrisp.org
Description: CT-MRI Society of the Philippines
Author: Ronnie Enriquez Baticulon
Author URI: http://ctmrisp.org/
Template: thematic
Version: 1.0
Tags: Thematic
.
Thematic is © Ian Stewart http://themeshaper.com/
.
*/

/* Reset browser defaults */
@import url('../thematic/library/styles/reset.css');

/* Apply basic typography styles */
@import url('../thematic/library/styles/typography.css');

/* Apply a basic layout */
@import url('../thematic/library/layouts/2c-l-fixed.css');

/* Apply basic image styles */
@import url('../thematic/library/styles/images.css');

/* Apply default theme styles and colors */
/* It's better to actually copy over default.css into this file (or link to a copy in your child theme) if you're going to do anything outrageous */
@import url('../thematic/library/styles/default.css');

/* Prepare theme for plugins */
@import url('../thematic/library/styles/plugins.css');


/* COLORS

Stone		#858265
Dk Brown	#403a1b
Brown		#817636
Lt Brown	#b0a866
Ecru		#ece6ad
Green		#17742d
Dark Green	#0c3a17

*/


/* CONTAINERS */

body {
background:#858265;
min-width:970px;
}
#branding {
background-image:url(images/header.jpg);
margin:0 auto;
width:950px;
height:250px;
padding:0;
}
#wrapper {
background-image:url(images/wrapper.jpg);
background-position:center center;
background-repeat:repeat-y;
width: 970px;
margin: 0px auto;
position: relative;
}
#main {
background:#ECE6AD;
clear:both;
margin:0 auto;
padding:20px 0 0;
width:950px;
}
#footer {
width: 950px;
margin: 0 auto;
padding-top: 115px;
height: 25px;
color: #fff;
border-top: none;
border-bottom: 5px solid #817636;
background: #d4c259 url(images/footer.jpg) no-repeat left bottom;
}
#siteinfo {
padding: 0px;
color: #fff;
text-align: center;
}


/* HYPERLINKS */

a:link, a:visited {
color: #17742d;
text-decoration: none;
}
a:active, a:hover {
color: #403a1b;
text-decoration: underline;
}
#siteinfo a:link, #siteinfo a:visited {
color: #b0a866;
}
#siteinfo a:active, #siteinfo a:hover {
color: #17742d;
}
#main a:active, #main a:hover {
color: #403a1b;
}
#shortabout a:link, #shortabout a:visited {
color: #0c3a17;
text-decoration: none;
}





/* HEADER */

#blog-title {
display: block;
margin-left: 185px;
position: absolute;
top: 50px;
width: 250px;
}
#blog-title a {
display:block;
text-indent:-9000px;
width: 250px;
height: 100px;
}
#blog-description {
text-indent:-9000px;
}

/* MENU BAR */

#access {
border:medium none;
float:left;
margin:0 auto;
margin-left:10px;
margin-top:-25px;
width:950px;
background: transparent;
}
.sf-menu {
width:280px;
border-right: none;
margin-top: -10px;
padding-top: 8px;
background: #d4c259 url(images/menu.jpg) no-repeat left -60px;
font-weight: bold;
letter-spacing: 1px;
font-size: 12px;
border-bottom: 3px solid #4d4620;
margin-left: 10px;
}
.sf-menu li {
float: none;
background: transparent;
}
.sf-menu a, .sf-menu a:visited {
border: none;
border-top: 1px solid #817636;
color: #4d4620;
padding-left: 25px;
}
.sf-menu li:hover, .sf-menu li.sfHover, .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
background:#454429 url(images/menu.jpg) no-repeat scroll left top;
border-bottom-color:#817636;
color: #e3e3b8;
}
.sf-menu li ul {
border: none;
margin-top: -32px;
margin-left: 281px;
}
.sf-menu ul a:hover {
color: #fff;
}

/* SHORT ABOUT */

#shortabout {
background:#817636 url(images/middle.jpg) no-repeat scroll left bottom;
border-bottom: 5px solid #b0a866;
color:#FFFFFF;
margin-left:10px;
padding:0 30px 20px 330px;
width:590px;
font-family: Verdana, sans-serif;
font-size: 11px;
line-height: 1.5em;
}
#shortabout h3 {
color: #ece6ad;
font-family: Georgia, serif;
font-size: 16px;
font-style: italic;
line-height: 1.5em;
padding-bottom: 10px;
}
.aboutimg {
float: left;
border: 4px solid #ece6ad;
margin-right: 8px;
}


/* CONTENT */

.home #content .sticky {
background: #fff;
border: 1px solid #b0a866;
margin-bottom: 20px;
}
.home .entry-content {
padding-top: 0px;
border-bottom: 3px double #b0a866;
}
.home .sticky .entry-content {
border-bottom: none;
}
.home .hentry {
padding-bottom: 20px;
}
.hentry {
width: 560px;
}
.entry-title {
font-family: Georgia, serif;
font-size: 16px;
font-weight: bold;
text-transform: uppercase;
letter-spacing: 1px;
line-height: 1.5em;
}
.singular .entry-title {
font-size: 20px;
line-height: 1.2em;
text-transform: none;
}
.entry-content {
font-family: Verdana, sans-serif;
font-size: 11px;
line-height: 1.5em;
}
.entry-content h1, .entry-content h2 {
font-family: georgia, serif;
}
.entry-utility {
padding-top: 10px;
}
.attachment-thumbnail {
float: left;
border: 1px solid #000;
}
.intro {
float: right;
width: 420px;
}
.introdate {
font-family: Georgia, serif;
font-size: 12px;
text-transform: uppercase;
letter-spacing: 1px;
line-height: 1.5em;
color: #fff;
background: #817636;
padding: 2px;
}
.intro p {
margin-bottom: 5px;
}
table {
border-color: #ece6ad;
}
tr {
border-bottom: 1px solid #b0a866;
border-top: 1px solid #b0a866;
}


/* NAVIGATION */

#nav-above, #nav-below {
width: auto;
padding-right:20px;
}
.paged #nav-above {
padding-right: 20px;
}

/* COMMENTS */

#comments {
padding-right: 20px;
}
#respond {
padding: 18px 10px 10px;
background: #ece6ad;
border: 1px solid #b0a866;
}
.comment-content {
font-family: Verdana, sans-serif;
font-size: 11px;
line-height: 1.5em;
}

/* SIDEBAR */

#membersearch p, #reminders p {
margin-bottom: 5px;
}
#membersearch, #reminders {
width: 238px;
float: left;
padding: 20px;
margin: 0 0 10px 15px;
background: #0c3a17 url(images/members.jpg) no-repeat right top;
color: #fff;
font-family: Verdana, sans-serif;
font-size: 11px;
line-height: 1.5em;
border: 1px solid #b0a866;
}
#reminders {
clear: left;
background: #156628 url(images/calendar.jpg) no-repeat right top;
margin-top: 290px;
}
#pcrlink {
float: left;
clear: left;
width: 278px;
background: #9d955f url(images/pcr.jpg) no-repeat top left;
height: 120px;
margin: 0 0 10px 15px;
border: 1px solid #b0a866;
}
.pcr {
display: block;
height: 100%;
width: 100%;
text-indent: -9000px;
}
.home #reminders {
margin-top: 0px;
}
#membersearch h3, #reminders h3  {
color: #ece6ad;
font-family: Georgia, serif;
font-size: 15px;
font-weight: bold;
line-height: 1.5em;
margin-bottom: 5px;
font-variant: small-caps;
}
#primary, #secondary {
margin-left: 15px;
clear: left;
}
#primary {
border-color: #b0a866;
}
.main-aside {
width: 278px;
}
.widgettitle {
color: #403a1b;
}
input {
border: 1px solid #b0a866;
}


/* SAVE AS PDF */

.saveaspdf a, .saveaspdf a:visited {
text-indent: -9000px;
display: block;
height: 80px;
width: 200px;
background: url(images/saveaspdf.jpg) no-repeat left top;
}
.saveaspdf a:active, .saveaspdf a:hover {
background: url(images/saveaspdf.jpg) no-repeat left bottom;
}

/* MEMBER SEARCH */

.memberinput {
margin: 3px 0px ;
}
.membersubmit {
margin-top: 3px;
background: #b0a866;
color: #403a1b;
}
#membersearchpage h3 {
font-family: Georgia, serif;
font-size: 16px;
font-weight: bold;
text-transform: uppercase;
letter-spacing: 1px;
line-height: 1.5em;
}
#membercontent {
margin: 10px 20px;
}
#pagemembersearch {
border: 1px solid #fff;
padding: 10px 30px;
margin-bottom: 20px;
}


/* SLIDER */

.sliderimg {
border: 1px solid #403a1b;
}


	#slider ul, #slider li,
	#slider2 ul, #slider2 li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider2{margin-top:1em;}
	#slider li, #slider2 li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:502px;
		height:182px;
		overflow:hidden; 
		}	
	#prevBtn, #nextBtn,
	#slider1next, #slider1prev{ 
		display:block;
		width:30px;
		height:77px;
		position:absolute;
		left:-30px;
		top:71px;
		z-index:1000;
		}	
	#nextBtn, #slider1next{ 
		left:696px;
		}														
	#prevBtn a, #nextBtn a,
	#slider1next a, #slider1prev a{  
		display:block;
		position:relative;
		width:30px;
		height:77px;
		background:url(../images/btn_prev.gif) no-repeat 0 0;	
		}	
	#nextBtn a, #slider1next a{ 
		background:url(../images/btn_next.gif) no-repeat 0 0;	
		}	
		
	/* numeric controls */	

	ol#controls{
		margin:1em 0;
		padding:0;
		height:15px;	
		}
	ol#controls li{
		margin:0 5px 0 0; 
		padding:0;
		float:left;
		list-style:none;
		height:20px;
		line-height:20px;
		}
	ol#controls li a{
		float:left;
		height:20px;
		line-height:20px;
		border:1px solid #403a1b;
		background:#b0a866;
		color:#403a1b;
		padding:0 8px;
		text-decoration:none;
		}
	ol#controls li.current a{
		background:#0c3a17;
		color:#fff;
		}
	ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}