/*   
Theme Name: Prime
Theme URI: http://devolux.org/2009/04/prime/
Description: WordPress Theme with two columns, horizontal page navigation, automatic image thumbnails, integrated jQuery font resizer, random posts-widget and valid xhtml/css. Please report bugs as comments at the theme's homepage.
Author: Devolux
Author URI: http://devolux.org/
Version: 1.5
Tags: two-columns, fixed-width, blue
.
Released under the <a href="http://www.opensource.org/licenses/gpl-license.php">GPL</a>.
.
*/

/*       ###############################
         BASIC TAGS
         ############################### */

* {margin: 0; padding: 0;}
body {background-color:black;
	  font: 12px arial; color: #666666;
	  line-height:16px;
	  margin: 0 0 0 0;
}
h1, h2, h3, h4, h5, h6 {margin: 10px 0 0 0;}
p {margin: 0px 0px 20px 0px;}
a {outline: none; text-decoration: none; color: #ff71cb;}
a:hover {text-decoration: underline;}
a img {border: none;}
hr {color:#999999; margin:auto;}

/*       ###############################
         BASIC LAYOUT
         ############################### */

div#page {width: 950px; margin: 0 auto;}

div#header {width: 950px; height: 155px; background: url(img/header_prom.gif) no-repeat;}
.header-top {
margin:0 auto;
position:relative;
width:930px;
z-index:999;
}
div#description {}
/*div#logo {margin: 0; padding:0; z-index:100; width:300px;}*/
div#logo {float:left;
margin:0 0 0 12px;
width:272px;}

.quick-access {
color:#FFFFFF;
float:right;
margin:-15px 0 0 0;
padding:0;
text-align:right;
width:auto;
}
div#content {clear: both; background: #fff; width: 950px;}

div#sidebar {float: left; width: 175px; margin: 15px 0 0 5px;}
div#sidebar_random {margin: 30px 0 0 0;}
div#sidebar_random img {max-width: 180px;}

div#sidebar2 {float: left; width: 150px; margin: 15px 0 0 5px;}
div#sidebar2_random {margin: 30px 0 0 0;}
div#sidebar2_random img {max-width: 180px;}

div#text {float: right; width: 730px; margin: 15px 0 0 0; padding: 0 5px 0 20px; border-left: 1px solid #eee;}
div#text2 {float: left; width: 550px; margin: 15px 0 0 20px; padding: 0 5px 0 20px; border-right: 1px solid #eee; border-left: 1px solid #eee;}

div.post {margin: 0 0 20px 0; padding: 0 0 10px 0; border-bottom: 1px solid #eee;}
div.post-single {margin: 0 0 20px 0;}

div.post_left {float: left; width: 325px; padding: 0 20px 0 0;}
div.blog_post_left {float: left; width: 725px; padding: 0 20px 0 0;}
div.date {float: left; width: 64px; height: 60px; padding: 4px 0 0 0; margin: 0 10px 0px 0; background: url(new/prime/img/calendar.png) no-repeat;}

div.post_right {float: right; width: 250px; padding: 0 0 0 20px;}
div.post_right img {max-width: 250px;}

div.single_content {clear: both; margin: 0 0 50px 0;}

div.bookmarks {text-align: right; float: right;}

div#tag_cloud {clear: both; text-align: center; border-bottom: 1px solid #eee; padding: 0;}

div#appendix {position: relative; background: url(new/prime/img/content_bg.png) repeat-y; width: 950px; /*padding: 20px 60px 0 60px; */text-align: center;}
div#totop {position: absolute; top: 45px; left: 30px;}

div#footer {
	width: 950px;
	height: 55px;
	background: #fff /*url(img/footer.png) no-repeat*/;
	margin: 0 0 10px 0;
	text-align:center;
}


/*Nav Level One - Tabs-------------------------*/
.nav {
font-family: arial, sans-serif; 
height:22px; 
position:relative;
background-color:black;
border-top:1px black solid;
font-size:12px;
font-weight:bold;
padding:0;
z-index:100;
}
/*this controls the dark nav bar at top------------*/
/*ul--------------------*/
.nav ul {
padding:0; 
margin:0; 
list-style: none;
}
.nav ul li {
float:left; 
position:relative;
}
.nav ul li a {
display:block; 
text-decoration:none; 
z-index:-1;
color: white;
height:20px; 
padding:0 22px 2px;
text-align:center; 
background-color:black; 
line-height:20px; 
font-size:11px; 
overflow:hidden;
}

/*this controls the drop down menu---- child-----------*/
/*ul ul--------------------*/
.nav ul li ul {
display: none;
}

.nav ul li ul li {
width: 125px;
float: left;
position: relative;
text-align: left;
top:1px;
}

.nav ul li ul li a, .nav ul li ul li a:visited {
/*	border:1px solid white;*/
	width: 125px;
	font-weight:bold;
	text-align:left;
	padding-left:15px;
/*	background-color:white;
	border:1px #c7bacc solid;*/
}

/*this controls the drop down menu-----grandchild------------*/
/*ul ul ul--------------------*/
.nav ul li ul li ul {
	display:none;
	}
	
.nav ul li ul li ul li {
width: 125px;
float: left;
position: relative;
text-align: left;
top:5px;
z-index:1;
/*background-color:white;*/
left:-100px;
}

.nav ul li ul li ul li a {
	/*	border:1px solid white;*/
	width: 125px;
	font-weight:bold;
	text-align:left;
	padding-left:15px;
/*background-color:white;*/
	border:1px #c7bacc solid;
}

/* specific to non IE browsers */
.nav ul li:hover a {
color:#fff; 
text-decoration:underline;
}
.nav ul li:hover ul {display:block; position:absolute; top:21px; left:0; width:175px; text-align:left;}
.nav ul li:hover ul li a.hide {background: #CCCCCC; color:#fff;}
.nav ul li:hover ul li:hover a.hide {background:#CCCCCC; color:#000;}
.nav ul li:hover ul li ul {display: none;}
.nav ul li:hover ul li a {
	display:block;
	background-color:white;
	color: #333333;
	width:175px;
	text-align:left;
	font-weight:bold;
	width: 125px;
	text-decoration:none;
	border:1px dashed #999999;
}
.nav ul li:hover ul li a:hover {background-color:#ff71cb; color:#000;
	background-image:url(/wp-content/uploads/bullet-prom.jpg);
	background-position:left;
	background-repeat:no-repeat;
}
.nav ul li:hover ul li:hover ul {display:block; position:absolute; left:175px; top:0;}
.nav ul li:hover ul li:hover ul.left {left:-175px;}

/*Top Nav -------------------------*/
.top-nav {
}
.top-nav ul {
text-align: left;
list-style: none;
padding: 0;
background-image:url(img/shop_access_pipe.gif);
background-position:left bottom;
background-repeat:no-repeat;
display:inline;
padding-left:7px;
padding-right:13px;
margin: 0 auto;
z-index:999;
}
.top-nav ul li {
background:transparent url(img/shop_access_pipe.gif) no-repeat scroll 100% 0.35em;
display:inline;
padding-left:3px;
padding-right:7px;
} 

.top-nav ul li a{
	font-weight:bold;
	color:white;
}

.top-nav ul li a:hover {
	text-decoration:underline;
	color:white;
	}

.top-nav ul li.current_page_item {
	color:white;
}
.top-nav a {
color:#666666;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:10px;
font-weight:bold;
text-decoration:none;
}
/*Bottom Nav -------------------------*/
.bottom-nav {
margin: 5px 10px 6px 0;
}
.bottom-nav ul {
text-align: center;
list-style: none;
padding: 0;
margin: 0 auto;
background-image:url(img/shop_access_pipe.gif);
background-position:left bottom;
background-repeat:no-repeat;
display:inline;
padding-left:7px;
padding-right:3px;
}
.bottom-nav ul li {
background:transparent url(img/shop_access_pipe.gif) no-repeat scroll 100% 0.35em;
display:inline;
padding-left:3px;
padding-right:7px;
} 

/*.top-nav ul li a{
	font-weight:bold;
	color:#666666;
}
*/
.bottom-nav ul li a:hover {
	text-decoration:underline;
	color:#999999;
	}

.bottom-nav ul li.current_page_item {
	color:white;
}
.bottom-nav a {
color:#666666;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:10px;
font-weight:bold;
text-decoration:none;
}
/*       ###############################
         WIDGETS
         ############################### */

/*Left Nav Sidebar-----------------------------------------------------------------------*/
div#sidebar-nav h4 {font: bold 14px Georgia, "Times New Roman", Times, serif; margin: 15px 0 5px 0;text-indent:3px;}

div#sidebar-nav a {display: block; padding: 3px 0px; color: #8a8a8a; font: 11px Verdana, sans-serif; font-weight:bold;}

div#sidebar-nav ul {width: 175px; list-style: none; padding: 0 0 0 10px;}
div#sidebar-nav ul ul {width: 175px; list-style: none; padding: 0 0 0 5px;}

div#sidebar-nav li {padding: 0 0 0 5px;}
div#sidebar-nav li:hover {}
div#sidebar-nav li a {padding:6px 0;}
div#sidebar-nav li a:hover {color: #215c97;}

div#sidebar-nav ul ul li {border: none; background: none;}
div#sidebar-nav ul ul li a {font-weight:normal; background-color: #FFFFFF; padding:3px 0; width:92%; }
div#sidebar-nav ul ul li:hover {border: none; background: none;}

/*Left Sidebar-----------------------------------------------------------------------*/
div#sidebar h4 {
	font: bold 14px Georgia, "Times New Roman", Times, serif;
	margin: 15px 0 5px 0;
	border-bottom:1px solid gray;
	text-indent:3px;
}

div#widget {margin: 0; padding: 0; font-size: 110%;}
div#sidebar a {display: block; padding: 3px 0px; color: #8a8a8a; font: 11px Verdana, sans-serif; font-weight:bold;}

div#sidebar ul {width: 175px; list-style: none; padding: 0 0 0 10px;}
div#sidebar ul ul {width: 175px; list-style: none; padding: 0 0 0 5px;}

div#sidebar li {
	padding: 0 0 0 5px;
}
div#sidebar li:hover {}
div#sidebar li a {
	padding:3px 0;
}
div#sidebar li a:hover {color: #ff71cb;}

div#sidebar ul ul li {border: none; background: none;}
div#sidebar ul ul li a {font-weight:normal; background-color: #FFFFFF;border-bottom: 1px dotted #666666; padding:3px 0; width:92%; }
div#sidebar ul ul li:hover {border: none; background: none;}

/*Right Sidebar-----------------------------------------------------------------------*/
div#sidebar2 h4 {font: bold 120% Georgia, Verdana, sans-serif; margin: 15px 0 5px 0; border-bottom: 1px solid gray;}

div#sidebar2 a {display: block; padding: 3px 0px; color: #8a8a8a; font: 11px Verdana, sans-serif; font-weight:bold;}

div#sidebar2 ul {width: 155px; list-style: none; padding: 0 0 0 10px;}
div#sidebar2 ul ul {width: 155px; list-style: none; padding: 0 0 0 5px;}

div#sidebar2 li {border-bottom:1px solid gray; padding: 0 0 0 5px;}
div#sidebar2 li:hover {}
div#sidebar2 li a {padding:6px 0;}
div#sidebar2 li a:hover {color: #ff71cb;}

div#sidebar2 ul ul li {border: none; background: none;}
div#sidebar2 ul ul li a {font-weight:normal; background-color: #FFFFFF;border-bottom: none;padding:3px 0; width:92%; }
div#sidebar2 ul ul li:hover {border: none; background: none;}
/*--------------------------------------------------------------*/
div#recent-comments {width: 200px;}

p#font-resize a {display: inline; font: 180% bold Verdana, sans-serif; padding: 0px 5px;}

/*calendar*/
table#wp-calendar {margin: 0 0 10px 0; border-collapse: collapse; text-align: center; font-size: 140%;}
table#wp-calendar a {font: normal 140% Verdana; color: #215c97; border: 1px solid #215c97;}
table#wp-calendar caption {padding: 0 0 5px 0;}
table#wp-calendar th {font: bold 140% Verdana;}
table#wp-calendar th, td {width: 30px; height: 30px;}

/*       ###############################
         TEXT
         ############################### */

div#text a, div#text2 a {color: #215c97; text-align:center;}
div#text a:hover,  div#text2 a:hover {color: #dc143c; text-decoration: underline;}
div#text, div#text2 {font-size: 100%;}
div#text p, div#text2 p {padding:0 8px; margin:10px 0;}
table#text th,td {width:auto; padding:0;}
table#text .tablecenter  {margin:auto;}

div#description h1 a {color: #fff; font: bold 280% Georgia;}
div#description p {color: #eee; padding: 3px 0; font: normal 180% Verdana;}

div#text h1,  div#text2 h1 {font: bold 14px Georgia, Verdana, sans-serif; margin: 15px 0 5px 0;}
div#text h1 a, div#text2 h1 a {color: #333;}
div#text h1 a:hover, div#text2 h1 a:hover {color: #dc143c; text-decoration: none;}
div#text h2, div#text2 h2 {font: bold 160% Georgia, Verdana, sans-serif; color: #333; margin: 0 0 10px 0;}
div#text h2.archive-title, div#text2 h2.archive-title {margin: 0px 0px 30px 0px; font: bold 200% Verdana; color: #215c97;}
div#text h3, div#text2 h3 {font: bold 120%; margin: 0 0 5px 0;}

div#text ul, ol {margin: 0 0 20px 20px;}
div#text2 ul, ol {margin: 0 0 20px 20px;}

p#next-posts {text-align: left; font: normal 140% Verdana;}

div.date {font: normal 11px Georgia; text-align: center; color: #fff;}
p.date-month {margin: 2px 0 0 0; color: #666; font: normal 32px Georgia;}

p.post_info {font-size: 90%; margin: 10px 0px 5px 0px;}

img.post_icon_1 {position: relative; top: 4px; right: 1px; margin: 0 3px 0 0;}
img.post_icon {position: relative; top: 4px; right: 1px; margin: 0 3px 0 12px;}

div#tag_cloud a {color: #215c97;}
div#tag_cloud a:hover {color: #dc143c; text-decoration: underline;}

p.footer_info {margin: 5px 0 0 0; color: #666; font: normal 9px Verdana, san-serif;}

div#totop a {color: #215c97; font: bold 140% Verdana; padding: 30px;}
div#totop a:hover {color: #dc143c;}

a#get-firefox {display: block; width: 50px; height: 50px; background: url(../new/prime/img/firefox.png);}
a#get-firefox:hover {width: 50px; height: 50px; background: url(../new/prime/img/firefox-h.png);}
a#get-inkscape {display: block; width: 50px; height: 50px; background: url(../new/prime/img/inkscape.png);}
a#get-inkscape:hover {width: 50px; height: 50px; background: url(../new/prime/img/inkscape-h.png);}
a#get-ubuntu {display: block; width: 50px; height: 50px; background: url(../new/prime/img/ubuntu.png);}
a#get-ubuntu:hover {width: 50px; height: 50px; background: url(../new/prime/img/ubuntu-h.png);}

code {font: normal 120% Courier, serif;}

/*      ##################################
           COMMENTS
        ################################## */

div.comment {width: 575px; margin: 0 0 20px 0; padding: 20px; background: #f7f7f7; border: 1px solid #ccc;}
div.comment p {margin: 0px;}
div.comment-details {float: left; width: 100px; font-size: 10px;}
div.comment-text {float: right; width: 455px;}

h2#comment-header {margin: 40px 0 10px 0 !important;}
h2#respond {margin: 10px 0 10px 0 !important;}
h3#no-comments {font: bold 120% Verdana !important; color: #215c97 !important; margin: 0 !important;}

/*        ##################################
           FORMS
        ################################## */

label {display: block; margin: 0 0 5px 0;}
.text {width: 350px; margin: 0 0 10px 0; padding: 5px; background: url(../new/prime/img/bg-form-text.gif) repeat-x left top; border: 1px solid #ccc;}
textarea {width: 450px; height: 150px; margin: 0; padding: 5px; background: url(../new/prime/img/bg-form-text.gif) repeat-x left top; border: 1px solid #ccc;}
.submit {width: auto; padding: 5px; margin: 5px 0; color: #fff; background: #666; border: 1px solid #333;}

/*        ##################################
           SEARCHFORM
        ################################## */

div#topsearch { 
	display:none;
/*
height:30px;
margin: 0 0 0 0;
position: absolute;
right:0;
top:125px;*/
}
input#search {width: 212px; padding: 2px; background: url(img/bg-form-text.gif) repeat-x left top; border: 1px solid #ccc; font-size:12px;}
#search-submit { padding:0 0 6px; color:#fff; vertical-align:middle;}

/*        ##################################
           WORDPRESS CSS
        ################################## */

img.alignright {float:right; margin: 0 0 30px 30px;}
img.alignleft {float:left; margin: 0 50px 30px 0;}
img.aligncenter {display: block; margin-left: auto; margin-right: auto;}
a img.alignright {float:right; margin: 0 0 30px 30px;}
a img.alignleft {float:left; margin: 0 50px 30px 0;}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto;}

.aligncenter, div.aligncenter {display: block; margin-left: auto; margin-right: auto;}
.alignleft {float: left;}
.alignright {float: right;}

.wp-caption {border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin: 10px;}
.wp-caption img {margin: 0;padding: 0;border: 0 none;}
.wp-caption p.wp-caption-text {font-size: 110%; line-height: 17px; padding: 0 4px 5px; margin: 0;}

/*       ###############################
         CLEARFIX
         ############################### */

.clearfix:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
.clearfix {display: inline-block;}
html[xmlns] .clearfix {display: block;}
* html .clearfix {height: 1%;}
.clear {clear: both;}

/*Image Flicker--------------------------------------*/
#image_flicker {text-align:center}
#image_flicker img {display:block; margin:auto}
#image_flicker a {text-decoration:none}

/*Styles for general use-----------------------------------------------------*/
.calltoaction { background-image:url(/wp-content/uploads/cta-back.jpg); background-repeat:no-repeat; background-position:center; font-family:Georgia, "Times New Roman", Times, serif; font-size:10px; font-weight:bold; font-style:italic; text-align:center; width:200px; height:290px; padding: 8px 25px; color:#666666; }

.btnback180 {background-image:url(/wp-content/uploads/btnback180.jpg); background-repeat:no-repeat; background-position:center; font-weight:bold; font-size:10px; text-align:center; width:180px; height:35px;}

div#text p.btnback200 {background-image:url(/wp-content/uploads/btnback200.jpg); background-repeat:no-repeat; background-position:top; font-weight:bold; text-align:center; width:200px; height:28px; margin:0; padding:5px 0 0 0;}

.bdr-rt-dash {border-right:dashed 1px #CCCCCC;}
.bdr-lt-dash {border-right:dashed 1px #CCCCCC;}
.bckgrd-lt-gray {background-color:#F0F0F0;}
.bckgrd-lt-lav {background-color:#f2e8f5;}

/*external links*/

a[href^="mailto:"] {
	background: url(/wp-content/uploads/email.gif) no-repeat right top;
	padding-right: 18px;
	}

a[href$=".pdf"] {
	background: url(/wp-content/uploads/adobe.gif) no-repeat right top;
	padding-right: 18px;
	}
/*Styles for Tiny MCE =---------------------------------------------------------*/
.back-back-lavender {
	background-color:#ff99cc;
	color: black;
	font-weight:bold;
	font-size:14px;
	text-indent:2px;
	}
.big-bold {font-weight:bold; font-size:120%; margin:8px 0;}
.lined {border-bottom:1px solid gray; display:block; margin: 0 0 8px 5px;}
.back-gray {
	background-color:#666666;
	color:white;
	font-weight:bold;
	font-size:14px;
	text-indent:2px;
}
.tbl-btm-dash {border-bottom:dashed 1px #666666;}

/*Prom Styles for MCE---------------------------*/
.table-prom {
	background-image: url(/wp-content/uploads/tidbits-back.jpg);
	background-position:bottom;
	background-repeat:no-repeat;
	width:271px;
	padding:0 0 20px 0;
	}

.table-prom h1, .table-prom h3 {
	background-image:url(/wp-content/uploads/tidbits.gif);
	background-repeat:no-repeat;
	background-position: top;	
	height:30px;
	text-align:center; 
	padding:8px 0 5px 0; 
	font-size:14px;
	}

.table-prom p {
	padding:5px 25px!important;
	text-align:center;
	width:241px;
	}

.table-prom li {
	padding:5px 0 0 41px!important;
	list-style-position:inside;
	width:241px;
	}
	


/*Wedding Stories--------------------------------------------------------------*/
.wedding-ylw {
	background-color:#F9F9F7;
	}

.wedding-blu {
	background-color: #EAEAE3;
	}

.wedding-ylw, .wedding-blu {
	padding:2px 5px;
}

.wedding-ylw h3, .wedding-blu h3 {
	font-size: 14px;
	background-color: #64634F;
	color:#FFFFFF;
	text-indent:3px;
	font-variant:small-caps;
	padding:3px 0;
	}
	
.wedding-ylw p, .wedding-blu p {
	padding:3px 8px;
	}

.outlet-desc {
	font-size:12px;
	font-weight:bold;
	background-color:#ff99cc;
	}

.outlet-price {
	color:red;
	font-size:14px;
	font-weight:bold;
	}

.outlet ul li {
	padding:5px 0 0 0;
	}