/* 
Theme Name: Fabrizio Tessaro Photography
Theme URI: http://www.fabriziotessarophotography.com/
Description: Custom Design for Fabrizio Tessaro Photography
Version: 1.0
Author: Ella Estigoy
Author URI: http://www.ellaestigoy.com
*/

* {margin:0; padding:0;}
body{background:url(images/tile_bg.gif) repeat-x top left #000; font-family: arial,verdana sans-serif; font-size:.75em; color:#ccc; line-height:20px; }

#wrapper {top:0; left:0; background:url(images/bg1.jpg) no-repeat top left; width:389px; height:777px;}
#logo {position:relative; top: 75px; width:269px; left:0; height:74px;}
	#logo a {text-indent: -999em; height: 74px; display: block; background: url(images/logo.png) no-repeat top left;}
#south {position:relative; margin: 0 0 100px 0; width:800px; clear:both;}
	#nav_list {position:absolute; width:269px; top: 68px; left: 0; line-height: 22px;}
		#nav {position:relative; margin: 8px 0;text-align:right; list-style:none; width: 269px;}
		#nav li a{font-family:Arial, Helvetica, sans-serif; font-size:.9em; letter-spacing:0.05em; text-transform:uppercase; color:#fff; text-decoration:none; list-style:none; padding: 4px 25px 3px 0; display:block;}
		#nav li a:hover {background-color:#333; color: #cc6;}
		#nav li {margin: 0 0 0.065em 0;}
		
		.homeHeader, .galleryHeader, .greeting-cardsHeader, .artPrintsHeader, .articlesHeader, .linksHeader, .contactHeader {border: 4px solid #cc6;}
		.home, .gallery, .greeting-cards, .art-prints, .articles, .links, .contact   {background-color: #cc6;}
        #nav li.home a, #nav li.gallery a, #nav li.greeting-cards a, #nav li.art-prints a, #nav li.articles a, #nav li.links a, #nav li.contact a {color:#000;}
		
#maincontainer{width: 800px; position:absolute; left:269px; top:150px;}
	#topsection{background: #EAEAEA; height: 200px;}
	#contentwrapper{float: left;width: 800px; margin-bottom:50px;}
	#contentcolumn{margin-right: 240px;}
		.innertube{margin: 30px 0;}
		.post {width: 530px; padding: 10px 0 10px 0; margin: 10px 0;text-align:left;}
		.post h2 a{font-family: Georgia, "Times New Roman", Times, serif; font-size: 18px; color:#cc6; text-decoration:none; margin-bottom:5px;}
		.post h2 a:hover{font-size: 18px; color:#aaa; text-decoration:underline;}
		.entry .postmetadata {color:#666; border-bottom:1px solid #333; width:530px;padding: 5px 0; margin-bottom:15px;}
		.entry p{padding-bottom: 1.5em;}
		.entry img {border:1px solid #333; margin-right: 20px;}
		.entry a:hover img {border:1px solid #666;}
		.entry a{color:#cc6; text-decoration:none;}
		.entry a:hover{color:#aaa; text-decoration:underline;}
		.entry ul li,ol li {text-align:left;}
		.entry ul li {list-style-image:url(images/bullet.png); padding-bottom:8px; margin-left: 25px;}
		.entry ol li {list-style-type:decimal; padding-bottom:8px; margin-left: 25px;}
		.entry blockquote {color:#999; font-style:italic; border-left:3px solid #1a1a1a; padding: 1.5em 0 0 15px; margin:0 0 1.5em 15px;}
		#bookmarks {float:left; text-align:left;}
		#bookmarks ul {text-align:left; float:left; clear:both; margin: 0 25px 10px 0;}
		#bookmarks h2 {text-transform:uppercase; font-size:12px; font-family:Arial, Helvetica, sans-serif;}
		.navigation {margin:0 auto; padding:5px 10px; text-align:center; width: 530px; float:left; color:#cc6;}
                .alignleft {float: left; width:200px; text-align: left;}
                .alignright {float: right; width: 200px; text-align: right;}
		.navigation a{color:#cc6; background-color:#111; border:1px solid #333; padding: 5px; text-decoration:none;}
		.navigation a:hover{color:#ccc; background-color:#111; border:1px solid #333; padding: 5px; text-decoration:none;}
	#rightcolumn{float: left;width: 240px; margin-left:-240px; margin-top:10px; padding-top:10px; margin-bottom:50px;}
		#art_prints {float:left; width:240px; text-align:center;}
		#art_prints a img{border:2px solid #fff; margin:3px; padding:1px; background-color:#fff;}
		#art_prints a:hover img{border:2px solid #fff; padding:1px; background-color:#333;}
		#recent_posts{text-align:right; float:left; padding-right: 20px;}
		#rp_list {list-style:none; width:240px;}
		#recent_posts, #archive {margin: 20px 0; width:240px;}


		#art_prints h3,#recent_posts h3,#archive h3 {text-transform:uppercase; color:#cc6; font-family:Arial, Helvetica, sans-serif; font-size:1.2em; letter-spacing:0.05em; font-weight:normal; padding-bottom:10px; text-align:right;}
		#rp_list ul,li,#ar_list ul,li{list-style:none; text-align:right;}
		#rp_list li a,#ar_list li a{color:#ccc; text-decoration:none; list-style:none; padding: 3px 5px 2px 0; display:block; border-bottom: 1px dotted #ccc; width:240px;}
		#rp_list li a:hover,#ar_list li a:hover{color:#cc6; text-decoration:none; list-style:none; padding: 3px 5px 2px 0; display:block; border-bottom: 1px dotted #ccc; background-color:#333;}


#footer{clear: left;width: 100%;background: black;color: #FFF;text-align: center;padding: 4px 0; margin:50px 0;}
	#footer a{color: #FFFF80;}
	#credits {float:left; text-align:left;color:#999;}
	#footer_nav {float:right; text-align:right;color:#999;}
	#footer_nav a{color:#999;}
	#footer_nav a:hover{color:#ccc;}

/*--- links/affiliates styles --*/
.link {padding: 5px; border: 1px solid #333; background-color:#1c1c1c; margin-bottom: 10px; width: 530px; float:left; clear: both;}
.link img {float:left; margin:0;padding:0; width: 200px;}
        .link_info {float: left; margin: 0 0 0 10px; clear:right; width:310px; vertical-align:top;}


/*--- album styles --*/
.album {padding: 5px; border: 1px solid #333; background-color:#1c1c1c; margin-bottom: 10px; width: 530px; float:left;}
.album img {float:left; margin:0;padding:0; width: 150px;}
        .album_info {float: left; margin:0 0 0 10px; clear:right; width:350px; vertical-align:top;}
        .album_title{margin: 0 0 0 10px;}
        .album_title a{font-family: Georgia, "Times New Roman", Times, serif; color:#cc6; text-decoration:none; margin: 0; padding:0; font-size: 14px;}
        .album_title a:hover{color:#ccc; text-decoration:underline; font-size: 14px;}
        
@media screen and (-webkit-min-device-pixel-ratio:0) {
/* Safari-Opera specific declarations here */
#nav li {margin: 0 0 0.0826em 0;}
}