/*

Theme Name: Fox Tale Stud
Theme URI: http://www.foxtalestud.com/
Description: Custom there designed for Fox Tale Stud in Coppersburg PA.
Version: 1.0
Author: Mohammed Zerhouni
Tags: 1 column, partly widget ready, suckerfish menu with slidding doors on the first 2 levels.
Author URI || http://mzerhouni.co.cc

*/


/* standards */

	
body {background:#9b967a ;font-family:Arial, Helvetica, sans-serif;font-size:.75em;text-align:center; margin-top:0; padding-top:0; background-image:url(images/leather_bg.gif)}
#mainpagecontainerfoxtalestud{margin-left:auto;margin-right:auto;width:910px;text-align:center;background-color:#FFF;border:2px solid #333; margin-top:3px; padding-top:5px; position:relative;}
table tr td {font-family:Arial,sans serif;font-size: 11px;}
img {border: 1px solid #333;}
h2 {color:#999;font-size: 10px; font-style: italic; font-variant:inherit;margin: 0;}
h3 { font-variant:inherit;}
h6 { font-size:10px; font-family: Arial, Helvetica, sans-serif; margin:1px; padding:1px; font-variant:normal;}
p {text-align: left;}
hr {color:#999; border:none; border-bottom: thin solid #CCC;}
a { color:#36F; text-decoration:none;} a:hover { color:#00C;}
blockquote {font-style: italic;padding-left: 30px;}
#navlink {margin: 25px 0 25px 0;text-transform: uppercase;font-weight: bold;}
.clearbothalways{clear:both;}
.alignleft {text-align: left;}
.alignright {float: right;}
.aligncenter {text-align: center;}
table  p img { margin:0; padding:0;}
table tr p img, table td p img {vertical-align: middle;}
table td { vertical-align:center;}

/* header */

#contentwrap {padding:0 5px 10px 5px; text-align:left; margin-top:0px; margin-left:auto; margin-right:auto; width: 900px; clear:both;}
#titleanddesc {clear:both;}
#blogtitle {font-variant:inherit;font-family: "Arial Black", Gadget, sans-serif;font-style:oblique;position:absolute;bottom:0px; left:5px;color:#003;text-align:left;font-weight:600;font-size: 12px;}
#blogtitle h1 { margin:0; padding:0; font-size:12px;}
#blogtitle a {text-decoration: none;color:#333;text-shadow:text-shadow: 5px 5px #fff, -3px 4px 6px #CCC, 3px -2px #FFC;}
#blogdescription {color:#CCCCCC;font-size:12px;font-weight:800;position:absolute;right:10px;text-align:right;text-transform:none;top:10px;width:180px;}
#leftbanner {clear: both;border: 3px solid #000000;width: 300px;height: 200px;float: left;overflow:hidden;}
#rightbanner {background-image:url(images/site_bg.jpg);border:1px solid #000;height:150px;overflow:hidden;position:relative;width:898px;}
#rightbanner_fp {background-image:none;height:275px;overflow:hidden;position:relative;width:898px; padding:0; margin:0; border:1px solid #000}
#rightbanner a {height:131px;left:8px;position:absolute;top:9px;width:120px;}
.navi{ clear:both;}
.navigation {clear:both;}
.navi ul {margin:0;padding:2px 10px 6px 10px;list-style:none; clear:both}
.navi  li {float:left;background:url("images/left_both.gif") no-repeat left top;margin:0 2px;padding:0 0 0 11px;}
.navi  a {float:left;display:block;width:.1em;background:url("images/right_both.gif") no-repeat right top;padding:5px 15px 8px 2px;text-decoration:none;font-weight:bold;color: #333;}
.navi  > ul a {width:12em;}/* Commented Backslash Hack hides rule from IE5-Mac \*/
.navi  a {float:none; text-align:center}/* End IE5-Mac hack */
.navi  a:hover {color:#333;}
.navi  li:hover {background-position:0% -150px;}
.navi  li:hover a {background-position:100% -150px;color:#000;}
#nav li ul {position: absolute;left: -999em;height:auto;width: 14.4em;w\idth: 13.9em;font-weight: normal;margin:0; padding:0;}
#nav li li {width: 13em; margin:0; padding:0 0 0 11px;}
#nav li ul a {width: 13em;w\idth: 12em; text-align:center; margin:0;}
#nav li ul ul {float:left;list-style:none;font-weight: bold;padding:0;margin: -2em 0 0 13.5em; background-image:none;}
#nav li ul ul li {background-image:none; clear:both; margin:0; padding:0 0 1px 0; display:block; background-color:#000; width:auto;}
#nav li ul ul a {background-image:none;border:1px solid #333; background:#fff; margin:0; padding:4px;}
#nav li ul ul a:hover {background:#333; color:#CCC}
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {left: -999em;}
#nav li:hover ul,#nav li li:hover ul,#nav li li li:hover ul,#nav li.sfhover ul,#nav li li.sfhover ul,#nav li li li.sfhover ul {left: auto;}
#nav li:hover, #nav li.sfhover {}
.navigation ul {z-index:501;}
.navigation li {z-index:501;}
#navigation { margin:3px 0 0 0; padding:0; clear:both}

/* post and entries */

.postdate {color:#666;font-size:10px;font-weight: bold;float:right; margin-right:10px; font-variant:inherit; font-style:oblique;}
.pagetitle {color: #000000;font-size: 16px;font-weight: bold;font-variant:inherit;}
.posttitle {font-size: 16px;font-weight: bold; font-variant:inherit; margin: 0 0 5px 10px}
.posttitle a {color:#003366;text-decoration: none;}
.posttitle a:hover {color: #000000;}
.category {margin: 0 0 5px 10px}
.category a {text-decoration: none;}
.postmetadatabottom {background: #DDDDDD;margin: 0 0 0 10px;padding: 0;text-transform: uppercase;width: 100px;}
.postmetadatabottom a {color: #000000;text-decoration: none;}
.postmetadatabottom a:hover {color: #ffffff;}
.entrywhole{ margin:0; padding:0;}
.entry {padding-bottom: 8px; margin: 0 5px 2px 5px;font-size: 13px;text-align:left;}
.entry ul{padding-bottom:10px; margin:0;padding:10px 5px;list-style-image : url("http://66.147.242.162/~foxtale1/images/bullet.gif"); list-style-position: -3px 0 0 0}
.entry li{;padding:0; margin:5px 5px 5px 20px;}
.entry img{ border:hidden; border:none;}
.entry h4 { margin:0 0 5px 0; padding:0; color:#CC6633 }
.entry pre { margin:15px 15px; background-color:#cc9933; padding:20px 10px 20px 45px; border:1px solid #cc6633; font-family:"Lucida Console", Monaco, monospace}
.entry table{ margin:20px auto;}
.editpostlink {text-transform: lowercase;}

/* search form */

#search {position:absolute;right:5px;top:138px;}
#search_fp{position:absolute;right:5px;top:263px;}
#searchsubmit {display: none;}
#s {background: #000000 url("images/magnifier.png") no-repeat top left;border: none;color: #ffffff;padding: 1px 2px 1px 17px;width: 180px;}
.nocomments{ width:85%; height:1em; clear:both;}

/* footer */



#footer {clear:both;margin-top:0px;padding-top:7px;margin-left:auto;margin-right:auto;border-top: 3px solid #333;padding: 0 1px 30px 1px;width: 800px;font-size: 11px;}
#footer h4{ margin: 5px 0 7px 0; padding: 2px 0 2px 0}
#footer a {	font-weight: bold;text-decoration: none;}
#footerleft {text-align:left;float: left; font-variant:inherit;}
#footerleft h4 {color: #cc6633;font-weight:900; font-size:18px;}
#footerright {text-align:right;float: right;font-weight: bold;color: #c11415; font-variant:inherit;}
#footerright h4 {color: #cc6633;font-weight:900; font-size:18px;}

/* comments */

#comments {clear: both;padding-top: 20px;}
#comments h3{background: #DDDDDD;}
.comment-info-split {clear: both;}
.commentmetadata {text-transform: uppercase;}
.commentlist div.alt {background: #DDDDDD;color: #000000;padding: 10px;}
.commentlist div {padding: 10px;}
.comment-div {display: block;}
.comment-left {width: 30%;}
.comment-right {width: 70%;}

/* Page related Styles */
.TR_BX{ background-color:#CC9933;}
.TR_BX th {border: 1px solid #000}
.WT_BB{color:#FFF; background-color:#5f768f;}
.BT_OB{color:#000; background-color:#cc6633;}
.WT_BB td, .BT_OB td {border-bottom:1px solid #000; border-left:1px solid #000; border-right:1px solid #000}
#containerFeature1{margin-left: auto;margin-right: auto;margin-top:0;margin-bottom:0;width: 895px;text-align:left;}
#containerFeature1 h3, #containerFeature1 h3 a {clear:both; text-align:center; padding:0; margin: 0 0 10px 0;color:#036;}
#containerFeature1 p { margin:4px;}
.box1Feature1{float:right;width:440px;}
.box2Feature1{float:left;width:440px;}
.box1Feature1,.box2Feature1{border:1px solid #fff;}
.box1Feature1 img,.box2Feature1 img {border:1px solid #666;}
.box1Feature1 div,.box2Feature1 div {text-align:center;}
.box1Feature1 ul,.box2Feature1 ul{
background-color:#FFFFCC;
border:1px solid #FFCC66;
height:13em;
margin-bottom:10px;
margin-left:1px;
margin-right:2px;
margin-top:0 !important;
padding:6px 10px;
position:relative;
}
.box1Feature1 h4 a, .box2Feature1 h4 a{ text-align:center; margin: 5px 0 1px 0; font-variant:inherit; font-family:Arial, Helvetica, sans-serif; font-size:20px; color:#cc6633!important;}
.box1Feature1 h4, .box2Feature1 h4{ 
background-color:#FFFFCC;
border:1px solid #FFCC66;
color:#CC6633 !important;
font-family:Arial,Helvetica,sans-serif;
font-size:20px;
font-variant:inherit;
margin-bottom:0 !important;
margin-left:1px;
margin-right:2px;
margin-top:10px;
padding:6px 0;
text-align:center;
}
.box1Feature1 h4 em, .box2Feature1 h4 em{ line-height:24px;}
.SubHeadingFeature1{ color:#036;font-family: Arial, Helvetica, sans-serif; font-size:14px; font-variant:normal;}
.StallionContainerFeature1{ clear:both;}
.rulerTextFeature1{height:15px;color:#FFF;border-color:#FFF;width:100%;clear:both;margin:0;padding:0;border:none}
.datefloat{ float:right;}
.StallionPedInfoTable { font-family: Arial, Helvetica, sans-serif;padding:0px; margin:0px; font-size:10px;}
.StallionPedInfoTable tr, .StallionPedInfoTable td { border:1px solid #666;}
.StallionPagesImage{}

#PageTextFeature1{ clear:both}
#StallionFeaturePageContainer{position:relative;margin-top:0; padding-top:0;}
#StallionFeaturePageContainer p{ font-size:14px; font-family: Arial, Helvetica, sans-serif; line-height:18px;}
#StallionFeaturePageContainer h4{clear:both; margin-top:0; padding-top:0; text-align:left; color:#036;}
#TrueNicksStallionPages ul{ font-size:14px;}
#TrueNicksStallionPages a {text-decoration:underline;}
#TrueNicksStallionPages a:hover { color:#00C}
.FoxTaleStallionPageEL h5{ text-align:left; margin-bottom:12px; padding-bottom:3px;color:cc6633; font-size:16px; border-bottom:1px #CCC solid;}
.FoxTaleStallionPageEL p{clear:both; padding:5px; text-align:center; border:none;}
.FoxTaleFormNav{ clear:both;}
.FoxTaleFormNav input{ float:right; padding:2px; background-color:#FC0; border:1px solid #cc6633; display:block;}
.FoxTaleFormNav input:hover{background-color:#cc6633; border:1px solid #FC0;}
.whitetext{ padding-left:3px;color:#FFF}
.whitetext strong{ padding-left:3px;color:#000}

.clearalways{clear:both}
.FoxTaleClearAll{clear:both; margin:5px; color:#FFF; border:none; height:1em;}

#galleryfourbyxcontainer{float:right;width:250px;margin-bottom:10px; margin-top:0; margin-left:10px; padding-top:0;}
.sidebyside{}
.sidebyside td{ width:25%;}
.sidebyside img {border: 1px solid #999;}
.post {clear:both; margin:10px 0 0 0; padding:0;}
.post h2 { position:absolute; bottom:0; right:5px; text-align:left; z-index:10; color:#CCC; font-style:italic; font-size:14px;}
.postchangesinfo{ text-align:right; margin:0px 54px 0 54px; clear:both; background-color: #cc9933; color:#333 ; border:1px solid #333; font-size:10px; font-style:italic; height:18px; padding-top:5px; background-image:url(images/bar_bg.gif)}
.breedingforms{margin:10px; padding:10px; background-color:#FFC; border: 1px black solid;clear:both}
.onepxblackBB{ border-bottom:2px solid #000}
.SalesLayoutContainerHeadBrPush{ border-top:3px solid #000}
.SalesLayoutContainerHeadLfCap{ border-left:2px solid #000}
.SalesLayoutContainerHeadRtCap{ border-right:2px solid #000}
.SalesLayoutContaier{ clear:both}
.SalesLayoutContaier a {color:#333; font-weight:900; font-style:italic; text-decoration:underline;}
.SalesLayoutContaier a:hover {color:#000}
.SalesLayoutContaier p{ padding-top:0; margin-top:0; margin-bottom:15px;}
.SalesLayoutContaier table{ margin-top:5px;}
.SalesLayoutContaier img {clear:none; border:1px solid #333; margin-left:10px; float:right;}

.imgfloatright { float:right; margin-left:15px; clear:left;}
#FlashID{
border-top:3px solid #000000;
display:block;
height:150px;
margin:0;
padding:0;
position:relative;
top:150px;
width:900px;}

#map_1{ border:1px solid #000; margin:10px auto;}
.CU_L {text-align:left;}
.CU_L table{margin: 5px;}
.CU_R {}
.CN{}
#FTS_CF{padding:10px;}
#FTS_CF table{margin: 5px;}
#FTS_CF table tr td { font-size:14px;}

/* temporary tags */

#containerSplitMainPage {float:right; width:435px;}
#containerSplitMainPageLeft { float:left;width:435px;}
#containerSplitMainPageLeft p { margin:14px 4px;}
#containerSplitMainPage p { margin:14px 4px;}
#containerSplitMainPageLeft h3 {clear:both; text-align:left; padding:0; margin: 0 0 10px 0;color:#036;}
#containerSplitMainPage h3 {clear:both; text-align:left; padding:0; margin: 0 0 10px 0;color:#036;}