/*  
Theme Name: Brosnan Photographic v2
Theme URI: http://www.brosnanphotographic.com
Description: Theme for Brosnan Photographic.
Version: 2.0
Author: Colin Brosnan
Author URI: http://www.brosnanphotographic.com/

*/

/* -------------------------------------------------------------- 
     * This part resets all 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;
}

body {line-height: 1.5;}

/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
table, td, th { vertical-align: middle; }

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

/* Remove annoying border on linked images. */
a img { border: none; }


/* -------------------------------------------------------------- 
     * Body styling here.
-------------------------------------------------------------- */

body{font-family: Arial, Helvetica, sans-serif; margin: 0px 0 0 0; background: url(assets/pattern.jpg);}
a:link, a:visited{text-decoration: none; color: #cdd579;}
#wrapper{margin: 0 auto 0 auto; width: 800px; text-align: left; background-color: #FFFFFF;}

/* -------------------------------------------------------------- 
   * Header content here.   
-------------------------------------------------------------- */

#header{float: left; width: 800px; height: 100px; background-color:#FFF;}
#sitetitle {width: 277px; height: 46px; position: relative; top: 20px; left: 22px; z-index: 1;}
#sitetitle span {background: url(assets/brosnanphotographicblack.jpg) no-repeat; position: absolute; width: 100%; height: 100%;}

/* menu */
#menu {top: 30px; left: 12px; margin:0px; padding:0px; list-style:none; color:#000; line-height:30px; display:inline-block; float:left; z-index:1000; position: relative;} 
#menu a { color:#000; text-decoration:none; } 
#menu > li {background:#fff none repeat scroll 0 0; cursor:pointer; float:left; position:relative;padding: 0px;} 
#menu > li a {padding: 5px 10px 15px 10px; } 
#menu > li a:hover {color:#cdd579; background: #fff;} 

/* sub-menus*/
#menu ul { padding:0px; margin:0px; display:block; display:inline;}
#menu li ul { position:absolute; left:0px; top:-1px; margin-top:36px; width:210px; line-height:16px; padding: 0px; background-color:#fff; color:#000; border: dotted 1px #cdd579;/* for IE */ display:none; }
#menu li:hover ul { display:block; padding: 0px}
#menu li ul li{ display:block; margin:5px 10px; padding: 5px 0px;  border-top: dotted 1px #cdd579; list-style-type:none; }
#menu li ul li:first-child { border-top: none; }
#menu li ul li a { display:block; color:#000; padding: 0px}
#menu li ul li a:hover { color:#cdd579; padding: 0px}


/* -------------------------------------------------------------- 
     * Container styling here.
-------------------------------------------------------------- */

#container{float: left; width: 800px; overflow: hidden; background: #FFF; padding-top: 22px; margin-bottom: 42px;}
.gallery {float: left; width: 756px; height: 502px;}
#main{float: left; width: 574px;}
.post{padding: 0px 20px 22px 22px;}
.post h2 {clear: both; font-family: Arial, Helvetica, sans-serif; font-size: 1.1em; font-weight: bold; line-height: 1.2em; margin: 0px 0px 10px 0px;}
.post h2 a:link, .post h2 a:visited {text-decoration: none; color: #000;}
.post h3 {color: #000; font-size: 1em; font-weight: bold; line-height: 1.2em; margin: 10px 0px 5px 0px;}
p.postmetadata{margin: 0px 0 0 0;}
span.postdate{color: #cdd579; font-weight: bold; font-size: .8em;}
span.postcategory{color: #cdd579; font-size: .8em;}
span.postauthor{color: #cdd579; font-size: .8em;}
span.nobreak {white-space: nowrap;}

.postinfo {height: 30px; margin: 10px 0 5px 0; border-bottom: 1px dotted #cdd579;}
.postpermalink {margin: 5px 0px 5px 0px; line-height: .8em; color: #000; font-weight: bold; font-size: .8em;}
.postcomments {margin: 5px 0 5px 0; line-height: .8em; color: #000; font-weight: bold; font-size: .8em;}

p{padding: 10px 0 10px 0; font-size: .8em; color: #666666;}
.post li {margin: 0px 0px 0px 15px; font-size: .8em; color: #666666;}

.navigation {color: #000000; padding: 0px 20px 22px 22px;}
.navigation a:link, .navigation a:visited {color: #000000;}

.navigationgallery {margin: -10px 20px 10px 20px;}
.next {font-size: .8em; font-weight: bold; background: #fff; margin: 0 10px 0 22px;}
.previous {font-size: .8em; font-weight: bold; background: #fff; margin: 0 10px 0 22px;}

/* -------------------------------------------------------------- 
     * Home Container styling here.
-------------------------------------------------------------- */

#containerhome {float: left; width: 800px; overflow: hidden; background: #FFF; padding-top: 20px; margin-bottom: 42px;} /* for use in about page*/
#containerhome .post h2 {padding: 0px 20px 10px 20px; color: #fff; font-size: 1.1em;}
#containerhome .post h2 a:link, #containerhome .post h2 a:visited {color: #fff;}
#containerhome p{margin: 0px 20px 15px 20px;}
#containerhome p span {padding: 1px 0px 1px 0px;}
.imagebox {width: 756px; height: 546px; text-align: left; float: left; position: relative; top: 22px; left: 22px;}

#home {padding: 0px 20px 0px 22px;}

/* -------------------------------------------------------------- 
     * Wedding 2 Container styling here.
-------------------------------------------------------------- */

#containerwed{float: left; width: 800px; overflow: hidden; background: #FFF; padding-top: 22px; margin-bottom: 42px; padding-bottom: 20px;}
#mainwed{float: left; width: 400px;}
#containerwed .post h2 {color: #000; font-size: 1.1em;}
#containerwed .post h2 a:link, #container2 .post h2 a:visited {color: #000;}
#containerwed .post h3 {color: #000; font-size: 1em; font-weight: bold; line-height: 1.2em; margin: 10px 0px 5px 0px;}

/* -------------------------------------------------------------- 
     * About Container styling here.
-------------------------------------------------------------- */

#container2 {float: left; width: 800px; overflow: hidden; background: #FFF; padding-top: 22px; margin-bottom: 42px;} /* for use in about page*/
#container2 .post h2 {padding: 0px 0px 10px 0px; color: #000; font-size: 1.1em;}
#container2 .post h2 a:link, #container2 .post h2 a:visited {color: #000;}
#container2 p{font-weight: normal; width: 400px; margin: 0px 20px 0px 0px; font-size: .8em; color: #000;}
#container2 p span {padding: 1px 0px 1px 0px;}

/* -------------------------------------------------------------- 
     * Contact Container styling here.
-------------------------------------------------------------- */

#containercontact {float: left; width: 800px; height: 542px;} /* for use in contact page*/
#containercontact .post h2 {padding: 10px 10px 10px 10px; color: #000; font-size: 1.1em;}
#containercontact .post h2 a:link, #containercontact .post h2 a:visited {color: #000;}
#containercontact p{font-weight: normal; margin: 0px 10px 0px 10px; font-size: .8em; color: #000;}
#containercontact p span {padding: 1px 0px 1px 0px;}

#column1 {float: left; width: 400px;}
#column2 {float: left; width: 400px;}



/* -------------------------------------------------------------- 
     * Details Container styling here.
-------------------------------------------------------------- */

#containerdetails {float: left; width: 800px; height: 545px;} /* for use in details page*/
#containerdetails .post h2 {padding: 0px 0px 10px 0px; color: #000; font-size: 1.1em;}
#containerdetails .post h2 a:link, #containerdetails .post h2 a:visited {color: #000;}
#containerdetails p{font-weight: normal; margin: 0px 20px 0px 0px; font-size: .8em; color: #000;}
#containerdetails p span {padding: 1px 0px 1px 0px;}

#containerdetails a:link, #containerdetails a:visited{text-decoration: none; color: #cdd579;}

/* --------------------------------------------------------------
   * Footer styling here.
-------------------------------------------------------------- */

#footer {float: left; clear: both; background: url(assets/none.jpg); border-top: #cdd579 solid 0px; padding-top: 20px;}
#footer p {line-height: 1.2em; color: #999; font-size: 0.8em; margin: 0px 0 0px 0; padding: 0px 0 0px 0}
#footer h2, #footer h2 a {line-height: 1.2em; color: #cdd579; margin: 0px 0 0px 0; font-size: .9em; font-weight: bold; font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;}
#footer h2 a {color: #cdd579; font-size: 1em; font-weight: bold; font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;}
.footcontent {width: 756px; display: inline-block; margin: 0 0 0 22px;}
.foot_column1 {width: 373px; float: left; clear: both; margin: 0 0 0 0px; text-align: left; padding-right: 5px;}
.foot_column2 {width: 373px; float: left; margin: 0 0 0 0px; text-align: left; padding-left: 5px;}

.footinfo {width: 756px; display: inline-block; text-align: left; border-top: #cdd579 dotted 1px; margin: 20px 0 20px 22px; padding-top: 20px;}
.footinfo_l {width: 373px; float: left; clear: both; margin: 0 0 0 0px; text-align: left; padding-right: 5px;}
.footinfo_r {width: 373px; float: left; margin: 0 0 0 0px; text-align: left; padding-left: 5px;}


/* --------------------------------------------------------------
   * Sidebar styling here.
-------------------------------------------------------------- */

.sidebar{position: relative; padding: 0px 0 20px 0; float: left; width: 200px; background: #fff; margin: 0 0 0 0px; display: inline; border: 1px dotted #cdd579;}
.sidebar a:link, .sidebar a:visited{text-decoration: none; color: #000;}
.sidebar a:hover, .sidebar a:active{text-decoration: none; color: #fff; background: #cdd579;}
.sidebar ul{list-style-type: none; margin: 0; padding: 0 10px 0 0px;}
.sidebar ul li{padding: 0px 0 0px 0px;}
.sidebar ul li h2{padding: 12px 0 0 20px; font-family: Arial, Helvetica, sans-serif; font-size: 1em; color:#cdd579; font-weight: bold;}
.sidebar ul ul li{padding: 0 0 0 20px; font-size: .7em; line-height: 1.5em;}
#search_box {width: 200px; height: 26px; margin: 20px 0px 0px 0px; background: url(assets/search/searchbg.jpg);}
#search_box #s {float: left; padding: 0; margin: 6px 0 0 23px; border: 0; font-family: Arial, Helvetica, sans-serif; font-size: .7em; width: 120px; background: none;}
#search_box #go {float: right; margin: 0px 20px 0 0;}

.sidebar .sidebarpet ul li{list-style-type: circle; margin: 0 0 0 35px; padding: 0 0px 0 0px;}

/* -------------------------------------------------------------- 
   * Wedding Sidebar 2 styling here.
-------------------------------------------------------------- */

.sidebar2{position: relative; padding: 20px 0 0px 0; float: left; width: 378px; background: #fff; margin: 0 0 0 0px; display: inline; border: 1px dotted #cdd579;}
.sidebar2 a:link, .sidebar2 a:visited{text-decoration: none; color: #000;}
.sidebar2 a:hover, .sidebar2 a:active{text-decoration: none; color: #cdd579;}
.sidebar2 ul{list-style-type: none; margin: 0; padding: 0 10px 0 0px;}
.sidebar2 ul li{padding: 0px 0 0px 0px;}
.sidebar2 ul li h2{padding: 12px 0 0 20px; font-family: Arial, Helvetica, sans-serif; font-size: 1em; color:#000; font-weight: bold;}
.sidebar2 ul ul li{padding: 0 0 16px 20px; font-size: .7em; line-height: 1.5em;}

.sidebar2 .sidebarwed ul li{list-style-type: circle; margin: 0 0 0 35px; padding: 0 0px 0 0px;}


/* --------------------------------------------------------------
   * Home Sidebar styling here.
-------------------------------------------------------------- */

.sidebarhome{background: #cdd579; margin: 0 0 22px 22px; clear: both; width: 756px;}
.sidebarhome a:link, .sidebarhome a:visited{text-decoration: none; color: #fff;}
.sidebarhome a:hover, .sidebarhome a:active{text-decoration: none; color: #fff; border-bottom: #FFF dotted 1px;}
.sidebarhome ul{list-style-type: none; margin: 0; padding: 0 5px 5px 5px;}
.sidebarhome ul li{padding: 0px 0 0px 0px;}
.sidebarhome ul li h2{padding: 5px 0 0 5px; font-family: Arial, Helvetica, sans-serif; font-size: 1em; color:#fff; font-weight: bold;}
.sidebarhome ul ul li{padding: 0 5px 0 0px; font-size: .8em; display: inline;}




/* -------------------------------------------------------------- 
   * Comments section styling here.
-------------------------------------------------------------- */

.comments-template{margin: 0px 22px 0 22px; 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: 2px dotted #cdd579;}
.comments-template h2, .comments-template h3{font-family: Arial, Helvetica, sans-serif, Sans-serif; font-size: 1em; color:#cdd579; font-weight: bold;}
.commentmetadata{font-size: 1em;}
.commenter {font-size: 1.1em; font-weight: bold; margin: 0 0 2px 0;}
.commenttime a:link, .commenttime a:visited, .commenttime a:hover, .commenttime a:active {font-size: 0.6em; background: #cdd579; padding: 2px; color: #FFFFFF;}
.commenttime p {font-size: 0.6em;}
.comments-template p.nocomments{padding: 0;}
.comments-template textarea{font-family: Arial, Helvetica, sans-serif; font-size: 12px;}

/* -------------------------------------------------------------- 
   ie.css
   Contains every hack for Internet Explorer
-------------------------------------------------------------- */

/* Make sure the layout is centered in IE5 */
body { text-align: center; }
.container { text-align: left; }

/* Fixes IE margin bugs */
* html .column { overflow-x: hidden; }


/* Elements
-------------------------------------------------------------- */

/* Fixes incorrect styling of legend in IE6. */
* html legend { margin:-18px -8px 16px 0; padding:0; }

/* Fixes incorrect placement of ol numbers in IE6/7. */
ol { margin-left:2em; }

/* Fixes wrong line-height on sup/sub in IE. */
sup { vertical-align: text-top; }
sub { vertical-align: text-bottom; }

/* Fixes IE7 missing wrapping of code elements. */
html>body p code { *white-space: normal; } 

/* IE 6&7 has problems with setting proper <hr> margins. */
hr  { margin: -8px auto 11px; }