/*
Theme Name: Red Oak Arabians
Theme URI:  http://wp.paragraphe.org/
Description: Theme for Randy from Read Oak Arabians
Version: 1.0
Author: Ignacio
Author URI: http://wp.paragraphe.org/
*/

/* reset.css */

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td{margin:0; padding:0; border:0; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; vertical-align:baseline}

a img{border:none}



/* typography.css */
body{font-size:75%; color:#222; background: #520D08 url('images/background.png'); font-family:Arial, Verdana, sans-serif;line-height:1.5em}
h1, h2, h3, h4, h5, h6{font-weight:normal; color:#2E0E11; font-family: georgia, serif; font-style: italic}
h1{font-size:3em; line-height:1em; margin-bottom:0.5em}
h2{font-size:2em; margin-bottom:0.75em}
h3{font-size:1.5em; line-height:1; margin-bottom:1em}
h4{font-size:1.2em; line-height:1.25; margin-bottom:1.25em}
h5{font-size:1em; font-weight:bold; margin-bottom:1.5em}
h6{font-size:1em; font-weight:bold}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img{margin:0}
p{margin:0 0 1.5em;line-height:1.5em}
a:focus, a:hover{color:#520000; text-decoration:underline}
a{color:#520000; text-decoration:none; -moz-outline:none}
em{font-style:italic}
strong{font-weight:bold}
td,tr{vertical-align:middle}
.eight{padding-right:1em;background: url('images/88.png') no-repeat right center}
.four{background: url('images/44.png') no-repeat right center}
.two{background: url('images/22.png') no-repeat right center}
td{padding-left:1em}
tt, code, pre{font:.9em 'andale mono','lucida console',monospace; line-height:1.5}
pre{
	padding:3em;
	background:#FEFEFE;
	border:1px solid #ddd;
	width:auto;
	height:auto;
	overflow:scroll;
	margin-bottom:3em;
	color:#555;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	}
	
li ul, li ol{margin:0 1.5em}
ul, ol{margin:0 1.5em 1.5em 1.5em}
ul{list-style-type:disc}
ol{list-style-type:decimal}
blockquote{
	width:90%;
	font-style:italic;
	font-weight:bold;
	line-height:1.2em;
	letter-spacing:1px;
	margin:1em 0;
	padding:2em;
	color:#111;
	background:url('images/blockquote.png') no-repeat center 90%;
	border-top:1px solid #111;
	border-bottom:1px solid #111;
	text-align:center
	}
hr {background:#111;color:#111;clear:both;float:none;width:100%;height:1px;margin:0 0 1.45em;border:none;}

::-moz-selection {
		background: #000;
		color: #fff;
		} 

::selection {
		background: #000;
		color: #fff;
		}
		
pre::-moz-selection {
		background: #000;
		color: #fff;
		} 

pre::selection {
		background: #000;
		color: #fff;
		}
		
img{max-width:506px;width:auto;height:auto}

/*recurrent classes */
.small{font-size:.8em; margin-bottom:1.875em; line-height:1.875em}
.large{font-size:1.2em;}
.hide{display:none}
.center{text-align:center}
.right{text-align:right}
.noimage img{display:none}
.italic{font-style:italic}
.padding{padding:1.5em}


/* grid.css */
.container{width:780px;margin:0 auto}
.module100{width:100%;float:left}
.module66{width:66%;float:left}
.module33{width:33%;float:left}
.module50{width:50%;float:left}
.module60{width:60%;float:left}
.module40{width:40%;float:left}
.module75{width:75%;float:left;}
.module25{width:25%;float:left;}


.dotted{width:100%;height:1em;border-bottom:1px dotted #E2CBAC;margin-bottom:2em}
.space{width:100%;float:left;height:2em}

div .wp-caption p{max-width:600px}
div .wp-caption p{text-align:center;font-size:.8em;font-style:italic;padding:1em 0;border:1px solid #eee;background:#fff}

.widgettitle{margin-top:1.1em}

.commenttemplate{width:100%}
/* .commenttemplate a{color:#333;border-bottom:2px solid #eee} */
.commenttemplate ol{margin:0;padding:2em;font-size:small;margin-bottom:2em;}
.commenttemplate textarea{width:85%}
.commentlist li{
	width:90%;
	background:#E1C6A6;
	margin-top:1em;
	padding:2em;
	font-size:small;
	list-style-type:none;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	}
.vcard{width:50%;float:left}
.avatar{float:left;border:3px solid #555}
.fn{text-transform:uppercase;font-style:normal;float:left;padding-left:2em;color:#333}
.says{display:none}
.commentmetadata{width:50%;float:left;text-align:right;color:#333}
.commentlist p{padding-top:2em;clear:both;line-height:1.2em;}
li.odd{background:#DEB092}

/*WP default classes*/

img.wp-smiley {
        border:0;
        height:15px;
        width:15px;
		background:none
        }

p img {
    padding: 0;
    max-width: 100%;
    }

img.centered {
    display: block;
    margin-left: auto;
    margin-right: auto;
    }

img.alignright {
    padding: 0px;
    margin: 0 0 2px 10px;
    display: inline;
    }

img.alignleft {
    padding: 0px;
    margin: 0 10px 2px 0;
    display: inline;
    }

.alignright {
    float: right;
    }

.alignleft {
    float: left
    }

	
/*gggggggggggggggggggggggggg*/

#header{width:100%; height:368px; background: url('images/headerwelcome.png'); float:left}
#redoak{position:relative;bottom:6.2em;left:2em}
#logo{position:relative;top:9.8em;right:26.8em}
#followbody{width:100%;float:left; background: url('images/followbody.png')}
#body{width:100%;height:356px;float:left; background: url('images/body.png') no-repeat}
#up{width:100%;float:left;position:relative;top:0;margin-top:-365px}
#footer{width:780px;height:85px;float:left; background: url('images/footer.png');margin-bottom:3em;color:#fff}
#footer .padding{padding: 2em 6em}
#footer a{color:#fff}

#sidebar{width:208px;float:left} #sidebar img{margin:0;padding-left:1.4em;position:relative;bottom:1em}
#post{width:560px;float:left}#post .padding{padding-right:3em}

#comment-list{margin-top:3em}
#comments-start {width:100%;margin-top:4em}
#comments-start h2{padding: 0 0 1em 1em}
#comments-start img{position:relative;top:1em;right:1em}
#theform{padding:2em}

.lestags{font-family:georgia;margin-bottom:1em;}

.thumbnails img{width:150px;height:auto;padding:2px;background:#fff;border:1px solid #111}
.content{margin-top:2em}


#sidebar h3{position:relative;left:2em}
#sidebar ul{margin:0;padding:0;width:80%;position:relative;left:2em}
#sidebar li ul, #sidebar li ol{margin:0;padding:0;}
#sidebar li{list-style-type:none;list-style-image:url('images/star.png'); list-style-position:inside;margin:0;padding:0;}
#sidebar li a{border-top:1px dotted #520000;}



#sidebar .imago{width:166px;height:49px;float:left;margin-left:1.5em;cursor:pointer}
#sidebar	#a a {width:166px;height:49px;display:block;background:url(images/home.png) repeat -20px 35px;}
#sidebar	#b a {width:166px;height:47px;display:block;background:url(images/farm.png) repeat -20px 35px;}
#sidebar	#c a {width:166px;height:43px;display:block;background:url(images/mares.png) repeat -20px 35px;}
#sidebar	#d a {width:166px;height:44px;display:block;background:url(images/sales.png) repeat -20px 35px;}
#sidebar	#e a {width:166px;height:45px;display:block;background:url(images/links.png) repeat -20px 35px;}
#sidebar	#f a {width:166px;height:46px;display:block;background:url(images/news.png) repeat -20px 35px;}
#sidebar	#g a {width:166px;height:46px;display:block;background:url(images/contact.png) repeat -20px 35px;}
#sidebar	#h a {width:166px;height:45px;display:block;background:url(images/progeny.png) repeat -20px 35px;}
#sidebar a:hover,#sidebar a:focus{text-decoration:none}
#sidebar span{visibility:hidden}


#widgets-sidebar{width:100%;float:left;margin-top:2em}



.textwidget{width:90%;position:relative;left:2em;font-family:georgia}



/*
#sidebar #h a {
background:transparent url(images/progeny.png) repeat scroll -20px 35px;
display:block;
height:47px;
width:166px;
}
*/

#gallerydiv{width:390px;height:554px;position:relative;top:1em; left: 4em}
/*#gallerydiv{width:364px;height:364px;overflow:hidden; border:9px solid #000;clear:both;	-moz-border-radius: 10px;
	-khtml-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;position:relative;top:1em;background:#000 }*/
#gallery img{width:390px;height:auto;border:3px solid #000}

#footer .padding{padding-top:1.75em}


.content-in-normal-page h3{margin:3em 0}
