/*  
Theme Name: Paragon Pilates and Physical Therapy
Description: A custom design theme based off Viala.    
Author: Jaime Chismar
Author URI: http://superdeluxedesign.com
*/


/*    Layout Styles    */


body {
	margin: 0;
	font-size: 13px;
	line-height: 1.5em;
	font-family: Verdana, Arial, sans-serif;
	color: #404040;
}

#paragon {background-color: #557fc2;}

.clear {
	clear: both;
}

h1, h2, h3 {
	margin: 0 0 1.0em 0;
	padding: 0;
	font-weight: normal;
	color: #c4a476;
}

h1 { font-size: 28px;line-height:1.4em;}
h2 { font-size: 24px;}
h3 { font-size: 18px;}

h4, h5, h6 {
	font-size: 1.0em;
	margin: 0 0 1.0em 0;
	padding: 0;
}


p {
	margin: 0 0 2em 0;
	padding: 0;	
}


ul { 
	list-style: disc;
	margin: 0 0 2em 3em;
	padding: 0;	
}

li {}

ol {}

a { color: #4682c9; text-decoration: underline;}
a:link { color: #4682c9;}
a:active { color: #4682c9;}
a:visited { color: #4682c9;}
a:hover { color: #194ea3;}

blockquote {
	margin: 0;
	padding: 0;
}


#thePage {
	width: 960px;
	margin: 0 auto;
	padding: 0 10px;
	background-image: url(images/shadow.gif);
	background-repeat: repeat-y; 
	background-color: #fff;
	clear:both;
}


#navbar {
	width:960px;
	height: 136px;
	background-image: url(images/navbar.gif);
	background-repeat: no-repeat;
	clear: both;
}

#navbar .navlogo {
	float: left;
	width: 320px;
}
#navbar .navlinks {
	margin-left: 340px;
	padding-top: 41px;
	width: 620px;
	font-size: 16px;
	color: #c8ad87;
}

.navlinks a { margin: 0 8px;text-decoration:none;}
.navlinks a:link { color: #194ea3;}
.navlinks a:active { color: #194ea3;}
.navlinks a:visited { color: #194ea3;}
.navlinks a:hover { color: #4682c9;}

#navbar .row1,  #navbar .row2 {
	height: 34px;
}

#navbar .bullet {
	font-size: 13px;
}

#main {
	width: 960px;
	padding-bottom: 30px;
}

.staticPage, .archivePage {
	padding: 30px 0;
}


.columnLeft {
	float: left;
	width: 550px;
	padding: 0 30px;
	border-right: solid 1px #f3dcbc;
}

.columnRight {
	float: left;
	width: 288px;
	padding: 0 30px;
	border-left: solid 1px #f3dcbc;
	margin-left: -1px;
}

.columnWide {
	float: left;
	width: 900px;
	padding: 0 30px 30px 30px;
}

#footer {
	background-image: url(images/footer.gif);
	background-repeat: no-repeat;
	width: 960px;
	margin: 0 auto 0 auto;
	padding: 90px 10px 30px 10px;
	color: #fff;
	text-align: center;
}

#footer a { color: #fff;}
#footer a:link { color: #fff;}
#footer a:active { color: #fff;}
#footer a:visited { color: #fff;}
#footer a:hover { color: #2158b1;}


.alignleft {float: left;}
.alignright {float: right;}



/*   Image Styles    */

.aligncenter img, img.aligncenter { padding: 4px; border: solid 1px #ddd;}
.alignleft img, img.alignleft  { padding: 4px; border: solid 1px #ddd; margin: 0 15px 15px 0;}
.alignright img, img.alignright  { padding: 4px; border: solid 1px #ddd; margin: 0 0 15px 15px;}



/* Sidebar and Widget Styles */

#sidebar {font-size: 11px;}
#sidebar h2, .homepage #mailchimp-widget h2 {font-size: 16px;} 
#sidebar p { margin: 1.0em 0 0 0;}

.columnRight .widget {width: 289px; clear:both;}
.columnRight #mailchimp-widget {height: 240px;} 
.columnRight #sidelinks ul {list-style-type:none; margin:0; padding:0;}
.columnRight #sidelinks .blogroll {list-style: disc; margin: 0 0 2em 3em; padding: 0;}

.columnRight #sidebar .widget { 	
	border-bottom: solid 1px #f3dcbc;
	margin-bottom: 1.5em;
	padding-bottom: 2.0em;
} 

.columnRight #sidelinks {clear:both;}

.columnRight .post-meta-key {display:none;}

.columnRight .post-meta {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.columnRight .post-meta ul{
	margin-bottom: 0;
	padding-bottom: 0;
}


.columnRight .post-meta li {
	border-bottom: solid 1px #f3dcbc;
	margin-bottom: 1.5em;
	padding-bottom: 1.5em;
}

.columnRight .post-meta li li{
	border-bottom: none;
	margin-bottom: 0;
	padding-bottom: 0;
}

.columnWide blockquote {
	float: left;
	padding: 0 30px 0 0;
	width: 419px;
}

.columnWide blockquote + blockquote {
	border-left: solid 1px #f3dcbc;
	padding: 0 0 0 30px;
}

table { border-top: 1px solid #dedede; }

table td {
	vertical-align:top;
	padding: 5px 0;
	border-bottom: 1px solid #dedede;
}

.schedule { width:550px; }
.fees { width:300px; }

/* .staticPage .columnRight h3 {
	border-top: solid 1px #f3dcbc;
}
*/


/* Homepage Styles */

.homepage .column {
	width: 260px;
	padding: 500px 30px 0 30px;
	float: left;
}

.homepage .column p {
	margin: 0 0 1em 0;
	padding: 0;	
}

.homepage .column a { color: #fff;}
.homepage .column a:link { color: #fff;}
.homepage .column a:active { color: #fff;}
.homepage .column a:visited { color: #fff;}
.homepage .column a:hover { color: #fff;}

.homepage .columnOne a:hover { color: #2158b1;}
.homepage .columnTwo a:hover { color: #2158b1;}
.homepage .columnThree a:hover { color: #557fc1;}

.homepage .column h2 {
	color: #fff;
}

.homepage .columnOne {
	background-image: url(images/columnOne.jpg);
	background-repeat: no-repeat;
	background-color: #76a5de;
	color: #e4edf8;
}

.homepage .columnTwo {
	background-image: url(images/columnTwo.jpg);
	background-repeat: no-repeat;
	background-color: #557fc1;
	color: #bbcce7;
}

.homepage .columnThree {
	background-image: url(images/columnThree.jpg);
	background-repeat: no-repeat;
	background-color: #213a67;
	color: #8a9bb6;
}

.homepage .middle {
	background-image: url(images/middle.gif);
	background-repeat: no-repeat;
	width: 960px;
	height: 90px;
	margin-bottom: 30px;
}

.homepage .bottom {
	background-image: url(images/sidebar.gif);
	background-repeat: repeat-y;
	background-position: center top;
	width: 960px;
	clear: both;
}

.homepage .widget {
	float: left;
	width: 260px;
	padding: 0 30px;
}

.homepage .widget p {
	margin: 1.5em 0 0 0;
}


.homepage #text-9 {
	float: left;
	width: 900px;
	padding: 0 30px;
	clear: both;
}

.homepage #text-9 h2 { display:none; }

.homepage #text-9 .rule {
	margin-top: 30px ;
	padding-top: 30px;
	border-top: 1px solid #f3dcbc;
}



/* News styles */

.post {
	clear: both;
	border-bottom: 1px solid #dedede;
	padding-bottom: 1.0em;
	margin-bottom: 2.0em;
}


.postmetadata {margin: 0 0 1.5em 0;}
.postmetadata p {padding:0; margin:0.3em 0 0 0;font-size: 0.9em;}
.postmetadata .author {margin: 1.5em 0 0 0;font-weight: bold; color: #c4a476;}

