/*
Theme Name: 0__ Carol Clift __0
Theme URI: 
Description: The custom Carol Clift design from <a href="http://www.baldology.com">Baldology</a>.
Version: 8.95.48
Author: Baldology
Author URI: http://www.baldology.com
*/

body {margin:0 auto; text-align:center; background:#505050 url(images/5dots.jpg); font-family:"Trebuchet MS", "Century Gothic", Helvetica, Arial;}
.container {width:900px; margin:0 auto; padding:0; text-align:center; border:solid #d11820; border-width:0 2px; background:#fff;}

#header {background:url(http://www.carolcliftphoto.com/wp-content/gallery/headers/rotator.php) no-repeat top center; margin:0 auto; text-align:right;}
#header img.transparent {float:left; margin:85px 0 90px 60px; width:275px; height:100px;}

#pages {clear:both; padding:0; margin:auto;}
#pages ul {list-style:none; float:left; padding:0; margin:0 10px 0 0;}
#pages li {float:left; display:block; padding:0px; font-size:15px;}
#pages li ul {margin-top:-10px;}
#pages li a {float:left; color:#fff; display:block; padding:5px 15px 0 15px; margin:0;}
#pages li li a {float:left; color:#fff; display:block; padding:10px 15px; margin:0;}
#pages li a:hover {margin:0; color:#6F2945;}
#pages li.last {font-size:12px; float:right;}
#pages li.outbound {background:url(images/outbound.gif) no-repeat right center;}
#pages li.last a {padding:10px 5px 0 5px;}
#pages li.last img {border:none; vertical-align:middle;}

.nav, .nav * {margin:0; padding:0; list-style:none;}
.nav ul {position:absolute; top:-999em;}
.nav li {float:left; position:relative; z-index:99; font-size:15px;}
#nav2 li {float:left; position:relative; z-index:1000; font-size:15px;}
.nav a {display:block;}
.nav ul li {width: 100%;}
.nav li:hover ul, ul.nav li.sfHover ul {left:0px; top:33px;}
#nav2 li:hover ul, ul#nav2 li.sfHover ul {left:0px; top:33px !important;}
.nav li:hover li ul, .nav li.sfHover li ul {top:-999em;}
.nav li li:hover ul, ul.nav li li.sfHover ul {left:15em; top:0px;}
.nav li:hover ul, .nav li li:hover ul {top: -999em;}
.nav li ul {margin-top:-10px; border:none}

/*** Skinning - Superfish menu (Some final font colors and backgrounds) ***/

.nav li li {display: block; padding: 0px; text-align:left; border:none}
.nav li li a:link, .nav li li a:visited {width:160px; display:block; background:#C40000 url(images/nav-sub-hover.jpg) center; padding:10px 10px 0 10px; margin:0;}
#nav2 li li a:link, #nav2 li li a:visited {/*background-color: #000 !important; */}
.nav li li a:hover {/*background-image: none !important; background-color: #000;*/ color: #008fd5 !important;}
#nav2 li li a:hover {/*background-color: #000 !important;*/}

#header ul {list-style:none; float:right; padding:5px 0 0 0; margin:0; text-align:right}
#header li {float:left; display:block; padding:0px; font-size:15px; text-transform:uppercase}
#header li ul {margin-top:-10px;}
#header li a {float:left; color:#fff; display:block; padding:5px 15px 0 15px; margin:0; text-decoration:none; font-weight:bold}
#header li li a {float:none; text-align:left; color:#fff; display:block; padding:5px 15px 10px 15px; margin:0;}
#header li a:hover {margin:0; color:#008fd5;}
#header li.last img {border:none; vertical-align:middle;}

/*
}
.nav li ul {margin-top:-10px; border:none; background:#313131; padding-top:5px}*/

/*** Skinning - Superfish menu (Some final font colors and backgrounds) ***/

/*.nav li li {display:block; padding:0px; text-align:left; border:none}
.nav li li a:link, .nav li li a:visited {width:180px; display:block; background:#000; padding:5px 10px 0 10px; margin:0; opacity:0.8; -moz-opacity:0.8; filter:alpha(opacity=80);}
#nav2 li li a:link, #nav2 li li a:visited {background-color: #313131 !important; }
.nav li li a:hover {background-image: none !important; background-color: #940000; color: #fff !important;}
#nav2 li li a:hover {background-color: #000 !important;}*/

#header li form:first-of-type {width:180px; margin:3px 5px 5px 0; padding:2px 0 0 0;}
#header li form {width:200px; margin:3px 5px 5px 0; padding:2px 0 0 0;}
#header li form input {font-size:12px;}
#header li form input#s {width:130px;}
#header li form input#searchsubmit {background:none; color:#fff; border:none;}


.about {background:#d11820; padding:10px 0 0 10px}
.about h1, .about p, .about li {color:#fff;}
.artistic, .hello, .recent {float:left; width:30%; margin-right:20px; padding-right:15px; text-align:left; background:url(images/about-separator.jpg) no-repeat right center}
.recent {background:none; margin-right:0; padding-right:0}
.hello {margin-left:15px;}
.hello h1 {padding:27px 0 0 0; /* height of the replacement image */ margin:0 0 0 0;  height:0px; overflow:hidden; background-image:url(images/about-me-carol.jpg); background-repeat:no-repeat; background-position:bottom left}
.artistic h1 {padding:25px 0 0 0; /* height of the replacement image */ margin:0 0 0 0;  height:0px; overflow:hidden; background-image:url(images/about-photos.jpg); background-repeat:no-repeat; background-position:bottom left}
.recent h1 {padding:23px 0 0 0; /* height of the replacement image */ margin:0 0 0 0;  height:0px; overflow:hidden; background-image:url(images/about-recent.jpg); background-repeat:no-repeat; background-position:bottom left}
.recent ul {padding-left:15px; padding-top:0; margin-top:0;}
.about p {padding-top:0; margin-top:0}
.about li, .about p {font-size:12px;}
.recent p {margin:0 0 2px 3px; padding:0;}
.recent li a, .recent p a {color:#fff;}
.recent li a:hover, .recent p a:hover {color:#008fd5;}


h2.pagetitle {background:#d11820; color:#fff; margin:0; padding:5px 0; font-size:26px;}


.post {margin:0 0 40px 0; padding:15px 5px 40px 5px; clear:both; border-top:10px solid #d11820; background:#fff url(images/swirl-n-twirl.jpg) no-repeat top right}
.post .date {float:left; width:68px; text-align:center; background:url(images/back-post-date.jpg) no-repeat center; color:#fff; font-size:30px; text-transform:lowercase; margin:-2px 0 15px 0; padding:15px 0;}
.post .date small {font-size:45%; margin:0 0 0 -15px; line-height:60%}
.post .date strong {margin:-15px 0 0 -5px; line-height:90%}

.post h2 {margin:10px 0 15px 10px; padding:0 50px 0 0; font-size:36px; text-align:left; font-weight:normal; width:700px; float:left; color:#008fd5; line-height:90%}
.post h2 a {text-decoration:none; color:#008fd5;}

.post h2 small {color:#989898; font-size:10px; text-transform:uppercase; line-height:95%}
.post h2 small a {color:#d11820;}


.entry {text-align:left; clear:both; width:850px; margin:20px auto 0 auto}
.entry p, .entry li {text-align:left; font-size:14px; color:#2f2f2f}
.entry p a, .entry li a {color:#008fd5;}
.entry p a:hover, .entry li a:hover {color:#d11820;}
.entry img {max-width:850px; margin:15px auto}


.navigation {text-align:center; margin:0 auto; font-size:11px; background:#d11820; color:#fff;}
.navigation a {width:55px; display:inline; text-decoration:none; background:#d11820; color:#fff;}
.navigation a:hover {color:#008fd5;}
.alignleft-post {float:left;}
.alignright-post {float:right;}


#commentwrapper {border-bottom:2px solid #d11820;}
#commentwrapper h3, #commentwrapper form h3 {font-size:16px; color:#008fd5; font-weight:bold; text-align:left; margin:0 0 5px 0; padding:0}
#commentwrapper ol {float:left; width:48%; margin:0; padding:1%; list-style:none; background:#f6f6f6; height:190px; overflow:auto}
#commentwrapper li {clear:both; margin-bottom:10px}
#commentwrapper li a {color:#d11820;}
#commentwrapper form {float:right; width:48%; margin:0; padding:1%; background:#e1e1e1; height:190px; overflow:auto;}
#commentwrapper form p {color:#000; margin:0 0 3px 0; padding:0; font-size:12px}
#commentwrapper form p small {font-size:10px;}
#commentwrapper form .formleft {float:left; width:30%; margin-right:10%}
#commentwrapper form .formright {float:left; width:60%;}
#commentwrapper form .formright p, #commentwrapper form .formright p small, #commentwrapper form .formleft p small, #commentwrapper form .formleft p {font-weight:bold;}
#commentwrapper form input {background:#ccc; color:#000; border:none}
#commentwrapper form textarea {width:99%; background:#ccc; border:none; color:#000;}
#commentwrapper form #submit {text-align:right; color:#008fd5; font-weight:bold; font-size:11px; background:#e1e1e1; border:none; text-transform:uppercase; float:right; clear:both; margin-top:5px}

#commentwrapper .commentmetastuff {width:30%; float:left; margin-bottom:15px; color:#d11820; font-style:normal; font-weight:bold; font-size:11px;}
.entry #commentwrapper .commentlist li a {color:#d11820; font-style:normal; text-decoration:underline; border-bottom:1px solid #d11820}
#commentwrapper .commentmetastuff cite {font-style:normal; color:#d11820; font-weight:bold; text-decoration:underline}
#commentwrapper .commentmetastuff small {color:#9a9a9a; font-size:11px; line-height:13px; font-weight:normal}
.entry #commentwrapper .commentlist li .commentmetastuff small a {color:#9a9a9a; text-decoration:none; border:none; font-weight:normal}
#commentwrapper .commenttext {width:65%; float:right; font-size:13px; color:#000; margin-bottom:15px;}
#commentwrapper .commenttext p {margin:0 0 10px 0; padding:0; color:#000; font-size:12px}


.footer {padding:95px 10px 5px 10px; background:#d11820 url(images/swirl-n-twirl-footer.jpg) no-repeat top center; clear:both}
.footer p {font-size:12px; color:#fff; text-align:center}
.footer p.siteby {width:25%; float:right; text-align:right; margin:0; padding:0}
.footer p.declare {width:70%; float:left; text-align:left; margin:10px 0 0 0; padding:0}
.footer a {color:#fff; text-decoration:none;}
.footer img { vertical-align:middle}
.fill {clear:both; margin:0; padding:0; height:0;}

.linklove {display:none;}