/*  

Theme Name: Elegance

Theme URI: http://www.powertheme.com/themes/elegance/

Description: An elegant WordPress theme brought to you free by <a href="http://www.powertheme.com">PowerTheme</a>

Version: 1.1

Author: PowerTheme

Author URI: http://www.powertheme.com/

Tags: valid XHTML, valid CSS, right sidebar, widget ready, simple, widgets, two columns

*/



* {
margin:0;
outline-color:-moz-use-text-color;
outline-style:none;
outline-width:medium;
padding:0;
}
a:link, a:visited, a:active {
color:#134077;
text-decoration:none
}
a:hover {
color:#6891C3;
}
body {
background:#888888 none repeat scroll 0 0;
color:#666666;
font-family:Arial,Helvetica,san-serif;
font-size:12px;
}
#mgcwrapper {
text-align:center;
}
#wrapper {
background:#FFFFFF url(img/body-bg.gif) repeat-x scroll 0 0;
margin:0 auto;
text-align:left;
width:800px;
}
#header {
height:138px;
width:800px;
}
a.logo {
background:transparent url(img/logo.png) repeat scroll 0 0;
float:left;
height:108px;
margin-left:40px;
margin-top:10px;
width:368px;
}
a.logo span {
display:none;
}
.search {
float:right;
margin-right:37px;
margin-top:55px;
}
.search .search-text {
background:transparent url(img/search-bg.png) no-repeat scroll 0 0;
border:medium none;
padding:6px 30px 8px 10px;
width:157px;
}
#subheader {
background:transparent url(img/sub-header-pmg.png) no-repeat scroll 0 0;
height:148px;
width:800px;
}
#subheader p {
font-size:10px;
margin:55px 0 0 10px;
width:460px;
}
#navmenu ul {
list-style-image:none;
list-style-type:none;
margin:0;
padding:0;
text-align:center
}
#navmenu li {
display:inline;
}
#navmenu ul li a {
color:blue;
margin:4px;
padding:5px 10px;
text-decoration:none;
}
#navmenu ul li a:hover {
color:purple;
}
.search-alert {
background:transparent url(img/search-alert-arrow.png) no-repeat scroll 0 0;
color:#000000;
cursor:pointer;
display:none;
float:left;
font-size:10px;
margin-top:2px;
padding:20px 15px 10px;
position:absolute;
}
#content {
float:left;
width:800px;
}
.post {
background:#FFFFFF none repeat scroll 0 0;
padding-left:20px;
padding-right:20px;
padding-top:10px;
width:760px;
padding-bottom:50px;
float: left
}
.post h2 a {
color:#24446B;
font-size:24px;
font-weight:normal;
text-decoration:none;
}
.post span.post-info {
color:#CCCCCC;
float:left;
font-size:10px;
padding-bottom:10px;
width:100%;
}
.post p {
line-height:187%;
margin-bottom:10px;
}
.post div.cats {
border-top:1px solid #ECECEC;
padding-top:10px;
}

.navigation .previous {
float:left;
}
.navigation .next {
float:right;
}
#footer {
background:#D4D4D4 none repeat scroll 0 0;
clear:both;
padding:20px 0;
width:800px;
margin: 0 auto;
}
#footer .inner {
margin:0 auto;
width:800px;
}


.comments {
background:#FFFFFF none repeat scroll 0 0;
float:left;
padding:10;
padding-left:20px;
width:780px;
}

/* This is the old .comments before PLE hacked it to work in the template
.comments {
float:left;
padding:0;
}
*/

.comments input[type="text"], textarea {
width:350px;
}
textarea {
width:450px;
}
.comments fieldset {
border:1px solid #CCCCCC;
margin:10px 0 20px;
padding:20px;
}
.comments p {
padding:0 0 10px;
}
.comments h2 {
padding:0 0 15px;
}
#cdisplay {
list-style-type:none;
margin:0;
padding:0;
}
#cdisplay li {
margin-bottom:10px;
padding:10px;
width:560px;
}
#cdisplay li.first {
background:#F9F9F9 none repeat scroll 0 0;
border-bottom:1px solid #CCCCCC;
}
#cdisplay li.second {
background:#F6F6F6 none repeat scroll 0 0;
border-bottom:1px solid #DEDEDE;
}
.aligncenter, div.aligncenter {
display:block;
margin-left:auto;
margin-right:auto;
}
.alignleft {
float:left;
}
.alignright {
float:right;
}
.wp-caption {
-moz-border-radius-bottomleft:3px;
-moz-border-radius-bottomright:3px;
-moz-border-radius-topleft:3px;
-moz-border-radius-topright:3px;
background-color:#F3F3F3;
border:1px solid #DDDDDD;
margin:10px;
padding-top:4px;
text-align:center;
}
.wp-caption img {
border:0 none;
margin:0;
padding:0;
}
.wp-caption p.wp-caption-text {
font-size:11px;
line-height:17px;
margin:0;
padding:0 4px 5px;
}
img.avatar {
float:right;
}
/* Default CSS generated by dTabs */

/* style the tabs in IE (the trailing comma prevents other browsers from reading this) */
#tabbar li, #tabbar ul li, {
	
	/* make them horizontal in IE*/
	display: inline;
	
}

/* style the tabs */
.tab, .tabselected {
	
	/* make them horizontal in Firefox 2*/
	display: -moz-inline-box;
	
	/* make them horizontal in all other browsers*/
	display: inline-block;


margin: 0px 4px 30px 4px;
padding: 3px 4px;
font-family: Arial, Helvetica, sans-serif;
}

/* make changes to the selected tab */
.tabselected {
background:#ffc061;	
padding: 3px;
padding-left: 4px;
padding-right: 4px;
text-decoration: none;
font-weight:bold;
}

/* style the drop down menus */
.dmenu {
	/* left align the text */
	text-align: left;
	
	/* REQUIRED */
	position: absolute;
	
	/* js fade method should display them 23px below the top of the tabs */
	margin: 23px 0 0 0;
	
	/* put some space around the contents */
	padding: 5px 15px;
	
	/* set a grey background */
	background-color: rgb(240,240,240);
	
	/* set a border, round all the corners except the top left */
	border: 1px solid rgb(150,150,150);
	-moz-border-radius: 5px;
	-moz-border-radius-topleft: 0;
	-khtml-border-radius: 5px;
	-khtml-border-radius-top-left: 0;
	-webkit-border-radius: 5px;
	-webkit-border-top-left-radius: 0;
}
#tabbar .dmenu ul {
	
	/* put space at the top and bottom of top-level menus */
	padding: 5px 0 0 10px;
	
	/* stop ie going crazy */
	margin: 0;
	
}
#tabbar .dmenu ul li {
	
	/* stop ie from displaying list items inline */
	display: list-item;
	
}

/* REQUIRED: hide menus off screen by default */
.dmenu {
	left: -999em;
}

/* STYLING JUST FOR CSS MENUS */
#tabbar .fademenu .dmenu {
	
	/* position menus correctly */
	margin: 5px 0 0 -6px;
}
/* REQUIRED: show menus on hovering */
#tabbar .fademenu:hover .dmenu {
	left: auto;
}
#tabbar2 {
	background:#FF9900 none repeat scroll 0 0;
	float:left;
	height:20px;
	width:792px;
	text-align:center;
	padding:4px;
}

/* IMAGES */
img.alignleft
{
float: left;
}
 
img.alignright
{
float: right;
}
 
img.aligncenter
{
display: block;
margin: 0px auto 0px auto;
}
.post ul {
text-indent: 3px;
list-style-type: square;
margin: 0px 0px 10px 35px;
line-height: 160%;
}

