/*  
Theme Name: Robin Frowley
Description: Robin Frowley Wedding Photography
Version: 1.0
Author: Traffic Giant

*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%;}
.orange { color: #FF9900;}
body { background-color: #fff; color: #949494; font-family: Helvetica, Verdana, Arial, sans-serif; font-size: 12px; line-height: 120%; margin: 0 0 0 0; padding: 0 0 0 0; text-align: center;}
.nomargin { margin: 0;}
h1 { font-size: 14px; font-weight: bold; line-height: 14px;}
h2 { color: #666666; font-size: 12px; font-weight: bold; line-height: 14px;}
h3 { font: 14px Helvetica, Verdana, Arial, sans-serif; letter-spacing: 3px; text-transform: uppercase; margin: 10px 0 5px 0; color: #FF9900;}
a, a:link, a:visited { color: #666666; text-decoration: underline;}
a:hover { color: #FF9900; text-decoration: none;}
img { border: none;}
#htitle { position:absolute; top:10px; left:0px; z-index:100;}
#outerWrapper { background-color: #fff; margin: 0; min-width: 900px; text-align: left;}
#outerWrapper #header { width:1020px; position:relative; background-color: #eef6ed; background-image: url(images/title_bg.gif); margin: 10px auto 10px auto; text-align: right;}
#header-menu {float:left; width:100%; padding:5px 0 5px 0;}
#header-menu ul{ list-style: none; padding: 0; margin: 0; float:right;} 
#header-menu li { float:left; margin: 0 0 0 10px; line-height:44px;} 
#header-menu li a, #nav-menu li a:visited { font: 11px Helvetica, Verdana, Arial, sans-serif; line-height:44px; text-transform: uppercase; color: #666666; text-decoration: none;}
#header-menu li a:hover, #header-menu ul li#current a { color: #FF9900; text-decoration : none;}
#header-menu #currentpage a { color: #FF9900;}

#outerWrapper #contentWrapper { float:left;}
#outerWrapper #contentWrapper #rightColumn1 { float: right; padding: 10px 10px 10px 10px; width: 255px;}
#outerWrapper #contentWrapper #rightColumn2 { float: right; padding: 10px 10px 10px 10px; width: 255px; text-align:right;}
#outerWrapper #contentWrapper #leftColumn1 { float: left; padding: 10px 0 10px 0; width: 255px;}
#outerWrapper #contentWrapper .content { margin: 0 0 0 0; padding: 10px 0 10px 0; overflow: hidden;}
#outerWrapper #contentWrapper .content p { margin-left:0;}
#outerWrapper #contentWrapper .content #text1 { float:left; width:675px; margin-top:30px; }
.paragraph1 { float:left; width: 330px; margin-right:15px;}
.paragraph2 { float:left; width: 330px;}
#outerWrapper #contentWrapper .content #text1 p { text-align:justify; }
#outerWrapper #contentWrapper .content #text1 h1, #outerWrapper #contentWrapper .content #homegallery h1 { color:#4E4E4E; font-size:21px; font-weight:normal; margin-bottom:15px;}
#outerWrapper #contentWrapper .content .pricebox { float:left; background-color:#000;}
#outerWrapper #contentWrapper .content .pricebox p { padding:0 10px 0 10px;}
#outerWrapper #contentWrapper .content .pricebox h2 { padding:15px 0 0 10px; font-size:18px; font-weight:normal; color:#CCC;}
#outerWrapper #contentWrapper .content .pageimage {float:left; width:525px; margin-right:25px;}
#outerWrapper #contentWrapper .content .pagetext {float:left; width:470px; line-height:18px;}
#outerWrapper #contentWrapper .content .pagetext h2, #outerWrapper #contentWrapper .content .pagetext h1 { padding:15px 0 0 0; font-size:18px; font-weight:normal; color:#CCC;}
#outerWrapper #contentWrapper .content .pagetext a { color:#CCC; text-decoration:none;}
#outerWrapper #contentWrapper .content #homegallery { float:left; width: 325px; margin:30px 0 0 20px; }
.flabel { float:left; display:block; width:200px; padding-bottom:2px; text-align:left;}
.fsend { float:left; color:#000; background:#FFF; border:none; margin-left:380px; font-weight:bold; width:70px; font-size:11px;}
input, textarea { background-color:#242424; color:#999; border: solid 1px #999; width:250px;}
#outerWrapper #contentWrapper .clearFloat { clear: right; display: block;}
#outerWrapper #footer { float:left; width:1020px; margin:0 auto 15px auto; padding: 20px 0 10px 0; border-top: solid 1px #CCC;}
#outerWrapper #footer .leftbox { float:left; width:235px; margin:10px 20px 10px 0; line-height:20px;}
#outerWrapper #footer .leftbox h2 { color:#4E4E4E; font-size:17px; font-weight:normal; margin-bottom:15px;}
#outerWrapper #footer .leftbox a { background:url(images/dot.jpg) no-repeat left; padding-left:11px; color:#999999;}
#outerWrapper #footer .leftbox a.nodot { background:none; padding-left:0px;}
#outerWrapper #footer .leftbox.end { margin:10px 0 10px 0;}
#outerWrapper #footer a{ text-decoration:none;}
#outerWrapper #footer .bottom { float:left; width:1020px; padding:20px 0 15px 0; border-top: solid 1px #CCC;}
#outerWrapper #footer .bottom a { color:#F9AE56;}
#outerWrapper #line { margin-top:20px; border-top: solid 1px #CCC;}

#nav-menu ul
{
	list-style: none;
padding: 0px 55px 0px 0px;
margin: 0;
} 

#nav-menu li
{
/*float : left */
margin: 15px 0px 0px 0px;
text-align: right;
} 

#nav-menu li a, #nav-menu li a:visited
{
	/*Lucida Sans Unicode, Lucida Grande*/
	font: 13px Helvetica, Verdana, Arial, sans-serif;
	letter-spacing: 1px;
	text-transform: uppercase;
	/*color : #949494*/
	color: #CCCCCC;
	text-decoration: none;

}

#nav-menu li a:hover {
	color: #666666;
	text-decoration : none;
	}
	
#nav-menu #currentpage a {
	color: #FF9900;
	}
.floatleft {
	float: left;
	margin-right: 20px; 
}
.imgright {
	margin-left: 470px;
	margin-top:100px;
}
.imgright2 {
	margin-left: 300px;
	margin-top:100px;
}
.imgright strong {
	/*Lucida Sans Unicode, Lucida Grande*/
	font: 13px Helvetica, Verdana, Arial, sans-serif;
	letter-spacing: 1px;
	text-transform: uppercase;
	/*color : #949494*/
	color: #FF9900;
	text-decoration: none;

}
.middlecontent {
	width:800px;
	margin: 0px auto;
}
.t-thumb {
	float:left;
	width:200px;
	height:200px;
	margin-right:20px;
}
.t-content {
	float:left;
	width:580px;
}
.t-container {
	float:left;
	width:800px;
	margin-bottom:10px;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #FF9900;
	padding-bottom:7px;
}
/* slider specific CSS */
        .sliderGallery {
            overflow: hidden;
            position: relative;
            padding: 10px;
			margin-bottom:50px;
			margin-right:300px;
			padding-left:15px;
        }
        
        .sliderGallery UL {
            position: absolute;
            list-style: none;
            overflow: none;
            white-space: nowrap;
            padding-top: 30px;
            margin: 0;
        }
        
        .sliderGallery UL LI {
            display: inline;
        }
        
        .slider {
            width: 99%;
            height: 16px;
            margin-top: 460px;
            margin-left: 0px;
            padding: 1px;
			position: relative;
            background: url(images/slider.jpg) no-repeat;
        }
        
        .handle {
            position: absolute;
            cursor: hand;
            height: 16px;
            width: 13px;
            top: 0;
            background: url(images/scroller.png) no-repeat;
            z-index: 100;
        }
        
        .slider span {
            color: #bbb;
            font-size: 80%;
            cursor: pointer;
            position: absolute;
            z-index: 110;
            top: 3px;
        }
        
        .slider .slider-lbl1 {
            left: 50px;
        }
        
        .slider .slider-lbl2 {
            left: 107px;
        }
        
        .slider .slider-lbl3 {
            left: 156px;
        }

        .slider .slider-lbl4 {
            left: 280px;
        }

        .slider .slider-lbl5 {
            left: 455px;
        }	


.blogcontent {
	margin: 0px auto;
	width: 580px;
}
.blogcontent img { margin: auto; display: block; }
.blogcontent a { text-decoration:none; }
.blogcontent h1 {
	padding-bottom:10px;
}


/* Comments stuff. */
.comments-template{

	margin: 10px 0 0;

	border-top: 1px solid #ccc;

	padding: 10px 0 0;

}



.comments-template ol{

	margin: 0;

	padding: 0 0 15px;

	list-style: none;

}



.comments-template ol li{

	margin: 10px 0 0;

	line-height: 18px;

	padding: 0 0 10px;

	border-bottom: 1px solid #ccc;

}



.comments-template h2, .comments-template h3{

	font-family: Georgia, Sans-serif;

	font-size: 16px;

}



.commentmetadata{

	font-size: 12px;

}



.comments-template p.nocomments{

	padding: 0;

}



.comments-template textarea{

	font-family: Arial, Helvetica, Georgia, Sans-serif;

	font-size: 12px;

}
#htitle p {
	color: #F90;
	font-weight: normal;
	font-size: 14px;
	letter-spacing: 4px;
	padding:0px 0px 0px 30px;
	margin:0;
}
#dhtmltooltip{ position: absolute; left: -300px; width: 150px; border: 1px solid black; padding: 2px; background-color:#000; visibility: hidden; z-index: 100;/*Remove below line to remove shadow. Below line should always appear last within this CSS*/ filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135); color:#FFF;}
#dhtmlpointer{ position:absolute; left: -300px; z-index: 101; visibility: hidden;}
#dhtmltooltip h6 { color:#f3c000; font-size:14px; font-weight:bold; padding:0px; margin:0px;}