/* @group Core Elements */

html {
	height: 100%;
	margin-bottom: 1px;
}

p {
  /* setup some more readable paragraph spacing */
  margin-top: 10px;
  margin-bottom: 15px;
}

h3 {
	/* setup some more readable header spacing */
	padding-bottom: 5px;
	margin-top: 5px;
	margin-right: 0;
	margin-bottom: 5px;
	margin-left: 0;
}


h3 {
	font-size: 150%;
}


body {
	margin: 0;
	padding: 0;
	color: #CCCCCC;
	background: #333333 url(http://www.sophiemathews.com/v2/templates/images/sm.jpg) 50% 0 no-repeat fixed;
	font-size: 14px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
} 

a {
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

/* @end */


.contentheading {
	font-size: 170%;

}

/* @group Smoke */

#smoke #topbar {
	background: url(http://www.sophiemathews.com/v2/templates/images/smoke/topbar-bg.png) 0 0 repeat-x;
}

#smoke #shadow-top {
	background: url(http://www.sophiemathews.com/v2/templates/images/smoke/shadow-t.png) 0 0 no-repeat;
}

#smoke #shadow-middle {
	background: url(http://www.sophiemathews.com/v2/templates/images/smoke/shadow-m.png) 0 0 repeat-y;
}

#smoke #shadow-bottom {
	background: url(http://www.sophiemathews.com/v2/templates/images/smoke/shadow-b.png) 0 0 repeat-y;

}

#smoke #shadow-rocket {
	background: url(http://www.sophiemathews.com/v2/templates/images/smoke/shadow-rocket.png) 0 0 repeat-y;
	MARGIN: 0px auto;	WIDTH: 925px;	POSITION: relative;	TEXT-ALIGN: left
}

#smoke .sections td,
#smoke #mainframe td#left,
#smoke #mainframe td#right,
#smoke #mainframe #user1,
#smoke #mainframe #page,


/* @end */

/* @group Glass */

/* @end */

/* @group Structure */

div.wrapper {
	margin: 0 auto;	
	width: 925px;
	text-align: left;
	position: relative;
}

#shadow-middle {
	padding: 0 24px;
}

#shadow-bottom {
	padding: 0 24px 20px 24px;
}

#shadow-bottom .padding {
	padding: 20px 20px;
}

#shadow-middle .padding {
	padding: 60px 24px 20px 24px;
}

#topbar {
	height: 35px;
	line-height: 25px;
}

#topbar div.moduletable {
	float: right;
	margin-right: 30px;
	padding: 0px;
	line-height: 20px;
	height: 21px;
	overflow: hidden;
}

#topbar .mainlevel {
	padding-top: 2px;
	float: left;
	padding-left: 5px;
	display: block;
}

#topbar span.article_seperator {
	display: block;
	position: absolute;
}

#topbar div.moduletable table {
	width: auto;
}

#shadow-top {
	height: 39px;
}

#shadow-rocket {
	height: 91px;
	text-align: center;
}

img#rocket {
	width: 200px;
	height: 40px;
	border: 0;
}



#logo {
	display: block;
	background: url(http://www.sophiemathews.com/v2/templates/images/logo.png) 0 0 no-repeat;
	width: 468px;
	height: 63px;
	position: absolute;
	left: 400px;
	top: 30px;
	border: 0;
}

#showcase {
	background: url(http://www.sophiemathews.com/v2/templates/images/trans-20.png);
}

#mainframe,
.sections {
	border-collapse: collapse;
	padding: 0;
	margin-top: 20px;
	width: 100%;
}

#shadow-bottom .sections {
	margin-top: 0;
}

#user1 {
	margin-bottom: 20px;
	height:  1%;
}

#page {
	padding: 20px 10px;
}

/* @end */

/* @group Table Control */

#mainframe td,
.sections td {
	padding: 0;
}

#mainframe td#left,
#mainframe td#right {
	width: 175px;
}


td.w33 {
	width: 33%;
}

td.w99 {
	width: 100%;
}

#mainframe td.spacer,
.sections td.spacer,
#smoke .sections td.spacer {
	width: 20px;
	background: none;
	border: 0;
}

td.spacer img {
	width: 20px;
}

#mainframe tr {
	vertical-align: top;
}

/* @end */


/* @group Horizontal Menu */

#horiz-menu {
	height: 33px;
	padding-left: 20px;
}

#horiz-menu ul {
	list-style: none;
	margin: 0;
	padding: 0 0 0 0px;
}

#horiz-menu li {
	display: block;
	float: left;
	margin: 0;
	padding: 0;
}



#horiz-menu a {
	display: block;
	float: left;
	height: 33px;
	line-height: 33px;
	padding: 0 20px;
	font-weight: bold;
}

#horiz-menu a:hover {
	text-decoration: none;
}


/* @group Content Styles */

/* @group Pathway */
span.pathway {
	display: block;
	line-height: 20px;
	height: 20px;
	font-weight: bold;
	margin-bottom: 15px;
}


/* @end */

/* @group RokFlow */

#rokflow {
	overflow: hidden;
	position: relative;
	width: 800px;
	height: 170px;
	background: 50% 50% no-repeat url(http://www.sophiemathews.com/v2/templates/images/loader.gif);
}

#rokflow, #rokflow * {
	margin:0; padding:0; border:0;
}

#rokflow div {
	float: left;
	position: relative;
}

#rokflow img {
	width: 124px;
	height: 194px;
	border: 0;
	top:  40px;
	margin-top: 15px;
}

#rokflow div h3 {
	display: block;
	position: absolute;
	white-space: nowrap;
	text-align: center;
	font-size: 10px;
	font-weight: normal;
}


.moduletable #rokflow h3 {
	background: none;
	margin: 0;
	padding: 0;
	line-height: 100%;
	height: auto;
}

#rokflow a {
	text-decoration: none;	
}


/* @end */

.nounder {
	text-decoration: none;
	border: 0;
	cursor: pointer;
}


a { color: #ff66cc }	
		.moduletable h3, #horiz-menu { color: #fff; }
		#horiz-menu a { color: #ff66cc; }
		.sections td,#showcase,#mainframe td#left,#mainframe td#right,#mainframe #user1,#mainframe #page {border: 1px solid #364148;}
 		#shadow-bottom .padding {	border-top: 1px solid #364148;}
		#mainframe td#left,	#mainframe td#right {	width: 175px;}

	    .title {
	width: auto;
	background-position: center;
	height: 100%;
}
	
	 .title-top {
	background-image: url(http://www.sophiemathews.com/v2/templates/images/toptitle.png);
	width: 100%;
	height: 22px;
	background-position: center;
	background-repeat: no-repeat;
	z-index: auto;
	overflow: hidden;
}
    .title-content {
	background-image: url(http://www.sophiemathews.com/v2/templates/images/titlecontent.png);
	background-repeat: repeat-y;
	width: 100%;
	background-position: center;
	overflow: hidden;

}
    .title-bottom {
	background-image: url(http://www.sophiemathews.com/v2/templates/images/titlebottom.png);
	width: 100%;
	height: 24px;
	background-position: center;
	background-repeat: no-repeat;
	overflow: hidden;
	
}

.title-text {
	padding-left: 100px;
	font-size: 22px;
	font-weight: normal;
	color: #FF66CC;
	padding-top: -5px;
	padding-bottom: 5px;
	padding-right: 100px;
	height:auto;
}
.title-videos {
	padding-left: 45px;
	padding-top: 0px;
	padding-bottom: -20px;
	height:auto;
	overflow: hidden;
}

    .note-content {
	background-image: url(http://www.sophiemathews.com/v2/templates/images/notecontent.png);
	background-repeat: repeat-y;
	background-position: center;
	width: 100%;
	overflow: hidden;
}
 .note-content-text {
	padding-right: 100px;
	padding-left: 100px;
 }
img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

.note-bottom {
	background-image: url(http://www.sophiemathews.com/v2/templates/images/notebottom.png);
	background-repeat: no-repeat;
	background-position: center;
	height: 56px;
	width: 100%;
	overflow: hidden;	
}
    .section {
	height: auto;
}

.carousel_container {
				width: 800px;
				height: 200px;
				margin: 0px auto;
			
			}
			
			
	 .menu-top {
	background-image: url(http://www.sophiemathews.com/v2/templates/images/menutop.png);
	width: 100%;
	height: 30px;
	background-position: center;
	background-repeat: no-repeat;
	z-index: auto;
}
    .menu-content {
	background-image: url(http://www.sophiemathews.com/v2/templates/images/menucontent.png);
	background-repeat: repeat-y;
	width: auto;
	height: 34px;
	background-position: center;
	z-index: auto;
	padding-left: 70px;
}
    .menu-bottom {
	background-image: url(http://www.sophiemathews.com/v2/templates/images/menubottom.png);
	width: 100%;
	height: 37px;
	background-position: center;
	background-repeat: no-repeat;
	float: none;
}
.menu-button{
	float: left;
	height: auto;
}


#homebutton:hover, #biographybutton:hover, #blogbutton:hover, #photosbutton:hover, #videosbutton:hover, #sponsorsbutton:hover, #mediabutton:hover, #contactbutton:hover

{ 
  background-position: 0 -34px;
}

#homebutton span, #biographybutton span, #blogbutton span, #photosbutton span, #videosbutton span, #sponsorsbutton span, #mediabutton span, #contactbutton span
{
  display: none;
}

#homebutton
{
	display: block;
	width: 73px;
	height: 34px;
	background: url("http://www.sophiemathews.com/v2/templates/images/home.png") no-repeat 0 0;
}

#biographybutton
{
	display: block;
	width: 115px;
	height: 34px;
	background: url("http://www.sophiemathews.com/v2/templates/images/biography.png") no-repeat 0 0;
}
#blogbutton
{
	display: block;
	width: 58px;
	height: 34px;
	background: url("http://www.sophiemathews.com/v2/templates/images/blog.png") no-repeat 0 0;
}

#photosbutton
{
	display: block;
	width: 85px;
	height: 34px;
	background: url("http://www.sophiemathews.com/v2/templates/images/photos.png") no-repeat 0 0;
}

#videosbutton
{
	display: block;
	width: 80px;
	height: 34px;
	background: url("http://www.sophiemathews.com/v2/templates/images/videos.png") no-repeat 0 0;
}

#sponsorsbutton
{
	display: block;
	width: 112px;
	height: 34px;
	background: url("http://www.sophiemathews.com/v2/templates/images/sponsors.png") no-repeat 0 0;
}
#mediabutton
{
	display: block;
	width: 74px;
	height: 34px;
	background: url("http://www.sophiemathews.com/v2/templates/images/media.png") no-repeat 0 0;
}
#contactbutton
{
	display: block;
	width: 95px;
	height: 34px;
	background: url("http://www.sophiemathews.com/v2/templates/images/contact.png") no-repeat 0 0;
}
.currentpage
{ 
  background-position: 0 -68px ! important ;
}

.post-body{

	padding-top: 0px;
	padding-right: 15px;
	padding-bottom: 0px;
	padding-left: 15px;
}

.post-body img {
	margin:5px;
	border: medium solid #FFFFFF;
}
.post-date {
	float: right;
	font-size: 10px;
	text-transform: capitalize;
	width: auto;
	padding-right: 15px;
	margin: 12px;
}

.post-title{
	float: left;
	font-size: 22px;
	padding-bottom: 5px;
}

#container h3 {
	text-align:left;
	}
	
#archives ul li{
	list-style-position: outside;
	list-style-type: square;
}
/* @end */